eco-vue-js 0.10.21 → 0.10.23

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

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAuDA;AA+FA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAOxC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AA0CjD,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAuDA;AAoGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAOxC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AA+CjD,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;eAlMrB,YAjGgB;;;;;;6EA2Sd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,8 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, withCtx, createElementVNode, createVNode, normalizeClass, renderSlot, Transition, createCommentVNode } from 'vue';
+import { defineComponent, inject, ref, computed, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, withCtx, createElementVNode, createVNode, normalizeClass, renderSlot, Transition, createCommentVNode } from 'vue';
 import { RouterLink } from 'vue-router';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
+import { wReadonly } from '../../utils/utils.js';
 import { semanticTypeButtonBorderStylesMap, semanticTypeButtonStylesMap } from './models/semanticTypeStylesMap.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -23,26 +24,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const readonlyInjected = inject(wReadonly, ref(false));
+    const isDisabled = computed(() => readonlyInjected.value || props.disabled);
     const emit = __emit;
     const click = (event) => {
-      if (props.disabled || props.loading) return;
+      if (isDisabled.value || props.loading) return;
       emit("click", event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? isDisabled.value ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({
         class: _ctx.$attrs.class,
         style: _ctx.$attrs.style,
-        ..._ctx.disabled ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
+        ...isDisabled.value ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
       }, {
         class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-0.0625rem)] relative isolate flex min-h-[--w-button-height,2.75rem] select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
           [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonStylesMap)[_ctx.semanticType]]: true,
           [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonBorderStylesMap)[_ctx.semanticType]]: true,
-          "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !_ctx.disabled,
+          "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !isDisabled.value,
           "cursor-progress": _ctx.loading,
-          "cursor-not-allowed opacity-70": _ctx.disabled,
+          "cursor-not-allowed opacity-70": isDisabled.value,
           "first-not:rounded-l-none first-not:border-l-0 first-not:before:rounded-l-none last-not:rounded-r-none last-not:border-r-0 last-not:before:rounded-r-none": _ctx.join
         }],
-        disabled: !_ctx.loading && _ctx.disabled,
+        disabled: !_ctx.loading && isDisabled.value,
         type: _ctx.type,
         onClick: click,
         onKeypress: withKeys(withModifiers(click, ["stop", "prevent"]), ["enter"])

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAmCA;AAAA,OA0FO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAoBjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA4BD,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtIX,MAAM;;UAJP,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;6EA8I3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAmCA;AAAA,OA0FO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAM5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAoBjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA4BD,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtIX,MAAM;eAvHE,YAAY;UAmHrB,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;6EA8I3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -9,6 +9,7 @@ declare const _default: <Model extends number | string | null | boolean, Entity
     attrs: any;
     slots: {
         title?(_: {}): any;
+        subtitle?(_: {}): any;
         option?(_: {
             option: ValueGetter extends undefined ? Model : Entity;
             selected: boolean;
@@ -16,9 +17,7 @@ declare const _default: <Model extends number | string | null | boolean, Entity
         right?(_: {}): any;
     };
     emit: (e: "update:model-value", value: Model) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA4DA;AAsGA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAU5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAyL1D,mBAAmB,CAAC;;yMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBApCgB,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cAjJzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAwLH,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnMvE,wBAmM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAmEA;AA6GA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAU5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,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;WAkMO,mBAAmB,CAAC;;yMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBArCgB,GAAG;0BACA,GAAG;;;;YACJ,GAAG;uBACJ,GAAG;;cA3JzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAiM3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7MzE,wBA6M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     stretch: { type: Boolean },
     allowClear: { type: Boolean },
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -25,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasChanges: { type: Boolean },
     skeleton: { type: Boolean },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -112,12 +114,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
         _ctx.$slots.right ? {
           name: "right",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "right")
           ]),
-          key: "1"
+          key: "2"
         } : void 0
       ]), 1040, ["class"]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AAkBA;AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqBD,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;sBAVxB,GAAG;;;;EAe5B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;UA7FZ,YAAY;UAEZ,MAAM;cACF,MAAM;6EAkGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMoreItem.vue"],"names":[],"mappings":"AAkBA;AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqBD,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;sBAVxB,GAAG;;;;EAe5B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAnGrB,YAvCA;UA6CS,YAAY;UAEZ,MAAM;cACF,MAAM;6EAkGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Checkbox/WCheckboxGroup.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: <Model extends number | string | null | boolean, Entity
     attrs: any;
     slots: {
         title?(_: {}): any;
+        subtitle?(_: {}): any;
         option?(_: {
             option: ValueGetter extends undefined ? Model : Entity;
             selected: boolean;
@@ -16,9 +17,7 @@ declare const _default: <Model extends number | string | null | boolean, Entity
         right?(_: {}): any;
     };
     emit: (e: "update:model-value", value: Model) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/Checkbox/WCheckboxGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AAwDA;AAgGA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;yBAQrD,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,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;WAqL1D,mBAAmB,CAAC;;2MAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAnCgB,GAAG;;;;YACD,GAAG;uBACJ,GAAG;;cA9IzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;;;;YAoLH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/LvE,wBA+L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AA+DA;AAuGA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;yBAQrD,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,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;WA8LO,mBAAmB,CAAC;;2MAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBApCgB,GAAG;0BACA,GAAG;;;;YACJ,GAAG;uBACJ,GAAG;;cAxJzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA6L3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzMzE,wBAyM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Checkbox/WCheckboxGroup.vue.js

@@ -19,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipTextMap: {},
     classMap: {},
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -27,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasChanges: { type: Boolean },
     skeleton: { type: Boolean },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -36,7 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
-    readonly: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean }
@@ -110,12 +111,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
         _ctx.$slots.right ? {
           name: "right",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "right")
           ]),
