eco-vue-js 0.10.81 → 0.10.83

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":"AAoMA;AAAA,OAyRO,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,QA+YtB;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

@@ -109,7 +109,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.allowSelect ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 "model-value": _ctx.selected,
-                disabled: _ctx.disabled,
+                disabled: _ctx.disabled ?? false,
+                readonly: false,
                 "align-top": _ctx.alignTop,
                 "less-transitions": _ctx.allowSelectHover,
                 class: normalizeClass(["h-full px-[--w-list-padding,1rem]", {
@@ -136,7 +137,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/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"}

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, useTemplateRef, computed, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createVNode, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { useIsMobile } from '../../utils/mobile.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 import _sfc_main$2 from './components/SelectAsyncList.vue.js';
 import _sfc_main$3 from './components/SelectAsyncPrefix.vue.js';
 
@@ -40,7 +41,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 },
@@ -56,8 +57,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 },
@@ -73,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
+    bottom: { type: Boolean },
     optionComponent: {},
     optionComponentProps: {}
   },
@@ -80,6 +82,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");
@@ -88,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isFetchingPrefix = ref(false);
     const search = ref("");
     const loadingCreate = ref(false);
-    const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
+    const isDisabledComputed = computed(() => props.loading || isReadonly.value || isDisabled.value);
     const isModelValueSearch = computed(() => !!search.value && props.modelValue.includes(search.value));
     const enabled = computed(() => !props.disabled);
     const queryParams = computed(() => ({ ...props.queryParamsOptions, [props.searchField ?? "search"]: search.value }));
@@ -123,17 +126,17 @@ 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 create = async (value) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       if (!props.createOption) return;
       loadingCreate.value = true;
       const option = await props.createOption(value);
@@ -144,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loadingCreate.value = false;
     };
     const updateSelected = (value) => {
-      if (isDisabled.value) return;
+      if (isDisabledComputed.value) return;
       emit("update:modelValue", value);
       search.value = "";
     };
@@ -211,16 +214,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             "use-query-fn": _ctx.useQueryFnPrefix ?? _ctx.useQueryFnOptions,
             "model-value": _ctx.modelValue,
-            disabled: _ctx.disabled,
+            disabled: unref(isDisabled),
             loading: _ctx.loading || isFetchingPrefix.value,
             "option-component": _ctx.optionComponent,
             "option-component-props": _ctx.optionComponentProps,
-            "disable-clear": _ctx.disableClear || _ctx.readonly || _ctx.seamless && !focused.value,
+            "disable-clear": _ctx.disableClear || unref(isReadonly) || _ctx.seamless && !focused.value,
             "preview-data": _ctx.previewData,
             "created-data": _ctx.createdData,
             "value-getter": _ctx.valueGetter,
             "value-query-key": _ctx.valueQueryKey,
