@dialpad/dialtone-vue 3.218.2 → 3.219.0-next.1

package/dist/common/constants/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E={ERROR:"error",WARNING:"warning",SUCCESS:"success"},e={LARGE:"lg",EXTRA_LARGE:"xl"},I={xs:"",sm:"",md:"",lg:"d-description--lg",xl:"d-description--xl"},o={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},t={esc:"Esc",escape:"Escape",tab:"Tab",enter:"Enter",space:"Space",spacebar:"Spacebar",up:"Up",arrowup:"ArrowUp",left:"Left",arrowleft:"ArrowLeft",right:"Right",arrowright:"ArrowRight",down:"Down",arrowdown:"ArrowDown",home:"Home",end:"End"},S=E.ERROR,r="dt",s={VALIDATION_MESSAGE_TYPES:E,DESCRIPTION_SIZE_TYPES:e,DEFAULT_VALIDATION_MESSAGE_TYPE:S,DEFAULT_PREFIX:r};exports.DEFAULT_PREFIX=r;exports.DEFAULT_VALIDATION_MESSAGE_TYPE=S;exports.DESCRIPTION_SIZE_MODIFIERS=I;exports.DESCRIPTION_SIZE_TYPES=e;exports.EVENT_KEYNAMES=t;exports.LABEL_SIZE_MODIFIERS=o;exports.VALIDATION_MESSAGE_TYPES=E;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E={ERROR:"error",WARNING:"warning",SUCCESS:"success"},e={LARGE:"lg",EXTRA_LARGE:"xl"},s={xs:"d-description--xs",sm:"d-description--sm",md:"",lg:"d-description--lg",xl:"d-description--xl"},I={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},o={esc:"Esc",escape:"Escape",tab:"Tab",enter:"Enter",space:"Space",spacebar:"Spacebar",up:"Up",arrowup:"ArrowUp",left:"Left",arrowleft:"ArrowLeft",right:"Right",arrowright:"ArrowRight",down:"Down",arrowdown:"ArrowDown",home:"Home",end:"End"},r=E.ERROR,S="dt",t={VALIDATION_MESSAGE_TYPES:E,DESCRIPTION_SIZE_TYPES:e,DEFAULT_VALIDATION_MESSAGE_TYPE:r,DEFAULT_PREFIX:S};exports.DEFAULT_PREFIX=S;exports.DEFAULT_VALIDATION_MESSAGE_TYPE=r;exports.DESCRIPTION_SIZE_MODIFIERS=s;exports.DESCRIPTION_SIZE_TYPES=e;exports.EVENT_KEYNAMES=o;exports.LABEL_SIZE_MODIFIERS=I;exports.VALIDATION_MESSAGE_TYPES=E;exports.default=t;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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"],"names":["VALIDATION_MESSAGE_TYPES","DESCRIPTION_SIZE_TYPES","DESCRIPTION_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX","index"],"mappings":"4GAUY,MAACA,EAA2B,CACtC,MAAO,QACP,QAAS,UACT,QAAS,SACX,EAGaC,EAAyB,CACpC,MAAO,KACP,YAAa,IACf,EAGaC,EAA6B,CACxC,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,oBACJ,GAAI,mBACN,EAGaC,EAAuB,CAClC,GAAI,cACJ,GAAI,cACJ,GAAI,GACJ,GAAI,cACJ,GAAI,aACN,EAEaC,EAAiB,CAC5B,IAAK,MACL,OAAQ,SACR,IAAK,MACL,MAAO,QACP,MAAO,QACP,SAAU,WACV,GAAI,KACJ,QAAS,UACT,KAAM,OACN,UAAW,YACX,MAAO,QACP,WAAY,aACZ,KAAM,OACN,UAAW,YACX,KAAM,OACN,IAAK,KACP,EAMaC,EAAkCL,EAAyB,MAG3DM,EAAiB,KAE9BC,EAAe,CACb,yBAAAP,EACA,uBAAAC,EACA,gCAAAI,EACA,eAAAC,CACF"}
+{"version":3,"file":"index.cjs","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: '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  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"],"names":["VALIDATION_MESSAGE_TYPES","DESCRIPTION_SIZE_TYPES","DESCRIPTION_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX","index"],"mappings":"4GAUY,MAACA,EAA2B,CACtC,MAAO,QACP,QAAS,UACT,QAAS,SACX,EAGaC,EAAyB,CACpC,MAAO,KACP,YAAa,IACf,EAGaC,EAA6B,CACxC,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACJ,GAAI,oBACJ,GAAI,mBACN,EAGaC,EAAuB,CAClC,GAAI,cACJ,GAAI,cACJ,GAAI,GACJ,GAAI,cACJ,GAAI,aACN,EAEaC,EAAiB,CAC5B,IAAK,MACL,OAAQ,SACR,IAAK,MACL,MAAO,QACP,MAAO,QACP,SAAU,WACV,GAAI,KACJ,QAAS,UACT,KAAM,OACN,UAAW,YACX,MAAO,QACP,WAAY,aACZ,KAAM,OACN,UAAW,YACX,KAAM,OACN,IAAK,KACP,EAMaC,EAAkCL,EAAyB,MAG3DM,EAAiB,KAE9BC,EAAe,CACb,yBAAAP,EACA,uBAAAC,EACA,gCAAAI,EACA,eAAAC,CACF"}