-          key: "1"
+          key: "2"
         } : void 0
       ]), 1040, ["class"]);
     };

package/dist/components/Expansion/WExpansionItem.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, createElementBlock, openBlock, Fragment, createBlock,
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import _sfc_main$1 from './WExpansion.vue.js';
 
-const _hoisted_1 = { class: "col-start-2" };
+const _hoisted_1 = { class: "col-start-2 mr-2" };
 const _hoisted_2 = {
   key: 0,
   class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
@@ -22,13 +22,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
-          class: "w-ripple w-ripple-hover -px--inner-margin relative grid w-full cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center gap-2 py-3 text-start",
+          class: "w-ripple w-ripple-hover -px--inner-margin relative grid w-full cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center py-3 text-start",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
         }, {
           default: withCtx(() => [
             _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
               key: 0,
-              class: "square-[1.5em]"
+              class: "square-[1.5em] mr-2"
             })) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_1, [
               createElementVNode("span", {

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAgLA;AAuNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuC9C,iBAAS,cAAc;WA+QT,OAAO,IAA6B;;uBAfvB,GAAG;0BACC,GAAG;;;gCAvQP,OAAO,KAAG,IAAI;;YAwQb,GAAG;;;gCAxQJ,OAAO,KAAG,IAAI;;YAyQX,GAAG;uBACL,GAAG;;;;;;EAgB9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAmLA;AA0NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuC9C,iBAAS,cAAc;WAyRT,OAAO,IAA6B;;uBAfvB,GAAG;0BACC,GAAG;;;gCAjRP,OAAO,KAAG,IAAI;;YAkRb,GAAG;;;gCAlRJ,OAAO,KAAG,IAAI;;YAmRX,GAAG;uBACL,GAAG;;;;;;EAgB9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, useId, ref, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useId, ref, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
@@ -30,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [String, Number, Boolean, null] },
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -38,6 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasChanges: { type: Boolean },
     skeleton: { type: Boolean },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -72,12 +74,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           for: unref(id),
           class: normalizeClass(["text-accent relative pr-6 text-xs font-semibold leading-loose duration-500", {
-            "cursor-not-allowed opacity-50": _ctx.disabled && !_ctx.skeleton,
+            "cursor-not-allowed opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
             "col-start-1": _ctx.subgrid
           }])
         }, [
           !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "title", {}, () => [
+              _ctx.titleIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.titleIcon), { class: "square-[1.25em] mt-[-0.25em] inline" })),
+                _cache[1] || (_cache[1] = createTextVNode(" "))
+              ], 64)) : createCommentVNode("", true),
               createTextVNode(toDisplayString(_ctx.title), 1)
             ]),
             createVNode(Transition, {
@@ -181,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.description ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["text-description col-start-1 whitespace-pre-wrap text-pretty break-words text-xs font-normal", {
-            "opacity-50": _ctx.disabled && !_ctx.skeleton,
+            "opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton,
             "pt-4": !_ctx.subgrid
           }])
         }, [
@@ -189,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true),
-        _ctx.tooltipText && !_ctx.skeleton ? (openBlock(), createBlock(_sfc_main$3, {
+        _ctx.tooltipText && !_ctx.skeleton && !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$3, {
           key: 2,
           text: _ctx.tooltipText
         }, null, 8, ["text"])) : createCommentVNode("", true)

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

@@ -1,6 +1,7 @@
 export interface FieldWrapperProps {
     modelValue?: string | number | boolean | null;
     title?: string;
+    titleIcon?: SVGComponent;
     description?: string;
     errorMessage?: string;
     tooltipText?: string;
@@ -9,6 +10,7 @@ export interface FieldWrapperProps {
     hasChanges?: boolean;
     skeleton?: boolean;
     disabled?: boolean;
+    readonly?: boolean;
     required?: boolean;
     mandatory?: boolean;
     noMargin?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

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

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAYA;AAsTA,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAUtH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiSF,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;iBAxDvC,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;;;EA6DvB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wBA9FC,MAAM;qBA5EN,IAAI;;;;;;;;;;;;;OAoLxB,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":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAaA;AAyTA,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAUtH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAmSF,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;iBA1DvC,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;;;EA+DvB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wBAjGC,MAAM;qBA5EN,IAAI;;;;;;;;;;;;;OAuLxB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/WFormValidator.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent, inject, useSlots, computed, useTemplateRef, ref, watch, onBeforeMount, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, inject, ref, useSlots, computed, useTemplateRef, watch, onBeforeMount, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, unref } from 'vue';
 import { useIsInsideTab } from '../Tabs/use/useIsInsideTab.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
-import { debounce } from '../../utils/utils.js';
+import { wReadonly, debounce } from '../../utils/utils.js';
 import { validateRequired } from '../../utils/validate.js';
 import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater, wFormUnlistener } from './models/injection.js';
 import { scrollToValidator } from './models/utils.js';
@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const readonlyInjected = inject(wReadonly, ref(false));
     const titleUpdater = inject(wFormTitleUpdater, void 0);
     const errorMessageUpdater = inject(wFormErrorMessageUpdater, void 0);
     const hasChangesUpdater = inject(wFormHasChangesUpdater, void 0);
@@ -219,11 +220,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: "component",
         "error-message": errorMessage.value,
         "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
+        readonly: unref(readonlyInjected),
         "onUpdate:modelValue": _validateOnUpdate,
         onSelect: _validateOnSelect,
         onUnselect: _validateOnUnselect,
         onInitModel: initModel
-      }, null, 40, ["error-message", "has-changes"]);
+      }, null, 40, ["error-message", "has-changes", "readonly"]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,SAAS,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAsB,WAAW,KAAG,IAM3D,CAAA;AAEP,MAAM,MAAM,YAAY,GAAG;KACxB,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,YAAY;CACxC,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,SAAS,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAsB,WAAW,KAAG,IAM3D,CAAA;AAEP,MAAM,MAAM,YAAY,GAAG;KACxB,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,YAAY;CACxC,CAAA"}

