@dialpad/dialtone-vue 3.223.1 → 3.224.0-next.2

package/dist/common/constants/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../../common/constants/layout.js"],"sourcesContent":["/**\n * Layout sizing values accepted by Vue sizing props.\n * Includes 0, which resolves to raw CSS 0 rather than a --dt-layout-* token.\n * Remaining values must stay in sync with LAYOUT_STOPS in\n * packages/dialtone-css/postcss/constants.cjs.\n *\n * Non-zero bare integers are scale-indexed on the 64px layout base:\n * value_in_px = stop * 64 / 100.\n * '*px' values are literal off-scale pixel exceptions.\n * @type {string[]}\n */\nexport const LAYOUT_SIZE_VALUES = [\n  '0',\n  '1px', '2px', '8px', '25', '20px', '24px', '50', '75', '100', '125', '150',\n  '175', '200', '250', '300', '350', '400', '450', '500', '550', '600', '650',\n  '700', '750', '800', '850', '900', '950', '1000', '1050', '1100', '1150',\n  '1200', '1250', '1300', '1350', '1400', '1450', '1500', '1550', '1600',\n];\n\n/**\n * Percentage layout values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_PERCENT_VALUES = [\n  '10p', '20p', '25p', '30p', '33p', '40p', '50p',\n  '60p', '66p', '70p', '75p', '80p', '90p', '95p', '100p',\n];\n\n/**\n * Layout token and percentage values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_VALUES = [\n  ...LAYOUT_SIZE_VALUES,\n  ...LAYOUT_PERCENT_VALUES,\n];\n\nexport default {\n  LAYOUT_SIZE_VALUES,\n  LAYOUT_PERCENT_VALUES,\n  LAYOUT_VALUES,\n};\n"],"mappings":";AAWA,IAAa,IAAqB,8MAMjC,EAMY,IAAwB;CACnC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAC1C;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAClD,EAMY,IAAgB,CAC3B,GAAG,GACH,GAAG,EACJ,EAED,IAAe;CACb;CACA;CACA;CACD"}

package/dist/common/constants/sizes.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`xs`,200:`sm`,300:`md`,400:`lg`,500:`xl`},t={...e,600:`2xl`,700:`3xl`},n={COMPONENT_SIZES:e,TEXT_HEADLINE_SIZES:t};exports.COMPONENT_SIZES=e,exports.TEXT_HEADLINE_SIZES=t,exports.default=n;
+//# sourceMappingURL=sizes.cjs.map

package/dist/common/constants/sizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.cjs","names":[],"sources":["../../../common/constants/sizes.js"],"sourcesContent":["/**\n * Canonical numeric-to-t-shirt size mapping for component size props.\n *\n * Scale: 100-unit ordinal steps with 50-unit half-steps reserved for future sizes.\n * Convention matches Dialtone's existing token scales (dt-size-*, dt-icon-size-*, colors).\n *\n * @example\n *   <DtButton :size=\"200\" />   <!-- equivalent to size=\"sm\" -->\n *   <DtButton :size=\"250\" />   <!-- future \"smedium\" -->\n */\n\n// Numeric → t-shirt label mapping\nexport const COMPONENT_SIZES = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n};\n\n// Extended sizes for Text headline kind\nexport const TEXT_HEADLINE_SIZES = {\n  ...COMPONENT_SIZES,\n  600: '2xl',\n  700: '3xl',\n};\n\nexport default {\n  COMPONENT_SIZES,\n  TEXT_HEADLINE_SIZES,\n};\n"],"mappings":"+FAYA,IAAa,EAAkB,CAC7B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACN,CAGY,EAAsB,CACjC,GAAG,EACH,IAAK,MACL,IAAK,MACN,CAED,EAAe,CACb,kBACA,sBACD"}

package/dist/common/constants/sizes.d.ts

@@ -0,0 +1,22 @@
+export const COMPONENT_SIZES: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+};
+export const TEXT_HEADLINE_SIZES: {
+    600: string;
+    700: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+};
+declare namespace _default {
+    export { COMPONENT_SIZES };
+    export { TEXT_HEADLINE_SIZES };
+}
+export default _default;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/common/constants/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../common/constants/sizes.js"],"names":[],"mappings":"AAYA;;;;;;EAME;AAGF;;;;;;;;EAIE"}

package/dist/common/constants/sizes.js

@@ -0,0 +1,19 @@
+//#region common/constants/sizes.js
+var e = {
+	100: "xs",
+	200: "sm",
+	300: "md",
+	400: "lg",
+	500: "xl"
+}, t = {
+	...e,
+	600: "2xl",
+	700: "3xl"
+}, n = {
+	COMPONENT_SIZES: e,
+	TEXT_HEADLINE_SIZES: t
+};
+//#endregion
+export { e as COMPONENT_SIZES, t as TEXT_HEADLINE_SIZES, n as default };
+
+//# sourceMappingURL=sizes.js.map

