eco-vue-js 0.10.39 → 0.10.41

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

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isHoverEnabled: { type: Boolean },
     disabled: { type: Boolean },
     minDate: {},
-    maxDate: {}
+    maxDate: {},
+    isToday: { type: Boolean }
   },
   emits: ["click:day", "hover:day"],
   setup(__props) {
@@ -84,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
             "w-ripple w-ripple-hover": !isDisabled.value,
             "opacity-50": isDisabled.value,
-            "bg-primary dark:bg-primary-dark font-semibold": isSelected.value
+            "bg-primary dark:bg-primary-dark text-default font-semibold": isSelected.value,
+            "bg-negative dark:bg-negative-dark text-default font-semibold": !isSelected.value && _ctx.isToday
           }])
         }, [
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.startOfDay.getDate()), 1)

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA8BA;AA2IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAI9C,OAAO,EAAC,OAAO,EAAwC,MAAM,kBAAkB,CAAA;AAI/E,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;;;AA4LF,wBAQG"}
+{"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA+BA;AA+IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAI9C,OAAO,EAAC,OAAO,EAAoD,MAAM,kBAAkB,CAAA;AAI3F,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAC;;;;;;;;AAkMF,wBAQG"}

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

@@ -1,5 +1,5 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock } from 'vue';
-import { getStartOfWeek, weekdayShortFormatter } from '../../../utils/dateTime.js';
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock, unref } from 'vue';
+import { getStartOfWeek, weekdayShortFormatter, isSameDate } from '../../../utils/dateTime.js';
 import _sfc_main$1 from './CalendarWeek.vue.js';
 
 const _hoisted_1 = { class: "text-accent mb-2 flex text-xs font-semibold" };
@@ -13,11 +13,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isHoverEnabled: { type: Boolean },
     minDate: {},
     maxDate: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    today: {}
   },
   emits: ["click:day", "hover:day"],
   setup(__props) {
     const props = __props;
+    const toWeek = computed(() => props.today ? getStartOfWeek(props.today) : void 0);
     const startDayOfWeekPrepared = computed(() => props.startDayOfWeek || 1);
     const startOfFirstWeek = computed(() => {
       return getStartOfWeek(props.startOfMonth, startDayOfWeekPrepared.value);
@@ -94,9 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "min-date": _ctx.minDate,
             "max-date": _ctx.maxDate,
             disabled: isDisabled.value,
+            today: _ctx.today && toWeek.value && unref(isSameDate)(toWeek.value, week) ? _ctx.today : void 0,
             "onClick:day": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:day", $event)),
             "onHover:day": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hover:day", $event))
-          }, null, 8, ["start-of-month", "start-of-week", "date-range", "is-between", "is-hover-enabled", "min-date", "max-date", "disabled"]);
+          }, null, 8, ["start-of-month", "start-of-week", "date-range", "is-between", "is-hover-enabled", "min-date", "max-date", "disabled", "today"]);
         }), 128))
       ]);
     };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AAmBA;AA4GA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;;;AAiKF,wBAQG"}
+{"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AAoBA;AAgHA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAQ9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAC;;;;;;;;AAoKF,wBAQG"}

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

@@ -1,4 +1,5 @@
-import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, unref } from 'vue';
+import { isSameDate } from '../../../utils/dateTime.js';
 import _sfc_main$1 from './CalendarDay.vue.js';
 
 const _hoisted_1 = { class: "flex" };
