eco-vue-js 0.11.56 → 0.11.58

package/dist/components/List/WListCard.vue.js

@@ -65,15 +65,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", mergeProps(_ctx.allowSelect ? { "onMouseover": () => _ctx.$emit("hover:selected") } : void 0, {
+        createElementVNode("div", mergeProps(__props.allowSelect ? { "onMouseover": () => _ctx.$emit("hover:selected") } : void 0, {
           ref: "container",
           class: ["relative isolate", {
-            [_ctx.cardWrapperClass ?? ""]: true,
+            [__props.cardWrapperClass ?? ""]: true,
             "w-ripple-trigger-list": isActionShown.value,
-            "sm-not:dark:even:bg-primary-darkest/25 sm-not:even:bg-gray-50 grid grid-cols-1": _ctx.card,
-            "flex": !_ctx.card,
-            "-mb-px": !_ctx.card && isOpen.value,
-            "w-hover-checked": _ctx.allowSelectHover
+            "sm-not:dark:even:bg-primary-darkest/25 sm-not:even:bg-gray-50 grid grid-cols-1": __props.card,
+            "flex": !__props.card,
+            "-mb-px": !__props.card && isOpen.value,
+            "w-hover-checked": __props.allowSelectHover
           }],
           onContextmenu: toggleMenu
         }), [
@@ -84,63 +84,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "leave-to-class": "-translate-x-2"
           }, {
             default: withCtx(() => [
-              _ctx.mobile && _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
+              __props.mobile && __props.selected ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
             ]),
             _: 1
           }),