package/dist/common/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","names":[],"sources":["../../../common/constants/sizes.js"],"sourcesContent":["/**\n * Canonical numeric-to-t-shirt size mapping for component size props.\n *\n * Scale: 100-unit ordinal steps with 50-unit half-steps reserved for future sizes.\n * Convention matches Dialtone's existing token scales (dt-size-*, dt-icon-size-*, colors).\n *\n * @example\n *   <DtButton :size=\"200\" />   <!-- equivalent to size=\"sm\" -->\n *   <DtButton :size=\"250\" />   <!-- future \"smedium\" -->\n */\n\n// Numeric → t-shirt label mapping\nexport const COMPONENT_SIZES = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n};\n\n// Extended sizes for Text headline kind\nexport const TEXT_HEADLINE_SIZES = {\n  ...COMPONENT_SIZES,\n  600: '2xl',\n  700: '3xl',\n};\n\nexport default {\n  COMPONENT_SIZES,\n  TEXT_HEADLINE_SIZES,\n};\n"],"mappings":";AAYA,IAAa,IAAkB;CAC7B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAGY,IAAsB;CACjC,GAAG;CACH,KAAK;CACL,KAAK;CACN,EAED,IAAe;CACb;CACA;CACD"}

package/dist/common/mixins/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dom.cjs`),t=require(`./input.cjs`),n=require(`./input-group.cjs`),r=require(`./keyboard-list-navigation.cjs`),i=require(`./modal.cjs`),a=require(`./skeleton.cjs`);exports.DtCheckableInputMixin=t.CheckableMixin,exports.DtDOMMixin=e.default,exports.DtGroupableInputMixin=t.GroupableMixin,exports.DtInputGroupMixin=n.InputGroupMixin,exports.DtInputMixin=t.InputMixin,exports.DtKeyboardListNavigationMixin=r.default,exports.DtModalMixin=i.default,exports.DtSkeletonMixin=a.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dom.cjs`),t=require(`./input.cjs`),n=require(`./input-group.cjs`),r=require(`./keyboard-list-navigation.cjs`),i=require(`./modal.cjs`),a=require(`./skeleton.cjs`),o=require(`./mode.cjs`);exports.DtCheckableInputMixin=t.CheckableMixin,exports.DtDOMMixin=e.default,exports.DtGroupableInputMixin=t.GroupableMixin,exports.DtInputGroupMixin=n.InputGroupMixin,exports.DtInputMixin=t.InputMixin,exports.DtKeyboardListNavigationMixin=r.default,exports.DtModalMixin=i.default,exports.DtModeMixin=o.default,exports.DtSkeletonMixin=a.default;

package/dist/common/mixins/index.d.ts

@@ -3,5 +3,6 @@ export { InputGroupMixin as DtInputGroupMixin } from './input_group';
 export { default as DtKeyboardListNavigationMixin } from './keyboard_list_navigation';
 export { default as DtModalMixin } from './modal';
 export { default as DtSkeletonMixin } from './skeleton';
+export { default as DtModeMixin } from './mode';
 export { InputMixin as DtInputMixin, CheckableMixin as DtCheckableInputMixin, GroupableMixin as DtGroupableInputMixin } from './input';
 //# sourceMappingURL=index.d.ts.map

package/dist/common/mixins/index.js

@@ -4,4 +4,5 @@ import { InputGroupMixin as i } from "./input-group.js";
 import a from "./keyboard-list-navigation.js";
 import o from "./modal.js";
 import s from "./skeleton.js";
-export { t as DtCheckableInputMixin, e as DtDOMMixin, n as DtGroupableInputMixin, i as DtInputGroupMixin, r as DtInputMixin, a as DtKeyboardListNavigationMixin, o as DtModalMixin, s as DtSkeletonMixin };
+import c from "./mode.js";
+export { t as DtCheckableInputMixin, e as DtDOMMixin, n as DtGroupableInputMixin, i as DtInputGroupMixin, r as DtInputMixin, a as DtKeyboardListNavigationMixin, o as DtModalMixin, c as DtModeMixin, s as DtSkeletonMixin };

package/dist/common/mixins/input-group.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../validators/index.cjs`),t=require(`../utils/index.cjs`),n=require(`../../lib/validation-messages/validation-messages.cjs`);let r=require(`vue`);var i={components:{DtValidationMessages:n.default},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return t.getUniqueString()}},value:{type:[String,Number,Boolean,Object],default:null},name:{type:String,required:!0},legend:{type:String,default:``},disabled:{type:Boolean,default:!1},messages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0},legendClass:{type:[String,Array,Object],default:``},messagesClass:{type:[String,Array,Object],default:``},legendChildProps:{type:Object,default:()=>({})},messagesChildProps:{type:Object,default:()=>({})}},emits:[`input`],data(){let e=t.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:t.getValidationState(e)}}},computed:{formattedMessages(){return t.formatMessages(this.messages)},validationState(){return t.getValidationState(this.formattedMessages)}},watch:{disabled(e){this.provideObj.disabled=e},validationState(e){this.provideObj.validationState=e}},methods:{setGroupValue(e){this.internalValue=e,this.$emit(`input`,e)}},mounted(){!this.legend&&!this.$slots.legend&&!this.$attrs[`aria-label`]&&(0,r.warn)(`It is expected that an aria-label is provided when there is no legend.`,this)}},a={InputGroupMixin:i};exports.InputGroupMixin=i,exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../validators/index.cjs`),t=require(`../utils/index.cjs`),n=require(`../../lib/validation-messages/validation-messages.cjs`);let r=require(`vue`);var i={components:{DtValidationMessages:n.default},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return t.getUniqueString()}},value:{type:[String,Number,Boolean,Object],default:null},name:{type:String,required:!0},legend:{type:String,default:``},disabled:{type:Boolean,default:!1},messages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0},legendClass:{type:[String,Array,Object],default:``},messagesClass:{type:[String,Array,Object],default:``},legendChildProps:{type:Object,default:()=>({})},messagesChildProps:{type:Object,default:()=>({})}},emits:[`update:modelValue`],data(){let e=t.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:t.getValidationState(e)}}},computed:{formattedMessages(){return t.formatMessages(this.messages)},validationState(){return t.getValidationState(this.formattedMessages)}},watch:{disabled(e){this.provideObj.disabled=e},validationState(e){this.provideObj.validationState=e}},methods:{setGroupValue(e){this.internalValue=e,this.$emit(`update:modelValue`,e)}},mounted(){!this.legend&&!this.$slots.legend&&!this.$attrs[`aria-label`]&&(0,r.warn)(`It is expected that an aria-label is provided when there is no legend.`,this)}},a={InputGroupMixin:i};exports.InputGroupMixin=i,exports.default=a;
 //# sourceMappingURL=input-group.cjs.map

