eco-vue-js 0.8.41 → 0.8.43

package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBAyTiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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;WA2kBxD,mBAAmB,CAAC;;;;;oBAvkBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KA8iBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAhbP,MAAM;MAgbuB,GAAG,IAAI;WACpE,GAAG;;kBA/XD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAZA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YAxKN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YA8hBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AArlBvE,wBAqlB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBA8TiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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;WA+kBxD,mBAAmB,CAAC;;;;;oBA3kBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAkjBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CApbP,MAAM;MAobuB,GAAG,IAAI;WACpE,GAAG;;kBAnYD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAZA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YAxKN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YAkiBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzlBvE,wBAylB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListPages.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, withCtx, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, unref, renderSlot } from 'vue';
-import _sfc_main$1 from './InfiniteListScroll.vue.js';
-import _sfc_main$3 from './InfiniteListPage.vue.js';
-import { useRefetchNextPages } from '../use/useRefetchNextPages.js';
-import _sfc_main$2 from './InfiniteListButton.vue.js';
+import { defineComponent, useTemplateRef, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, withCtx, unref, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, renderSlot } from 'vue';
 import { isEqualObj } from '../../../utils/utils.js';
+import _sfc_main$2 from './InfiniteListButton.vue.js';
+import _sfc_main$3 from './InfiniteListPage.vue.js';
+import _sfc_main$1 from './InfiniteListScroll.vue.js';
 import { getIsScrollDown } from '../models/utils.js';
+import { useRefetchNextPages } from '../use/useRefetchNextPages.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPages",
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const infiniteScroll = ref();
+    const infiniteScrollRef = useTemplateRef("infiniteScroll");
     const pages = ref([props.queryParams.page ?? 1]);
     const pagesCount = ref(1);
     const count = ref(0);
@@ -138,8 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        ref_key: "infiniteScroll",
-        ref: infiniteScroll,
+        ref: "infiniteScroll",
         "scrolling-element": _ctx.scrollingElement,
         style: normalizeStyle({ "--infinite-list-header-height": _ctx.headerHeight + "px" }),
         "onScroll:down": addNextPage,