@@ -12,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isHoverEnabled: { type: Boolean },
     minDate: {},
     maxDate: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    today: {}
   },
   emits: ["click:day", "hover:day"],
   setup(__props) {
@@ -72,9 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "min-date": _ctx.minDate,
             "max-date": _ctx.maxDate,
             disabled: isDisabled.value,
+            "is-today": _ctx.today ? unref(isSameDate)(_ctx.today, day) : false,
             "onClick:day": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:day", $event)),
             "onHover:day": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hover:day", $event))
-          }, null, 8, ["start-of-month", "start-of-day", "date-range", "is-between", "is-week-out-of-month", "is-hover-enabled", "min-date", "max-date", "disabled"]);
+          }, null, 8, ["start-of-month", "start-of-day", "date-range", "is-between", "is-week-out-of-month", "is-hover-enabled", "min-date", "max-date", "disabled", "is-today"]);
         }), 128))
       ]);
     };

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAwChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsJsljB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAtCnwjB;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBynjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAflwjB,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":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAqEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAuChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuJonjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAvCjyjB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBupjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAfhyjB,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/DropdownMenu/WDropdownMenu.vue.js

@@ -1,13 +1,11 @@
 import { defineComponent, inject, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, mergeProps, Teleport, createCommentVNode, normalizeStyle, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
-import { wBaseZInfex } from '../Modal/models/injection.js';
-import { unwrapSlots } from '../../utils/utils.js';
+import { wBaseZIndex, unwrapSlots, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdownMenu",
   props: {
     isOpen: { type: Boolean },
-    teleport: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},
@@ -17,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:rect"],
   setup(__props, { expose: __expose }) {
-    const baseZInfex = inject(wBaseZInfex, 0);
+    const baseZIndex = inject(wBaseZIndex, 0);
     const containerRef = useTemplateRef("container");
     const dropdownRef = useTemplateRef("dropdown");
     const element = computed(() => containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el);
@@ -31,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.() ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
         (openBlock(), createBlock(Teleport, {
           to: "body",
-          disabled: !_ctx.teleport || !_ctx.isOpen
+          disabled: !_ctx.isOpen
         }, [
           (_ctx.parentElement || element.value) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
@@ -42,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "max-height": _ctx.maxHeight,
             "max-width": _ctx.maxWidth,
             "emit-update": _ctx.emitUpdate,
-            style: normalizeStyle({ zIndex: _ctx.teleport ? unref(baseZInfex) + 2 : 2 }),
+            style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) }),
             "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
           }, {
             default: withCtx((defaultScope) => [

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

@@ -1,7 +1,6 @@
 import { DropdownProps } from '../Dropdown/types';
 export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'> {
     isOpen: boolean;
-    teleport?: boolean;
     parentElement?: DropdownProps['parentElement'];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}

package/dist/components/Expansion/WExpansionItem.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_Props = {
     icon?: SVGComponent;
     hasFlag?: boolean;
     minTitle?: boolean;
+    toggleClass?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/Expansion/WExpansionItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAuDA;AA4FA,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAyBF,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;kBA1ItC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;;;EA8ItB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,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":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAqDA;AA2FA,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;AAyBF,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;kBA3ItC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;;;EA+ItB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,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/Expansion/WExpansionItem.vue.js

@@ -1,13 +1,12 @@
-import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, withCtx, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, normalizeClass, withCtx, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import _sfc_main$1 from './WExpansion.vue.js';
 
-const _hoisted_1 = { class: "col-start-2 mr-2" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
 };
-const _hoisted_3 = { class: "col-start-3 ml-auto flex items-center justify-center" };
+const _hoisted_2 = { class: "col-start-3 ml-auto flex items-center justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WExpansionItem",
   props: {
@@ -15,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     icon: {},
     hasFlag: { type: Boolean },
-    minTitle: { type: Boolean }
+    minTitle: { type: Boolean },
+    toggleClass: {}
   },
   emits: ["toggle"],
   setup(__props, { emit: __emit }) {
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: "button",
           role: "button",
           tabindex: "0",
-          class: "w-ripple w-ripple-hover -px--inner-margin -mx---inner-margin relative grid cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center py-3 text-start",
+          class: normalizeClass(["w-ripple w-ripple-hover -px--inner-margin relative grid cursor-pointer select-none grid-cols-[1fr,auto] items-center gap-2 py-3 text-start", _ctx.toggleClass]),
           onClick: toggle,
           onKeydown: [
             withKeys(toggle, ["enter"]),
@@ -40,11 +40,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]
         }, {
           default: withCtx(() => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-              key: 0,
-              class: "square-[1.5em] mr-2"
-            })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", null, [
+              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+                key: 0,
+                class: "square-[1.25em] -mt-1 inline"
+              })) : createCommentVNode("", true),
+              _cache[0] || (_cache[0] = createTextVNode()),
               createElementVNode("span", {
                 class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle }])
               }, [
@@ -56,23 +57,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "leave-to-class": "opacity-0"
                 }, {
                   default: withCtx(() => [
-                    _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
+                    _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 })
               ], 2)
             ]),
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(unref(IconArrow), {
                 class: normalizeClass(["text-accent square-[1.25em] transition-transform", { "rotate-180": _ctx.isOpen }])
               }, null, 8, ["class"])
             ])
           ]),
           _: 1