-            readonly: _ctx.readonly,
+            readonly: unref(isReadonly),
             onUnselect: unselect,
             "onUpdate:fetching": _cache[0] || (_cache[0] = ($event) => {
               !$event && updateDropdown();
@@ -251,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "use-query-fn": _ctx.useQueryFnOptions,
             "query-params": queryParams.value,
             loading: _ctx.loading || isFetchingPrefix.value,
-            disabled: isDisabled.value,
+            disabled: isDisabledComputed.value,
             "empty-stub": !search.value && _ctx.emptyStub ? _ctx.emptyStub : void 0,
             "allow-create": _ctx.createOption && (!hasSearchOption.value || isModelValueSearch.value),
             "hide-option-icon": _ctx.hideOptionIcon,

package/dist/components/Select/WSelectAsyncList.vue.d.ts

@@ -18,6 +18,8 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         hideOptionIcon?: boolean;
         valueGetter?: (data: Data) => Model;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
+        disabled?: boolean;
+        readonly?: boolean;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"AAwDA;AAqGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAO7B,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EACpF,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;WAgNO,mBAAmB,CAAC;;;;;;gBA9MhB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;mBAmMe,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA/KC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;kBAApD,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;;YAR1D,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;EAwLtC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3NzE,wBA2N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"AAyDA;AA+GA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAS7B,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EACpF,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+NO,mBAAmB,CAAC;;;;;;gBA7NhB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;mBAChE,OAAO;mBACP,OAAO;mBAgNwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAvLC,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;kBAApD,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;;;YAV1D,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;EAkMtC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1OzE,wBA0O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, withCtx, createVNode, createSlots, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, createBlock, unref, Fragment, createTextVNode, toDisplayString, withCtx, createVNode, createSlots, renderSlot } from 'vue';
 import _sfc_main$1 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { useComponentStates } from '../../utils/useComponentStates.js';
 import _sfc_main$2 from './components/SelectAsyncList.vue.js';
 
 const _hoisted_1 = {
@@ -15,24 +16,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     useQueryFn: {},
     queryParams: {},
-    skeleton: { type: Boolean },
+    skeleton: { type: Boolean, default: void 0 },
     excludeParams: { default: void 0 },
     selectOnly: { type: Boolean },
     unselectOnly: { type: Boolean },
     hideOptionIcon: { type: Boolean },
     valueGetter: { type: Function, default: (data) => data.id },
-    queryOptions: { default: void 0 }
+    queryOptions: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 }
   },
   emits: ["select", "unselect", "update:model-value", "update:count"],
   setup(__props) {
+    const props = __props;
+    const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
         ])) : createCommentVNode("", true),
-        _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+        unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
           key: 1,
           class: "w-skeleton-rounded-2xl w-skeleton-h-[24rem] w-skeleton-w-full"
         })) : (openBlock(), createBlock(_sfc_main$1, {
@@ -51,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "hide-option-icon": _ctx.hideOptionIcon,
               "value-getter": _ctx.valueGetter,
               "query-options": _ctx.queryOptions,
+              disabled: unref(isDisabled) || unref(isReadonly),
               transition: "",
               onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event)),
               onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("unselect", $event)),
@@ -71,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["model-value", "use-query-fn", "query-params", "exclude-params", "empty-stub", "select-only", "unselect-only", "hide-option-icon", "value-getter", "query-options"])
+            ]), 1032, ["model-value", "use-query-fn", "query-params", "exclude-params", "empty-stub", "select-only", "unselect-only", "hide-option-icon", "value-getter", "query-options", "disabled"])
           ]),
           _: 3
         }))

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAmDA;AAiGA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAM5E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EAC7K,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;WAwLO,mBAAmB,CAAC;;;0PAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAtJD,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;;;YA9BzD,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;EAoLrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnMzE,wBAmM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAmDA;AAwGA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAM5E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EAC7K,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;WAqMO,mBAAmB,CAAC;;;0PAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA5JD,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;;;YA9BzD,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;EA0LrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhNzE,wBAgN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -15,11 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     queryParamsOptions: {},
     searchField: {},
     valueQueryKey: {},
-    valueGetter: { type: Function },
+    valueGetter: {},
     useQueryFnDefault: {},
     emptyStub: {},
     hidePrefix: { type: Boolean },
-    createOption: { type: Function },
+    createOption: {},
     hideOptionIcon: { type: Boolean },
     selectOnClose: { type: Boolean },
     mobileTitle: {},
@@ -38,7 +38,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 },
@@ -54,8 +54,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 },
@@ -71,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
+    bottom: { type: Boolean },
     optionComponent: {},
     optionComponentProps: {}
   },

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

@@ -1 +1 @@
-{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAmDA;AAoGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAExF,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;yBAIrD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EACpL,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+LO,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA1JD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;gBAHxD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;;YAjC5D,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;EA0LrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1MzE,wBA0M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAmDA;AA2GA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAExF,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;yBAIrD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EACpL,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;WA4MO,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAhKD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;gBAHxD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;;YAjC5D,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;EAgMrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvNzE,wBAuN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}