@@ -149,8 +148,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           isPreviousButtonVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => addPreviousPage()),
-            onCheck: infiniteScroll.value?.checkIsScrollUp
-          }, null, 8, ["onCheck"])) : createCommentVNode("", true),
+            onCheck: _cache[1] || (_cache[1] = ($event) => unref(infiniteScrollRef)?.checkIsScrollUp())
+          })) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page, index) => {
             return openBlock(), createBlock(_sfc_main$3, {
               ref_for: true,
@@ -180,19 +179,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "unselect-only": _ctx.unselectOnly,
               "reverse-selection": _ctx.reverseSelection,
               "allow-page-selection": _ctx.allowPageSelection,
-              "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
-              "onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
+              "onUpdate:selected": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:selected", $event)),
+              "onUpdate:count": _cache[3] || (_cache[3] = ($event) => {
                 updateCount($event);
                 _ctx.$emit("update:count", $event);
               }),
               "onUpdate:pagesCount": updatePagesCount,
-              "onUpdate:nextPage": _cache[3] || (_cache[3] = ($event) => updateNextPage($event)),
-              "onUpdate:previousPage": _cache[4] || (_cache[4] = ($event) => updatePreviousPage($event)),
+              "onUpdate:nextPage": _cache[4] || (_cache[4] = ($event) => updateNextPage($event)),
+              "onUpdate:previousPage": _cache[5] || (_cache[5] = ($event) => updatePreviousPage($event)),
               "onUpdate:scroll": updateScroll,
-              "onUpdateFromHeader:scroll": _cache[5] || (_cache[5] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
+              "onUpdateFromHeader:scroll": _cache[6] || (_cache[6] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
               "onRemove:page": removePage,
               onRefetch: ($event) => unref(refetchNextPages)(index),
-              onFetched: _cache[6] || (_cache[6] = ($event) => isResettingPage.value = false)
+              onFetched: _cache[7] || (_cache[7] = ($event) => isResettingPage.value = false)
             }, {
               default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
                 renderSlot(_ctx.$slots, "default", {
@@ -215,8 +214,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             onClick: addNextPage,
-            onCheck: infiniteScroll.value?.checkIsScrollDown
-          }, null, 8, ["onCheck"])) : createCommentVNode("", true)
+            onCheck: _cache[8] || (_cache[8] = ($event) => unref(infiniteScrollRef)?.checkIsScrollDown())
+          })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["scrolling-element", "style"]);

package/dist/components/InfiniteList/components/InfiniteListScroll.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AA4IA,iBAAS,cAAc;;yBA0BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBArHD,OAAO,GAAG,IAAI;;;;;;;;sBAAd,OAAO,GAAG,IAAI;;;;kFAgIhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AA4IA,iBAAS,cAAc;;yBA0BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBApHD,OAAO,GAAG,IAAI;;;;;;;;sBAAd,OAAO,GAAG,IAAI;;;;kFA+HhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfiniteList/models/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/models/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,YAAa,OAAO,GAAG,IAAI,KAAG,OAIvD,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,OAAO,GAAG,IAAI,KAAG,OAIzD,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,YAAa,OAAO,GAAG,IAAI,KAAG,OAIvD,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,OAAO,GAAG,IAAI,KAAG,OAIzD,CAAA"}

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,sBAAsB,OAAO,GAAG,IAAI;;;;;;CAgDrE,CAAA"}
+{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,sBAAsB,OAAO,GAAG,IAAI;;;;;;CAgDrE,CAAA"}

package/dist/components/InfiniteList/use/useRefetchNextPages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRefetchNextPages.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useRefetchNextPages.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;8BAoBG,MAAM,KAAG,IAAI;CAY/C,CAAA"}
+{"version":3,"file":"useRefetchNextPages.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useRefetchNextPages.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB;;8BAoBG,MAAM,KAAG,IAAI;CAY/C,CAAA"}

package/dist/components/InfiniteList/use/useSelected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AA6BnE,eAAO,MAAM,WAAW,GAAI,KAAK,SACxB,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,cAClB,GAAG,CAAC,MAAM,CAAC,YACb,GAAG,CAAC,KAAK,EAAE,CAAC,WACb,GAAG,CAAC,OAAO,CAAC,iBACN,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,UAE5C,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,iBACjB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,eAC1B,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI;8BAqBjB,YAAY,CAAC,KAAK,CAAC;wBA4CzB,KAAK;+BAYE,KAAK,QAAQ,MAAM,SAAS,MAAM;2BAhBtC,YAAY,CAAC,KAAK,CAAC;;;+BAsCf,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI;yBAIhC,KAAK,SAAS,OAAO,KAAG,IAAI;;;CA4EzD,CAAA"}
+{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAwC,MAAM,KAAK,CAAA;AA6BnE,eAAO,MAAM,WAAW,GAAI,KAAK,SACxB,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,cAClB,GAAG,CAAC,MAAM,CAAC,YACb,GAAG,CAAC,KAAK,EAAE,CAAC,WACb,GAAG,CAAC,OAAO,CAAC,iBACN,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,UAE5C,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,iBACjB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,eAC1B,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI;8BAqBjB,YAAY,CAAC,KAAK,CAAC;wBA4CzB,KAAK;+BAYE,KAAK,QAAQ,MAAM,SAAS,MAAM;2BAhBtC,YAAY,CAAC,KAAK,CAAC;;;+BAsCf,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI;yBAIhC,KAAK,SAAS,OAAO,KAAG,IAAI;;;CA4EzD,CAAA"}

package/dist/components/InfoCard/WInfoCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AA2CA,iBAAS,cAAc;;yBAqDM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WApFZ,OAAO;aACL,OAAO;;WADT,OAAO;aACL,OAAO;iGAyFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AAyCA,iBAAS,cAAc;;yBAqDM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAnFZ,OAAO;aACL,OAAO;;WADT,OAAO;aACL,OAAO;iGAwFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfoCard/WInfoCard.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 import IconNegativeInfo from '../../assets/icons/sax/IconNegativeInfo.svg.js';
 
-const _hoisted_1 = { class: "py-1 text-pretty" };
+const _hoisted_1 = { class: "text-pretty py-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInfoCard",
   props: {
@@ -11,13 +11,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["p-4 sm-not:-px--inner-margin sm:rounded-3xl flex gap-3.5 leading-7", {
+        class: normalizeClass(["sm-not:-px--inner-margin flex gap-3.5 p-4 leading-7 sm:rounded-3xl", {
           "bg-gray-100 dark:bg-gray-800": !_ctx.noBg
         }])
       }, [
         !_ctx.noIcon ? (openBlock(), createBlock(unref(IconNegativeInfo), {
           key: 0,
-          class: "square-8 sm-not:square-7 sm-not:-ml-1 inline-block text-description rotate-180"
+          class: "square-8 sm-not:square-7 sm-not:-ml-1 text-description inline-block rotate-180"
         })) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "default")

package/dist/components/InfoCard/WInfoCardNegative.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInfoCardNegative.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/WInfoCardNegative.vue"],"names":[],"mappings":"AAmCA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAyBjD,iBAAS,cAAc;;yBAkDM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAnFZ,MAAM;mBACE,YAAY;;WADpB,MAAM;mBACE,YAAY;iGAwF3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInfoCardNegative.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/WInfoCardNegative.vue"],"names":[],"mappings":"AAqCA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAuBjD,iBAAS,cAAc;;yBAkDM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAlFZ,MAAM;mBACE,YAAY;;WADpB,MAAM;mBACE,YAAY;iGAuF3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfoCard/WInfoCardNegative.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeClass, createTextVNode, toDisplayString, renderSlot } from 'vue';
-import { SemanticType } from '../../utils/SemanticType.js';
 import IconDanger from '../../assets/icons/default/IconDanger.svg.js';
+import { SemanticType } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "p-4 rounded-2xl bg-gray-100 dark:bg-gray-800 mt-2" };
-const _hoisted_2 = { class: "text-accent mb-2 font-normal text-balance" };
-const _hoisted_3 = { class: "text-description font-normal text-balance" };
+const _hoisted_1 = { class: "mt-2 rounded-2xl bg-gray-100 p-4 dark:bg-gray-800" };
+const _hoisted_2 = { class: "text-accent mb-2 text-balance font-normal" };
+const _hoisted_3 = { class: "text-description text-balance font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInfoCardNegative",
   props: {
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(IconDanger), {
-            class: normalizeClass(["inline -mt-1 mr-2", stylesMap[_ctx.semanticType ?? unref(SemanticType).NEGARIVE]])
+            class: normalizeClass(["-mt-1 mr-2 inline", stylesMap[_ctx.semanticType ?? unref(SemanticType).NEGARIVE]])
           }, null, 8, ["class"]),
           createTextVNode(toDisplayString(_ctx.title), 1)
         ]),

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA0WA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAItB,IAAI,SAAS,SAAS,wBACzB,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;WAssBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBA/lB/B,IAAI;oBAML,IAAI;MAylBkD,GAAG,IAAI;WACpE,GAAG;;uBAxDc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;;;YApoBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YA+qBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhtBvE,wBAgtB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAyWA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAYtB,IAAI,SAAS,SAAS,wBACzB,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;WAosBxD,mBAAmB,CAAC,sBAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;qBA7lB/B,IAAI;oBAML,IAAI;MAulBkD,GAAG,IAAI;WACpE,GAAG;;uBAvDc,GAAG;0BACA,GAAG;wBACL,GAAG;wBACF,GAAG;wBACH,GAAG;uBACJ,GAAG;;;YAnoBzB,mBAAmB,SAAS,4CAAa,SAAS,GAAG,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;YA6qBwB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9sBvE,wBA8sB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInput.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, withModifiers, resolveDynamicComponent, withKeys, createVNode, nextTick } from 'vue';
-import _sfc_main$2 from './components/InputActions.vue.js';
-import { Notify } from '../../utils/Notify.js';
-import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
+import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, withModifiers, resolveDynamicComponent, withKeys, createVNode, nextTick } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
+import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
+import { Notify } from '../../utils/Notify.js';
+import _sfc_main$2 from './components/InputActions.vue.js';
 
 const _hoisted_1 = { class: "flex flex-wrap gap-1" };
 const _hoisted_2 = {
   key: 0,
-  class: "flex items-center w-11 h-full justify-center text-description select-none"
+  class: "text-description flex h-full w-11 select-none items-center justify-center"
 };
 const _hoisted_3 = { class: "flex flex-wrap gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const input = ref();
+    const inputRef = useTemplateRef("input");
     const isSecureVisible = ref(false);
     const updateModelValue = (value) => {
       if (props.loading || props.disabled || props.readonly || props.unclickable) return;
@@ -99,15 +99,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.disabled || props.readonly || props.unclickable) return;
       if (typeof props.modelValue === "string") updateModelValue("");
       else updateModelValue(void 0);
-      input.value?.focus();
+      inputRef.value?.focus();
       emit("click:clear");
     };
     const focus = () => {
       if (props.disabled || props.readonly || props.unclickable) return;
-      input.value?.focus();
+      inputRef.value?.focus();
     };
     const blur = () => {
-      input.value?.blur();
+      inputRef.value?.blur();
     };
     const checkPermission = async () => {
       const result = await navigator.permissions.query({ name: "clipboard-read" });
@@ -208,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "field",
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
-              class: normalizeClass(["relative border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 grid grid-cols-[auto,1fr,auto]", {
+              class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-11 grid-cols-[auto,1fr,auto] overflow-hidden rounded-xl border border-solid transition-colors duration-75", {
                 "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
@@ -223,7 +223,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" }))
               ])) : createCommentVNode("", true),
               createElementVNode("div", {
-                class: normalizeClass(["col-start-2 grid grid-cols-1 group/input", {
+                class: normalizeClass(["group/input col-start-2 grid grid-cols-1", {
                   "py-1 first:pl-1 last:pr-1": _ctx.$slots.prefix
                 }])
               }, [
@@ -231,16 +231,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "prefix"),
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
                     id,
-                    ref_key: "input",
-                    ref: input,
-                    class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full w-input disabled:opacity-80 disabled:cursor-not-allowed placeholder:text-gray-400 dark:placeholder:text-gray-500 appearance-none", {
+                    ref: "input",
+                    class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] text-base font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
                       "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
                       "resize-y": _ctx.resize && _ctx.textarea,
                       "resize-none": !_ctx.resize && _ctx.textarea,
                       "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
                       "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
-                      "group-first/input:pl-3 first:pl-0 [&:not(:first-child)]:pl-3 group-last/input:pr-3": !_ctx.hideInput,
-                      "w-0 max-w-0 p-0 absolute": _ctx.hideInput,
+                      "first:pl-0 group-first/input:pl-3 group-last/input:pr-3 [&:not(:first-child)]:pl-3": !_ctx.hideInput,
+                      "absolute w-0 max-w-0 p-0": _ctx.hideInput,
                       "font-mono": _ctx.mono,
                       "text-secure": _ctx.textSecure && !isSecureVisible.value,
                       "text-black-default dark:text-gray-200": !_ctx.disabled,

package/dist/components/Input/WInputAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAoOA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAI3B,IAAI,SAAS,SAAS,wBACzB,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;WAiaxD,mBAAmB,CAAC;;mKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA/Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;cA3WzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YA6ZnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3avE,wBA2a4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AA8NA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAiB3B,IAAI,SAAS,SAAS,wBACzB,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;WA+ZxD,mBAAmB,CAAC;;mKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA9Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;cA1WzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YA2ZnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzavE,wBAya4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInputAsync.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, Fragment, normalizeClass, withModifiers, unref, createCommentVNode, nextTick } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, Fragment, normalizeClass, withModifiers, unref, createCommentVNode, nextTick } from 'vue';
 import _sfc_main$1 from './WInput.vue.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
-import IconEdit from '../../assets/icons/sax/IconEdit.svg.js';
+import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
 import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
+import IconEdit from '../../assets/icons/sax/IconEdit.svg.js';
 import IconSlash from '../../assets/icons/sax/IconSlash.svg.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import { Modal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
-import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const saved = ref(false);
     const value = ref();
-    const input = ref();
+    const inputRef = useTemplateRef("input");
     const errorMessageValue = ref();
     const hasChangesValue = computed(() => props.modelValue !== value.value);
     const canSave = computed(() => props.textSecure && focused.value || hasChangesValue.value);
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const cancel = () => {
       reset();
-      input.value?.blur();
+      inputRef.value?.blur();
     };
     const toggle = async () => {
       if (props.disabled || props.loading) return;
@@ -94,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, () => {
           closeModal = null;
           nextTick().then(() => {
-            if (focused.value) input.value?.focus();
+            if (focused.value) inputRef.value?.focus();
           });
         });
       } else {
@@ -104,12 +104,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const open = () => {
       if (props.disabled || props.loading) return;
-      input.value?.focus();
+      inputRef.value?.focus();
     };
     watch(toRef(props, "modelValue"), (modelValue) => {
       value.value = modelValue;
       if (!props.placeholderSecure && saved.value) {
-        input.value?.blur();
+        inputRef.value?.blur();
         saved.value = false;
       }
     }, { immediate: true });
@@ -124,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emitUpdateModelValue = (newValue) => {
       if (props.disabled || props.loading) return;
       if (errorMessageValue.value) return;
-      if (props.placeholderSecure) input.value?.blur();
+      if (props.placeholderSecure) inputRef.value?.blur();
       emit("update:modelValue", newValue);
       if (!props.placeholderSecure) saved.value = true;
     };
@@ -141,10 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "input",
-        ref: input
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, {
         ...props,
         modelValue: value.value,
         disabledActions: !focused.value && !hasChangesValue.value || _ctx.disabledActions,
@@ -185,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "w-skeleton-w-11 w-skeleton-h-11 w-skeleton-rounded-lg"
               })) : (openBlock(), createElementBlock("button", {
                 key: 1,
-                class: normalizeClass(["relative square-11 rounded-lg flex items-center justify-center bg-default dark:bg-default-dark border border-solid border-gray-200 dark:border-gray-800", {
+                class: normalizeClass(["square-11 bg-default dark:bg-default-dark relative flex items-center justify-center rounded-lg border border-solid border-gray-200 dark:border-gray-800", {
                   "cursor-not-allowed": _ctx.disabled,
                   "cursor-progress": _ctx.loading,
                   "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,

package/dist/components/Input/WInputDate.vue.d.ts

@@ -1,5 +1,5 @@
-import { HorizontalAlign } from '../../utils/HorizontalAlign';
 import { InputDateProps } from './types';
+import { HorizontalAlign } from '../../utils/HorizontalAlign';
 declare function __VLS_template(): {
     slots: {
         title?(_: {}): any;
@@ -7,12 +7,7 @@ declare function __VLS_template(): {
         right?(_: {}): any;
     };
     refs: {
-        inputComponent: import('vue').ShallowUnwrapRef<{
-            focus: () => void;
-            blur: () => void;
-            close: () => void;
-            updateDropdown: () => void;
-        }> | null;
+        inputComponent: any;
     };
     attrs: Partial<{}>;
 };
@@ -28,7 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<InputDateProps, {},
     modelValue: Date;
     minDate: Date;
     maxDate: Date;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputComponent: any;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Input/WInputDate.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAkHA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAuE3C,iBAAS,cAAc;;uBAiJK,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAuEvD,iBAAS,cAAc;;uBAiJK,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Input/WInputDate.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, watch, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
 import _sfc_main$2 from '../DatePicker/WDatePickerSingle.vue.js';
-import { dateFormat, parseDate } from '../../utils/dateTime.js';
 import _sfc_main$1 from './WInputSuggest.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
+import { dateFormat, parseDate } from '../../utils/dateTime.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const inputComponent = ref();
+    const inputComponentRef = useTemplateRef("inputComponent");
     const inputValue = ref(props.modelValue ? dateFormat(props.modelValue) : "");
     const updateInputValue = (value) => {
       inputValue.value = value;
@@ -78,21 +78,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputValue.value = value ? dateFormat(value) : "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "inputComponent",
-        ref: inputComponent
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "inputComponent" }, {
         ...props,
         modelValue: inputValue.value
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": updateInputValue,
         onClose: _cache[2] || (_cache[2] = ($event) => formatModelValue(_ctx.modelValue)),
-        "onKeypress:enter": _cache[3] || (_cache[3] = ($event) => inputComponent.value?.blur())
+        "onKeypress:enter": _cache[3] || (_cache[3] = ($event) => unref(inputComponentRef)?.blur())
       }), createSlots({
         content: withCtx(() => [
           createElementVNode("div", {
-            class: "sm:p-6 sm:w-[28rem] sm-not:w-screen sm-not:px-3",
+            class: "sm-not:w-screen sm-not:px-3 sm:w-[28rem] sm:p-6",
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["prevent"]))
           }, [

package/dist/components/Input/WInputOptions.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: <Type extends InputType = "text", Option extends Record<
         right?(_: {}): any;
         option?(_: {
             option: Option;
-            selected: boolean;
+            selected: any;
             model: boolean;
         }): any;
     };

package/dist/components/Input/WInputOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,IAAI,SAAS,SAAS,WAAW,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC;QAA8B,MAAM;gBACzH,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;WA4YxD,mBAAmB,CAAC;;8KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBA9Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;YACF,GAAG;;cA1V1B,oBAAoB,qDAAsB,IAAI;;;;YA0YR,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtZvE,wBAsZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAwMA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAU7B,IAAI,SAAS,SAAS,WAAW,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC;QAA8B,MAAM;gBACzH,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;WA0YxD,mBAAmB,CAAC;;8KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBA7Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;YACF,GAAG;;cAzV1B,oBAAoB,qDAAsB,IAAI;;;;YAwYR,OAAO,CAAC,OAAO,WAAW,CAAC;;AApZvE,wBAoZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInputOptions.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent, ref, computed, watch, toRef, nextTick, openBlock, createBlock, mergeProps, withModifiers, createSlots, withCtx, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, toRef, nextTick, openBlock, createBlock, mergeProps, withModifiers, createSlots, withCtx, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import _sfc_main$1 from './WInputSuggest.vue.js';
 import _sfc_main$2 from '../Select/components/SelectOption.vue.js';
 import { debounce } from '../../utils/utils.js';
-import _sfc_main$1 from './WInputSuggest.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "py-2 px-[1.0625rem] first:pt-4 last:pb-4"
+  class: "px-[1.0625rem] py-2 first:pt-4 last:pb-4"
 };
-const _hoisted_2 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
+const _hoisted_2 = { class: "w-select-field sm-not:px-3 cursor-default select-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInputOptions",
   props: {
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isOpen = ref(false);
-    const input = ref();
+    const inputRef = useTemplateRef("input");
     const cursor = ref(-1);
     const isCursorLocked = ref(false);
     const lastIndex = computed(() => props.options.length);
@@ -111,24 +111,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:model-value", value);
     };
     const focus = () => {
-      input.value?.focus();
+      inputRef.value?.focus();
     };
     const blur = () => {
-      input.value?.blur();
+      inputRef.value?.blur();
     };
     watch(toRef(props, "modelValue"), async () => {
       await nextTick();
-      input.value?.updateDropdown();
+      inputRef.value?.updateDropdown();
     });
     __expose({
       focus,
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "input",
-        ref: input
-      }, props, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, props, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": updateModelValue,
         "onKeypress:enter": withModifiers(selectCursor, ["stop", "prevent"]),

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAiOA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,IAAI,SAAS,SAAS,wBACzB,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;WAqfxD,mBAAmB,CAAC,6BAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAvaH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAJ/C,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAlEnD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YAieM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/fvE,wBA+f4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAe7B,IAAI,SAAS,SAAS,wBACzB,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;WAifxD,mBAAmB,CAAC,6BAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnaH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAJ/C,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAlEnD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA6dM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3fvE,wBA2f4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}