eco-vue-js 0.10.80 → 0.10.82

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, useTemplateRef, computed, watch, toRef, nextTick, createBlock, openBlock, mergeProps, withModifiers, createSlots, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, 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 { useComponentStates } from '../../utils/useComponentStates.js';
 import { debounce } from '../../utils/utils.js';
 
 const _hoisted_1 = {
@@ -12,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInputOptions",
   props: {
     options: {},
-    valueGetter: { type: Function },
+    valueGetter: {},
     emptyStub: {},
     optionComponent: {},
     mobileTitle: {},
@@ -32,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },
-    readonly: { type: Boolean },
+    readonly: { type: Boolean, default: void 0 },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -50,8 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipText: {},
     mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    skeleton: { type: Boolean },
-    disabled: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -66,12 +67,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxHeight: {},
     maxWidth: {},
     horizontalAlign: {},
-    top: { type: Boolean }
+    top: { type: Boolean },
+    bottom: { type: Boolean }
   },
   emits: ["update:model-value"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { isReadonly, isDisabled } = useComponentStates(props);
     const isOpen = ref(false);
     const inputRef = useTemplateRef("input");
     const cursor = ref(-1);
@@ -79,13 +82,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const lastIndex = computed(() => props.options.length);
     const focused = ref(false);
     const loadingOptionIndex = ref(null);
-    const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
+    const isDisabledComputed = computed(() => props.loading || isReadonly.value || isDisabled.value);
     const close = () => {
       isOpen.value = false;
       focused.value = false;
     };
     const setLoadingOptionIndex = (value) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       loadingOptionIndex.value = value;
     };
     const unlockCursor = debounce(() => {
@@ -100,17 +103,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cursor.value = value;
     };
     const cursorUp = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       lockCursor();
       cursor.value = !props.options.length ? 0 : cursor.value < 1 ? lastIndex.value : cursor.value - 1;
     };
     const cursorDown = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       lockCursor();
       cursor.value = !props.options.length ? 0 : cursor.value >= lastIndex.value ? 0 : cursor.value + 1;
     };
     const selectCursor = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       const value = cursor.value !== -1 ? props.options[cursor.value] : void 0;
       if (value) select(value);
     };

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":"AA6GA;AAgNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqYO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAxEvD,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;;EAkXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhZzE,wBAgZ4E;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":"AA6GA;AAsNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAa5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+YO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAxTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YA1EvD,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;;EAyXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1ZzE,wBA0Z4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -6,6 +6,7 @@ import _sfc_main$4 from './WInput.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -28,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },
-    readonly: { type: Boolean },
+    readonly: { type: Boolean, default: void 0 },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -46,8 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipText: {},
     mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    skeleton: { type: Boolean },
-    disabled: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -62,19 +63,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxHeight: { default: 320 },
     maxWidth: { default: 600 },
     horizontalAlign: { default: HorizontalAlign.FILL },
-    top: { type: Boolean }
+    top: { type: Boolean },
+    bottom: { type: Boolean }
   },
   emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "open", "close", "click:clear", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { isReadonly, isDisabled } = useComponentStates(props);
     const isOpen = ref(false);
     const dropdownMenuRef = useTemplateRef("dropdownMenu");
     const inputRef = useTemplateRef("input");
     const { isMobile } = useIsMobile();
-    const isDisabled = computed(() => props.readonly || props.disabled);
+    const isDisabledComputed = computed(() => isReadonly.value || isDisabled.value);
     const open = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       isOpen.value = true;
       emit("open");
     };