package/dist/common/mixins/input-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.cjs","names":["getUniqueString","validationMessageValidator","formatMessages","getValidationState"],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":"sSAcA,IAAa,EAAkB,CAC7B,WAAY,CAAE,qBAAA,EAAA,QAAsB,CAGpC,SAAW,CACT,MAAO,CACL,aAAc,KAAK,WACnB,cAAe,KAAK,cACrB,EAGH,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOA,EAAAA,iBAAiB,EAE3B,CAKD,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAS,OAAO,CACvC,QAAS,KACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAYC,EAAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,iBAAkB,CAChB,KAAM,OACN,aAAgB,EAAE,EACnB,CAKD,mBAAoB,CAClB,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,IAAM,EAAoBC,EAAAA,eAAe,KAAK,SAAS,CAEvD,MAAO,CAEL,WAAY,CACV,KAAM,KAAK,KACX,SAAU,KAAK,SACf,gBAAiBC,EAAAA,mBAAmB,EAAkB,CACvD,CACF,EAGH,SAAU,CACR,mBAAqB,CACnB,OAAOD,EAAAA,eAAe,KAAK,SAAS,EAGtC,iBAAmB,CACjB,OAAOC,EAAAA,mBAAmB,KAAK,kBAAkB,EAEpD,CAED,MAAO,CACL,SAAU,EAAa,CACrB,KAAK,WAAW,SAAW,GAG7B,gBAAiB,EAAoB,CACnC,KAAK,WAAW,gBAAkB,GAErC,CAED,QAAS,CAKP,cAAe,EAAU,CACvB,KAAK,cAAgB,EACrB,KAAK,MAAM,QAAS,EAAS,EAEhC,CAED,SAAW,CACL,CAAC,KAAK,QAAU,CAAC,KAAK,OAAO,QAAU,CAAC,KAAK,OAAO,gBACtD,EAAA,EAAA,MAAK,yEAA0E,KAAK,EAGzF,CAED,EAAe,CACb,kBACD"}
+{"version":3,"file":"input-group.cjs","names":["getUniqueString","validationMessageValidator","formatMessages","getValidationState"],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/ValidationMessages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {String | Number | Boolean | Object}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('update:modelValue', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":"sSAcA,IAAa,EAAkB,CAC7B,WAAY,CAAE,qBAAA,EAAA,QAAsB,CAGpC,SAAW,CACT,MAAO,CACL,aAAc,KAAK,WACnB,cAAe,KAAK,cACrB,EAGH,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOA,EAAAA,iBAAiB,EAE3B,CAKD,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAS,OAAO,CACvC,QAAS,KACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAYC,EAAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,iBAAkB,CAChB,KAAM,OACN,aAAgB,EAAE,EACnB,CAKD,mBAAoB,CAClB,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,oBACD,CAED,MAAQ,CACN,IAAM,EAAoBC,EAAAA,eAAe,KAAK,SAAS,CAEvD,MAAO,CAEL,WAAY,CACV,KAAM,KAAK,KACX,SAAU,KAAK,SACf,gBAAiBC,EAAAA,mBAAmB,EAAkB,CACvD,CACF,EAGH,SAAU,CACR,mBAAqB,CACnB,OAAOD,EAAAA,eAAe,KAAK,SAAS,EAGtC,iBAAmB,CACjB,OAAOC,EAAAA,mBAAmB,KAAK,kBAAkB,EAEpD,CAED,MAAO,CACL,SAAU,EAAa,CACrB,KAAK,WAAW,SAAW,GAG7B,gBAAiB,EAAoB,CACnC,KAAK,WAAW,gBAAkB,GAErC,CAED,QAAS,CAKP,cAAe,EAAU,CACvB,KAAK,cAAgB,EACrB,KAAK,MAAM,oBAAqB,EAAS,EAE5C,CAED,SAAW,CACL,CAAC,KAAK,QAAU,CAAC,KAAK,OAAO,QAAU,CAAC,KAAK,OAAO,gBACtD,EAAA,EAAA,MAAK,yEAA0E,KAAK,EAGzF,CAED,EAAe,CACb,kBACD"}

package/dist/common/mixins/input-group.js

@@ -73,7 +73,7 @@ var o = {
 			default: () => ({})
 		}
 	},
-	emits: ["input"],
+	emits: ["update:modelValue"],
 	data() {
 		let e = t(this.messages);
 		return { provideObj: {
@@ -99,7 +99,7 @@ var o = {
 		}
 	},
 	methods: { setGroupValue(e) {
-		this.internalValue = e, this.$emit("input", e);
+		this.internalValue = e, this.$emit("update:modelValue", e);
 	} },
 	mounted() {
 		!this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && a("It is expected that an aria-label is provided when there is no legend.", this);

package/dist/common/mixins/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","names":[],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":";;;;;AAcA,IAAa,IAAkB;CAC7B,YAAY,EAAE,sBAAA,GAAsB;CAGpC,UAAW;AACT,SAAO;GACL,cAAc,KAAK;GACnB,eAAe,KAAK;GACrB;;CAGH,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAKD,OAAO;GACL,MAAM;IAAC;IAAQ;IAAQ;IAAS;IAAO;GACvC,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,eAAe;GACb,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;GACN,gBAAgB,EAAE;GACnB;EAKD,oBAAoB;GAClB,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;EACN,IAAM,IAAoB,EAAe,KAAK,SAAS;AAEvD,SAAO,EAEL,YAAY;GACV,MAAM,KAAK;GACX,UAAU,KAAK;GACf,iBAAiB,EAAmB,EAAkB;GACvD,EACF;;CAGH,UAAU;EACR,oBAAqB;AACnB,UAAO,EAAe,KAAK,SAAS;;EAGtC,kBAAmB;AACjB,UAAO,EAAmB,KAAK,kBAAkB;;EAEpD;CAED,OAAO;EACL,SAAU,GAAa;AACrB,QAAK,WAAW,WAAW;;EAG7B,gBAAiB,GAAoB;AACnC,QAAK,WAAW,kBAAkB;;EAErC;CAED,SAAS,EAKP,cAAe,GAAU;AAEvB,EADA,KAAK,gBAAgB,GACrB,KAAK,MAAM,SAAS,EAAS;IAEhC;CAED,UAAW;AACT,EAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,iBACtD,EAAK,0EAA0E,KAAK;;CAGzF,EAED,IAAe,EACb,oBACD"}
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/ValidationMessages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {String | Number | Boolean | Object}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('update:modelValue', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":";;;;;AAcA,IAAa,IAAkB;CAC7B,YAAY,EAAE,sBAAA,GAAsB;CAGpC,UAAW;AACT,SAAO;GACL,cAAc,KAAK;GACnB,eAAe,KAAK;GACrB;;CAGH,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAKD,OAAO;GACL,MAAM;IAAC;IAAQ;IAAQ;IAAS;IAAO;GACvC,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,eAAe;GACb,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;GACN,gBAAgB,EAAE;GACnB;EAKD,oBAAoB;GAClB,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAOL,oBACD;CAED,OAAQ;EACN,IAAM,IAAoB,EAAe,KAAK,SAAS;AAEvD,SAAO,EAEL,YAAY;GACV,MAAM,KAAK;GACX,UAAU,KAAK;GACf,iBAAiB,EAAmB,EAAkB;GACvD,EACF;;CAGH,UAAU;EACR,oBAAqB;AACnB,UAAO,EAAe,KAAK,SAAS;;EAGtC,kBAAmB;AACjB,UAAO,EAAmB,KAAK,kBAAkB;;EAEpD;CAED,OAAO;EACL,SAAU,GAAa;AACrB,QAAK,WAAW,WAAW;;EAG7B,gBAAiB,GAAoB;AACnC,QAAK,WAAW,kBAAkB;;EAErC;CAED,SAAS,EAKP,cAAe,GAAU;AAEvB,EADA,KAAK,gBAAgB,GACrB,KAAK,MAAM,qBAAqB,EAAS;IAE5C;CAED,UAAW;AACT,EAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,iBACtD,EAAK,0EAA0E,KAAK;;CAGzF,EAED,IAAe,EACb,oBACD"}

package/dist/common/mixins/input.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../constants/index.cjs`),t=require(`../validators/index.cjs`),n=require(`../utils/index.cjs`);let r=require(`vue`);var i={inheritAttrs:!1,props:{label:{type:String,default:``},name:{type:String,default:``},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:``},disabled:{type:Boolean,default:!1},validationState:{type:String,default:``,validator:t=>t?Object.values(e.VALIDATION_MESSAGE_TYPES).includes(t):!0},inputClass:{type:[String,Array,Object],default:``},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},rootClass:{type:[String,Object,Array],default:``}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(e){this.internalDisabled=e},validationState(e){this.internalValidationState=e}},methods:{validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a={props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.modelValue,internalIndeterminate:this.indeterminate}},watch:{modelValue(e){this.internalChecked=e},indeterminate(e){this.internalIndeterminate=e}}},o={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,`name`)},groupName(){return this.groupContext?.name??``},groupValue(){return this.groupContext?.value},groupDisabled(){return this.groupContext?.disabled??!1},groupValidationState(){return this.groupContext?.validationState??null},internalName(){return this.name||this.groupName}},watch:{value(e){this.internalValue=e},groupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalValue=e)}},groupDisabled:{immediate:!0,handler(e){this.hasGroup&&(this.internalDisabled=this.disabled||e)}},groupValidationState:{immediate:!0,handler(e){this.hasGroup&&(this.internalValidationState=e||this.validationState)}}},created(){let e=Object.prototype.hasOwnProperty.call(this.groupContext,`name`),t=this.groupContext?.name;this.name&&e&&t!==this.name&&(0,r.warn)(`Component is being used inside a Group. Did you mean to override the name prop value (${t}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},s={props:{messagesClass:{type:[String,Array,Object],default:``},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:e=>t.validationMessageValidator(e)}},computed:{formattedMessages(){return n.formatMessages(this.messages)}}},c={InputMixin:i,CheckableMixin:a,GroupableMixin:o,MessagesMixin:s};exports.CheckableMixin=a,exports.GroupableMixin=o,exports.InputMixin=i,exports.MessagesMixin=s,exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../constants/index.cjs`),t=require(`../validators/index.cjs`),n=require(`../utils/index.cjs`);let r=require(`vue`);var i={inheritAttrs:!1,props:{label:{type:String,default:``},name:{type:String,default:``},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:``},disabled:{type:Boolean,default:!1},validationState:{type:String,default:``,validator:t=>t?Object.values(e.VALIDATION_MESSAGE_TYPES).includes(t):!0},inputClass:{type:[String,Array,Object],default:``},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(e){this.internalDisabled=e},validationState(e){this.internalValidationState=e}},methods:{validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a={props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.modelValue,internalIndeterminate:this.indeterminate}},watch:{modelValue(e){this.internalChecked=e},indeterminate(e){this.internalIndeterminate=e}}},o={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,`name`)},groupName(){return this.groupContext?.name??``},groupValue(){return this.groupContext?.value},groupDisabled(){return this.groupContext?.disabled??!1},groupValidationState(){return this.groupContext?.validationState??null},internalName(){return this.name||this.groupName}},watch:{value(e){this.internalValue=e},groupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalValue=e)}},groupDisabled:{immediate:!0,handler(e){this.hasGroup&&(this.internalDisabled=this.disabled||e)}},groupValidationState:{immediate:!0,handler(e){this.hasGroup&&(this.internalValidationState=e||this.validationState)}}},created(){let e=Object.prototype.hasOwnProperty.call(this.groupContext,`name`),t=this.groupContext?.name;this.name&&e&&t!==this.name&&(0,r.warn)(`Component is being used inside a Group. Did you mean to override the name prop value (${t}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},s={props:{messagesClass:{type:[String,Array,Object],default:``},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:e=>t.validationMessageValidator(e)}},computed:{formattedMessages(){return n.formatMessages(this.messages)}}},c={InputMixin:i,CheckableMixin:a,GroupableMixin:o,MessagesMixin:s};exports.CheckableMixin=a,exports.GroupableMixin=o,exports.InputMixin=i,exports.MessagesMixin=s,exports.default=c;
 //# sourceMappingURL=input.cjs.map

package/dist/common/mixins/input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","names":["VALIDATION_MESSAGE_TYPES","validationMessageValidator","formatMessages"],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}
+{"version":3,"file":"input.cjs","names":["VALIDATION_MESSAGE_TYPES","validationMessageValidator","formatMessages"],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}

package/dist/common/mixins/input.d.ts

@@ -38,19 +38,19 @@ export namespace InputMixin {
             export function validator(validationState: any): boolean;
         }
         namespace inputClass {
-            let type_6: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_6: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_6 as type };
             let _default_6: string;
             export { _default_6 as default };
         }
         namespace labelClass {
-            let type_7: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_7 as type };
             let _default_7: string;
             export { _default_7 as default };
         }
         namespace descriptionClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_8 as type };
             let _default_8: string;
             export { _default_8 as default };
