eco-vue-js 0.10.3 → 0.10.5

package/dist/components/Modal/WModalStepper.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, useTemplateRef, ref, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, unref } from 'vue';
+import { defineComponent, useTemplateRef, ref, createBlock, openBlock, withCtx, createVNode, renderSlot, unref, createTextVNode, toDisplayString } from 'vue';
 import _sfc_main$3 from '../Button/WButton.vue.js';
 import _sfc_main$1 from './WModalWrapper.vue.js';
-import _sfc_main$2 from '../Progress/WProgress.vue.js';
-import _sfc_main$4 from '../Tabs/WTabs.vue.js';
+import _sfc_main$4 from '../Progress/WProgress.vue.js';
+import _sfc_main$2 from '../Tabs/WTabs.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         subtitle: withCtx(() => [
-          createVNode(_sfc_main$2, { "model-value": progress.value }, null, 8, ["model-value"])
+          createVNode(_sfc_main$4, { "model-value": progress.value }, null, 8, ["model-value"])
         ]),
         actions: withCtx(() => [
           first.value ? (openBlock(), createBlock(_sfc_main$3, {
@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["semantic-type", "loading", "disabled"]))
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$4, {
+          createVNode(_sfc_main$2, {
             ref: "tabsStepper",
             stepper: "",
             "no-header": "",

package/dist/components/Modal/WModalWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = { class: "bg-default dark:bg-default-dark sticky top-0 z-[1]" };
 const _hoisted_2 = { class: "text-accent sm-not:text-xl flex items-center justify-center text-balance p-[var(--modal-wrapper-padding,2rem)] text-center text-2xl font-semibold" };

package/dist/components/Modal/components/ModalCloseButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, onMounted, openBlock, createElementBlock } from 'vue';
+import { defineComponent, useTemplateRef, onMounted, createElementBlock, openBlock } from 'vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalCloseButton",

package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, unref, withModifiers, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, ref, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, unref, createTextVNode } from 'vue';
 import _sfc_main$2 from '../../../Button/WButton.vue.js';
 import _sfc_main$1 from '../../WModalWrapper.vue.js';
 import { SemanticType } from '../../../../utils/SemanticType.js';

package/dist/components/Nav/WNavBar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, Transition, withCtx, withModifiers, createElementVNode, createCommentVNode, normalizeClass, renderSlot, unref } from 'vue';
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, Transition, withCtx, createCommentVNode, withModifiers, normalizeClass, renderSlot, unref } from 'vue';
 import IconMenu from '../../assets/icons/sax/IconMenu.svg.js';
 import { isClientSide } from '../../utils/utils.js';
 

package/dist/components/Nav/WNavItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, Transition, createElementBlock, createCommentVNode, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createTextVNode } from 'vue';
+import { defineComponent, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createElementVNode, Transition, createElementBlock, createCommentVNode, renderSlot, resolveDynamicComponent, toDisplayString, createTextVNode } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';

package/dist/components/Nav/WNavItemExpand.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, openBlock, createElementBlock, createVNode, withCtx, renderSlot, unref, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, useSlots, computed, ref, reactive, watch, onBeforeUnmount, createElementBlock, openBlock, createVNode, withCtx, unref, normalizeClass, renderSlot, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
 import _sfc_main$2 from '../Expansion/WExpansion.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import '../Button/WButtonAction.vue.js';
@@ -10,9 +10,11 @@ import '../Dropdown/utils/DropdownStyle.js';
 import 'vue-router';
 import '../../utils/Modal.js';
 import '../Input/WInputSuggest.vue.js';
+import '../HeaderBar/use/useHeaderPadding.js';
 import '../Input/WInputDate.vue.js';
 import '../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import '../List/use/useListConfig.js';
 import _sfc_main$1 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
 

package/dist/components/Nav/WNavItemTransition.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, TransitionGroup, withCtx, renderSlot } from 'vue';
+import { createBlock, openBlock, TransitionGroup, withCtx, renderSlot } from 'vue';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 const _sfc_main = {};

package/dist/components/Notify/WNotify.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onBeforeMount, onBeforeUnmount, openBlock, createBlock, TransitionGroup, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, ref, onBeforeMount, onBeforeUnmount, createBlock, openBlock, TransitionGroup, withCtx, createElementBlock, Fragment, renderList } from 'vue';
 import { initNotify } from '../../utils/Notify.js';
 import _sfc_main$1 from './components/NotifyCard.vue.js';
 

