eco-vue-js 0.10.2 → 0.10.4

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({
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const selectComponentRef = useTemplateRef("selectComponent");
-    const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider).filter((item, index, arr) => item !== "" && arr.indexOf(item) === index) : []);
+    const arrayValue = computed(() => props.modelValue ? props.modelValue.split(props.divider).filter((item, index, arr) => item !== "" && arr.indexOf(item) === index) : []);
     const updateModelValue = (value, isSelect) => {
       const valueList = value.split(props.divider);
       let newValue;

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBAKvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0MxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA5LP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YAiMF,OAAO,CAAC,OAAO,WAAW,CAAC;;AApNvE,wBAoN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/WToggle.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;yBASvB,KAAK,SAAS,OAAO,GAAG,IAAI,yBAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;;gKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAzNP,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;YA8NF,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,5 +1,6 @@
-import { defineComponent, 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';
 
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
@@ -19,18 +20,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rightLabel: { type: Boolean },
     noMargin: { type: Boolean },
     description: { default: void 0 },
-    intermediate: { type: Boolean, default: false }
+    intermediate: { type: Boolean, default: false },
+    negate: { type: Boolean },
+    validate: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const value = computed({
+      get: () => {
+        if (props.modelValue === null) return null;
+        if (props.negate) return !props.modelValue;
+        return props.modelValue;
+      },
+      set: (value2) => {
+        if (props.disabled || props.loading || props.readonly) return;
+        const newValue = value2 === null ? null : props.negate ? !value2 : value2;
+        const errorMessage = Array.isArray(props.validate) ? props.validate.map((item) => item(newValue)).join(", ") : props.validate?.(newValue);
+        if (errorMessage) {
+          Notify.warn({
+            title: "Error",
+            caption: errorMessage
+          });
+          return;
+        }
+        emit("update:modelValue", newValue);
+      }
+    });
     const updateModelValue = () => {
-      if (props.disabled || props.loading || props.readonly) return;
       if (props.intermediate) {
-        emit("update:modelValue", props.modelValue === null ? true : props.modelValue === false ? null : false);
+        value.value = value.value === null ? true : value.value === false ? null : false;
       } else {
-        emit("update:modelValue", !props.modelValue);
+        value.value = !value.value;
       }
     };
     return (_ctx, _cache) => {
@@ -61,18 +83,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, toDisplayString(_ctx.title), 3)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative my-4 h-4 w-10 min-w-10 max-w-10 rounded-lg", {
-              "bg-gray-400 dark:bg-gray-700": !_ctx.modelValue || _ctx.loading,
-              "bg-primary-default dark:bg-primary-dark bg-opacity-70 dark:bg-opacity-70": _ctx.modelValue && !_ctx.loading
+              "bg-gray-400 dark:bg-gray-700": !value.value || _ctx.loading,
+              "bg-primary-default dark:bg-primary-dark bg-opacity-70 dark:bg-opacity-70": value.value && !_ctx.loading
             }])
           }, [
             createElementVNode("div", {
               class: normalizeClass(["square-6 absolute -top-1 z-10 flex items-center justify-center rounded-full border border-solid shadow-md transition-[right]", {
-                "right-4": _ctx.modelValue === false,
-                "right-2": _ctx.modelValue === null,
-                "right-0": _ctx.modelValue === true,
+                "right-4": value.value === false,
+                "right-2": value.value === null,
+                "right-0": value.value === true,
                 "w-ripple w-hover-circle": !_ctx.disabled && !_ctx.readonly,
-                "bg-default border-default dark:border-gray-100 dark:bg-gray-100": !_ctx.modelValue || _ctx.loading,
-                "bg-primary-default dark:bg-primary-dark border-primary-default dark:border-primary-dark": _ctx.modelValue && !_ctx.loading
+                "bg-default border-default dark:border-gray-100 dark:bg-gray-100": !value.value || _ctx.loading,
+                "bg-primary-default dark:bg-primary-dark border-primary-default dark:border-primary-dark": value.value && !_ctx.loading
               }])
             }, [
               _ctx.loading ? (openBlock(), createBlock(WSpinner, {

package/dist/components/Toggle/types.d.ts

@@ -9,5 +9,7 @@ export interface ToggleProps<Value extends boolean | null> {
     noMargin?: boolean;
     description?: string;
     intermediate?: boolean;
+    negate?: boolean;
+    validate?: ValidateFn | ValidateFn[];
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Toggle/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,GAAG,IAAI;IACvD,UAAU,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,OAAO,GAAG,IAAI;IACvD,UAAU,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC"}

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.2",
+  "version": "0.10.4",
   "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