-        }, 544)),
+        }, 40, ["class"])),
         createVNode(_sfc_main$1, {
           "is-open": _ctx.isOpen,
-          class: normalizeClass([_ctx.$attrs.class, "-px--inner-margin -mx---inner-margin py-2"])
+          class: normalizeClass([_ctx.$attrs.class, "py-2"])
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "group/field relative" }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }, {
         class: {
-          "mb-[1.125rem] mt-1": !_ctx.noMargin && !_ctx.subgrid,
+          "mb-[1.125rem]": !_ctx.noMargin && !_ctx.subgrid,
           "col-span-full grid grid-cols-subgrid": _ctx.subgrid
         },
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))

package/dist/components/Form/WForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AA+KA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AA0KF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;kFASnB,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":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AAiLA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AA4KF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;kFASnB,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/Form/WForm.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRef, computed, provide, inject, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
+import { defineComponent, toRef, computed, inject, provide, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
 import { wFormTitleUpdater, wFormUnlistener, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormHasShownUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormValidateUpdater } from './models/injection.js';
 import { compileMessage } from './models/utils.js';
@@ -82,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     );
+    const unlistenerInjected = inject(wFormUnlistener, void 0);
     const unlistener = (key) => {
       titleMap.unlistener(key);
       errorMessageMap.unlistener(key);
@@ -91,9 +92,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       validateMap.unlistener(key);
       invalidateMap.unlistener(key);
       initModelMap.unlistener(key);
+      if (!props.name) unlistenerInjected?.(key);
     };
     provide(wFormUnlistener, unlistener);
-    const unlistenerInjected = inject(wFormUnlistener, void 0);
     watch(errorMessageMap.map, () => emit("update:is-valid", isValid.value));
     watch(hasChangesMap.value, (value) => emit("update:has-changes", value));
     watch(hasValueMap.value, (value) => emit("update:has-value", value));

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -60,7 +60,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
-    teleport: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js

@@ -65,7 +65,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
-    teleport: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -61,7 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
-    teleport: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js

@@ -61,7 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
-    teleport: { type: Boolean },
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -1,22 +1,13 @@
 type __VLS_Props = {
     title?: string;
-    search?: string;
-    searchEnabled?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
-        search?(_: {}): any;
-        search?(_: {}): any;
     };
     refs: {
         element: HTMLDivElement;
-        input: import('vue').ShallowUnwrapRef<{
-            focus: () => void;
-            blur: () => void;
-            fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
-        }> | null;
     };
     rootEl: HTMLDivElement;
 };
