eco-vue-js 0.10.40 → 0.10.42

package/dist/components/ActionsBar/WActionsBar.vue.d.ts

@@ -1,6 +1,5 @@
 import { Component, VNode } from 'vue';
 type __VLS_Props = {
-    filter?: Component;
     bottom?: Component;
     textFilter?: string;
 };

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAsEA;AA4HA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAS1F,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAwCF,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;cAvH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EA0HvB;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AA8EA;AAqIA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAAsD,MAAM,KAAK,CAAA;AAYnG,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAuCF,iBAAS,cAAc;WAiHT,OAAO,IAA6B;;cAxH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EA2HvB;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBar.vue.js

@@ -1,54 +1,37 @@
-import { defineComponent, ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, createVNode, unref, renderSlot, markRaw } from 'vue';
+import { defineComponent, provide, computed, ref, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, createVNode, renderSlot, markRaw } from 'vue';
 import _sfc_main$1 from '../Button/WButtonAction.vue.js';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
 import IconFilter from '../../assets/icons/sax/IconFilter.svg.js';
-import '../Button/WButton.vue.js';
-import '../../utils/mobile.js';
-import '../Button/WButtonDropdown.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
-import 'vue-router';
-import '../../utils/supportsPassive.js';
-import '../Dropdown/utils/DropdownStyle.js';
-import '../../utils/Modal.js';
-import '../Input/WInputSuggest.vue.js';
-import '../HeaderBar/use/useHeader.js';
-import '../InfoCard/models/utils.js';
-import '../Input/WInputDate.vue.js';
-import '../Link/WLink.vue.js';
-import '@tanstack/vue-query';
-import '../List/use/useListConfig.js';
-import '../Modal/use/useIsBackdrop.js';
-import '../Page/use/usePageBreadcrumbs.js';
+import { wBaseZIndex, BASE_ZINDEX_ACTIONS_BAR } from '../../utils/utils.js';
+import { useActionBarFilter } from './use/useActionsBarFilter.js';
 
 const _hoisted_1 = { class: "no-scrollbar relative col-start-1 row-span-2 grid grid-cols-[--actions-bar-filter-width] justify-self-end overflow-y-auto overflow-x-hidden overscroll-contain" };
-const _hoisted_2 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
-const _hoisted_3 = { class: "row-start-2 grid grid-rows-[1fr,auto]" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "pb-16" };
+const _hoisted_3 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
+const _hoisted_4 = { class: "row-start-2 grid grid-rows-[1fr,auto]" };
+const _hoisted_5 = {
   key: 0,
   class: "mx-1 my-2 h-0.5 rounded bg-gray-200 md:my-4 dark:bg-gray-700"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WActionsBar",
   props: {
-    filter: {},
     bottom: {},
     textFilter: {}
   },
   setup(__props) {
-    const props = __props;
+    provide(wBaseZIndex, BASE_ZINDEX_ACTIONS_BAR);
     let closeModal = null;
+    const { filter, count } = useActionBarFilter();
+    const hasFilter = computed(() => filter.value !== void 0);
     const isOpen = ref(false);
-    const filterCount = ref(0);
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
     const close = () => {
       isOpen.value = false;
     };
-    const hasFilter = computed(() => !!props.filter);
-    const updateCount = (value) => {
-      filterCount.value = value;
-    };
     onUnmounted(() => {
       closeModal?.();
       closeModal = null;
@@ -58,17 +41,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["height-full bg-default dark:bg-default-dark sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-0 top-0 z-40 grid grid-cols-[var(--actions-bar-filter-width-current,0),var(--w-actions-bar-width)] grid-rows-[var(--header-height),1fr] justify-end overflow-hidden shadow-md transition-[grid-template-columns] duration-300 print:hidden", {
+        class: normalizeClass(["height-full bg-default dark:bg-default-dark sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-0 top-0 grid grid-cols-[var(--actions-bar-filter-width-current,0),var(--w-actions-bar-width)] grid-rows-[var(--header-height),1fr] justify-end overflow-hidden shadow-md transition-[grid-template-columns] duration-300 print:hidden", {
           "[--actions-bar-filter-width-current:var(--actions-bar-filter-width)]": isOpen.value && hasFilter.value
-        }])
+        }]),
+        style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_ACTIONS_BAR) })
       }, [
         createElementVNode("div", _hoisted_1, [
-          _ctx.filter ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.filter), {
-            key: 0,
-            "onUpdate:count": updateCount
-          }, null, 32)) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_2, [
+            _cache[0] || (_cache[0] = createElementVNode("div", { class: "text-accent -px--inner-margin -h--header-height flex items-center text-xl font-semibold" }, " Filters ", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filter), (slot, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
+            }), 128))
+          ])
         ]),
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
           hasFilter.value ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "w-ripple w-ripple-hover relative row-start-1 flex cursor-pointer select-none items-center justify-center",