package/dist/components/Notify/components/NotifyCard.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, withDirectives, createVNode, vShow, unref, createBlock, createCommentVNode, toDisplayString, createTextVNode, withCtx } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, createElementVNode, withDirectives, createVNode, vShow, createBlock, createCommentVNode, unref, toDisplayString, createTextVNode, withCtx } from 'vue';
 import { useRouter } from 'vue-router';
 import _sfc_main$2 from '../../Button/WButton.vue.js';
 import _sfc_main$1 from '../../Counter/WCounter.vue.js';

package/dist/components/NumberFormatter/WNumberFormatter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, withCtx, createTextVNode, createCommentVNode, toDisplayString } from 'vue';
 import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
 import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
 import { percentCompactFormatter, numberCompactFormatter, percentFormatter, numberFormatter } from '../../utils/utils.js';

package/dist/components/Page/WPage.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, toDisplayString, unref, createSlots, withCtx } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, nextTick, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, createVNode, renderSlot, normalizeProps, guardReactiveProps, resolveDynamicComponent, toDisplayString, unref, createSlots, withCtx } from 'vue';
 import { dateFormat } from '../../utils/dateTime.js';
 import _sfc_main$1 from './WPageTitle.vue.js';
 

package/dist/components/Page/WPageNumerator.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
+import { createElementBlock, openBlock, renderSlot } from 'vue';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 const _sfc_main = {};

package/dist/components/Page/WPageTitle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString } from 'vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WPageTitle",