@@ -25,16 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "update:search": (value: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    title: string;
-    search: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     element: HTMLDivElement;
-    input: import('vue').ShallowUnwrapRef<{
-        focus: () => void;
-        blur: () => void;
-        fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
-    }> | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;;kBAqSjB,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":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAoDA;AA+GA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAqCF,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;uBAXvB,GAAG;;;;;;EAgB7B;AAgBD,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/HeaderBar/WHeaderBar.vue.js

@@ -1,47 +1,29 @@
-import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, vShow, createBlock, markRaw, createSlots, withCtx, Fragment, nextTick } from 'vue';
-import _sfc_main$2 from '../Input/WInput.vue.js';
-import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
+import { defineComponent, provide, useTemplateRef, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, unref, withDirectives, createCommentVNode, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, vShow, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
 import IconSearch from '../../assets/icons/sax/IconSearch.svg.js';
-import { useIsMobile } from '../../utils/mobile.js';
+import { wBaseZIndex, BASE_ZINDEX_HEADER_BAR } from '../../utils/utils.js';
 import { useHeader } from './use/useHeader.js';
+import { useHeaderSearch } from './use/useHeaderSearch.js';
+import { useHeaderSearchVisible } from './use/useHeaderSearchVisible.js';
 
-const _hoisted_1 = {
-  ref: "element",
-  class: "-h--header-height fixed inset-x-0 top-0 z-10 flex print:hidden"
-};
-const _hoisted_2 = { class: "text-accent sm:text-2.5xl flex-1 truncate text-xl font-semibold" };
-const _hoisted_3 = { class: "w-ripple w-ripple-hover sm-not:-px--inner-margin relative flex h-full items-center px-[--w-list-padding,1rem]" };
-const _hoisted_4 = {
+const _hoisted_1 = { class: "text-accent sm:text-2.5xl flex-1 truncate text-xl font-semibold" };
+const _hoisted_2 = { class: "w-ripple w-ripple-hover sm-not:-px--inner-margin relative flex h-full items-center px-[--w-list-padding,1rem]" };
+const _hoisted_3 = {
   key: 0,
-  class: "xl-not:pl-[3.75rem] -px--inner-margin relative flex w-full flex-1 items-center gap-2"
+  class: "xl-not:-pl--header-height -px--inner-margin grid items-center"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WHeaderBar",
   props: {
-    title: { default: void 0 },
-    search: { default: void 0 },
-    searchEnabled: { type: Boolean }
+    title: {}
   },
   emits: ["update:search"],
   setup(__props) {
-    const props = __props;
-    const { isMobile } = useIsMobile();
+    provide(wBaseZIndex, BASE_ZINDEX_HEADER_BAR);
     const { headerPadding, updateHeaderHeight } = useHeader();
+    const { search } = useHeaderSearch();
+    const { visible, updateVisible } = useHeaderSearchVisible();
     const elementRef = useTemplateRef("element");
-    const inputRef = useTemplateRef("input");
     const isTransparent = ref(false);
-    const isSearchVisible = ref(false);
-    const openSearch = () => {
-      isSearchVisible.value = true;
-      nextTick().then(() => inputRef.value?.focus());
-    };
-    const closeSearch = () => {
-      isSearchVisible.value = false;
-    };
-    watch(toRef(props, "searchEnabled"), (value) => {
-      if (value) return;
-      isSearchVisible.value = false;
-    });
     let timeout;
     onMounted(() => {
       timeout = setTimeout(() => {
@@ -56,7 +38,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       timeout = void 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        ref: "element",
+        class: "-h--header-height fixed inset-x-0 top-0 grid grid-cols-1 print:hidden",
+        style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_HEADER_BAR) })
+      }, [
         (openBlock(), createElementBlock("div", {
           key: unref(headerPadding),
           class: normalizeClass(["bg-default dark:bg-default-dark supports-backdrop:backdrop-blur fixed inset-x-0 top-0 h-[calc(var(--header-height)+var(--header-height-padding))] print:hidden", {
@@ -65,70 +51,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ "--header-height-padding": unref(headerPadding) + "px" })
         }, null, 6)),
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["-pl--inner-margin xl-not:-pl--header-height relative flex max-w-full flex-1 items-center", {
-            "-pr--inner-margin": !_ctx.searchEnabled
+          class: normalizeClass(["-pl--inner-margin xl-not:-pl--header-height relative flex items-center", {
+            "-pr--inner-margin": !unref(search)
           }])
         }, [
-          createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(_ctx.title), 1)
             ])
           ]),
-          _ctx.searchEnabled ? (openBlock(), createElementBlock("button", {
+          unref(search) ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "w-ripple-trigger sm:-pr--inner-margin h-full select-none",
-            onClick: openSearch
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(updateVisible)(true))
           }, [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(unref(IconSearch), { class: "square-[1.25em] text-accent" })
             ])
           ])) : createCommentVNode("", true)
         ], 2), [
-          [vShow, !isSearchVisible.value && !_ctx.search]
+          [vShow, !unref(visible)]
         ]),