@@ -124,8 +127,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             seamless: toggleScope?.unclickable === false ? false : props.seamless
           }, {
             class: {
-              "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
-              "cursor-not-allowed": _ctx.disabled && !_ctx.readonly,
+              "cursor-pointer": !unref(isDisabled) && !unref(isReadonly),
+              "cursor-not-allowed": unref(isDisabled) && !unref(isReadonly),
               "mb-3": unref(isMobile) && !toggleScope?.unclickable
             },
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
@@ -154,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             suffix: withCtx(() => [
-              !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
+              !unref(isDisabled) ? (openBlock(), createBlock(unref(IconArrow), {
                 key: 0,
                 class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
               }, null, 8, ["class"])) : createCommentVNode("", true)

package/dist/components/List/WList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AAqTA;AAseA,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAChK,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAczC,OAAO,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAW3C,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAu4BO,mBAAmB,CAAC;;;;;;;;;gBAn4BlB,MAAM;gBACN,MAAM;oBACF,kBAAkB,CAAC,IAAI,CAAC;oBACxB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;iBAC9B,eAAe,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;oBACxC,OAAO;2BACA,OAAO;oBACd,OAAO;mBAo2ByE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA3EiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;uBACF,GAAG;;;YAzxB1B,cAAc,SAAS,QAAQ,GAAG,IAAI;YACtC,cAAc,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;YACpD,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,cAAc,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;;EAk2BlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAl5BzE,wBAk5B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AAqTA;AA6fA,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAChK,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAezC,OAAO,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAW3C,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EAC3I,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAk7BO,mBAAmB,CAAC;;;;;;;;;gBA96BhB,MAAM;gBACN,MAAM;oBACF,kBAAkB,CAAC,IAAI,CAAC;oBACxB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;iBAC9B,eAAe,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;oBACxC,OAAO;2BACA,OAAO;oBACd,OAAO;mBA+4BuE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA9EiB,GAAG;2BACC,GAAG;;;;;YACP,GAAG;uBACF,GAAG;;;YA7yB1B,cAAc,SAAS,QAAQ,GAAG,IAAI;YACtC,cAAc,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;YACpD,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,cAAc,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;;EAy3BlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA77BzE,wBA67B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/WList.vue.js

@@ -5,9 +5,10 @@ import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import IconRefresh from '../../assets/icons/sax/IconRefresh.svg.js';
 import { useIsMobile } from '../../utils/mobile.js';
 import { parseOrdering, encodeOrdering } from '../../utils/order.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 import { PAGE_LENGTH } from '../../utils/useDefaultQuery.js';
 import { useSelected } from '../../utils/useSelected.js';
-import { BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
+import { ListMode, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
 import _sfc_main$2 from './WListCard.vue.js';
 import _sfc_main$8 from './WListHeader.vue.js';
 import _sfc_main$a from './WListHeaderItem.vue.js';
@@ -25,35 +26,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WList",
   props: {
-    count: {},
+    count: { default: void 0 },
     fields: {},
-    expansion: {},
+    expansion: { default: void 0 },
     useQueryFn: {},
     queryParams: {},
-    queryOptions: {},
-    bulkDisableMessage: {},
+    queryOptions: { default: void 0 },
+    bulkDisableMessage: { default: void 0 },
     selectionTitle: {},
-    bulk: {},
-    bulkMore: {},
-    action: {},
-    menu: {},
-    readonlyGetter: { type: Function },
-    cardClass: {},
-    cardWrapperClass: {},
-    selectAllTextGetter: { type: Function },
+    bulk: { default: void 0 },
+    bulkMore: { default: void 0 },
+    action: { default: void 0 },
+    menu: { default: void 0 },
+    readonlyGetter: { type: Function, default: void 0 },
+    cardClass: { default: void 0 },
+    cardWrapperClass: { default: void 0 },
+    selectAllTextGetter: {},
     hasBorder: { type: Boolean },
     configKey: {},
     defaultConfigMap: {},
-    defaultMode: {},
+    defaultMode: { default: ListMode.TABLE },
     alignTop: { type: Boolean },
     disableMore: { type: Boolean },
-    readonly: { type: Boolean },
+    readonly: { type: Boolean, default: void 0 },
     noOrdering: { type: Boolean },
-    formNameGetter: { type: Function },
-    groupBy: { type: Function },
+    formNameGetter: { type: Function, default: void 0 },
+    groupBy: { type: Function, default: void 0 },
     cardColumns: {},
     cardAreas: {},
-    cardTo: { type: Function },
+    cardTo: { type: Function, default: void 0 },
     hasAction: { type: Boolean },
     noHeaderSettings: { type: Boolean },
     noRefetch: { type: Boolean }
@@ -62,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { isDisabled, isReadonly } = useComponentStates(props);
     const { isMobile } = useIsMobile();
     const listCount = ref(void 0);
     const countValue = computed(() => props.count ?? listCount.value);
@@ -221,7 +223,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return openBlock(), createBlock(resolveDynamicComponent(item), {
                       key: index,
                       "query-params": _ctx.queryParams,
-                      readonly: _ctx.readonly ?? false,
+                      readonly: unref(isReadonly) ?? unref(isDisabled) ?? false,
                       class: normalizeClass(cssClass)
                     }, null, 8, ["query-params", "readonly", "class"]);
                   }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.bulk, (item, index) => {
@@ -230,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "selection-count": unref(selectionCount),
                       "query-params-getter": getQueryParamsBulk,
                       "disable-message": disableMessage,
-                      readonly: _ctx.readonly ?? false,
+                      readonly: unref(isReadonly) ?? unref(isDisabled) ?? false,
                       class: normalizeClass(cssClass),
                       "onClear:selected": unref(resetSelection)
                     }, null, 40, ["selection-count", "disable-message", "readonly", "class", "onClear:selected"]);
@@ -247,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "selection-count": unref(selectionCount),
                       "query-params-getter": getQueryParamsBulk,
                       "disable-message": scope?.disableMessage,
-                      readonly: _ctx.readonly ?? false,
+                      readonly: unref(isReadonly) ?? unref(isDisabled) ?? false,
                       class: normalizeClass(scope?.cssClass),
                       "onClear:selected": unref(resetSelection)
                     }, null, 40, ["selection-count", "disable-message", "readonly", "class", "onClear:selected"]);
@@ -340,12 +342,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   item,
                   skeleton,
                   card: unref(isGrid),
-                  readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false)
+                  readonly: (unref(isReadonly) ?? unref(isDisabled)) || (_ctx.readonlyGetter?.(item) ?? false)
                 }, {
                   default: withCtx((defaultScope) => [
                     (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.default), {
                       item: defaultScope.item,
-                      readonly: _ctx.readonly || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
+                      readonly: (unref(isReadonly) ?? unref(isDisabled)) || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
                       skeleton,
                       card: unref(isGrid),
                       config: unref(fieldConfigMap)[defaultScope.field.meta.label],
@@ -380,7 +382,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 fn: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
                     item,
-                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
+                    readonly: (unref(isReadonly) ?? unref(isDisabled)) || (_ctx.readonlyGetter?.(item) ?? false),
                     skeleton,
                     card: unref(isGrid),
                     "onUpdate:item": setter,
@@ -401,7 +403,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref_for: true
                     }, Array.isArray(menuItem) ? menuItem[1] : void 0, {
                       item,
-                      readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
+                      readonly: (unref(isReadonly) ?? unref(isDisabled)) || (_ctx.readonlyGetter?.(item) ?? false),
                       "update-item": setter,
                       "delete-item": () => {
                         setter();

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAkMA;AAAA,OAuRO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAmDF,iBAAS,cAAc,QA2YtB;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;mFAQnB,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAmMA;AAAA,OAwRO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAmDF,iBAAS,cAAc,QA6YtB;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;mFAQnB,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/List/WListCard.vue.js

@@ -136,7 +136,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.allowSelect && _ctx.card ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 "model-value": _ctx.selected,
-                disabled: _ctx.disabled,
+                disabled: _ctx.disabled ?? false,
+                readonly: false,
                 class: normalizeClass(["-p--inner-margin -my---inner-margin -mr---inner-margin justify-end self-start", {
                   "opacity-50": _ctx.allowSelectHover
                 }]),

package/dist/components/List/WListHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AA0CA;AA2EA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC;AAmBF,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAXrB,GAAG;0BACF,GAAG;;;;EAehC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAQnB,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":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AA2CA;AA4EA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC;AAmBF,iBAAS,cAAc;WAuFT,OAAO,IAA6B;;yBAXrB,GAAG;0BACF,GAAG;;;;EAehC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAQnB,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/List/WListHeader.vue.js

@@ -36,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.allowSelect && _ctx.selection !== void 0 ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               disabled: _ctx.disabled || _ctx.count === 0 || _ctx.count === void 0,
+              readonly: false,
               "model-value": _ctx.selection,
               "tooltip-text": _ctx.tooltipText,
               intermediate: "",

package/dist/components/MenuItem/WMenuItem.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to && !_ctx.disabled ? unref(RouterLink) : _ctx.href ? "a" : "button"), mergeProps(_ctx.to && !_ctx.disabled ? { to: _ctx.to } : _ctx.href ? { href: _ctx.href, download: _ctx.download } : void 0, {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.disabled ? "div" : _ctx.to ? unref(RouterLink) : _ctx.href ? "a" : "button"), mergeProps(_ctx.disabled ? void 0 : _ctx.to ? { to: _ctx.to } : _ctx.href ? { href: _ctx.href, download: _ctx.download } : void 0, {
         class: ["text-description w-ripple-trigger block w-full min-w-36 select-none items-center justify-start px-2 text-start outline-none first:pt-2 last:pb-2", {
           "hover:text-primary dark:hover:text-primary-dark cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled

package/dist/components/Nav/WNavItemTransition.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItemTransition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemTransition.vue"],"names":[],"mappings":"AAgBA,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,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"}
+{"version":3,"file":"WNavItemTransition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemTransition.vue"],"names":[],"mappings":"AAYA;AAoBA,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,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/Progress/WProgressStriped.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WProgressStriped.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressStriped.vue"],"names":[],"mappings":"AAqBA;AA4BA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;;AAwDF,wBAOG"}
+{"version":3,"file":"WProgressStriped.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/WProgressStriped.vue"],"names":[],"mappings":"AAwBA;AA+BA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;;AA2DF,wBAOG"}

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

@@ -8,8 +8,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["relative h-2 w-full select-none overflow-clip rounded-lg", {
-          "button-gradient-primary": _ctx.modelValue > 0,
+        class: normalizeClass(["relative w-full select-none overflow-clip rounded-full", {
+          "bg-primary dark:bg-primary-dark": _ctx.modelValue > 0,
           "bg-gray-200 dark:bg-gray-800": _ctx.modelValue <= 0,
           "w-progress-striped before:animate-move-horizontal cursor-progress": _ctx.modelValue > 0 && _ctx.modelValue < 100,
           "before:absolute before:inset-0": _ctx.modelValue >= 100 || _ctx.modelValue <= 0,
@@ -19,11 +19,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.modelValue < 100 && _ctx.modelValue > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "absolute right-0 h-full bg-gray-200 transition-[width] dark:bg-gray-800",
+          class: normalizeClass(["absolute right-0 h-full bg-gray-200 transition-[width] dark:bg-gray-800", {
+            "w-progress-striped before:animate-move-horizontal": _ctx.modelValue === 0
+          }]),
           style: normalizeStyle({
             width: 100 - _ctx.modelValue + "%"
           })
-        }, null, 4)) : createCommentVNode("", true)
+        }, null, 6)) : createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/components/Select/WSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA8KA;AAgcA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,iBAAiB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;yBAa7F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAChJ,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAoqBO,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAjdrB,MAAM,KAAG,IAAI;MAid8B,GAAG,IAAI;WACpE,GAAG;;gBAnaD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;gBACrD,MAAM,IAAI;;gBAHV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;gBACrD,MAAM,IAAI;;;YA/Pd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;EA8pBrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/qBzE,wBA+qB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA8KA;AA0cA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,iBAAiB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc7F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAChJ,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqrBO,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAzdrB,MAAM,KAAG,IAAI;MAyd8B,GAAG,IAAI;WACpE,GAAG;;gBA3aD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;gBACrD,MAAM,IAAI;;gBAHV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;gBACrD,MAAM,IAAI;;;YAjQd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;EAwqBrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhsBzE,wBAgsB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -2,6 +2,7 @@ import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick,
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { ApiError } from '../../utils/api.js';
 import { useIsMobile } from '../../utils/mobile.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 import { debounce } from '../../utils/utils.js';
 import _sfc_main$2 from './components/SelectOption.vue.js';
 import _sfc_main$3 from './components/SelectOptionPrefix.vue.js';
@@ -20,14 +21,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WSelect",
   props: {
     modelValue: {},
-    valueGetter: { type: Function },
-    searchFn: { type: Function },
+    valueGetter: {},
+    searchFn: {},
     useQueryFnDefault: {},
     emptyStub: {},
     disableClear: { type: Boolean },
     hidePrefix: { type: Boolean },
-    createOption: { type: Function },
-    filterOptions: { type: Function },
+    createOption: {},
+    filterOptions: {},
     hideOptionIcon: { type: Boolean },
     createdData: {},
     selectOnClose: { type: Boolean },
@@ -47,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     autocomplete: {},
     autofocus: { type: Boolean },
-    readonly: { type: Boolean },
+    readonly: { type: Boolean, default: void 0 },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -63,8 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipText: {},
     mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    skeleton: { type: Boolean },
-    disabled: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -80,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
+    bottom: { type: Boolean },
     optionComponent: {},
     optionComponentProps: {},
     useQueryFnOptions: {},
@@ -90,6 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { isReadonly, isDisabled } = useComponentStates(props);
     const { isMobile } = useIsMobile();
     const isOpen = ref(false);
     const inputRef = useTemplateRef("input");
@@ -125,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const loadingOptionIndex = ref(null);
     const loadingCreate = ref(false);
-    const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
+    const isDisabledComputed = computed(() => props.loading || isReadonly.value || isDisabled.value);
     const hasCreateOption = computed(() => props.createOption && (!optionsFiltered.value.some((option) => props.valueGetter(option) === search.value) || isModelValueSearch.value));
     const close = () => {
       if (props.selectOnClose && focused.value && !isModelValueSearch.value) {
@@ -139,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       search.value = "";
     };
     const setLoadingOptionIndex = (value) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       loadingOptionIndex.value = value;
     };
     const unlockCursor = debounce(() => {
@@ -154,17 +157,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cursor.value = value;
     };
     const cursorUp = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       lockCursor();
       cursor.value = !optionsFiltered.value.length ? 0 : cursor.value < 1 ? lastIndex.value : cursor.value - 1;
     };
     const cursorDown = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       lockCursor();
       cursor.value = !optionsFiltered.value.length ? 0 : cursor.value >= lastIndex.value ? 0 : cursor.value + 1;
     };
     const selectCursor = () => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       if (cursor.value === optionsFiltered.value.length) {
         if (search.value && props.createOption) create(search.value);
         return;
@@ -190,19 +193,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const select = (item) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       emit("select", item);
       search.value = "";
     };
     const unselect = (item) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       emit("unselect", item);
       search.value = "";
       const index = createdOptions.value.findIndex((option) => props.valueGetter(option) === item);
       if (index !== -1) createdOptions.value.splice(index, 1);
     };
     const create = async (value) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       if (!props.createOption) return;
       loadingCreate.value = true;
       const option = await props.createOption(value);
@@ -288,13 +291,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "option-component-props": _ctx.optionComponentProps,
               index,
               loading: _ctx.loading || unref(isLoading),
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              "disable-clear": _ctx.disableClear || _ctx.readonly || _ctx.seamless && !focused.value,
+              disabled: unref(isDisabled),
+              readonly: unref(isReadonly),
+              "disable-clear": _ctx.disableClear || unref(isReadonly) || _ctx.seamless && !focused.value,
               search: value,
               class: normalizeClass({
-                "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
-                "cursor-not-allowed opacity-50": _ctx.disabled
+                "cursor-pointer": !unref(isDisabled) && !unref(isReadonly),
+                "cursor-not-allowed opacity-50": unref(isDisabled)
               }),
               onUnselect: ($event) => unselect(value)
             }, createSlots({ _: 2 }, [

package/dist/components/Select/WSelectAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AA6HA;AAmTA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA8B,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAWlG,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwgBO,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAnYrB,MAAM,KAAG,IAAI;MAmY8B,GAAG,IAAI;WACpE,GAAG;;gBAjWD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;gBAHrD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;;YA9JzD,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EA2flC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnhBzE,wBAmhB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AA6HA;AAyTA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA8B,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAYlG,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAkhBO,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAxYrB,MAAM,KAAG,IAAI;MAwY8B,GAAG,IAAI;WACpE,GAAG;;gBAtWD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;gBAHrD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;;YAhKzD,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAkgBlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7hBzE,wBA6hB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}