package/dist/components/Form/use/useFormValueMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormValueMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormValueMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAoD,MAAM,KAAK,CAAA;AAElG,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,WAAW,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,gBACxJ,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,QACzD,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,eAChB,WAAW,KACvB;IACD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,WAAW,SAAS,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;CAwChF,CAAA"}
+{"version":3,"file":"useFormValueMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/use/useFormValueMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAoD,MAAM,KAAK,CAAA;AAElG,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,WAAW,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,EACtK,cAAc,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,EAC/D,MAAM,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAC7B,aAAa,WAAW,KACvB;IACD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,WAAW,SAAS,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;CAwChF,CAAA"}

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.d.ts

@@ -8,15 +8,16 @@ declare const _default: <Model, FieldType extends string | number | boolean | nu
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        right?(_: {}): any;
         option?(_: {
             option: FieldType | Entity | (ValueGetter extends undefined ? FieldType : Entity);
             selected: boolean;
         }): any;
     };
     emit: (e: "success", value: Model) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormAsyncButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncButtonGroup.vue"],"names":[],"mappings":"AAyBA;AAAA,OA2CO,KAAK,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAA;yBAOrC,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BACvL,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;WA6G1D,mBAAmB,CAAC;;+NAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;YAnCiB,GAAG;;cAtEzB,SAAS,SAAS,KAAK,KAAG,IAAI;;;;YA8GQ,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvHvE,wBAuH4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WFormAsyncButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncButtonGroup.vue"],"names":[],"mappings":"AA+CA;AAAA,OAiEO,KAAK,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAA;yBAOrC,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAChN,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;WA6IO,mBAAmB,CAAC;;+NAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAvCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;;;YACF,GAAG;;cAtG1B,SAAS,SAAS,KAAK,KAAG,IAAI;EA8IhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxJzE,wBAwJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     stretch: { type: Boolean },
     allowClear: { type: Boolean },
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -22,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasChanges: { type: Boolean },
     skeleton: { type: Boolean },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -46,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { isLoadingError, data, modelValue, submitting, showModal } = useFormAsync(props, (value) => emit("success", value));
+    const { isLoadingError, data, modelValue, submitting, readonlyInjected, showModal } = useFormAsync(props, (value) => emit("success", value));
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
@@ -55,10 +57,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         optionComponent: _ctx.optionComponent,
         loading: _ctx.loading || unref(submitting),
         disabled: _ctx.disabled || unref(isLoadingError),