-        _ctx.searchEnabled ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
-          _ctx.$slots.search && unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            ref: "input",
-            "model-value": _ctx.search,
-            placeholder: "Search..",
-            "allow-clear": "",
-            persist: "",
-            teleport: "",
-            "no-margin": "",
-            class: "w-full",
-            icon: markRaw(unref(IconSearch)),
-            "onClick:clear": _cache[0] || (_cache[0] = ($event) => !unref(isMobile) && unref(inputRef)?.close()),
-            onClose: closeSearch,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:search", $event))
-          }, createSlots({ _: 2 }, [
-            unref(isMobile) ? {
-              name: "content",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "search")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["model-value", "icon"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(_sfc_main$2, {
-              ref: "input",
-              "model-value": _ctx.search,
-              placeholder: "Search..",
-              autofocus: "",
-              "allow-clear": "",
-              "no-margin": "",
-              class: "w-full",
-              icon: markRaw(unref(IconSearch)),
-              "onClick:clear": closeSearch,
-              onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$route.meta.headerSearchComponent && closeSearch()),
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:search", $event))
-            }, null, 8, ["model-value", "icon"]),
-            renderSlot(_ctx.$slots, "search")
-          ], 64))
+        unref(search) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(search), (slot, index) => {
+            return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
+          }), 128))
         ], 512)), [
-          [vShow, isSearchVisible.value || _ctx.search]
+          [vShow, unref(visible)]
         ]) : createCommentVNode("", true)
-      ], 512);
+      ], 4);
     };
   }
 });

package/dist/components/HeaderBar/WHeaderBarSearch.vue.d.ts

@@ -0,0 +1,27 @@
+import { VNode } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: (props: {
+            visible?: boolean;
+            hide?: () => void;
+        }) => VNode[];
+    }> & {
+        default: (props: {
+            visible?: boolean;
+            hide?: () => void;
+        }) => VNode[];
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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=WHeaderBarSearch.vue.d.ts.map

package/dist/components/HeaderBar/WHeaderBarSearch.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WHeaderBarSearch.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBarSearch.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAC,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AA6B1E,iBAAS,cAAc;WAYT,OAAO,IAA6B;;iBAjBvC,CAAC,KAAK,EAAE;YAAC,OAAO,CAAC,EAAE,OAAO,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;iBAA1D,CAAC,KAAK,EAAE;YAAC,OAAO,CAAC,EAAE,OAAO,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;;;EAsBpE;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/HeaderBar/WHeaderBarSearch.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent, useSlots, computed, watch, onBeforeUnmount } from 'vue';
+import { useHeaderSearch } from './use/useHeaderSearch.js';
+import { useHeaderSearchVisible } from './use/useHeaderSearchVisible.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WHeaderBarSearch",
+  setup(__props) {
+    const slots = useSlots();
+    const { visible, updateVisible } = useHeaderSearchVisible();
+    const hide = () => {
+      updateVisible(false);
+    };
+    const slotsDefault = computed(() => slots.default?.({ visible: visible.value, hide }));
+    const { updateHeaderSearch } = useHeaderSearch();
+    watch(slotsDefault, updateHeaderSearch, { immediate: true });
+    onBeforeUnmount(() => {
+      updateHeaderSearch(void 0);
+    });
+    return () => {
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/HeaderBar/WHeaderBarSearch.vue2.js

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