@dialpad/dialtone-vue 3.219.0 → 3.220.0-next.2

package/dist/common/constants/index.js

@@ -1,24 +1,35 @@
+import { COMPONENT_SIZES as e, TEXT_HEADLINE_SIZES as t } from "./sizes.js";
 //#region common/constants/index.js
-var e = {
-	ERROR: "error",
+var n = {
+	CRITICAL: "critical",
 	WARNING: "warning",
-	SUCCESS: "success"
-}, t = {
+	POSITIVE: "positive"
+}, r = {
 	LARGE: "lg",
 	EXTRA_LARGE: "xl"
-}, n = {
-	xs: "",
-	sm: "",
+}, i = {
+	100: "d-description--xs",
+	200: "d-description--sm",
+	300: "",
+	400: "d-description--lg",
+	500: "d-description--xl",
+	xs: "d-description--xs",
+	sm: "d-description--sm",
 	md: "",
 	lg: "d-description--lg",
 	xl: "d-description--xl"
-}, r = {
+}, a = {
+	100: "d-label--xs",
+	200: "d-label--sm",
+	300: "",
+	400: "d-label--lg",
+	500: "d-label--xl",
 	xs: "d-label--xs",
 	sm: "d-label--sm",
 	md: "",
 	lg: "d-label--lg",
 	xl: "d-label--xl"
-}, i = {
+}, o = {
 	esc: "Esc",
 	escape: "Escape",
 	tab: "Tab",
@@ -35,13 +46,13 @@ var e = {
 	arrowdown: "ArrowDown",
 	home: "Home",
 	end: "End"
-}, a = e.ERROR, o = "dt", s = {
-	VALIDATION_MESSAGE_TYPES: e,
-	DESCRIPTION_SIZE_TYPES: t,
-	DEFAULT_VALIDATION_MESSAGE_TYPE: a,
+}, s = n.CRITICAL, c = "dt", l = {
+	VALIDATION_MESSAGE_TYPES: n,
+	DESCRIPTION_SIZE_TYPES: r,
+	DEFAULT_VALIDATION_MESSAGE_TYPE: s,
 	DEFAULT_PREFIX: "dt"
 };
 //#endregion
-export { o as DEFAULT_PREFIX, a as DEFAULT_VALIDATION_MESSAGE_TYPE, n as DESCRIPTION_SIZE_MODIFIERS, t as DESCRIPTION_SIZE_TYPES, i as EVENT_KEYNAMES, r as LABEL_SIZE_MODIFIERS, e as VALIDATION_MESSAGE_TYPES, s as default };
+export { e as COMPONENT_SIZES, c as DEFAULT_PREFIX, s as DEFAULT_VALIDATION_MESSAGE_TYPE, i as DESCRIPTION_SIZE_MODIFIERS, r as DESCRIPTION_SIZE_TYPES, o as EVENT_KEYNAMES, a as LABEL_SIZE_MODIFIERS, t as TEXT_HEADLINE_SIZES, n as VALIDATION_MESSAGE_TYPES, l as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  ERROR: 'error',\n  WARNING: 'warning',\n  SUCCESS: 'success',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  xs: '',\n  sm: '',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"mappings":";AAUA,IAAa,IAA2B;CACtC,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAGY,IAAyB;CACpC,OAAO;CACP,aAAa;CACd,EAGY,IAA6B;CACxC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGY,IAAuB;CAClC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,KAAK;CACL,OAAO;CACP,OAAO;CACP,UAAU;CACV,IAAI;CACJ,SAAS;CACT,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;CACZ,MAAM;CACN,WAAW;CACX,MAAM;CACN,KAAK;CACN,EAMY,IAAkC,EAAyB,OAG3D,IAAiB,MAE9B,IAAe;CACb;CACA;CACA;CACA,gBAAA;CACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../common/constants/index.js"],"sourcesContent":["/* TODO: Move and sort these in a constants directory\n\nExample:\n  constants/\n    forms.js\n    defaults.js\n    ...\n*/\n\n// Types of messages, also dictates what is the current state of the input.\nexport const VALIDATION_MESSAGE_TYPES = {\n  CRITICAL: 'critical',\n  WARNING: 'warning',\n  POSITIVE: 'positive',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_TYPES = {\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\n// Description size variants\nexport const DESCRIPTION_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-description--xs',\n  200: 'd-description--sm',\n  300: '',\n  400: 'd-description--lg',\n  500: 'd-description--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-description--xs',\n  sm: 'd-description--sm',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\n// Label size variants\nexport const LABEL_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-label--xs',\n  200: 'd-label--sm',\n  300: '',\n  400: 'd-label--lg',\n  500: 'd-label--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: '',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport const EVENT_KEYNAMES = {\n  esc: 'Esc',\n  escape: 'Escape',\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  spacebar: 'Spacebar',\n  up: 'Up',\n  arrowup: 'ArrowUp',\n  left: 'Left',\n  arrowleft: 'ArrowLeft',\n  right: 'Right',\n  arrowright: 'ArrowRight',\n  down: 'Down',\n  arrowdown: 'ArrowDown',\n  home: 'Home',\n  end: 'End',\n};\n\n/*\n * Any string message or message object in the messages prop that do not specify\n * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.\n */\nexport const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.CRITICAL;\n\n// Default prefix used for ids\nexport const DEFAULT_PREFIX = 'dt';\n\n// Component size scale\nexport { COMPONENT_SIZES, TEXT_HEADLINE_SIZES } from './sizes.js';\n\nexport default {\n  VALIDATION_MESSAGE_TYPES,\n  DESCRIPTION_SIZE_TYPES,\n  DEFAULT_VALIDATION_MESSAGE_TYPE,\n  DEFAULT_PREFIX,\n};\n"],"mappings":";;AAUA,IAAa,IAA2B;CACtC,UAAU;CACV,SAAS;CACT,UAAU;CACX,EAGY,IAAyB;CACpC,OAAO;CACP,aAAa;CACd,EAGY,IAA6B;CAExC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGY,IAAuB;CAElC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,KAAK;CACL,OAAO;CACP,OAAO;CACP,UAAU;CACV,IAAI;CACJ,SAAS;CACT,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;CACZ,MAAM;CACN,WAAW;CACX,MAAM;CACN,KAAK;CACN,EAMY,IAAkC,EAAyB,UAG3D,IAAiB,MAK9B,IAAe;CACb;CACA;CACA;CACA,gBAAA;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.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

@@ -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 | StringConstructor | ArrayConstructor)[];
+            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/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/mode_island/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mode.js","names":[],"sources":["../../../common/mixins/mode.js"],"sourcesContent":["import { CONTENT_MODE_PROP } from '@/common/mode_constants';\nimport {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/mode_island/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":";;;AAqBA,IAAA,IAAe;CACb,OAAO,EAOL,aAAa,GACd;CAED,OAAQ;AACN,SAAO;GACL,cAAc;GACd,cAAc;GACf;;CAGH,UAAU,EACR,YAAa;AACX,MAAI,CAAC,KAAK,YAAa,QAAO,EAAE;EAChC,IAAM,IAAe,KAAK,gBAAgB,WACtC,KAAK,eACL,KAAK;AAET,SADK,IACE;GACL,gBAAgB;GAChB,oBAAoB,KAAK;GAC1B,GAJyB,EAAE;IAM/B;CAED,OAAO,EACL,cAAe;AAEb,EADA,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB;IAE5B;CAED,UAAW;AACT,OAAK,oBAAoB;;CAG3B,gBAAiB;AACf,OAAK,sBAAsB;;CAG7B,SAAS;EAQP,qBAAsB;AACpB,UAAO,KAAK;;EAGd,qBAAsB;AACf,YAAK,eACN,SAAO,WAAa,SAGxB,KAAK,eAAe,GAAiB,EACrC,KAAK,uBAAuB,IAAI,uBAAuB;AACrD,SAAK,eAAe,GAAiB;KACrC,EACF,KAAK,qBAAqB,QAAQ,SAAS,iBAAiB;IAC1D,YAAY;IACZ,iBAAiB,CAAC,mBAAmB;IACtC,CAAC,EAEE,KAAK,gBAAgB,WAAU;IACjC,IAAM,IAAQ,KAAK,oBAAoB;AACvC,SAAK,eAAe,EAAgB,EAAe,EAAM,CAAC;IAE1D,IAAM,IAAS;KACb,YAAY;KACZ,iBAAiB,CAAC,eAAe;KACjC,SAAS;KACV;AAQD,IANA,KAAK,mBAAmB,IAAI,uBAAuB;AAEjD,UAAK,eAAe,EAAgB,EADzB,KAAK,oBAAoB,CACkB,CAAC;MACvD,EAGF,KAAK,iBAAiB,QAAQ,SAAS,iBAAiB,EAAO;IAG/D,IAAI,IAAS,GAAO;AACpB,WAAO,KAAU,MAAW,SAAS,iBAEnC,CADA,KAAK,iBAAiB,QAAQ,GAAQ,EAAO,EAC7C,IAAS,EAAO;;;EAKtB,uBAAwB;AAStB,GARI,KAAK,yBACP,KAAK,qBAAqB,YAAY,EACtC,KAAK,uBAAuB,OAE1B,KAAK,qBACP,KAAK,iBAAiB,YAAY,EAClC,KAAK,mBAAmB,OAE1B,KAAK,eAAe;;EAEvB;CACF"}

package/dist/common/mode_constants.d.ts

@@ -0,0 +1,37 @@
+export namespace CONTENT_MODE_TYPES {
+    let LIGHT: string;
+    let DARK: string;
+    let INVERT: string;
+}
+export const CONTENT_MODE_VALUES: string[];
+export namespace CONTENT_MODE_PROP {
+    export let type: StringConstructor;
+    let _default: null;
+    export { _default as default };
+    export function validator(v: any): boolean;
+}
+export namespace CONTENT_MODE_ARG_TYPE {
+    let options: (string | null)[];
+    namespace control {
+        let type_1: string;
+        export { type_1 as type };
+        export namespace labels {
+            let _null: string;
+            export { _null as null };
+        }
+    }
+    namespace table {
+        let category: string;
+        namespace defaultValue {
+            let summary: string;
+        }
+    }
+}
+declare namespace _default {
+    export { CONTENT_MODE_TYPES };
+    export { CONTENT_MODE_VALUES };
+    export { CONTENT_MODE_PROP };
+    export { CONTENT_MODE_ARG_TYPE };
+}
+export default _default;
+//# sourceMappingURL=mode_constants.d.ts.map

package/dist/common/mode_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode_constants.d.ts","sourceRoot":"","sources":["../../common/mode_constants.js"],"names":[],"mappings":";;;;;AAMA,2CAAqE;;;;;IASxD,2CAAoD"}