@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-dev.2024-12-03

package/lib/components/index.d.mts

@@ -4014,8 +4014,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -4138,8 +4138,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -4214,8 +4214,8 @@ declare const VList: {
     activeColor?: string | undefined;
     activeClass?: string | undefined;
     activeStrategy?: ActiveStrategyProp | undefined;
-    collapseIcon?: string | undefined;
-    expandIcon?: string | undefined;
+    collapseIcon?: IconValue | undefined;
+    expandIcon?: IconValue | undefined;
 } & {
     "onUpdate:activated"?: ((value: unknown) => any) | undefined;
     "onClick:activate"?: ((value: {
@@ -4404,8 +4404,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -4513,8 +4513,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -7368,8 +7368,8 @@ declare const VAutocomplete: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -7825,8 +7825,8 @@ declare const VAutocomplete: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -8242,8 +8242,8 @@ declare const VAutocomplete: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -15856,7 +15856,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     } & {
         link?: boolean | undefined;
@@ -15872,6 +15872,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -15966,7 +15967,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
@@ -16009,7 +16010,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     } & {
         link?: boolean | undefined;
@@ -16025,6 +16026,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -16112,7 +16114,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     }>;
     __isFragment?: never;
@@ -16138,7 +16140,7 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    filterIcon: string;
+    filterIcon: IconValue;
     pill: boolean;
 } & {
     link?: boolean | undefined;
@@ -16154,6 +16156,7 @@ declare const VChip: {
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
+    baseColor?: string | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -16248,7 +16251,7 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    filterIcon: string;
+    filterIcon: IconValue;
     pill: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
@@ -16316,6 +16319,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16328,7 +16332,7 @@ declare const VChip: {
     draggable: BooleanConstructor;
     filter: BooleanConstructor;
     filterIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     label: BooleanConstructor;
@@ -16402,6 +16406,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16414,7 +16419,7 @@ declare const VChip: {
     draggable: BooleanConstructor;
     filter: BooleanConstructor;
     filterIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     label: BooleanConstructor;
@@ -16506,6 +16511,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
@@ -16563,6 +16569,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -16607,6 +16614,7 @@ declare const VChipGroup: {
     theme?: string | undefined;
     mandatory?: boolean | "force" | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    baseColor?: string | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
@@ -16698,6 +16706,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -16765,6 +16774,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -17443,8 +17453,8 @@ declare const VCombobox: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -17900,8 +17910,8 @@ declare const VCombobox: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -18317,8 +18327,8 @@ declare const VCombobox: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -19084,7 +19094,7 @@ type VConfirmEditSlots<T> = {
         save: () => void;
         cancel: () => void;
         isPristine: boolean;
-        get actions(): VNode;
+        get actions(): (props?: {}) => VNode;
     };
 };
 declare const VConfirmEdit: {
@@ -19112,9 +19122,7 @@ declare const VConfirmEdit: {
             save: () => void;
             cancel: () => void;
             isPristine: boolean;
-            readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>;
+            readonly actions: (props?: {}) => VNode;
         }) => VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -19165,9 +19173,7 @@ declare const VConfirmEdit: {
         save: () => void;
         cancel: () => void;
         isPristine: boolean;
-        readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>;
+        readonly actions: (props?: {}) => VNode;
     }) => VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -23988,7 +23994,7 @@ declare const VDatePickerHeader: {
         transition?: string | undefined;
         header?: string | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
-        appendIcon?: string | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -24026,7 +24032,7 @@ declare const VDatePickerHeader: {
         transition?: string | undefined;
         header?: string | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
-        appendIcon?: string | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -24054,7 +24060,7 @@ declare const VDatePickerHeader: {
     transition?: string | undefined;
     header?: string | undefined;
     onClick?: ((args_0: MouseEvent) => void) | undefined;
-    appendIcon?: string | undefined;
+    appendIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -24081,13 +24087,13 @@ declare const VDatePickerHeader: {
     default: () => vue.VNode[];
     append: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    appendIcon: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
     color: StringConstructor;
     header: StringConstructor;
     transition: StringConstructor;
     onClick: vue.PropType<(args_0: MouseEvent) => void>;
 }, vue.ExtractPropTypes<{
-    appendIcon: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
     color: StringConstructor;
     header: StringConstructor;
     transition: StringConstructor;
@@ -38593,8 +38599,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -39040,8 +39046,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -39448,8 +39454,8 @@ declare const VSelect: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -44485,15 +44491,15 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         color?: string | undefined;
         value?: any;
         title?: string | undefined;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         selectedClass?: string | undefined;
         subtitle?: string | undefined;
     } & {
@@ -44530,10 +44536,10 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: StepperItemSlot) => vue.VNode[];
         icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -44554,15 +44560,15 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         color?: string | undefined;
         value?: any;
         title?: string | undefined;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         selectedClass?: string | undefined;
         subtitle?: string | undefined;
     } & {
@@ -44595,10 +44601,10 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -44611,15 +44617,15 @@ declare const VStepperItem: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 } & {
     color?: string | undefined;
     value?: any;
     title?: string | undefined;
-    icon?: string | undefined;
+    icon?: IconValue | undefined;
     selectedClass?: string | undefined;
     subtitle?: string | undefined;
 } & {
@@ -44656,10 +44662,10 @@ declare const VStepperItem: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: StepperItemSlot) => vue.VNode[];
     icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -44674,20 +44680,20 @@ declare const VStepperItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: PropType<IconValue>;
     ripple: {
         type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
@@ -44705,20 +44711,20 @@ declare const VStepperItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: PropType<IconValue>;
     ripple: {
         type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
@@ -44773,9 +44779,9 @@ declare const VStepper: {
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -44904,9 +44910,9 @@ declare const VStepper: {
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -45017,9 +45023,9 @@ declare const VStepper: {
     modelValue?: any;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
-    completeIcon?: string | undefined;
-    editIcon?: string | undefined;
-    errorIcon?: string | undefined;
+    completeIcon?: IconValue | undefined;
+    editIcon?: IconValue | undefined;
+    errorIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | {
         [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -45166,10 +45172,10 @@ declare const VStepper: {
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: PropType<IconValue>;
+    editIcon: PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: PropType<IconValue>;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;
@@ -45248,10 +45254,10 @@ declare const VStepper: {
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: PropType<IconValue>;
+    editIcon: PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: PropType<IconValue>;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;

package/lib/composables/form.mjs

@@ -123,7 +123,12 @@ export function createForm(props) {
     resetValidation
   };
 }
-export function useForm() {
-  return inject(FormKey, null);
+export function useForm(props) {
+  const form = inject(FormKey, null);
+  return {
+    ...form,
+    isReadonly: computed(() => !!(props?.readonly ?? form?.isReadonly.value)),
+    isDisabled: computed(() => !!(props?.disabled ?? form?.isDisabled.value))
+  };
 }
 //# sourceMappingURL=form.mjs.map

package/lib/composables/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","names":["useProxiedModel","computed","inject","markRaw","provide","ref","shallowRef","toRef","watch","consoleWarn","propsFactory","FormKey","Symbol","for","makeFormProps","disabled","Boolean","fastFail","readonly","modelValue","type","default","validateOn","String","createForm","props","model","isDisabled","isReadonly","isValidating","items","errors","validate","results","valid","value","item","itemErrorMessages","length","push","id","errorMessages","reset","forEach","resetValidation","invalid","isValid","deep","flush","register","_ref","vm","some","unregister","filter","update","found","find","useForm"],"sources":["../../src/composables/form.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, inject, markRaw, provide, ref, shallowRef, toRef, watch } from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, ComputedRef, InjectionKey, PropType, Raw, Ref } from 'vue'\nimport type { ValidationProps } from './validation'\nimport type { EventProp } from '@/util'\n\nexport interface FormProvide {\n  register: (item: {\n    id: number | string\n    vm: ComponentInternalInstance\n    validate: () => Promise<string[]>\n    reset: () => Promise<void>\n    resetValidation: () => Promise<void>\n  }) => void\n  unregister: (id: number | string) => void\n  update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void\n  items: Ref<FormField[]>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isValidating: Ref<boolean>\n  isValid: Ref<boolean | null>\n  validateOn: Ref<FormProps['validateOn']>\n}\n\nexport interface FormField {\n  id: number | string\n  validate: () => Promise<string[]>\n  reset: () => Promise<void>\n  resetValidation: () => Promise<void>\n  vm: Raw<ComponentInternalInstance>\n  isValid: boolean | null\n  errorMessages: string[]\n}\n\nexport interface FieldValidationResult {\n  id: number | string\n  errorMessages: string[]\n}\n\nexport interface FormValidationResult {\n  valid: boolean\n  errors: FieldValidationResult[]\n}\n\nexport interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {}\n\nexport const FormKey: InjectionKey<FormProvide> = Symbol.for('vuetify:form')\n\nexport interface FormProps {\n  disabled: boolean\n  fastFail: boolean\n  readonly: boolean\n  modelValue: boolean | null\n  'onUpdate:modelValue': EventProp<[boolean | null]> | undefined\n  validateOn: ValidationProps['validateOn']\n}\n\nexport const makeFormProps = propsFactory({\n  disabled: Boolean,\n  fastFail: Boolean,\n  readonly: Boolean,\n  modelValue: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  validateOn: {\n    type: String as PropType<FormProps['validateOn']>,\n    default: 'input',\n  },\n}, 'form')\n\nexport function createForm (props: FormProps) {\n  const model = useProxiedModel(props, 'modelValue')\n\n  const isDisabled = computed(() => props.disabled)\n  const isReadonly = computed(() => props.readonly)\n  const isValidating = shallowRef(false)\n  const items = ref<FormField[]>([])\n  const errors = ref<FieldValidationResult[]>([])\n\n  async function validate () {\n    const results = []\n    let valid = true\n\n    errors.value = []\n    isValidating.value = true\n\n    for (const item of items.value) {\n      const itemErrorMessages = await item.validate()\n\n      if (itemErrorMessages.length > 0) {\n        valid = false\n\n        results.push({\n          id: item.id,\n          errorMessages: itemErrorMessages,\n        })\n      }\n\n      if (!valid && props.fastFail) break\n    }\n\n    errors.value = results\n    isValidating.value = false\n\n    return { valid, errors: errors.value }\n  }\n\n  function reset () {\n    items.value.forEach(item => item.reset())\n  }\n\n  function resetValidation () {\n    items.value.forEach(item => item.resetValidation())\n  }\n\n  watch(items, () => {\n    let valid = 0\n    let invalid = 0\n    const results = []\n\n    for (const item of items.value) {\n      if (item.isValid === false) {\n        invalid++\n        results.push({\n          id: item.id,\n          errorMessages: item.errorMessages,\n        })\n      } else if (item.isValid === true) valid++\n    }\n\n    errors.value = results\n    model.value =\n      invalid > 0 ? false\n      : valid === items.value.length ? true\n      : null\n  }, { deep: true, flush: 'post' })\n\n  provide(FormKey, {\n    register: ({ id, vm, validate, reset, resetValidation }) => {\n      if (items.value.some(item => item.id === id)) {\n        consoleWarn(`Duplicate input name \"${id}\"`)\n      }\n\n      items.value.push({\n        id,\n        validate,\n        reset,\n        resetValidation,\n        vm: markRaw(vm),\n        isValid: null,\n        errorMessages: [],\n      })\n    },\n    unregister: id => {\n      items.value = items.value.filter(item => {\n        return item.id !== id\n      })\n    },\n    update: (id, isValid, errorMessages) => {\n      const found = items.value.find(item => item.id === id)\n\n      if (!found) return\n\n      found.isValid = isValid\n      found.errorMessages = errorMessages\n    },\n    isDisabled,\n    isReadonly,\n    isValidating,\n    isValid: model,\n    items,\n    validateOn: toRef(props, 'validateOn'),\n  })\n\n  return {\n    errors,\n    isDisabled,\n    isReadonly,\n    isValidating,\n    isValid: model,\n    items,\n    validate,\n    reset,\n    resetValidation,\n  }\n}\n\nexport function useForm () {\n  return inject(FormKey, null)\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"form.mjs","names":["useProxiedModel","computed","inject","markRaw","provide","ref","shallowRef","toRef","watch","consoleWarn","propsFactory","FormKey","Symbol","for","makeFormProps","disabled","Boolean","fastFail","readonly","modelValue","type","default","validateOn","String","createForm","props","model","isDisabled","isReadonly","isValidating","items","errors","validate","results","valid","value","item","itemErrorMessages","length","push","id","errorMessages","reset","forEach","resetValidation","invalid","isValid","deep","flush","register","_ref","vm","some","unregister","filter","update","found","find","useForm","form"],"sources":["../../src/composables/form.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, inject, markRaw, provide, ref, shallowRef, toRef, watch } from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, ComputedRef, InjectionKey, PropType, Raw, Ref } from 'vue'\nimport type { ValidationProps } from './validation'\nimport type { EventProp } from '@/util'\n\nexport interface FormProvide {\n  register: (item: {\n    id: number | string\n    vm: ComponentInternalInstance\n    validate: () => Promise<string[]>\n    reset: () => Promise<void>\n    resetValidation: () => Promise<void>\n  }) => void\n  unregister: (id: number | string) => void\n  update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void\n  items: Ref<FormField[]>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isValidating: Ref<boolean>\n  isValid: Ref<boolean | null>\n  validateOn: Ref<FormProps['validateOn']>\n}\n\nexport interface FormField {\n  id: number | string\n  validate: () => Promise<string[]>\n  reset: () => Promise<void>\n  resetValidation: () => Promise<void>\n  vm: Raw<ComponentInternalInstance>\n  isValid: boolean | null\n  errorMessages: string[]\n}\n\nexport interface FieldValidationResult {\n  id: number | string\n  errorMessages: string[]\n}\n\nexport interface FormValidationResult {\n  valid: boolean\n  errors: FieldValidationResult[]\n}\n\nexport interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {}\n\nexport const FormKey: InjectionKey<FormProvide> = Symbol.for('vuetify:form')\n\nexport interface FormProps {\n  disabled: boolean\n  fastFail: boolean\n  readonly: boolean\n  modelValue: boolean | null\n  'onUpdate:modelValue': EventProp<[boolean | null]> | undefined\n  validateOn: ValidationProps['validateOn']\n}\n\nexport const makeFormProps = propsFactory({\n  disabled: Boolean,\n  fastFail: Boolean,\n  readonly: Boolean,\n  modelValue: {\n    type: Boolean as PropType<boolean | null>,\n    default: null,\n  },\n  validateOn: {\n    type: String as PropType<FormProps['validateOn']>,\n    default: 'input',\n  },\n}, 'form')\n\nexport function createForm (props: FormProps) {\n  const model = useProxiedModel(props, 'modelValue')\n\n  const isDisabled = computed(() => props.disabled)\n  const isReadonly = computed(() => props.readonly)\n  const isValidating = shallowRef(false)\n  const items = ref<FormField[]>([])\n  const errors = ref<FieldValidationResult[]>([])\n\n  async function validate () {\n    const results = []\n    let valid = true\n\n    errors.value = []\n    isValidating.value = true\n\n    for (const item of items.value) {\n      const itemErrorMessages = await item.validate()\n\n      if (itemErrorMessages.length > 0) {\n        valid = false\n\n        results.push({\n          id: item.id,\n          errorMessages: itemErrorMessages,\n        })\n      }\n\n      if (!valid && props.fastFail) break\n    }\n\n    errors.value = results\n    isValidating.value = false\n\n    return { valid, errors: errors.value }\n  }\n\n  function reset () {\n    items.value.forEach(item => item.reset())\n  }\n\n  function resetValidation () {\n    items.value.forEach(item => item.resetValidation())\n  }\n\n  watch(items, () => {\n    let valid = 0\n    let invalid = 0\n    const results = []\n\n    for (const item of items.value) {\n      if (item.isValid === false) {\n        invalid++\n        results.push({\n          id: item.id,\n          errorMessages: item.errorMessages,\n        })\n      } else if (item.isValid === true) valid++\n    }\n\n    errors.value = results\n    model.value =\n      invalid > 0 ? false\n      : valid === items.value.length ? true\n      : null\n  }, { deep: true, flush: 'post' })\n\n  provide(FormKey, {\n    register: ({ id, vm, validate, reset, resetValidation }) => {\n      if (items.value.some(item => item.id === id)) {\n        consoleWarn(`Duplicate input name \"${id}\"`)\n      }\n\n      items.value.push({\n        id,\n        validate,\n        reset,\n        resetValidation,\n        vm: markRaw(vm),\n        isValid: null,\n        errorMessages: [],\n      })\n    },\n    unregister: id => {\n      items.value = items.value.filter(item => {\n        return item.id !== id\n      })\n    },\n    update: (id, isValid, errorMessages) => {\n      const found = items.value.find(item => item.id === id)\n\n      if (!found) return\n\n      found.isValid = isValid\n      found.errorMessages = errorMessages\n    },\n    isDisabled,\n    isReadonly,\n    isValidating,\n    isValid: model,\n    items,\n    validateOn: toRef(props, 'validateOn'),\n  })\n\n  return {\n    errors,\n    isDisabled,\n    isReadonly,\n    isValidating,\n    isValid: model,\n    items,\n    validate,\n    reset,\n    resetValidation,\n  }\n}\n\nexport function useForm (props?: { readonly: boolean | null, disabled: boolean | null }) {\n  const form = inject(FormKey, null)\n  return {\n    ...form,\n    isReadonly: computed(() => !!(props?.readonly ?? form?.isReadonly.value)),\n    isDisabled: computed(() => !!(props?.disabled ?? form?.isDisabled.value)),\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/composables/theme.mjs

@@ -159,15 +159,15 @@ export function createTheme(options) {
     const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
     for (const key of colors) {
       if (/^on-[a-z]/.test(key)) {
-        createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key}))`]);
+        createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
       } else {
-        createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key}))`, `color: rgb(var(--v-theme-on-${key}))`]);
-        createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key}))`]);
+        createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]);
+        createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
         createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
       }
     }
     lines.push(...bgLines, ...fgLines);
-    return '@layer vuetify.theme {\n' + lines.map(v => `  ${v}`).join('') + '\n}';
+    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
   });
   function getHead() {
     return {