package/dist/common/constants/index.js

@@ -5,9 +5,9 @@ const E = {
 }, e = {
   LARGE: "lg",
   EXTRA_LARGE: "xl"
-}, s = {
-  xs: "",
-  sm: "",
+}, o = {
+  xs: "d-description--xs",
+  sm: "d-description--sm",
   md: "",
   lg: "d-description--lg",
   xl: "d-description--xl"
@@ -17,7 +17,7 @@ const E = {
   md: "",
   lg: "d-label--lg",
   xl: "d-label--xl"
-}, a = {
+}, n = {
   esc: "Esc",
   escape: "Escape",
   tab: "Tab",
@@ -34,20 +34,20 @@ const E = {
   arrowdown: "ArrowDown",
   home: "Home",
   end: "End"
-}, r = E.ERROR, o = "dt", l = {
+}, r = E.ERROR, s = "dt", c = {
   VALIDATION_MESSAGE_TYPES: E,
   DESCRIPTION_SIZE_TYPES: e,
   DEFAULT_VALIDATION_MESSAGE_TYPE: r,
-  DEFAULT_PREFIX: o
+  DEFAULT_PREFIX: s
 };
 export {
-  o as DEFAULT_PREFIX,
+  s as DEFAULT_PREFIX,
   r as DEFAULT_VALIDATION_MESSAGE_TYPE,
-  s as DESCRIPTION_SIZE_MODIFIERS,
+  o as DESCRIPTION_SIZE_MODIFIERS,
   e as DESCRIPTION_SIZE_TYPES,
-  a as EVENT_KEYNAMES,
+  n as EVENT_KEYNAMES,
   t as LABEL_SIZE_MODIFIERS,
   E as VALIDATION_MESSAGE_TYPES,
-  l as default
+  c as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"],"names":["VALIDATION_MESSAGE_TYPES","DESCRIPTION_SIZE_TYPES","DESCRIPTION_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX","index"],"mappings":"AAUY,MAACA,IAA2B;AAAA,EACtC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAGaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,aAAa;AACf,GAGaC,IAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGaC,IAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAiB;AAAA,EAC5B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AACP,GAMaC,IAAkCL,EAAyB,OAG3DM,IAAiB,MAE9BC,IAAe;AAAA,EACb,0BAAAP;AAAA,EACA,wBAAAC;AAAA,EACA,iCAAAI;AAAA,EACA,gBAAAC;AACF;"}
+{"version":3,"file":"index.js","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: '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  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"],"names":["VALIDATION_MESSAGE_TYPES","DESCRIPTION_SIZE_TYPES","DESCRIPTION_SIZE_MODIFIERS","LABEL_SIZE_MODIFIERS","EVENT_KEYNAMES","DEFAULT_VALIDATION_MESSAGE_TYPE","DEFAULT_PREFIX","index"],"mappings":"AAUY,MAACA,IAA2B;AAAA,EACtC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAGaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,aAAa;AACf,GAGaC,IAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGaC,IAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAiB;AAAA,EAC5B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AACP,GAMaC,IAAkCL,EAAyB,OAG3DM,IAAiB,MAE9BC,IAAe;AAAA,EACb,0BAAAP;AAAA,EACA,wBAAAC;AAAA,EACA,iCAAAI;AAAA,EACA,gBAAAC;AACF;"}

package/dist/common/mixins/index.cjs

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

package/dist/common/mixins/index.js

@@ -1,17 +1,19 @@
-import { default as a } from "./dom.js";
-import { CheckableMixin as o, GroupableMixin as e, InputMixin as x } from "./input.js";
+import { default as o } from "./dom.js";
+import { CheckableMixin as e, GroupableMixin as n, InputMixin as x } from "./input.js";
 import { InputGroupMixin as p } from "./input-group.js";
-import { default as M } from "./keyboard-list-navigation.js";
+import { default as u } from "./keyboard-list-navigation.js";
 import { default as l } from "./modal.js";
 import { default as D } from "./skeleton.js";
+import { default as m } from "./mode.js";
 export {
-  o as DtCheckableInputMixin,
-  a as DtDOMMixin,
-  e as DtGroupableInputMixin,
+  e as DtCheckableInputMixin,
+  o as DtDOMMixin,
+  n as DtGroupableInputMixin,
   p as DtInputGroupMixin,
   x as DtInputMixin,
-  M as DtKeyboardListNavigationMixin,
+  u as DtKeyboardListNavigationMixin,
   l as DtModalMixin,
+  m as DtModeMixin,
   D as DtSkeletonMixin
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/common/mixins/mode.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../mode_constants-DeLSnTcQ.cjs"),t=require("../../lib/mode-island/utils.cjs"),d={props:{contentMode:n.C},data(){return{modeContrast:"default",modeResolved:null}},computed:{modeAttrs(){if(!this.contentMode)return{};const 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")){const e=this.getModeReferenceEl();this.modeResolved=t.getOppositeMode(t.findParentMode(e));const s={attributes:!0,attributeFilter:["data-dt-mode"],subtree:!1};this.modeModeObserver=new MutationObserver(()=>{const r=this.getModeReferenceEl();this.modeResolved=t.getOppositeMode(t.findParentMode(r))}),this.modeModeObserver.observe(document.documentElement,s);let o=e==null?void 0:e.parentElement;for(;o&&o!==document.documentElement;)this.modeModeObserver.observe(o,s),o=o.parentElement}},cleanupModeObservers(){this.modeContrastObserver&&(this.modeContrastObserver.disconnect(),this.modeContrastObserver=null),this.modeModeObserver&&(this.modeModeObserver.disconnect(),this.modeModeObserver=null),this.modeResolved=null}}};exports.default=d;
+//# sourceMappingURL=mode.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mode.cjs","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"],"names":["ModeMixin","CONTENT_MODE_PROP","resolvedMode","getRootContrast","refEl","getOppositeMode","findParentMode","config","el","parent"],"mappings":"8MAqBAA,EAAe,CACb,MAAO,CAOL,YAAaC,EAAAA,CACjB,EAEE,MAAQ,CACN,MAAO,CACL,aAAc,UACd,aAAc,IACpB,CACE,EAEA,SAAU,CACR,WAAa,CACX,GAAI,CAAC,KAAK,YAAa,MAAO,CAAA,EAC9B,MAAMC,EAAe,KAAK,cAAgB,SACtC,KAAK,aACL,KAAK,YACT,OAAKA,EACE,CACL,eAAgBA,EAChB,mBAAoB,KAAK,YACjC,EAJgC,CAAA,CAK5B,CACJ,EAEE,MAAO,CACL,aAAe,CACb,KAAK,qBAAoB,EACzB,KAAK,mBAAkB,CACzB,CACJ,EAEE,SAAW,CACT,KAAK,mBAAkB,CACzB,EAEA,eAAiB,CACf,KAAK,qBAAoB,CAC3B,EAEA,QAAS,CAQP,oBAAsB,CACpB,OAAO,KAAK,GACd,EAEA,oBAAsB,CACpB,GAAK,KAAK,aACN,SAAO,SAAa,OAGxB,KAAK,aAAeC,kBAAe,EACnC,KAAK,qBAAuB,IAAI,iBAAiB,IAAM,CACrD,KAAK,aAAeA,kBAAe,CACrC,CAAC,EACD,KAAK,qBAAqB,QAAQ,SAAS,gBAAiB,CAC1D,WAAY,GACZ,gBAAiB,CAAC,kBAAkB,CAC5C,CAAO,EAEG,KAAK,cAAgB,UAAU,CACjC,MAAMC,EAAQ,KAAK,mBAAkB,EACrC,KAAK,aAAeC,EAAAA,gBAAgBC,EAAAA,eAAeF,CAAK,CAAC,EAEzD,MAAMG,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,cAAc,EAChC,QAAS,EACnB,EAEQ,KAAK,iBAAmB,IAAI,iBAAiB,IAAM,CACjD,MAAMC,EAAK,KAAK,mBAAkB,EAClC,KAAK,aAAeH,EAAAA,gBAAgBC,EAAAA,eAAeE,CAAE,CAAC,CACxD,CAAC,EAGD,KAAK,iBAAiB,QAAQ,SAAS,gBAAiBD,CAAM,EAG9D,IAAIE,EAASL,GAAA,YAAAA,EAAO,cACpB,KAAOK,GAAUA,IAAW,SAAS,iBACnC,KAAK,iBAAiB,QAAQA,EAAQF,CAAM,EAC5CE,EAASA,EAAO,aAEpB,CACF,EAEA,sBAAwB,CAClB,KAAK,uBACP,KAAK,qBAAqB,WAAU,EACpC,KAAK,qBAAuB,MAE1B,KAAK,mBACP,KAAK,iBAAiB,WAAU,EAChC,KAAK,iBAAmB,MAE1B,KAAK,aAAe,IACtB,CACJ,CACA"}