-          !_ctx.card ? (openBlock(), createElementBlock("div", {
+          !__props.card ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["-left--left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
-              "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
+              "width-[--w-list-header-rounded,1rem]": !__props.allowSelect
             }])
           }, [
             _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--left-inner absolute right-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-l-[--w-list-rounded,unset]", {
-                "border border-r-0": _ctx.hasBorder,
-                "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-                "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+                "border border-r-0": __props.hasBorder,
+                "border-gray-300 dark:border-gray-700": __props.hasBorder && !__props.selected,
+                "border-primary dark:border-primary-dark": __props.hasBorder && __props.selected,
                 "rounded-bl-[unset!important]": isOpen.value,
-                "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
-                "pl-px": !_ctx.hasBorder,
+                "border-b-transparent dark:border-b-transparent": __props.hasBorder && isOpen.value,
+                "pl-px": !__props.hasBorder,
                 ...beforeClass.value
               }])
             }, [
-              _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.allowSelect ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                "model-value": _ctx.selected,
-                disabled: _ctx.disabled ?? false,
+                "model-value": __props.selected,
+                disabled: __props.disabled ?? false,
                 readonly: false,
-                "align-top": _ctx.alignTop,
-                "less-transitions": _ctx.allowSelectHover,
+                "align-top": __props.alignTop,
+                "less-transitions": __props.allowSelectHover,
                 class: normalizeClass(["h-full px-[--w-list-padding,1rem]", {
-                  "opacity-50": _ctx.allowSelectHover,
-                  "pt-4.5": _ctx.alignTop
+                  "opacity-50": __props.allowSelectHover,
+                  "pt-4.5": __props.alignTop
                 }]),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle:selected"))
               }, null, 8, ["model-value", "disabled", "align-top", "less-transitions", "class"])) : createCommentVNode("", true)
             ], 2)
           ], 2)) : createCommentVNode("", true),
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.formName ? _sfc_main$2 : "div"), mergeProps({ ref: "form" }, _ctx.formName ? { name: _ctx.formName } : void 0, {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.formName ? _sfc_main$2 : "div"), mergeProps({ ref: "form" }, __props.formName ? { name: __props.formName } : void 0, {
             class: ["sm-not:-px--inner-margin isolate", {
-              [_ctx.cardClass ?? ""]: true,
-              "flex flex-1": !_ctx.card,
-              "grid grid-cols-[--w-list-grid-cols] [grid-template-areas:--w-list-grid-areas] sm:rounded-[--w-list-rounded,unset]": _ctx.card,
-              "sm:border-y": _ctx.hasBorder,
-              "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-              "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
-              "sm:border": _ctx.card && _ctx.hasBorder,
-              "border-b-transparent dark:border-b-transparent": !_ctx.card && _ctx.hasBorder && isOpen.value
+              [__props.cardClass ?? ""]: true,
+              "flex flex-1": !__props.card,
+              "grid grid-cols-[--w-list-grid-cols] [grid-template-areas:--w-list-grid-areas] sm:rounded-[--w-list-rounded,unset]": __props.card,
+              "sm:border-y": __props.hasBorder,
+              "border-gray-300 dark:border-gray-700": __props.hasBorder && !__props.selected,
+              "border-primary dark:border-primary-dark": __props.hasBorder && __props.selected,
+              "sm:border": __props.card && __props.hasBorder,
+              "border-b-transparent dark:border-b-transparent": !__props.card && __props.hasBorder && isOpen.value
             }]
           }), {
             default: withCtx(() => [
-              _ctx.allowSelect && _ctx.card ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.allowSelect && __props.card ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                "model-value": _ctx.selected,
-                disabled: _ctx.disabled ?? false,
+                "model-value": __props.selected,
+                disabled: __props.disabled ?? false,
                 readonly: false,
                 class: normalizeClass(["-p--inner-margin -my---inner-margin -mr---inner-margin justify-end self-start", {
-                  "opacity-50": _ctx.allowSelectHover
+                  "opacity-50": __props.allowSelectHover
                 }]),
                 style: normalizeStyle({ gridArea: unref(AREA_SELECT) }),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle:selected"))
@@ -148,29 +148,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate, beforeClass: beforeClass.value }))),
               isActionShown.value ? (openBlock(), createBlock(_sfc_main$3, mergeProps(
                 { key: 1 },
-                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(_sfc_main$4), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : _ctx.allowOpen ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: _ctx.card, class: "z-[-1]" },
+                __props.allowSelectHover ? { tag: "button", card: __props.card, onClick: () => _ctx.$emit("toggle:selected") } : __props.hasAction ? { tag: "button", card: __props.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : __props.to ? { tag: markRaw(_sfc_main$4), card: __props.card, class: "z-[-1]", props: { to: __props.to } } : __props.allowOpen ? { tag: "button", card: __props.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: __props.card, class: "z-[-1]" },
                 {
                   class: {
-                    "before:text-primary dark:before:text-primary-dark": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen,
-                    "before:opacity-10": _ctx.selected || unref(moreRef)?.isOpen
+                    "before:text-primary dark:before:text-primary-dark": __props.allowSelectHover || __props.selected || moreRef.value?.isOpen,
+                    "before:opacity-10": __props.selected || moreRef.value?.isOpen
                   },
-                  "opacity-class": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen ? "w-ripple-opacity-15" : void 0
+                  "opacity-class": __props.allowSelectHover || __props.selected || moreRef.value?.isOpen ? "w-ripple-opacity-15" : void 0
                 }
               ), null, 16, ["class", "opacity-class"])) : createCommentVNode("", true),
-              _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$5, {
+              __props.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 2,
                 ref: "more",
                 class: "-p--inner-margin -my---inner-margin -mr---inner-margin flex items-center",
-                disabled: _ctx.disabled || _ctx.disableMore,
+                disabled: __props.disabled || __props.disableMore,
                 style: normalizeStyle({ gridArea: unref(AREA_MORE) }),
-                anchor: unref(anchorRef) ?? void 0,
+                anchor: anchorRef.value ?? void 0,
                 onClose: _cache[3] || (_cache[3] = ($event) => position.value = null)
               }, {
                 default: withCtx(() => [
-                  _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$6, {
+                  __props.allowSelect ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
-                    text: _ctx.selected ? "Unselect" : "Select",
-                    icon: _ctx.selected ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
+                    text: __props.selected ? "Unselect" : "Select",
+                    icon: __props.selected ? markRaw(unref(IconMinusCircle)) : markRaw(unref(IconAddCircle)),
                     onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("toggle:selected"))
                   }, null, 8, ["text", "icon"])) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "more")