+        readonly: unref(readonlyInjected) || _ctx.readonly,
         skeleton: _ctx.skeleton || !unref(data)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event))
       }), createSlots({ _: 2 }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0,
         _ctx.$slots.option ? {
           name: "option",
           fn: withCtx(({ option, selected }) => [
@@ -67,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               selected
             })
           ]),
-          key: "0"
+          key: "3"
         } : void 0
       ]), 1040);
     };

package/dist/components/FormAsync/WFormAsyncCheckboxGroup.vue.d.ts

@@ -8,15 +8,16 @@ declare const _default: <Model, FieldType extends string | number | boolean | nu
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        right?(_: {}): any;
         option?(_: {
             option: FieldType | Entity | (ValueGetter extends undefined ? FieldType : Entity);
             selected: boolean;
         }): any;
     };
     emit: (e: "success", value: Model) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/FormAsync/WFormAsyncCheckboxGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormAsyncCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncCheckboxGroup.vue"],"names":[],"mappings":"AAyBA;AAAA,OA2CO,KAAK,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAA;yBAOvC,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BACvL,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;WA6G1D,mBAAmB,CAAC;;iOAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;YAnCiB,GAAG;;cAtEzB,SAAS,SAAS,KAAK,KAAG,IAAI;;;;YA8GQ,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvHvE,wBAuH4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WFormAsyncCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncCheckboxGroup.vue"],"names":[],"mappings":"AA+CA;AAAA,OAiEO,KAAK,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAA;yBAOvC,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EAChN,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;WA6IO,mBAAmB,CAAC;;iOAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAvCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;;;YACF,GAAG;;cAtG1B,SAAS,SAAS,KAAK,KAAG,IAAI;EA8IhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxJzE,wBAwJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipTextMap: {},
     classMap: {},
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -25,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasChanges: { type: Boolean },
     skeleton: { type: Boolean },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     required: { type: Boolean },
     mandatory: { type: Boolean },
     noMargin: { type: Boolean },
@@ -34,7 +36,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
-    readonly: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },
@@ -50,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { isLoadingError, data, modelValue, submitting, showModal } = useFormAsync(props, (value) => emit("success", value));
+    const { isLoadingError, data, modelValue, submitting, readonlyInjected, showModal } = useFormAsync(props, (value) => emit("success", value));
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ...props,
@@ -59,10 +60,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         optionComponent: _ctx.optionComponent,
         loading: _ctx.loading || unref(submitting),
         disabled: _ctx.disabled || unref(isLoadingError),
+        readonly: unref(readonlyInjected) || _ctx.readonly,
         skeleton: _ctx.skeleton || !unref(data)
       }, {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(showModal)($event))
       }), createSlots({ _: 2 }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0,
         _ctx.$slots.option ? {
           name: "option",
           fn: withCtx(({ option, selected }) => [
@@ -71,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               selected
             })
           ]),
-          key: "0"
+          key: "3"
         } : void 0
       ]), 1040);
     };

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts

@@ -11,9 +11,7 @@ declare const _default: <Model, FieldType extends string | number, QueryParams>(
         right?(_: {}): any;
     };
     emit: (e: "success", value: Model) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormAsyncInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncInput.vue"],"names":[],"mappings":"AAmCA;AAAA,OAqEO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;yBAU/B,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,eACxD,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;WA2I1D,mBAAmB,CAAC;;oMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAtCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;cAnGzB,SAAS,SAAS,KAAK,KAAG,IAAI;;;;YA4IQ,OAAO,CAAC,OAAO,WAAW,CAAC;;AArJvE,wBAqJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WFormAsyncInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncInput.vue"],"names":[],"mappings":"AAoCA;AAAA,OAsEO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;yBAU/B,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,EACrE,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;WA6IO,mBAAmB,CAAC;;oMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAvCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;cArGzB,SAAS,SAAS,KAAK,KAAG,IAAI;EA8IhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxJzE,wBAwJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
     title: {},
+    titleIcon: {},
     description: {},
     errorMessage: {},
     tooltipText: {},
@@ -61,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { isLoadingError, data, modelValue, submitting, showModal } = useFormAsync(props, (value) => emit("success", value));
+    const { isLoadingError, data, modelValue, submitting, readonlyInjected, showModal } = useFormAsync(props, (value) => emit("success", value));
     const validateFn = computed(() => {
       const result = Array.isArray(props.validate) ? props.validate.slice() : props.validate ? [props.validate] : [];
       if (props.required && !props.textSecure) result.push(validateRequired);
@@ -74,6 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         skeleton: _ctx.skeleton || !unref(data),
         disabled: _ctx.disabled || unref(isLoadingError),
         loading: _ctx.loading || unref(submitting),
+        readonly: unref(readonlyInjected) || _ctx.readonly,
         validate: validateFn.value,
         placeholderSecure: _ctx.textSecure ? !!unref(modelValue) : void 0
       }, {