package/dist/components/Progress/WProgress.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle } from 'vue';
+import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle } from 'vue';
 
 const _hoisted_1 = { class: "h-1 w-full bg-gray-200 dark:bg-gray-700" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Select/WSelect.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { ApiError } from '../../utils/api.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { debounce } from '../../utils/utils.js';
-import _sfc_main$3 from './components/SelectOption.vue.js';
-import _sfc_main$2 from './components/SelectOptionPrefix.vue.js';
+import _sfc_main$2 from './components/SelectOption.vue.js';
+import _sfc_main$3 from './components/SelectOptionPrefix.vue.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -266,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), createSlots({
         prefix: withCtx(({ unclickable }) => [
           (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(prefixList.value, (option, index) => {
-            return openBlock(), createBlock(_sfc_main$2, {
+            return openBlock(), createBlock(_sfc_main$3, {
               key: _ctx.valueGetter(option),
               option,
               "option-component": _ctx.optionComponent,
@@ -297,7 +297,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(optionsFiltered.value, (option, index) => {
-            return openBlock(), createBlock(_sfc_main$3, {
+            return openBlock(), createBlock(_sfc_main$2, {
               key: _ctx.valueGetter(option),
               "is-selected": _ctx.modelValue.includes(_ctx.valueGetter(option)),
               "is-cursor": index === cursor.value,
@@ -331,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
           }), 128)),
-          hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$3, {
+          hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             "is-selected": false,
             "is-cursor": cursor.value === optionsFiltered.value.length,

package/dist/components/Select/WSelectAsync.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createVNode, renderSlot, resolveDynamicComponent, createCommentVNode, nextTick } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
-import _sfc_main$3 from './components/SelectAsyncList.vue.js';
-import _sfc_main$2 from './components/SelectAsyncPrefix.vue.js';
+import _sfc_main$2 from './components/SelectAsyncList.vue.js';
+import _sfc_main$3 from './components/SelectAsyncPrefix.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -192,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }), createSlots({
         prefix: withCtx(({ unclickable }) => [
-          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$2, {
+          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
             "use-query-fn": _ctx.useQueryFnPrefix ?? _ctx.useQueryFnOptions,
             "model-value": _ctx.modelValue,
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]), 1032, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "option-component-props", "disable-clear", "preview-data", "created-data", "value-getter", "value-query-key"])) : createCommentVNode("", true)
         ]),
         content: withCtx(() => [
-          createVNode(_sfc_main$3, {
+          createVNode(_sfc_main$2, {
             ref: "list",
             "model-value": _ctx.modelValue,
             "use-query-fn": _ctx.useQueryFnOptions,

package/dist/components/Select/WSelectAsyncList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, createVNode, unref, createSlots, withCtx, renderSlot } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$1 from './components/SelectAsyncList.vue.js';
 

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, watch, toRef, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelectAsync.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Select/WSelectSingle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, watch, toRef, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Select/WSelectStringified.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Select/components/SelectAsyncList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, normalizeClass, renderSlot, createBlock, createElementVNode, createCommentVNode } from 'vue';
+import { defineComponent, ref, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, renderSlot, createElementVNode } from 'vue';
 import _sfc_main$1 from '../../InfiniteList/WInfiniteList.vue.js';
 import { debounce } from '../../../utils/utils.js';
 import _sfc_main$2 from './SelectOption.vue.js';

package/dist/components/Select/components/SelectAsyncPrefix.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createVNode, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, unref, normalizeClass, withModifiers, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, watch, onBeforeUnmount, createElementBlock, createCommentVNode, openBlock, Fragment, createVNode, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, unref, withModifiers, normalizeClass } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 import { numberFormatter } from '../../../utils/utils.js';
 import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, toRef, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, renderList, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, unref, createCommentVNode } from 'vue';
+import { defineComponent, computed, toRef, watch, onBeforeUnmount, createElementBlock, openBlock, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, unref } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _hoisted_1 = ["onClick"];

package/dist/components/Select/components/SelectOption.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
+import { defineComponent, useTemplateRef, watch, watchEffect, onUnmounted, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createElementVNode, createVNode, Transition, withCtx, createCommentVNode, createBlock, unref } from 'vue';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
 import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
 

package/dist/components/Select/components/SelectOptionPrefix.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, mergeProps, withCtx, withModifiers, createVNode, unref, createCommentVNode } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, mergeProps, withCtx, withModifiers, createVNode, unref } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Skeleton/WSkeleton.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeStyle } from 'vue';
+import { createElementBlock, openBlock, normalizeStyle } from 'vue';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 const _sfc_main = {};

package/dist/components/Spinner/WSpinner.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 const _sfc_main = {};

package/dist/components/Tabs/WTabs.vue.js

@@ -1,20 +1,22 @@
-import { defineComponent, useSlots, useTemplateRef, computed, ref, inject, watch, onMounted, onUnmounted, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, unref, createSlots, resolveDynamicComponent, mergeProps, normalizeStyle, createCommentVNode, createVNode, TransitionGroup } from 'vue';
+import { defineComponent, useSlots, useTemplateRef, computed, ref, inject, watch, onMounted, onUnmounted, createBlock, openBlock, normalizeClass, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, unref, createSlots, resolveDynamicComponent, mergeProps, normalizeStyle, createVNode, TransitionGroup } from 'vue';
 import _sfc_main$1 from '../Form/WForm.vue.js';
 import '../Button/WButtonAction.vue.js';
 import '../Button/WButton.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { Notify } from '../../utils/Notify.js';
 import '../Button/WButtonDropdown.vue.js';
-import { debounce, throttle } from '../../utils/utils.js';
+import { throttle, debounce } from '../../utils/utils.js';
 import '../../utils/supportsPassive.js';
 import '../Dropdown/utils/DropdownStyle.js';
 import 'vue-router';
 import { wTabItemListener, wTabItemUnlistener } from './models/injection.js';
 import '../../utils/Modal.js';
 import '../Input/WInputSuggest.vue.js';
+import '../HeaderBar/use/useHeaderPadding.js';
 import '../Input/WInputDate.vue.js';
 import '../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import '../List/use/useListConfig.js';
 import _sfc_main$3 from './components/TabItem.vue.js';
 import _sfc_main$2 from './components/TabTitleButton.vue.js';
 

package/dist/components/Tabs/WTabsColumns.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, unref, openBlock, createBlock, withCtx, renderSlot, createElementBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from 'vue';
+import { defineComponent, createBlock, createElementBlock, unref, openBlock, withCtx, renderSlot, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from './WTabs.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 

package/dist/components/Tabs/components/TabItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, watch, nextTick, toRef, withDirectives, openBlock, createBlock, withCtx, renderSlot, vShow, createCommentVNode } from 'vue';
+import { defineComponent, useTemplateRef, watch, nextTick, toRef, withDirectives, createCommentVNode, createBlock, openBlock, withCtx, renderSlot, vShow } from 'vue';
 import _sfc_main$1 from '../../Form/WForm.vue.js';
 import { useTabItemActiveListener } from '../use/useTabItemActiveListener.js';
 

package/dist/components/Tabs/components/TabTitleButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, createCommentVNode, renderSlot, normalizeProps, mergeProps, Suspense, withCtx, resolveDynamicComponent, createTextVNode, toDisplayString, guardReactiveProps, createVNode, Transition } from 'vue';
+import { defineComponent, useTemplateRef, watch, nextTick, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, unref, createVNode, normalizeProps, mergeProps, createTextVNode, Suspense, withCtx, resolveDynamicComponent, toDisplayString, guardReactiveProps, Transition } from 'vue';
 import IconCheckCircle from '../../../assets/icons/sax/IconCheckCircle.svg.js';
 import IconClose from '../../../assets/icons/sax/IconClose.svg.js';
 import IconNegativeInfo from '../../../assets/icons/sax/IconNegativeInfo.svg.js';

package/dist/components/Toggle/WToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, createBlock } from 'vue';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import { Notify } from '../../utils/Notify.js';
 

package/dist/components/Tooltip/WTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, useTemplateRef, ref, computed, watch, toRef, onBeforeUnmount, unref, openBlock, createElementBlock, createCommentVNode, markRaw } from 'vue';
+import { defineComponent, useSlots, useTemplateRef, ref, computed, watch, toRef, onBeforeUnmount, createElementBlock, createCommentVNode, unref, openBlock, markRaw } from 'vue';
 import { Tooltip } from '../../utils/Tooltip.js';
 import { getIsTouchDevice } from '../../utils/mobile.js';
 import { getIncrement } from './models/utils.js';

package/dist/components/Tooltip/WTooltipContainer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, openBlock, createBlock, Transition, withCtx, unref, createVNode, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode, markRaw } from 'vue';
+import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, createBlock, openBlock, Transition, withCtx, createCommentVNode, unref, createVNode, createElementBlock, resolveDynamicComponent, toDisplayString, markRaw } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { initTooltip } from '../../utils/Tooltip.js';

package/dist/components/Tooltip/components/TooltipContainer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, createElementBlock, openBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, nextTick } from 'vue';
 import { isClientSide } from '../../../utils/utils.js';
 
 const _hoisted_1 = { class: "pointer-events-none flex flex-col items-center justify-center drop-shadow-md dark:drop-shadow-none" };

package/dist/types/global.d.ts

@@ -199,3 +199,11 @@ declare type IsTuple<T> = [T] extends [never]
   ? false
   : true
   : false
+
+declare type Join<Data, Separator extends string> = Data extends [infer Head, ...infer Tail]
+  ? Head extends string
+  ? Tail extends readonly string[]
+  ? `${ Head }${ Separator }${ Join<Tail, Separator> }`
+  : Head
+  : Join<Tail, Separator>
+  : ''

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.3",
+  "version": "0.10.5",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
@@ -46,7 +46,7 @@
     "postcss-import": "16.1.0",
     "tailwindcss": "3.4.16",
     "typescript": "5.6.3",
-    "vite": "6.0.2",
+    "vite": "6.1.0",
     "vite-plugin-dts": "4.3.0",
     "vite-svg-loader": "5.1.0",
     "vue-tsc": "2.1.10"

package/tailwind-base/index.ts

@@ -2,6 +2,7 @@ import type {Config} from 'tailwindcss'
 
 import colors from 'tailwindcss/colors.js'
 
+import pluginContainerQueries from './plugins/container-queries.js'
 import pluginDefault from './plugins/default.js'
 import animations from './theme/animations.js'
 import score from './theme/score.js'
@@ -117,6 +118,7 @@ const tailwindBase = {
   },
   plugins: [
     pluginDefault,
+    pluginContainerQueries,
   ],
 } satisfies Config
 