@@ -67,12 +67,6 @@ export namespace InputMixin {
             function _default_10(): {};
             export { _default_10 as default };
         }
-        namespace rootClass {
-            let type_11: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            export { type_11 as type };
-            let _default_11: string;
-            export { _default_11 as default };
-        }
     }
     function data(): any;
     namespace watch {
@@ -86,23 +80,23 @@ export namespace InputMixin {
 export namespace CheckableMixin {
     export namespace props_1 {
         export namespace modelValue {
+            let type_11: BooleanConstructor;
+            export { type_11 as type };
+            let _default_11: boolean;
+            export { _default_11 as default };
+        }
+        export namespace indeterminate {
             let type_12: BooleanConstructor;
             export { type_12 as type };
             let _default_12: boolean;
             export { _default_12 as default };
         }
-        export namespace indeterminate {
-            let type_13: BooleanConstructor;
+        export namespace value_1 {
+            let type_13: (StringConstructor | NumberConstructor | BooleanConstructor)[];
             export { type_13 as type };
-            let _default_13: boolean;
+            let _default_13: null;
             export { _default_13 as default };
         }
-        export namespace value_1 {
-            let type_14: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-            export { type_14 as type };
-            let _default_14: null;
-            export { _default_14 as default };
-        }
         export { value_1 as value };
     }
     export { props_1 as props };
@@ -116,12 +110,12 @@ export namespace CheckableMixin {
 export namespace GroupableMixin {
     export namespace inject {
         namespace groupContext {
-            let _default_15: {};
-            export { _default_15 as default };
+            let _default_14: {};
+            export { _default_14 as default };
         }
         namespace setGroupValue {
-            function _default_16(): () => void;
-            export { _default_16 as default };
+            function _default_15(): () => void;
+            export { _default_15 as default };
         }
     }
     export function data(): any;
@@ -156,28 +150,28 @@ export namespace GroupableMixin {
 export namespace MessagesMixin {
     export namespace props_2 {
         namespace messagesClass {
-            let type_15: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_14: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_14 as type };
+            let _default_16: string;
+            export { _default_16 as default };
+        }
+        namespace messagesChildProps {
+            let type_15: ObjectConstructor;
             export { type_15 as type };
-            let _default_17: string;
+            function _default_17(): {};
             export { _default_17 as default };
         }
-        namespace messagesChildProps {
-            let type_16: ObjectConstructor;
+        namespace showMessages {
+            let type_16: BooleanConstructor;
             export { type_16 as type };
-            function _default_18(): {};
+            let _default_18: boolean;
             export { _default_18 as default };
         }
-        namespace showMessages {
-            let type_17: BooleanConstructor;
+        namespace messages {
+            let type_17: ArrayConstructor;
             export { type_17 as type };
-            let _default_19: boolean;
+            function _default_19(): never[];
             export { _default_19 as default };
-        }
-        namespace messages {
-            let type_18: ArrayConstructor;
-            export { type_18 as type };
-            function _default_20(): never[];
-            export { _default_20 as default };
             export function validator_1(messages: any): any;
             export { validator_1 as validator };
         }

package/dist/common/mixins/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;;;;;;;IAcvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,8CAHW,gBAAgB,2BAU1B;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCH,4BAKC;;QAGC,2CAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,6BAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;IAIvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAQD,8CAHW,gBAAgB,2BAU1B;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCH,4BAKC;;QAGC,2CAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,6BAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}

package/dist/common/mixins/input.js

@@ -67,14 +67,6 @@ var i = {
 		descriptionChildProps: {
 			type: Object,
 			default: () => ({})
-		},
-		rootClass: {
-			type: [
-				String,
-				Object,
-				Array
-			],
-			default: ""
 		}
 	},
 	data() {

package/dist/common/mixins/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../common/mixins/input.js"],"sourcesContent":["import { warn } from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  props: {\n    /**\n     * Used to set the checked state of the checkable input\n     * @model modelValue\n     */\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.modelValue,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    modelValue (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"mappings":"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"}

package/dist/common/mixins/input_group.d.ts

@@ -1,4 +1,4 @@
-import { DtValidationMessages } from '../../components/validation_messages';
+import { DtValidationMessages } from '../../components/ValidationMessages';
 export namespace InputGroupMixin {
     namespace components {
         export { DtValidationMessages };
@@ -50,13 +50,13 @@ export namespace InputGroupMixin {
             export { _default_4 as default };
         }
         namespace legendClass {
-            let type_7: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_7 as type };
             let _default_5: string;
             export { _default_5 as default };
         }
         namespace messagesClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             export { type_8 as type };
             let _default_6: string;
             export { _default_6 as default };

package/dist/common/mixins/input_group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../common/mixins/input_group.js"],"names":[],"mappings":";;;;IAkBE;;;MAKC;;;;YAQG,4BAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCQ,+BAAQ;;YACN,8CAAgD;;;;;;;;;;;;;;;;;;;;;;;YAiClD,0BAAU;;;;;;YAQV,0BAAU;;;;;IAcvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAjLkC,kCAAkC"}
+{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../common/mixins/input_group.js"],"names":[],"mappings":";;;;IAkBE;;;MAKC;;;;YAQG,4BAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCQ,+BAAQ;;YACN,8CAAgD;;;;;;;;;;;;;;;;;;;;;;;YAiClD,0BAAU;;;;;;YAQV,0BAAU;;;;;IAcvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAjLkC,iCAAiC"}

package/dist/common/mixins/mode.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../mode_constants-CzYJW9ua.cjs`),t=require(`../../lib/mode-island/utils.cjs`);var n={props:{contentMode:e.t},data(){return{modeContrast:`default`,modeResolved:null}},computed:{modeAttrs(){if(!this.contentMode)return{};let e=this.contentMode===`invert`?this.modeResolved:this.contentMode;return e?{"data-dt-mode":e,"data-dt-contrast":this.modeContrast}:{}}},watch:{contentMode(){this.cleanupModeObservers(),this.setupModeObservers()}},mounted(){this.setupModeObservers()},beforeUnmount(){this.cleanupModeObservers()},methods:{getModeReferenceEl(){return this.$el},setupModeObservers(){if(this.contentMode&&!(typeof document>`u`)&&(this.modeContrast=t.getRootContrast(),this.modeContrastObserver=new MutationObserver(()=>{this.modeContrast=t.getRootContrast()}),this.modeContrastObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-dt-contrast`]}),this.contentMode===`invert`)){let e=this.getModeReferenceEl();this.modeResolved=t.getOppositeMode(t.findParentMode(e));let n={attributes:!0,attributeFilter:[`data-dt-mode`],subtree:!1};this.modeModeObserver=new MutationObserver(()=>{this.modeResolved=t.getOppositeMode(t.findParentMode(this.getModeReferenceEl()))}),this.modeModeObserver.observe(document.documentElement,n);let r=e?.parentElement;for(;r&&r!==document.documentElement;)this.modeModeObserver.observe(r,n),r=r.parentElement}},cleanupModeObservers(){this.modeContrastObserver&&(this.modeContrastObserver.disconnect(),this.modeContrastObserver=null),this.modeModeObserver&&(this.modeModeObserver.disconnect(),this.modeModeObserver=null),this.modeResolved=null}}};exports.default=n;
+//# sourceMappingURL=mode.cjs.map

package/dist/common/mixins/mode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.cjs","names":["CONTENT_MODE_PROP","getRootContrast","getOppositeMode","findParentMode"],"sources":["../../../common/mixins/mode.js"],"sourcesContent":["import { CONTENT_MODE_PROP } from '@/common/mode_constants';\nimport {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/ModeIsland/Utils';\n\n/**\n * Mixin that adds a `contentMode` prop and computes `modeAttrs` for binding\n * `data-dt-mode` / `data-dt-contrast` to a positioned content element.\n *\n * Components that use this mixin should bind `v-bind=\"modeAttrs\"` on their\n * internal content element (e.g. the dialog or teleported container).\n *\n * For `invert` mode, the mixin resolves the opposite of the nearest ancestor's\n * mode and watches for changes via MutationObserver. Override\n * `getModeReferenceEl()` to return the anchor element so `invert` resolves\n * from the correct DOM context (not the teleported content's position).\n *\n * @displayName Mode Mixin\n */\nexport default {\n  props: {\n    /**\n     * Applies a color mode to the positioned content element.\n     * `light` and `dark` are explicit overrides. `invert` computes the\n     * opposite of the nearest ancestor's mode and stays reactive.\n     * @values light, dark, invert\n     */\n    contentMode: CONTENT_MODE_PROP,\n  },\n\n  data () {\n    return {\n      modeContrast: 'default',\n      modeResolved: null,\n    };\n  },\n\n  computed: {\n    modeAttrs () {\n      if (!this.contentMode) return {};\n      const resolvedMode = this.contentMode === 'invert'\n        ? this.modeResolved\n        : this.contentMode;\n      if (!resolvedMode) return {};\n      return {\n        'data-dt-mode': resolvedMode,\n        'data-dt-contrast': this.modeContrast,\n      };\n    },\n  },\n\n  watch: {\n    contentMode () {\n      this.cleanupModeObservers();\n      this.setupModeObservers();\n    },\n  },\n\n  mounted () {\n    this.setupModeObservers();\n  },\n\n  beforeUnmount () {\n    this.cleanupModeObservers();\n  },\n\n  methods: {\n    /**\n     * Override in components to return the element from which `invert` mode\n     * should resolve the parent mode. For positioned components, this should\n     * be the anchor element (in the original DOM context), not the teleported\n     * content element.\n     * @returns {HTMLElement|null}\n     */\n    getModeReferenceEl () {\n      return this.$el;\n    },\n\n    setupModeObservers () {\n      if (!this.contentMode) return;\n      if (typeof document === 'undefined') return;\n\n      // Watch for contrast changes on root\n      this.modeContrast = getRootContrast();\n      this.modeContrastObserver = new MutationObserver(() => {\n        this.modeContrast = getRootContrast();\n      });\n      this.modeContrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n\n      if (this.contentMode === 'invert') {\n        const refEl = this.getModeReferenceEl();\n        this.modeResolved = getOppositeMode(findParentMode(refEl));\n\n        const config = {\n          attributes: true,\n          attributeFilter: ['data-dt-mode'],\n          subtree: false,\n        };\n\n        this.modeModeObserver = new MutationObserver(() => {\n          const el = this.getModeReferenceEl();\n          this.modeResolved = getOppositeMode(findParentMode(el));\n        });\n\n        // Observe root element\n        this.modeModeObserver.observe(document.documentElement, config);\n\n        // Observe all ancestor elements for mode changes\n        let parent = refEl?.parentElement;\n        while (parent && parent !== document.documentElement) {\n          this.modeModeObserver.observe(parent, config);\n          parent = parent.parentElement;\n        }\n      }\n    },\n\n    cleanupModeObservers () {\n      if (this.modeContrastObserver) {\n        this.modeContrastObserver.disconnect();\n        this.modeContrastObserver = null;\n      }\n      if (this.modeModeObserver) {\n        this.modeModeObserver.disconnect();\n        this.modeModeObserver = null;\n      }\n      this.modeResolved = null;\n    },\n  },\n};\n"],"mappings":"iMAqBA,IAAA,EAAe,CACb,MAAO,CAOL,YAAaA,EAAAA,EACd,CAED,MAAQ,CACN,MAAO,CACL,aAAc,UACd,aAAc,KACf,EAGH,SAAU,CACR,WAAa,CACX,GAAI,CAAC,KAAK,YAAa,MAAO,EAAE,CAChC,IAAM,EAAe,KAAK,cAAgB,SACtC,KAAK,aACL,KAAK,YAET,OADK,EACE,CACL,eAAgB,EAChB,mBAAoB,KAAK,aAC1B,CAJyB,EAAE,EAM/B,CAED,MAAO,CACL,aAAe,CACb,KAAK,sBAAsB,CAC3B,KAAK,oBAAoB,EAE5B,CAED,SAAW,CACT,KAAK,oBAAoB,EAG3B,eAAiB,CACf,KAAK,sBAAsB,EAG7B,QAAS,CAQP,oBAAsB,CACpB,OAAO,KAAK,KAGd,oBAAsB,CACf,QAAK,aACN,SAAO,SAAa,OAGxB,KAAK,aAAeC,EAAAA,iBAAiB,CACrC,KAAK,qBAAuB,IAAI,qBAAuB,CACrD,KAAK,aAAeA,EAAAA,iBAAiB,EACrC,CACF,KAAK,qBAAqB,QAAQ,SAAS,gBAAiB,CAC1D,WAAY,GACZ,gBAAiB,CAAC,mBAAmB,CACtC,CAAC,CAEE,KAAK,cAAgB,UAAU,CACjC,IAAM,EAAQ,KAAK,oBAAoB,CACvC,KAAK,aAAeC,EAAAA,gBAAgBC,EAAAA,eAAe,EAAM,CAAC,CAE1D,IAAM,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,eAAe,CACjC,QAAS,GACV,CAED,KAAK,iBAAmB,IAAI,qBAAuB,CAEjD,KAAK,aAAeD,EAAAA,gBAAgBC,EAAAA,eADzB,KAAK,oBAAoB,CACkB,CAAC,EACvD,CAGF,KAAK,iBAAiB,QAAQ,SAAS,gBAAiB,EAAO,CAG/D,IAAI,EAAS,GAAO,cACpB,KAAO,GAAU,IAAW,SAAS,iBACnC,KAAK,iBAAiB,QAAQ,EAAQ,EAAO,CAC7C,EAAS,EAAO,gBAKtB,sBAAwB,CAClB,KAAK,uBACP,KAAK,qBAAqB,YAAY,CACtC,KAAK,qBAAuB,MAE1B,KAAK,mBACP,KAAK,iBAAiB,YAAY,CAClC,KAAK,iBAAmB,MAE1B,KAAK,aAAe,MAEvB,CACF"}

package/dist/common/mixins/mode.d.ts

@@ -0,0 +1,25 @@
+import { CONTENT_MODE_PROP } from '../mode_constants';
+declare namespace _default {
+    namespace props {
+        export { CONTENT_MODE_PROP as contentMode };
+    }
+    function data(): {
+        modeContrast: string;
+        modeResolved: null;
+    };
+    namespace computed {
+        function modeAttrs(): any;
+    }
+    namespace watch {
+        function contentMode(): void;
+    }
+    function mounted(): void;
+    function beforeUnmount(): void;
+    namespace methods {
+        function getModeReferenceEl(): HTMLElement | null;
+        function setupModeObservers(): void;
+        function cleanupModeObservers(): void;
+    }
+}
+export default _default;
+//# sourceMappingURL=mode.d.ts.map

package/dist/common/mixins/mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.d.ts","sourceRoot":"","sources":["../../../common/mixins/mode.js"],"names":[],"mappings":";;;;IAgCE;;;MAKC;;QAGC,0BAUC;;;QAID,6BAGC;;IAGH,yBAEC;IAED,+BAEC;;QAUC,+BAFa,WAAW,GAAC,IAAI,CAI5B;QAED,oCAuCC;QAED,sCAUC;;;;kCAnI6B,yBAAyB"}

package/dist/common/mixins/mode.js

@@ -0,0 +1,62 @@
+import { t as e } from "../../mode_constants-tb7TL85q.js";
+import { findParentMode as t, getOppositeMode as n, getRootContrast as r } from "../../lib/mode-island/utils.js";
+//#region common/mixins/mode.js
+var i = {
+	props: { contentMode: e },
+	data() {
+		return {
+			modeContrast: "default",
+			modeResolved: null
+		};
+	},
+	computed: { modeAttrs() {
+		if (!this.contentMode) return {};
+		let e = this.contentMode === "invert" ? this.modeResolved : this.contentMode;
+		return e ? {
+			"data-dt-mode": e,
+			"data-dt-contrast": this.modeContrast
+		} : {};
+	} },
+	watch: { contentMode() {
+		this.cleanupModeObservers(), this.setupModeObservers();
+	} },
+	mounted() {
+		this.setupModeObservers();
+	},
+	beforeUnmount() {
+		this.cleanupModeObservers();
+	},
+	methods: {
+		getModeReferenceEl() {
+			return this.$el;
+		},
+		setupModeObservers() {
+			if (this.contentMode && !(typeof document > "u") && (this.modeContrast = r(), this.modeContrastObserver = new MutationObserver(() => {
+				this.modeContrast = r();
+			}), this.modeContrastObserver.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["data-dt-contrast"]
+			}), this.contentMode === "invert")) {
+				let e = this.getModeReferenceEl();
+				this.modeResolved = n(t(e));
+				let r = {
+					attributes: !0,
+					attributeFilter: ["data-dt-mode"],
+					subtree: !1
+				};
+				this.modeModeObserver = new MutationObserver(() => {
+					this.modeResolved = n(t(this.getModeReferenceEl()));
+				}), this.modeModeObserver.observe(document.documentElement, r);
+				let i = e?.parentElement;
+				for (; i && i !== document.documentElement;) this.modeModeObserver.observe(i, r), i = i.parentElement;
+			}
+		},
+		cleanupModeObservers() {
+			this.modeContrastObserver && (this.modeContrastObserver.disconnect(), this.modeContrastObserver = null), this.modeModeObserver && (this.modeModeObserver.disconnect(), this.modeModeObserver = null), this.modeResolved = null;
+		}
+	}
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=mode.js.map