@@ -78,16 +64,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["text-description square-4 transition-transform", { "[transform:rotateY(180deg)]": isOpen.value }])
             }, null, 8, ["class"])
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
             createElementVNode("div", null, [
               renderSlot(_ctx.$slots, "top"),
-              _ctx.$slots.top && (hasFilter.value || _ctx.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+              _ctx.$slots.top && (hasFilter.value || _ctx.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_5)) : createCommentVNode("", true),
               hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
                 title: _ctx.textFilter ?? "Filters",
                 icon: markRaw(unref(IconFilter)),
                 active: isOpen.value,
-                count: filterCount.value,
+                count: unref(count),
                 "semantic-type": unref(SemanticType).PRIMARY,
                 onClick: toggle
               }, null, 8, ["title", "icon", "active", "count", "semantic-type"])) : createCommentVNode("", true),
@@ -98,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "footer")
           ])
         ])
-      ], 2);
+      ], 6);
     };
   }
 });

package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts

@@ -0,0 +1,24 @@
+import { VNode } from 'vue';
+type __VLS_Props = {
+    count: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => VNode[];
+    }> & {
+        default: () => VNode[];
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WActionsBarFilter.vue.d.ts.map

package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WActionsBarFilter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBarFilter.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAC,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAI1E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAwBF,iBAAS,cAAc;WAYT,OAAO,IAA6B;;iBAjBvC,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;EAsBvB;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBarFilter.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, useSlots, computed, watch, onBeforeUnmount } from 'vue';
+import { useActionBarFilter } from './use/useActionsBarFilter.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WActionsBarFilter",
+  props: {
+    count: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const slotsDefault = computed(() => slots.default?.());
+    const { updateFilter, updateCount } = useActionBarFilter();
+    watch(slotsDefault, updateFilter, { immediate: true });
+    watch(() => props.count, updateCount, { immediate: true });
+    onBeforeUnmount(() => {
+      updateFilter(void 0);
+      updateCount(0);
+    });
+    return () => {
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/ActionsBar/WActionsBarFilter.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WActionsBarFilter.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/ActionsBar/use/useActionsBarFilter.d.ts

@@ -0,0 +1,12 @@
+import { VNode } from 'vue';
+export declare const useActionBarFilter: () => {
+    filter: import('vue').Ref<VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | undefined>;
+    count: import('vue').Ref<number, number>;
+    updateFilter: (value: VNode[] | undefined) => void;
+    updateCount: (value: number) => void;
+};
+//# sourceMappingURL=useActionsBarFilter.d.ts.map

package/dist/components/ActionsBar/use/useActionsBarFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionsBarFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionsBar/use/useActionsBarFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAKnC,eAAO,MAAM,kBAAkB;;;;;;;0BACA,KAAK,EAAE,GAAG,SAAS;yBAIpB,MAAM;CAUnC,CAAA"}

package/dist/components/ActionsBar/use/useActionsBarFilter.js

@@ -0,0 +1,20 @@
+import { ref } from 'vue';
+
+const filter = ref(void 0);
+const count = ref(0);
+const useActionBarFilter = () => {
+  const updateFilter = (value) => {
+    filter.value = value;
+  };
+  const updateCount = (value) => {
+    count.value = value;
+  };
+  return {
+    filter,
+    count,
+    updateFilter,
+    updateCount
+  };
+};
+
+export { useActionBarFilter };

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AA4DA;AAwHA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAsDF,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;;;YAdtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;;;;EAiBhC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AA6DA;AA+HA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAwDF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;;;YAdtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;;;;EAiBhC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/BottomSheet/WBottomSheet.vue.js

@@ -1,16 +1,13 @@
-import { defineComponent, useTemplateRef, ref, watch, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, createCommentVNode, createElementVNode, normalizeClass } from 'vue';
+import { defineComponent, inject, useTemplateRef, ref, watch, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, unref, createElementVNode, normalizeClass } from 'vue';
+import { wBaseZIndex, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
 
 const _hoisted_1 = {
-  key: 0,
-  class: "bg-primary-light dark:bg-primary-darkest no-scrollbar fixed left-0 top-0 z-[1000] size-full snap-y snap-mandatory snap-always overflow-scroll overflow-y-auto overscroll-contain scroll-smooth bg-opacity-40 backdrop-blur dark:bg-opacity-40"
-};
-const _hoisted_2 = {
   ref: "content",
   class: "height-[90%] bg-default dark:bg-default-dark relative grid snap-end grid-cols-[1fr] grid-rows-[auto,1fr] rounded-t-3xl shadow-md"
 };
-const _hoisted_3 = { class: "px-3" };
-const _hoisted_4 = { class: "flex h-9 items-center justify-center" };
-const _hoisted_5 = { class: "overflow-y-auto overflow-x-hidden overscroll-contain" };
+const _hoisted_2 = { class: "px-3" };
+const _hoisted_3 = { class: "flex h-9 items-center justify-center" };
+const _hoisted_4 = { class: "overflow-y-auto overflow-x-hidden overscroll-contain" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WBottomSheet",
   props: {
@@ -19,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["close"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const baseZIndex = inject(wBaseZIndex, 0);
     const backdropRef = useTemplateRef("backdrop");
     const contentRef = useTemplateRef("content");
     const swipeStarted = ref(false);
@@ -64,15 +62,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onAfterEnter: show
           }, {
             default: withCtx(() => [
-              _ctx.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              _ctx.isOpen ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "bg-primary-light dark:bg-primary-darkest no-scrollbar fixed left-0 top-0 size-full snap-y snap-mandatory snap-always overflow-scroll overflow-y-auto overscroll-contain scroll-smooth bg-opacity-40 backdrop-blur dark:bg-opacity-40",
+                style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) })
+              }, [
                 createElementVNode("div", {
                   ref: "backdrop",
                   class: "height-full snap-start",
                   onClick: hide
                 }, null, 512),
-                createElementVNode("div", _hoisted_2, [
-                  createElementVNode("div", _hoisted_3, [
-                    createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", _hoisted_3, [
                       createElementVNode("div", {
                         class: normalizeClass(["h-1 w-12 rounded-sm", {
                           "bg-gray-300": !swipeStarted.value,
@@ -82,12 +84,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     renderSlot(_ctx.$slots, "toggle", { unclickable: false })
                   ]),
-                  createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_4, [
                     renderSlot(_ctx.$slots, "content")
                   ]),
                   _cache[0] || (_cache[0] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-[inherit]" }, null, -1))
                 ], 512)
-              ])) : createCommentVNode("", true)
+              ], 4)) : createCommentVNode("", true)
             ]),
             _: 3
           })

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAsEA;AA2GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA8KT,OAAO,IAA6B;;iBAzLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA6LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAqEA;AA0GA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAgBvD,QAAA,MAAM,KAAK,YAEV,CAAA;AAcD,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;iBAvLvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAD1C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,KAAK,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EA2LpD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonDropdown.vue.js