package/tailwind-base/plugins/container-queries.ts

@@ -0,0 +1,92 @@
+import plugin from 'tailwindcss/plugin'
+
+const pluginContainerQueries = plugin(
+  function containerQueries({matchUtilities, matchVariant, theme}) {
+    const values: Record<string, string> = theme('containers') ?? {}
+
+    function parseValue(value: string) {
+      const numericValue = value.match(/^(\d+\.\d+|\d+|\.\d+)\D+/)?.[1] ?? null
+      if (numericValue === null) return null
+
+      return parseFloat(value)
+    }
+
+    matchUtilities(
+      {
+        '@container': (value, {modifier}) => {
+          return {
+            'container-type': value,
+            'container-name': modifier,
+          }
+        },
+      },
+      {
+        values: {
+          DEFAULT: 'inline-size',
+          normal: 'normal',
+        },
+        modifiers: 'any',
+      },
+    )
+
+    const createVariant = (prefix: string, property: string) => {
+      matchVariant(
+        prefix,
+        (value = '', {modifier}) => {
+          const parsed = parseValue(value)
+
+          return parsed !== null ? `@container ${ modifier ?? '' } (${ property }: ${ value })` : []
+        },
+        {
+          values,
+          sort(aVariant, zVariant) {
+            const a = parseFloat(aVariant.value)
+            const z = parseFloat(zVariant.value)
+
+            if (a === null || z === null) return 0
+
+            // Sort values themselves regardless of unit
+            if (a - z !== 0) return a - z
+
+            const aLabel = aVariant.modifier ?? ''
+            const zLabel = zVariant.modifier ?? ''
+
+            // Explicitly move empty labels to the end
+            if (aLabel === '' && zLabel !== '') {
+              return 1
+            } else if (aLabel !== '' && zLabel === '') {
+              return -1
+            }
+
+            // Sort labels alphabetically in the English locale
+            // We are intentionally overriding the locale because we do not want the sort to
+            // be affected by the machine's locale (be it a developer or CI environment)
+            return aLabel.localeCompare(zLabel, 'en', {numeric: true})
+          },
+        },
+      )
+    }
+
+    createVariant('@', 'min-width')
+    createVariant('@not', 'max-width')
+  },
+  {
+    theme: {
+      containers: {
+        xs: '20rem',
+        sm: '24rem',
+        md: '28rem',
+        lg: '32rem',
+        xl: '36rem',
+        '2xl': '42rem',
+        '3xl': '48rem',
+        '4xl': '56rem',
+        '5xl': '64rem',
+        '6xl': '72rem',
+        '7xl': '80rem',
+      },
+    },
+  },
+)
+
+export default pluginContainerQueries