@@ -180,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 16, ["class"])),
-          !_ctx.card ? (openBlock(), createElementBlock("div", {
+          !__props.card ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["-right--right-inner bg-default dark:bg-default-dark sticky z-[1]", {
               "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.$slots.more,
@@ -190,11 +190,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--right-inner absolute left-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-r-[--w-list-rounded,unset]", {
-                "rounded-tr-[--w-list-rounded,unset] border border-l-0": _ctx.hasBorder,
-                "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-                "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
+                "rounded-tr-[--w-list-rounded,unset] border border-l-0": __props.hasBorder,
+                "border-gray-300 dark:border-gray-700": __props.hasBorder && !__props.selected,
+                "border-primary dark:border-primary-dark": __props.hasBorder && __props.selected,
                 "rounded-br-[unset!important]": isOpen.value,
-                "border-b-transparent dark:border-b-transparent": _ctx.hasBorder && isOpen.value,
+                "border-b-transparent dark:border-b-transparent": __props.hasBorder && isOpen.value,
                 ...beforeClass.value
               }])
             }, [
@@ -202,11 +202,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 ref: "more",
                 class: normalizeClass(["flex h-full px-[--w-list-padding,1rem]", {
-                  "pt-4.5 items-start": _ctx.alignTop,
-                  "items-center": !_ctx.alignTop
+                  "pt-4.5 items-start": __props.alignTop,
+                  "items-center": !__props.alignTop
                 }]),
-                disabled: _ctx.disabled || _ctx.disableMore,
-                anchor: unref(anchorRef) ?? void 0,
+                disabled: __props.disabled || __props.disableMore,
+                anchor: anchorRef.value ?? void 0,
                 onClose: _cache[4] || (_cache[4] = ($event) => position.value = null)
               }, {
                 default: withCtx(() => [
@@ -227,10 +227,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(["list:-w--width-inner list:-left--left-inner list:sticky col-span-full", {
-              "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
-              "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
-              "mt-[calc(var(--w-list-gap,1rem)*-1)] border border-t-0 px-5": !_ctx.card && _ctx.hasBorder,
-              "rounded-b-[--w-list-rounded,unset]": !_ctx.card
+              "border-gray-300 dark:border-gray-700": __props.hasBorder && !__props.selected,
+              "border-primary dark:border-primary-dark": __props.hasBorder && __props.selected,
+              "mt-[calc(var(--w-list-gap,1rem)*-1)] border border-t-0 px-5": !__props.card && __props.hasBorder,
+              "rounded-b-[--w-list-rounded,unset]": !__props.card
             }])
           }, [
             renderSlot(_ctx.$slots, "expansion")

package/dist/components/List/WListCardField.vue.js

@@ -14,13 +14,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["list:pr-3 list:first-not:pl-3 grid shrink-0 grid-cols-1", {
-          "pointer-events-none": _ctx.allowOpen
+          "pointer-events-none": __props.allowOpen
         }])
       }, [
-        _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+        __props.skeleton ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "inner", {}, () => [
-              createTextVNode(toDisplayString(_ctx.modelValue), 1)
+              createTextVNode(toDisplayString(__props.modelValue), 1)
             ])
           ])
         ])

package/dist/components/List/WListFilter.vue.js

@@ -17,14 +17,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const ListFilterGlobal = defineAsyncComponent(() => import('./components/ListFilterGlobal.vue.js'));
     const ListFilterLocal = defineAsyncComponent(() => import('./components/ListFilterLocal.vue.js'));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.global ? unref(ListFilterGlobal) : unref(ListFilterLocal)), {
-        filter: _ctx.filter,
-        "filter-search": _ctx.filterSearch,
-        "query-params": _ctx.queryParams,
-        search: _ctx.search === true,
-        "disabled-filter-fields": _ctx.disabledFilterFields ?? [],
-        title: _ctx.title,
-        readonly: _ctx.readonly ?? false,
+      return openBlock(), createBlock(resolveDynamicComponent(__props.global ? unref(ListFilterGlobal) : unref(ListFilterLocal)), {
+        filter: __props.filter,
+        "filter-search": __props.filterSearch,
+        "query-params": __props.queryParams,
+        search: __props.search === true,
+        "disabled-filter-fields": __props.disabledFilterFields ?? [],
+        title: __props.title,
+        readonly: __props.readonly ?? false,
         "onUpdate:queryParams": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:query-params", $event))
       }, null, 40, ["filter", "filter-search", "query-params", "search", "disabled-filter-fields", "title", "readonly"]);
     };