@@ -14,8 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftToggle: { type: Boolean },
     disabled: { type: Boolean },
     tooltipText: {},
-    teleport: { type: Boolean },
     parentElement: {},
+    top: { type: Boolean },
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER },
     maxHeight: { default: 200 },
     maxWidth: { default: 320 }
@@ -31,8 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "max-height": _ctx.maxHeight,
         "max-width": _ctx.maxWidth,
         "horizontal-align": _ctx.horizontalAlign,
-        "update-align": "",
-        teleport: _ctx.teleport
+        "update-align": ""
       }, {
         toggle: withCtx(() => [
           createElementVNode("div", null, [
@@ -91,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["is-open", "max-height", "max-width", "horizontal-align", "teleport"]);
+      }, 8, ["is-open", "max-height", "max-width", "horizontal-align"]);
     };
   }
 });

package/dist/components/Button/WButtonTab.vue.d.ts

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    active?: boolean;
+    hasError?: boolean;
+    hasValue?: boolean;
+    hasChanges?: boolean;
+    disabled?: boolean;
+    icon?: SVGComponent;
+    title?: string;
+    indicator?: boolean;
+    side?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {
+            hasChanges: boolean | undefined;
+            hasError: boolean | undefined;
+            hasValue: boolean | undefined;
+        }): any;
+        suffix?(_: {
+            hasChanges: boolean | undefined;
+            hasError: boolean | undefined;
+            hasValue: boolean | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (value: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((value: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WButtonTab.vue.d.ts.map

package/dist/components/Button/WButtonTab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAiIA;AA4JA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAUF,iBAAS,cAAc;WAoMT,OAAO,IAA6B;;;;;;YAXtB,GAAG;;;;;YACF,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonTab.vue.js

@@ -0,0 +1,135 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, renderSlot, 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';
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "p-8"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonTab",
+  props: {
+    active: { type: Boolean },
+    hasError: { type: Boolean },
+    hasValue: { type: Boolean },
+    hasChanges: { type: Boolean },
+    disabled: { type: Boolean },
+    icon: {},
+    title: {},
+    indicator: { type: Boolean },
+    side: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        disabled: _ctx.disabled,
+        class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto,1fr] font-semibold outline-none transition-colors duration-500", {
+          "text-primary dark:text-primary-dark": !_ctx.hasError && _ctx.active,
+          "text-negative dark:text-negative-dark": _ctx.hasError,
+          "text-positive dark:text-positive-dark": !_ctx.active && !_ctx.hasError && _ctx.hasValue,
+          "text-description": !_ctx.active && !_ctx.hasError && !_ctx.hasValue,
+          "cursor-not-allowed opacity-50": _ctx.disabled,
+          "cursor-pointer": !_ctx.disabled
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.$emit("click", $event))
+      }, [
+        _ctx.indicator ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: normalizeClass(["text-default dark:text-default-dark rounded-full bg-[inherit] bg-opacity-100 p-1 outline transition-[outline-width] duration-500", {
+              "bg-negative dark:bg-negative-dark outline-negative/10 dark:outline-negative-dark/10": _ctx.hasError,
+              "bg-positive dark:bg-positive-dark outline-positive/10 dark:outline-positive-dark/10": !_ctx.hasError && _ctx.hasValue,
+              "bg-gray-400 outline-gray-400/10 dark:bg-gray-600 dark:outline-gray-600/10": !_ctx.hasError && !_ctx.hasValue,
+              "outline-[1.5rem]": _ctx.active
+            }])
+          }, [
+            _ctx.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo), {
+              key: 0,
+              class: "size-8"
+            })) : _ctx.hasValue ? (openBlock(), createBlock(unref(IconCheckCircle), {
+              key: 1,
+              class: "size-8"
+            })) : (openBlock(), createBlock(unref(IconClose), {
+              key: 2,
+              class: "size-8"
+            }))
+          ], 2)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["relative col-start-2 self-start", {
+            "mt-3.5": _ctx.indicator,
+            "w-ripple w-ripple-hover": !_ctx.disabled
+          }])
+        }, [
+          _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", normalizeProps(mergeProps({ key: 0 }, { hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue }))) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["flex items-center py-2", {
+              "justify-center text-center": !_ctx.side,
+              "text-start": _ctx.side
+            }])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["whitespace-nowrap px-3", {
+                "sm-not:-pl--inner-margin": _ctx.side
+              }])
+            }, [
+              _ctx.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
+                fallback: withCtx(() => _cache[1] || (_cache[1] = [
+                  createElementVNode("svg", { class: "square-[1.25em] -mt-1 inline" }, [
+                    createElementVNode("g")
+                  ], -1)
+                ])),
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.25em] -mt-1 inline" }))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(_ctx.title), 1)
+            ], 2),
+            renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))
+          ], 2)),
+          createVNode(Transition, {
+            "enter-active-class": "transition-opacity",
+            "leave-active-class": "transition-opacity",
+            "enter-from-class": "opacity-0",
+            "leave-to-class": "opacity-0"
+          }, {
+            default: withCtx(() => [
+              _ctx.hasChanges ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["square-2 absolute right-0 top-0 rounded-full transition-colors duration-500", {
+                  "bg-info dark:bg-info-dark": !_ctx.hasError,
+                  "bg-negative dark:bg-negative-dark": _ctx.hasError
+                }])
+              }, null, 2)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, {
+            "enter-active-class": "transition-[transform,opacity] origin-center duration-300",
+            "leave-active-class": "transition-[transform,opacity] origin-center duration-300",
+            "enter-from-class": "scale-x-0 opacity-0",
+            "leave-to-class": "scale-x-0 opacity-0",
+            css: !_ctx.indicator
+          }, {
+            default: withCtx(() => [
+              _ctx.active || _ctx.indicator ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["absolute inset-x-0 bottom-0 h-0.5 rounded-sm", {
+                  "bg-current": _ctx.indicator,
+                  "bg-primary dark:bg-primary-dark": !_ctx.indicator,
+                  "sm-not:-left--inner-margin": _ctx.side
+                }])
+              }, null, 2)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["css"])
+        ], 2)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonTab.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WButtonTab.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA4DA;AAwJA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAU7C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAC;;;;;;AA4RF,wBAQG"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA6DA;AA2JA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAU7C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAC;;;;;;AAkSF,wBAQG"}