package/tailwind-base/plugins/default.ts

@@ -121,6 +121,10 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
   addVariant('resizer', '&::-webkit-resizer')
   addVariant('last-not', '&:not(:last-child)')
   addVariant('first-not', '&:not(:first-child)')
+  addVariant('card', ['.w-card &'])
+  addVariant('card-l', ['&.w-card'])
+  addVariant('list', ['.w-list &'])
+  addVariant('list-l', ['&.w-list'])
 
   addBase({
     '.w-input': {
@@ -458,11 +462,8 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
 
   matchUtilities(
     {
-      'w-skeleton-w': value => {
-        return {
-          '--skeleton-width': value,
-        }
-      },
+      'w-skeleton-w': value => ({'--skeleton-width': value}),
+      'w-list-card-w': value => ({'--w-list-card-width': value}),
     },
     {
       values: theme('width'),
@@ -487,11 +488,30 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-button-rounded': value => ({'--w-button-rounded': value}),
       'w-skeleton-rounded': value => ({'--w-skeleton-rounded': value}),
       'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
+      'w-list-rounded': value => ({'--w-list-rounded': value}),
     },
     {
       values: theme('borderRadius'),
     },
   )
+
+  matchUtilities(
+    {
+      'w-list-gap': value => ({'--w-list-gap': value}),
+    },
+    {
+      values: theme('gap'),
+    },
+  )
+
+  addBase({
+    'cols-span-full': {
+      'grid-column': '1 / -1',
+    },
+    'row-span-full': {
+      'grid-row': '1 / -1',
+    },
+  })
 })
 
 export default pluginDefault

package/dist/components/List/use/useFieldConfigMap.d.ts

@@ -1,10 +0,0 @@
-import { FieldConfig, FieldConfigMap, ListField, ListFields } from '../types';
-import { MaybeRef } from 'vue';
-export declare const filterFields: <F extends ListFields<any, any>>(fields: F, method: (field: ListField<unknown>) => boolean) => F;
-export declare const getFirstFieldLabel: <F extends ListFields<any, any>[number]>(field: F) => string;
-export declare const useFieldConfigMap: <Fields extends ListFields<any, any>>(key: MaybeRef<string>, fields: MaybeRef<Fields>, defaultConfigMap: MaybeRef<FieldConfigMap<Fields>>) => {
-    fieldConfigMap: import('vue').WritableComputedRef<Record<string, FieldConfig>, Record<string, FieldConfig>>;
-    hasSaved: import('vue').Ref<boolean, boolean>;
-    reset: () => void;
-};
-//# sourceMappingURL=useFieldConfigMap.d.ts.map

package/dist/components/List/use/useFieldConfigMap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFieldConfigMap.d.ts","sourceRoot":"","sources":["../../../../src/components/List/use/useFieldConfigMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;AAEhF,OAAO,EAAC,KAAK,QAAQ,EAAqC,MAAM,KAAK,CAAA;AA6DrE,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,OAAO,KAAG,CAUxH,CAAA;AAGD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAG,MAErF,CAAA;AAGD,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,UAAU,QAAQ,CAAC,MAAM,CAAC,oBAAoB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;;;;CAoCzK,CAAA"}