@@ -3755,8 +3755,8 @@ VueWrapper {
"suspense": null,
"suspenseId": 0,
"type": {
- "__file": "/Volumes/Data/Code/Projects/gecko/src/components/Loader/ClLoadingSpinner.vue",
- "__name": "ClLoadingSpinner",
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
"components": {},
"props": {
"color": {
@@ -3835,8 +3835,8 @@ VueWrapper {
"targetAnchor": null,
"transition": null,
"type": {
- "__file": "/Volumes/Data/Code/Projects/gecko/src/components/Loader/ClLoadingSpinner.vue",
- "__name": "ClLoadingSpinner",
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
"components": {},
"props": {
"color": {
diff --git a/src/components/Loader/__tests__/__snapshots__/DsLoadingSpinner.spec.ts.snap b/src/components/Loader/__tests__/__snapshots__/DsLoadingSpinner.spec.ts.snap
new file mode 100644
index 00000000..b08841c2
--- /dev/null
+++ b/src/components/Loader/__tests__/__snapshots__/DsLoadingSpinner.spec.ts.snap
@@ -0,0 +1,4183 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DsLoadingSpinner > renders correctly 1`] = `
+VueWrapper {
+ "__app": {
+ "_component": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "_container":
,
+ "_context": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "_instance": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": null,
+ "ctx": {
+ "VTU_COMPONENT": {},
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "VTU_COMPONENT": RefImpl {
+ "__v_isRef": true,
+ "__v_isShallow": false,
+ "_rawValue": {},
+ "_value": {},
+ "dep": undefined,
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": null,
+ "exposed": null,
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": null,
+ "props": {},
+ "propsDefaults": {},
+ "propsOptions": [
+ {},
+ [],
+ ],
+ "provides": {},
+ "proxy": {
+ "VTU_COMPONENT": {},
+ },
+ "refs": {
+ "VTU_COMPONENT": {},
+ },
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": null,
+ "setupState": {
+ "VTU_COMPONENT": {},
+ },
+ "slots": {},
+ "slotsProxy": null,
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": null,
+ "component": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": {},
+ "ctx": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "color": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "color",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "computedFillColor": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "computedSize": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "label": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "label",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "showLabel",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": {},
+ "exposed": {},
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": [Circular],
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "propsDefaults": {},
+ "propsOptions": [
+ {
+ "color": {
+ "0": false,
+ "1": true,
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "0": false,
+ "1": true,
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "0": true,
+ "1": true,
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "0": false,
+ "1": true,
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ [
+ "color",
+ "label",
+ "showLabel",
+ "size",
+ ],
+ ],
+ "provides": {},
+ "proxy": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "refs": {},
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": {
+ "attrs": {},
+ "emit": [Function],
+ "expose": [Function],
+ "slots": {},
+ },
+ "setupState": {
+ "color": "blue",
+ "computedFillColor": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "computedSize": "w-6 h-6",
+ "label": "Loading...",
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": false,
+ },
+ "slots": {},
+ "slotsProxy": {},
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-blue-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-blue-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "class": "flex flex-col items-center justify-center w-full h-full",
+ "role": "status",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "div",
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 1,
+ "um": null,
+ "update": [Function],
+ "vnode": [Circular],
+ "withProxy": null,
+ },
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "ref": "VTU_COMPONENT",
+ },
+ "ref": {
+ "f": false,
+ "i": [Circular],
+ "k": undefined,
+ "r": "VTU_COMPONENT",
+ },
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 0,
+ "um": null,
+ "update": [Function],
+ "vnode": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "children": null,
+ "component": [Circular],
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "withProxy": null,
+ },
+ "_props": null,
+ "_uid": 0,
+ "component": [Function],
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directive": [Function],
+ "mixin": [Function],
+ "mount": [Function],
+ "provide": [Function],
+ "runWithContext": [Function],
+ "unmount": [Function],
+ "use": [Function],
+ "version": "3.3.4",
+ },
+ "__setProps": [Function],
+ "cleanUpCallbacks": [
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ ],
+ "componentVM": {},
+ "isDisabled": [Function],
+ "rootVM": {
+ "VTU_COMPONENT": {},
+ },
+ "wrapperElement":
,
+}
+`;
+
+exports[`DsLoadingSpinner > renders correctly with color >
1`] = `
+VueWrapper {
+ "__app": {
+ "_component": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "_container":
,
+ "_context": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "_instance": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": null,
+ "ctx": {
+ "VTU_COMPONENT": {},
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "VTU_COMPONENT": RefImpl {
+ "__v_isRef": true,
+ "__v_isShallow": false,
+ "_rawValue": {},
+ "_value": {},
+ "dep": undefined,
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": null,
+ "exposed": null,
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": null,
+ "props": {},
+ "propsDefaults": {},
+ "propsOptions": [
+ {},
+ [],
+ ],
+ "provides": {},
+ "proxy": {
+ "VTU_COMPONENT": {},
+ },
+ "refs": {
+ "VTU_COMPONENT": {},
+ },
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": null,
+ "setupState": {
+ "VTU_COMPONENT": {},
+ },
+ "slots": {},
+ "slotsProxy": null,
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": null,
+ "component": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": {},
+ "ctx": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "color": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "color",
+ "_object": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "computedFillColor": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-green-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "computedSize": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "label": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "label",
+ "_object": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "props": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "showLabel",
+ "_object": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": {},
+ "exposed": {},
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": [Circular],
+ "props": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "propsDefaults": {},
+ "propsOptions": [
+ {
+ "color": {
+ "0": false,
+ "1": true,
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "0": false,
+ "1": true,
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "0": true,
+ "1": true,
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "0": false,
+ "1": true,
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ [
+ "color",
+ "label",
+ "showLabel",
+ "size",
+ ],
+ ],
+ "provides": {},
+ "proxy": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "refs": {},
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-green-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": {
+ "attrs": {},
+ "emit": [Function],
+ "expose": [Function],
+ "slots": {},
+ },
+ "setupState": {
+ "color": "green",
+ "computedFillColor": "fill-green-600 text-gray-200 dark:text-gray-200",
+ "computedSize": "w-6 h-6",
+ "label": "Loading...",
+ "props": {
+ "color": "green",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": false,
+ },
+ "slots": {},
+ "slotsProxy": {},
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-green-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-green-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "class": "flex flex-col items-center justify-center w-full h-full",
+ "role": "status",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "div",
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 3,
+ "um": null,
+ "update": [Function],
+ "vnode": [Circular],
+ "withProxy": null,
+ },
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "color": "green",
+ "ref": "VTU_COMPONENT",
+ },
+ "ref": {
+ "f": false,
+ "i": [Circular],
+ "k": undefined,
+ "r": "VTU_COMPONENT",
+ },
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 2,
+ "um": null,
+ "update": [Function],
+ "vnode": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "children": null,
+ "component": [Circular],
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "withProxy": null,
+ },
+ "_props": null,
+ "_uid": 1,
+ "component": [Function],
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directive": [Function],
+ "mixin": [Function],
+ "mount": [Function],
+ "provide": [Function],
+ "runWithContext": [Function],
+ "unmount": [Function],
+ "use": [Function],
+ "version": "3.3.4",
+ },
+ "__setProps": [Function],
+ "cleanUpCallbacks": [
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ ],
+ "componentVM": {},
+ "isDisabled": [Function],
+ "rootVM": {
+ "VTU_COMPONENT": {},
+ },
+ "wrapperElement":
,
+}
+`;
+
+exports[`DsLoadingSpinner > renders correctly with size >
1`] = `
+VueWrapper {
+ "__app": {
+ "_component": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "_container":
,
+ "_context": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "_instance": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": null,
+ "ctx": {
+ "VTU_COMPONENT": {},
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "VTU_COMPONENT": RefImpl {
+ "__v_isRef": true,
+ "__v_isShallow": false,
+ "_rawValue": {},
+ "_value": {},
+ "dep": undefined,
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": null,
+ "exposed": null,
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": null,
+ "props": {},
+ "propsDefaults": {},
+ "propsOptions": [
+ {},
+ [],
+ ],
+ "provides": {},
+ "proxy": {
+ "VTU_COMPONENT": {},
+ },
+ "refs": {
+ "VTU_COMPONENT": {},
+ },
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": null,
+ "setupState": {
+ "VTU_COMPONENT": {},
+ },
+ "slots": {},
+ "slotsProxy": null,
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": null,
+ "component": {
+ "a": null,
+ "accessCache": {},
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "asyncDep": null,
+ "asyncResolved": false,
+ "attrs": {},
+ "attrsProxy": null,
+ "bc": null,
+ "bm": null,
+ "bu": null,
+ "bum": null,
+ "c": null,
+ "components": {},
+ "ctx": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "da": null,
+ "data": {},
+ "devtoolsRawSetupState": {
+ "color": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "color",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "computedFillColor": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "computedSize": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": ReactiveEffect {
+ "active": true,
+ "computed": [Circular],
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "label": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "label",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": ObjectRefImpl {
+ "__v_isRef": true,
+ "_defaultValue": undefined,
+ "_key": "showLabel",
+ "_object": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ },
+ },
+ "directives": null,
+ "ec": null,
+ "effect": ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ "emit": [Function],
+ "emitsOptions": null,
+ "emitted": null,
+ "exposeProxy": {},
+ "exposed": {},
+ "inheritAttrs": undefined,
+ "isDeactivated": false,
+ "isMounted": true,
+ "isUnmounted": false,
+ "m": null,
+ "next": null,
+ "parent": [Circular],
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "propsDefaults": {},
+ "propsOptions": [
+ {
+ "color": {
+ "0": false,
+ "1": true,
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "0": false,
+ "1": true,
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "0": true,
+ "1": true,
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "0": false,
+ "1": true,
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ [
+ "color",
+ "label",
+ "showLabel",
+ "size",
+ ],
+ ],
+ "provides": {},
+ "proxy": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "refs": {},
+ "render": [Function],
+ "renderCache": [],
+ "root": [Circular],
+ "rtc": null,
+ "rtg": null,
+ "scope": EffectScope {
+ "_active": true,
+ "cleanups": [],
+ "detached": true,
+ "effects": [
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ [Circular],
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "computed": ComputedRefImpl {
+ "__v_isReadonly": true,
+ "__v_isRef": true,
+ "_cacheable": true,
+ "_dirty": false,
+ "_setter": [Function],
+ "_value": "w-6 h-6",
+ "dep": Set {
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ [Circular],
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ },
+ "effect": [Circular],
+ },
+ "deps": [
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ReactiveEffect {
+ "active": true,
+ "allowRecurse": true,
+ "deps": [
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ Set {
+ [Circular],
+ },
+ ],
+ "fn": [Function],
+ "onTrack": undefined,
+ "onTrigger": undefined,
+ "parent": undefined,
+ "scheduler": [Function],
+ },
+ ],
+ "parent": undefined,
+ },
+ "setupContext": {
+ "attrs": {},
+ "emit": [Function],
+ "expose": [Function],
+ "slots": {},
+ },
+ "setupState": {
+ "color": "blue",
+ "computedFillColor": "fill-blue-600 text-gray-200 dark:text-gray-200",
+ "computedSize": "w-6 h-6",
+ "label": "Loading...",
+ "props": {
+ "color": "blue",
+ "label": "Loading...",
+ "showLabel": false,
+ "size": "normal",
+ },
+ "showLabel": false,
+ },
+ "slots": {},
+ "slotsProxy": {},
+ "sp": null,
+ "subTree": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-blue-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": [
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+ "fill": "currentColor",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "ce": undefined,
+ "children": null,
+ "component": null,
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": -1,
+ "props": {
+ "d": "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+ "fill": "currentFill",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 1,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "path",
+ },
+ ],
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 2,
+ "props": {
+ "aria-hidden": "true",
+ "class": "fill-blue-600 text-gray-200 dark:text-gray-200 w-6 h-6 mr-2 animate-spin",
+ "fill": "none",
+ "viewBox": "0 0 100 101",
+ "xmlns": "http://www.w3.org/2000/svg",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "svg",
+ },
+ {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": null,
+ "children": "v-if",
+ "component": null,
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": [],
+ "dynamicProps": null,
+ "el": ,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 8,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": Symbol(v-cmt),
+ },
+ ],
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "class": "flex flex-col items-center justify-center w-full h-full",
+ "role": "status",
+ },
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 17,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": "div",
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 5,
+ "um": null,
+ "update": [Function],
+ "vnode": [Circular],
+ "withProxy": null,
+ },
+ "ctx": [Circular],
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": {
+ "ref": "VTU_COMPONENT",
+ "size": "normal",
+ },
+ "ref": {
+ "f": false,
+ "i": [Circular],
+ "k": undefined,
+ "r": "VTU_COMPONENT",
+ },
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "__file": "/Volumes/Data/Code/Projects/genshi/src/components/Loader/DsLoadingSpinner.vue",
+ "__name": "DsLoadingSpinner",
+ "components": {},
+ "props": {
+ "color": {
+ "default": "blue",
+ "type": [Function],
+ },
+ "label": {
+ "default": "Loading...",
+ "type": [Function],
+ },
+ "showLabel": {
+ "default": false,
+ "type": [Function],
+ },
+ "size": {
+ "default": "normal",
+ "type": [Function],
+ },
+ },
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "suspense": null,
+ "suspenseId": 0,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ "u": null,
+ "uid": 4,
+ "um": null,
+ "update": [Function],
+ "vnode": {
+ "__v_isVNode": true,
+ "__v_skip": true,
+ "anchor": null,
+ "appContext": {
+ "app": [Circular],
+ "components": {
+ "transition": {
+ "name": "transition",
+ },
+ "transition-group": {
+ "name": "transition-group",
+ },
+ },
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directives": {},
+ "emitsCache": WeakMap {},
+ "mixins": [
+ {
+ "beforeCreate": [Function],
+ },
+ ],
+ "optionsCache": WeakMap {},
+ "propsCache": WeakMap {},
+ "provides": {},
+ "reload": [Function],
+ },
+ "children": null,
+ "component": [Circular],
+ "ctx": null,
+ "dirs": null,
+ "dynamicChildren": null,
+ "dynamicProps": null,
+ "el":
,
+ "key": null,
+ "patchFlag": 0,
+ "props": null,
+ "ref": null,
+ "scopeId": null,
+ "shapeFlag": 4,
+ "slotScopeIds": null,
+ "ssContent": null,
+ "ssFallback": null,
+ "staticCount": 0,
+ "suspense": null,
+ "target": null,
+ "targetAnchor": null,
+ "transition": null,
+ "type": {
+ "name": "VTU_ROOT",
+ "render": [Function],
+ "setup": [Function],
+ },
+ },
+ "withProxy": null,
+ },
+ "_props": null,
+ "_uid": 2,
+ "component": [Function],
+ "config": {
+ "compilerOptions": {},
+ "errorHandler": undefined,
+ "globalProperties": {},
+ "isNativeTag": [Function],
+ "optionMergeStrategies": {},
+ "performance": false,
+ "warnHandler": undefined,
+ },
+ "directive": [Function],
+ "mixin": [Function],
+ "mount": [Function],
+ "provide": [Function],
+ "runWithContext": [Function],
+ "unmount": [Function],
+ "use": [Function],
+ "version": "3.3.4",
+ },
+ "__setProps": [Function],
+ "cleanUpCallbacks": [
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ [Function],
+ ],
+ "componentVM": {},
+ "isDisabled": [Function],
+ "rootVM": {
+ "VTU_COMPONENT": {},
+ },
+ "wrapperElement":
,
+}
+`;
diff --git a/src/components/Loader/index.ts b/src/components/Loader/index.ts
index 01cb5416..f91ff6f9 100644
--- a/src/components/Loader/index.ts
+++ b/src/components/Loader/index.ts
@@ -1,2 +1,2 @@
-export { default as ClLoadingSpinner } from './ClLoadingSpinner.vue';
+export { default as DsLoadingSpinner } from './DsLoadingSpinner.vue';
export { LoadingSpinnerColor, LoadingSpinnerSize } from './constants';
diff --git a/src/docs/3_Colors.mdx b/src/docs/3_Colors.mdx
index 7c136fcf..33a63e5f 100644
--- a/src/docs/3_Colors.mdx
+++ b/src/docs/3_Colors.mdx
@@ -1,4 +1,5 @@
import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
+import { themes as stbThemes, ThemeProvider, ensure } from '@storybook/theming';
diff --git a/src/index.ts b/src/index.ts
index 1a24c782..62b6cd09 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,2 +1,4 @@
-export { ButtonSize, ButtonType, ClButton } from '@/components/Button';
-export { LoadingSpinnerSize, LoadingSpinnerColor, ClLoadingSpinner } from '@/components/Loader';
+export * from '@/components/Button';
+export * from '@/components/Loader';
+export * from '@/components/Icon';
+export * from '@/data';