package/dist/components/DatePicker/WDatePicker.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef, createElementBlock, openBlock, createElementVNode, createVNode, normalizeStyle, unref, Transition, withCtx, createBlock } from 'vue';
-import { getStartOfMonth, getStartOfWeek, addDay, addMonth, monthShortFormatter, addYear } from '../../utils/dateTime.js';
+import { getStartOfMonth, getStartOfDay, getStartOfWeek, addDay, addMonth, monthShortFormatter, addYear, isSameMonth } from '../../utils/dateTime.js';
 import _sfc_main$3 from './components/CalendarMonth.vue.js';
 import _sfc_main$2 from './components/CalendarToggle.vue.js';
 import _sfc_main$1 from './components/CalendarValue.vue.js';
@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dateRange = ref(props.modelValue);
     const preselectedValue = ref(null);
     const isDirect = ref(false);
+    const today = ref(getStartOfDay());
     const year = computed(() => currentDate.value.getFullYear());
     const setCurrentDate = (value) => {
       isDirect.value = value > currentDate.value;
@@ -118,10 +119,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "is-hover-enabled": preselectedValue.value !== null,
                   "min-date": _ctx.minDate,
                   "max-date": _ctx.maxDate,
+                  today: today.value && unref(isSameMonth)(today.value, currentDate.value) ? today.value : void 0,
                   class: "px-3",
                   "onClick:day": onClickDay,
                   "onHover:day": setRange
-                }, null, 8, ["start-of-month", "date-range", "is-hover-enabled", "min-date", "max-date"]))
+                }, null, 8, ["start-of-month", "date-range", "is-hover-enabled", "min-date", "max-date", "today"]))
               ]),
               _: 1
             })