package/dist/components/List/WListHeader.vue.js

@@ -30,15 +30,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _cache[1] || (_cache[1] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--left-inner absolute right-full top-0 z-[-1] h-full" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-l-[--w-list-header-rounded,1rem] border-y border-l border-solid border-gray-300 dark:border-gray-700", {
-              "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
+              "width-[--w-list-header-rounded,1rem]": !__props.allowSelect
             }])
           }, [
-            _ctx.allowSelect && _ctx.selection !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
+            __props.allowSelect && __props.selection !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              disabled: _ctx.disabled || _ctx.count === 0 || _ctx.count === void 0,
+              disabled: __props.disabled || __props.count === 0 || __props.count === void 0,
               readonly: false,
-              "model-value": _ctx.selection,
-              "tooltip-text": _ctx.tooltipText,
+              "model-value": __props.selection,
+              "tooltip-text": __props.tooltipText,
               intermediate: "",
               class: "size-full px-[--w-list-padding,1rem]",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle:selection", $event))
@@ -52,8 +52,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _cache[2] || (_cache[2] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--right-inner absolute left-full top-0 z-[-1] h-full" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-r-[--w-list-header-rounded,0.75rem] border-y border-r border-solid border-gray-300 dark:border-gray-700", {
-              "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": !_ctx.hideMore,
-              "width-[--w-list-header-rounded,1rem]": _ctx.hideMore
+              "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": !__props.hideMore,
+              "width-[--w-list-header-rounded,1rem]": __props.hideMore
             }])
           }, [
             renderSlot(_ctx.$slots, "settings")

package/dist/components/List/WListHeaderItem.vue.js

@@ -47,34 +47,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.allowResize ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "container" }, _ctx.allowResize ? {
-        hasWidth: _ctx.hasWidth,
+      return openBlock(), createBlock(resolveDynamicComponent(__props.allowResize ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "container" }, __props.allowResize ? {
+        hasWidth: __props.hasWidth,
         "onSave:width": () => _ctx.$emit("save:width")
       } : void 0, {
         class: "text-description last-not:pr-3 first-not:pl-3 shrink-0 select-none overflow-hidden",
-        style: [widthStyleInner.value, _ctx.styleValue],
+        style: [widthStyleInner.value, __props.styleValue],
         "onUpdate:width": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:width", $event))
       }), {
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.disabled ? "div" : "button"), {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.disabled ? "div" : "button"), {
             class: normalizeClass(["group flex size-full gap-2 overflow-clip", {
-              "cursor-pointer": !_ctx.disabled,
-              [_ctx.itemClass ?? ""]: true,
-              "items-center whitespace-nowrap font-semibold": !_ctx.itemClass
+              "cursor-pointer": !__props.disabled,
+              [__props.itemClass ?? ""]: true,
+              "items-center whitespace-nowrap font-semibold": !__props.itemClass
             }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && setOrdering())
+            onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && setOrdering())
           }, {
             default: withCtx(() => [
               createElementVNode("div", {
                 class: normalizeClass({
-                  "group-hover:underline": !_ctx.disabled
+                  "group-hover:underline": !__props.disabled
                 })
               }, [
                 renderSlot(_ctx.$slots, "default", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title), 1)
+                  createTextVNode(toDisplayString(__props.title), 1)
                 ])
               ], 2),
-              !_ctx.disabled ? (openBlock(), createBlock(Transition, {
+              !__props.disabled ? (openBlock(), createBlock(Transition, {
                 key: 0,
                 "enter-active-class": "transition-opacity",
                 "leave-active-class": "transition-opacity",
@@ -85,11 +85,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   index.value !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
                     createVNode(unref(IconBack), {
                       class: normalizeClass(["square-3 transition-transform", {
-                        "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
-                        "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
+                        "rotate-90": __props.ordering[index.value]?.order === "ASC",
+                        "-rotate-90": __props.ordering[index.value]?.order === "DESC"
                       }])
                     }, null, 8, ["class"]),
-                    _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
+                    __props.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1

package/dist/components/List/components/HeaderFieldNested.vue.js

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_HeaderFieldNested = resolveComponent("HeaderFieldNested", true);
-      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortFields)(_ctx.fields, _ctx.fieldConfigMap), (field, index) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortFields)(__props.fields, __props.fieldConfigMap), (field, index) => {
         return openBlock(), createElementBlock(Fragment, {
           key: unref(getFirstFieldLabel)(field)
         }, [
@@ -20,13 +20,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             field,
             nested: false,
             index,
-            length: _ctx.fields.length,
+            length: __props.fields.length,
             first: index === 0,
-            last: index === _ctx.fields.length - 1
+            last: index === __props.fields.length - 1
           }) : (openBlock(), createBlock(_component_HeaderFieldNested, {
             key: 1,
             fields: field.meta.fields,
-            "field-config-map": _ctx.fieldConfigMap
+            "field-config-map": __props.fieldConfigMap
           }, {
             default: withCtx((defaultScope) => [
               defaultScope.length !== 1 ? renderSlot(_ctx.$slots, "default", {
@@ -42,9 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 field: defaultScope.field,
                 nested: true,
                 index,
-                length: _ctx.fields.length,
+                length: __props.fields.length,
                 first: index === 0,
-                last: index === _ctx.fields.length - 1
+                last: index === __props.fields.length - 1
               })
             ]),
             _: 2

package/dist/components/List/components/HeaderSettings.vue.js

@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         toggle: withCtx(() => [
           createVNode(_sfc_main$5, {
             icon: markRaw(unref(IconListSettings)),
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             active: isOpen.value,
             "tooltip-text": isOpen.value ? void 0 : "Table settings",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
@@ -85,24 +85,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
                 createElementVNode("div", _hoisted_2, [
-                  !_ctx.mobile ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  !__props.mobile ? (openBlock(), createElementBlock("div", _hoisted_3, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref(listModeList), (item) => {
                       return openBlock(), createBlock(_sfc_main$3, {
                         key: item,
                         icon: unref(listModeIconMap)[item],
                         label: unref(listModeLabelMap)[item],
-                        active: _ctx.mode === item,
+                        active: __props.mode === item,
                         onClick: ($event) => _ctx.$emit("update:mode", item)
                       }, null, 8, ["icon", "label", "active", "onClick"]);
                     }), 128))
                   ])) : createCommentVNode("", true),
-                  !_ctx.mobile ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+                  !__props.mobile ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
                   createVNode(_sfc_main$4, {
-                    fields: _ctx.fields,
-                    "field-config-map": _ctx.fieldConfigMap,
-                    "query-params": _ctx.queryParams,
+                    fields: __props.fields,
+                    "field-config-map": __props.fieldConfigMap,
+                    "query-params": __props.queryParams,
                     class: "text-description",
-                    "onUpdate:fieldConfigMap": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:field-config-map", { ..._ctx.fieldConfigMap, ...$event })),
+                    "onUpdate:fieldConfigMap": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:field-config-map", { ...__props.fieldConfigMap, ...$event })),
                     "onUpdate:list": updateOrder
                   }, null, 8, ["fields", "field-config-map", "query-params"])
                 ]),
@@ -110,13 +110,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("button", {
                     class: normalizeClass(["relative rounded-lg bg-gray-100 px-2 py-1 dark:bg-gray-800", {
-                      "w-ripple w-ripple-hover": _ctx.hasSaved,
-                      "cursor-not-allowed opacity-50": !_ctx.hasSaved
+                      "w-ripple w-ripple-hover": __props.hasSaved,
+                      "cursor-not-allowed opacity-50": !__props.hasSaved
                     }]),
-                    disabled: !_ctx.hasSaved,
-                    "aria-disabled": !_ctx.hasSaved,
+                    disabled: !__props.hasSaved,
+                    "aria-disabled": !__props.hasSaved,
                     "aria-label": "Reset column settings",
-                    onClick: _cache[2] || (_cache[2] = ($event) => _ctx.hasSaved && _ctx.$emit("click:reset"))
+                    onClick: _cache[2] || (_cache[2] = ($event) => __props.hasSaved && _ctx.$emit("click:reset"))
                   }, " Reset ", 10, _hoisted_6)
                 ])
               ])

package/dist/components/List/components/HeaderSettingsList.vue.js

@@ -25,8 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_HeaderSettingsList = resolveComponent("HeaderSettingsList", true);
       return openBlock(), createBlock(_sfc_main$1, {
-        list: unref(sortFields)(_ctx.fields, _ctx.fieldConfigMap),
-        disabled: _ctx.disabled,
+        list: unref(sortFields)(__props.fields, __props.fieldConfigMap),
+        disabled: __props.disabled,
         class: "grid grid-cols-1",
         "onUpdate:list": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:list", $event))
       }, {
@@ -39,9 +39,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             dragging ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, container, { class: "absolute inset-x-0 top-0 z-10 h-7" }), null, 16)) : createCommentVNode("", true),
             createVNode(_component_HeaderSettingsList, {
               fields: item.meta.fields,
-              "field-config-map": _ctx.fieldConfigMap,
-              "query-params": _ctx.queryParams,
-              disabled: _ctx.disabled,
+              "field-config-map": __props.fieldConfigMap,
+              "query-params": __props.queryParams,
+              disabled: __props.disabled,
               style: normalizeStyle(container.style),
               nested: "",
               "onUpdate:list": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:list", $event)),
@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 1,
             class: "bg-default dark:bg-default-dark grid select-none grid-cols-[1.75rem,1fr,2.25rem,2.25rem]"
           }, container), [
-            !_ctx.disabled ? (openBlock(), createElementBlock("button", {
+            !__props.disabled ? (openBlock(), createElementBlock("button", {
               key: 0,
               class: "w-ripple w-ripple-hover relative flex cursor-grab items-center justify-center active:cursor-grabbing",
               "aria-label": "Reorder field",
@@ -59,29 +59,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(IconDrag), { class: "rotate-90" })
             ], 40, _hoisted_1)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2, toDisplayString(typeof item.meta.title === "string" ? item.meta.title : item.meta.title(_ctx.queryParams)), 1),
+            createElementVNode("div", _hoisted_2, toDisplayString(typeof item.meta.title === "string" ? item.meta.title : item.meta.title(__props.queryParams)), 1),
             createElementVNode("button", {
               class: "w-ripple w-ripple-hover group relative flex items-center justify-center",
-              "aria-pressed": !_ctx.fieldConfigMap[item.meta.label].visible,
+              "aria-pressed": !__props.fieldConfigMap[item.meta.label].visible,
               "aria-label": "Hide field",
-              onClick: ($event) => _ctx.$emit("update:field-config-map", { [item.meta.label]: { ..._ctx.fieldConfigMap[item.meta.label], visible: !_ctx.fieldConfigMap[item.meta.label].visible } })
+              onClick: ($event) => _ctx.$emit("update:field-config-map", { [item.meta.label]: { ...__props.fieldConfigMap[item.meta.label], visible: !__props.fieldConfigMap[item.meta.label].visible } })
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldConfigMap[item.meta.label].visible ? unref(IconEye) : unref(IconEyeSlash)), {
+              (openBlock(), createBlock(resolveDynamicComponent(__props.fieldConfigMap[item.meta.label].visible ? unref(IconEye) : unref(IconEyeSlash)), {
                 class: normalizeClass(["pointer-events-none", {
-                  "opacity-20 group-hover:opacity-50": _ctx.fieldConfigMap[item.meta.label].visible
+                  "opacity-20 group-hover:opacity-50": __props.fieldConfigMap[item.meta.label].visible
                 }])
               }, null, 8, ["class"]))
             ], 8, _hoisted_3),
-            !_ctx.nested ? (openBlock(), createElementBlock("button", {
+            !__props.nested ? (openBlock(), createElementBlock("button", {
               key: 1,
               class: "w-ripple w-ripple-hover group relative flex items-center justify-center",
-              "aria-pressed": _ctx.fieldConfigMap[item.meta.label].sticky,
+              "aria-pressed": __props.fieldConfigMap[item.meta.label].sticky,
               "aria-label": "Pin column",
-              onClick: ($event) => _ctx.$emit("update:field-config-map", { [item.meta.label]: { ..._ctx.fieldConfigMap[item.meta.label], sticky: !_ctx.fieldConfigMap[item.meta.label].sticky } })
+              onClick: ($event) => _ctx.$emit("update:field-config-map", { [item.meta.label]: { ...__props.fieldConfigMap[item.meta.label], sticky: !__props.fieldConfigMap[item.meta.label].sticky } })
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldConfigMap[item.meta.label].sticky ? unref(IconLock) : unref(IconLockOff)), {
+              (openBlock(), createBlock(resolveDynamicComponent(__props.fieldConfigMap[item.meta.label].sticky ? unref(IconLock) : unref(IconLockOff)), {
                 class: normalizeClass(["pointer-events-none", {
-                  "opacity-20 group-hover:opacity-50": !_ctx.fieldConfigMap[item.meta.label].sticky
+                  "opacity-20 group-hover:opacity-50": !__props.fieldConfigMap[item.meta.label].sticky
                 }])
               }, null, 8, ["class"]))
             ], 8, _hoisted_4)) : createCommentVNode("", true)

package/dist/components/List/components/HeaderSettingsModeButton.vue.js

@@ -13,14 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         class: normalizeClass(["w-ripple w-ripple-hover relative flex justify-center rounded-2xl p-4", {
-          "text-primary dark:text-primary-dark bg-primary/10 dark:bg-primary-dark/10": _ctx.active,
-          "text-description": !_ctx.active
+          "text-primary dark:text-primary-dark bg-primary/10 dark:bg-primary-dark/10": __props.active,
+          "text-description": !__props.active
         }]),
-        "aria-pressed": _ctx.active,
-        "aria-label": _ctx.label,
+        "aria-pressed": __props.active,
+        "aria-label": __props.label,
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-6" }))
+        (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-6" }))
       ], 10, _hoisted_1);
     };
   }

package/dist/components/List/components/HeaderSort.vue.js

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         toggle: withCtx(() => [
           createVNode(_sfc_main$4, {
             icon: markRaw(unref(IconSort)),
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             active: isOpen.value,
             "tooltip-text": isOpen.value ? void 0 : "Sort",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
@@ -54,10 +54,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFlat.value, (field) => {
                 return openBlock(), createBlock(_sfc_main$3, {
                   key: field.meta.label,
-                  title: typeof field.meta.title === "string" ? field.meta.title : field.meta.title(_ctx.queryParams),
-                  field: typeof field.meta.field === "string" ? field.meta.field : field.meta.field(_ctx.queryParams),
-                  ordering: _ctx.ordering,
-                  disabled: _ctx.disabled,
+                  title: typeof field.meta.title === "string" ? field.meta.title : field.meta.title(__props.queryParams),
+                  field: typeof field.meta.field === "string" ? field.meta.field : field.meta.field(__props.queryParams),
+                  ordering: __props.ordering,
+                  disabled: __props.disabled,
                   "onUpdate:ordering": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:ordering", $event))
                 }, null, 8, ["title", "field", "ordering", "disabled"]);
               }), 128))

package/dist/components/List/components/HeaderSortItem.vue.js

@@ -35,11 +35,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        disabled: _ctx.disabled,
+        disabled: __props.disabled,
         onClick: setOrdering
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1),
+          createElementVNode("div", _hoisted_1, toDisplayString(__props.title), 1),
           createElementVNode("div", _hoisted_2, [
             createVNode(Transition, {
               "enter-active-class": "transition-opacity",
@@ -51,8 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 index.value !== -1 ? (openBlock(), createBlock(unref(IconBack), {
                   key: 0,
                   class: normalizeClass(["square-4 transition-transform", {
-                    "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
-                    "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
+                    "rotate-90": __props.ordering[index.value]?.order === "ASC",
+                    "-rotate-90": __props.ordering[index.value]?.order === "DESC"
                   }])
                 }, null, 8, ["class"])) : createCommentVNode("", true)
               ]),
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                index.value !== -1 && _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
+                index.value !== -1 && __props.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
               ]),
               _: 1
             })