package/dist/common/mixins/mode.js

@@ -0,0 +1,82 @@
+import { C as i } from "../../mode_constants-C1GFodVj.js";
+import { getRootContrast as s, getOppositeMode as r, findParentMode as n } from "../../lib/mode-island/utils.js";
+const u = {
+  props: {
+    /**
+     * Applies a color mode to the positioned content element.
+     * `light` and `dark` are explicit overrides. `invert` computes the
+     * opposite of the nearest ancestor's mode and stays reactive.
+     * @values light, dark, invert
+     */
+    contentMode: i
+  },
+  data() {
+    return {
+      modeContrast: "default",
+      modeResolved: null
+    };
+  },
+  computed: {
+    modeAttrs() {
+      if (!this.contentMode) return {};
+      const 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: {
+    /**
+     * Override in components to return the element from which `invert` mode
+     * should resolve the parent mode. For positioned components, this should
+     * be the anchor element (in the original DOM context), not the teleported
+     * content element.
+     * @returns {HTMLElement|null}
+     */
+    getModeReferenceEl() {
+      return this.$el;
+    },
+    setupModeObservers() {
+      if (this.contentMode && !(typeof document > "u") && (this.modeContrast = s(), this.modeContrastObserver = new MutationObserver(() => {
+        this.modeContrast = s();
+      }), this.modeContrastObserver.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["data-dt-contrast"]
+      }), this.contentMode === "invert")) {
+        const e = this.getModeReferenceEl();
+        this.modeResolved = r(n(e));
+        const o = {
+          attributes: !0,
+          attributeFilter: ["data-dt-mode"],
+          subtree: !1
+        };
+        this.modeModeObserver = new MutationObserver(() => {
+          const d = this.getModeReferenceEl();
+          this.modeResolved = r(n(d));
+        }), this.modeModeObserver.observe(document.documentElement, o);
+        let t = e == null ? void 0 : e.parentElement;
+        for (; t && t !== document.documentElement; )
+          this.modeModeObserver.observe(t, o), t = t.parentElement;
+      }
+    },
+    cleanupModeObservers() {
+      this.modeContrastObserver && (this.modeContrastObserver.disconnect(), this.modeContrastObserver = null), this.modeModeObserver && (this.modeModeObserver.disconnect(), this.modeModeObserver = null), this.modeResolved = null;
+    }
+  }
+};
+export {
+  u as default
+};
+//# sourceMappingURL=mode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mode.js","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"],"names":["ModeMixin","CONTENT_MODE_PROP","resolvedMode","getRootContrast","refEl","getOppositeMode","findParentMode","config","el","parent"],"mappings":";;AAqBA,MAAAA,IAAe;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,aAAaC;AAAA,EACjB;AAAA,EAEE,OAAQ;AACN,WAAO;AAAA,MACL,cAAc;AAAA,MACd,cAAc;AAAA,IACpB;AAAA,EACE;AAAA,EAEA,UAAU;AAAA,IACR,YAAa;AACX,UAAI,CAAC,KAAK,YAAa,QAAO,CAAA;AAC9B,YAAMC,IAAe,KAAK,gBAAgB,WACtC,KAAK,eACL,KAAK;AACT,aAAKA,IACE;AAAA,QACL,gBAAgBA;AAAA,QAChB,oBAAoB,KAAK;AAAA,MACjC,IAJgC,CAAA;AAAA,IAK5B;AAAA,EACJ;AAAA,EAEE,OAAO;AAAA,IACL,cAAe;AACb,WAAK,qBAAoB,GACzB,KAAK,mBAAkB;AAAA,IACzB;AAAA,EACJ;AAAA,EAEE,UAAW;AACT,SAAK,mBAAkB;AAAA,EACzB;AAAA,EAEA,gBAAiB;AACf,SAAK,qBAAoB;AAAA,EAC3B;AAAA,EAEA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQP,qBAAsB;AACpB,aAAO,KAAK;AAAA,IACd;AAAA,IAEA,qBAAsB;AACpB,UAAK,KAAK,eACN,SAAO,WAAa,SAGxB,KAAK,eAAeC,EAAe,GACnC,KAAK,uBAAuB,IAAI,iBAAiB,MAAM;AACrD,aAAK,eAAeA,EAAe;AAAA,MACrC,CAAC,GACD,KAAK,qBAAqB,QAAQ,SAAS,iBAAiB;AAAA,QAC1D,YAAY;AAAA,QACZ,iBAAiB,CAAC,kBAAkB;AAAA,MAC5C,CAAO,GAEG,KAAK,gBAAgB,WAAU;AACjC,cAAMC,IAAQ,KAAK,mBAAkB;AACrC,aAAK,eAAeC,EAAgBC,EAAeF,CAAK,CAAC;AAEzD,cAAMG,IAAS;AAAA,UACb,YAAY;AAAA,UACZ,iBAAiB,CAAC,cAAc;AAAA,UAChC,SAAS;AAAA,QACnB;AAEQ,aAAK,mBAAmB,IAAI,iBAAiB,MAAM;AACjD,gBAAMC,IAAK,KAAK,mBAAkB;AAClC,eAAK,eAAeH,EAAgBC,EAAeE,CAAE,CAAC;AAAA,QACxD,CAAC,GAGD,KAAK,iBAAiB,QAAQ,SAAS,iBAAiBD,CAAM;AAG9D,YAAIE,IAASL,KAAA,gBAAAA,EAAO;AACpB,eAAOK,KAAUA,MAAW,SAAS;AACnC,eAAK,iBAAiB,QAAQA,GAAQF,CAAM,GAC5CE,IAASA,EAAO;AAAA,MAEpB;AAAA,IACF;AAAA,IAEA,uBAAwB;AACtB,MAAI,KAAK,yBACP,KAAK,qBAAqB,WAAU,GACpC,KAAK,uBAAuB,OAE1B,KAAK,qBACP,KAAK,iBAAiB,WAAU,GAChC,KAAK,mBAAmB,OAE1B,KAAK,eAAe;AAAA,IACtB;AAAA,EACJ;AACA;"}