package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AAwCA;AA0GA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAC;;;;;;AAkMF,wBAQG"}
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AAyCA;AA4GA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAC;;;;;;AAsMF,wBAQG"}

package/dist/components/DatePicker/WDatePickerSingle.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef, createElementBlock, openBlock, normalizeStyle, createElementVNode, createVNode, unref, Transition, withCtx, createBlock } from 'vue';
-import { getStartOfMonth, getStartOfWeek, addDay, addMonth, monthShortFormatter, addYear } from '../../utils/dateTime.js';
+import { getStartOfMonth, getStartOfDay, getStartOfWeek, addDay, addMonth, monthShortFormatter, addYear } from '../../utils/dateTime.js';
 import _sfc_main$2 from './components/CalendarMonth.vue.js';
 import _sfc_main$1 from './components/CalendarToggle.vue.js';
 
@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dateRange = ref(void 0);
     const preselectedValue = ref(null);
     const isDirect = ref(false);
+    const today = ref(getStartOfDay());
     const year = computed(() => currentDate.value.getFullYear());
     const setCurrentDate = (value) => {
       isDirect.value = value > currentDate.value;
@@ -73,9 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "is-hover-enabled": preselectedValue.value !== null,
                 "min-date": _ctx.minDate,
                 "max-date": _ctx.maxDate,
+                today: today.value,
                 class: "px-3",
                 "onClick:day": onClickDay
-              }, null, 8, ["start-of-month", "date-range", "is-hover-enabled", "min-date", "max-date"]))
+              }, null, 8, ["start-of-month", "date-range", "is-hover-enabled", "min-date", "max-date", "today"]))
             ]),
             _: 1
           })

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts

@@ -9,6 +9,7 @@ type __VLS_Props = {
     disabled?: boolean;
     minDate?: Date;
     maxDate?: Date;
+    isToday: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "click:day": (value: Date) => any;

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AAyCA;AA2HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf,CAAC;;;;;;;;AAkJF,wBAQG"}
+{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarDay.vue"],"names":[],"mappings":"AA0CA;AA6HA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB,CAAC;;;;;;;;AAmJF,wBAQG"}