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

package/dist/lib/select-menu/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./select-menu.cjs"),e=require("./select-menu-constants.cjs");exports.DtSelectMenu=t.default;exports.SELECT_SIZE_MODIFIERS=e.SELECT_SIZE_MODIFIERS;exports.SELECT_STATE_MODIFIERS=e.SELECT_STATE_MODIFIERS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./select-menu-constants.cjs`),t=require(`./select-menu.cjs`);exports.DtSelectMenu=t.default,exports.SELECT_SIZE_MODIFIERS=e.SELECT_SIZE_MODIFIERS,exports.SELECT_STATE_MODIFIERS=e.SELECT_STATE_MODIFIERS;

package/dist/lib/select-menu/index.js

@@ -1,8 +1,3 @@
-import { default as e } from "./select-menu.js";
-import { SELECT_SIZE_MODIFIERS as I, SELECT_STATE_MODIFIERS as o } from "./select-menu-constants.js";
-export {
-  e as DtSelectMenu,
-  I as SELECT_SIZE_MODIFIERS,
-  o as SELECT_STATE_MODIFIERS
-};
-//# sourceMappingURL=index.js.map
+import { SELECT_SIZE_MODIFIERS as e, SELECT_STATE_MODIFIERS as t } from "./select-menu-constants.js";
+import n from "./select-menu.js";
+export { n as DtSelectMenu, e as SELECT_SIZE_MODIFIERS, t as SELECT_STATE_MODIFIERS };

package/dist/lib/select-menu/select-menu-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={100:"d-select--xs",200:"d-select--sm",300:"",400:"d-select--lg",500:"d-select--xl",xs:"d-select--xs",sm:"d-select--sm",md:"",lg:"d-select--lg",xl:"d-select--xl"},s={error:"d-select__input--error",warning:"d-select__input--warning",success:"d-select__input--success"},t={SELECT_SIZE_MODIFIERS:e,SELECT_STATE_MODIFIERS:s};exports.SELECT_SIZE_MODIFIERS=e;exports.SELECT_STATE_MODIFIERS=s;exports.default=t;
-//# sourceMappingURL=select-menu-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={xs:`d-select--xs`,sm:`d-select--sm`,md:``,lg:`d-select--lg`,xl:`d-select--xl`},t={error:`d-select__input--error`,warning:`d-select__input--warning`,success:`d-select__input--success`},n={SELECT_SIZE_MODIFIERS:e,SELECT_STATE_MODIFIERS:t};exports.SELECT_SIZE_MODIFIERS=e,exports.SELECT_STATE_MODIFIERS=t,exports.default=n;
+//# sourceMappingURL=select-menu-constants.cjs.map

package/dist/lib/select-menu/select-menu-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu-constants.cjs","sources":["../../../components/select_menu/select_menu_constants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-select--xs',\n  200: 'd-select--sm',\n  300: '',\n  400: 'd-select--lg',\n  500: 'd-select--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n"],"names":["SELECT_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","select_menu_constants"],"mappings":"4GAAY,MAACA,EAAwB,CAEnC,IAAK,eACL,IAAK,eACL,IAAK,GACL,IAAK,eACL,IAAK,eAEL,GAAI,eACJ,GAAI,eACJ,GAAI,GACJ,GAAI,eACJ,GAAI,cACN,EAEaC,EAAyB,CACpC,MAAO,yBACP,QAAS,2BACT,QAAS,0BACX,EAEAC,EAAe,CACb,sBAAAF,EACA,uBAAAC,CACF"}
+{"version":3,"file":"select-menu-constants.cjs","names":[],"sources":["../../../components/select_menu/select_menu_constants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CACnC,GAAI,eACJ,GAAI,eACJ,GAAI,GACJ,GAAI,eACJ,GAAI,eACL,CAEY,EAAyB,CACpC,MAAO,yBACP,QAAS,2BACT,QAAS,2BACV,CAED,EAAe,CACb,wBACA,yBACD"}

package/dist/lib/select-menu/select-menu-constants.js

@@ -1,27 +1,19 @@
-const e = {
-  // Numeric (preferred)
-  100: "d-select--xs",
-  200: "d-select--sm",
-  300: "",
-  400: "d-select--lg",
-  500: "d-select--xl",
-  // T-shirt aliases (deprecated)
-  xs: "d-select--xs",
-  sm: "d-select--sm",
-  md: "",
-  lg: "d-select--lg",
-  xl: "d-select--xl"
-}, s = {
-  error: "d-select__input--error",
-  warning: "d-select__input--warning",
-  success: "d-select__input--success"
+//#region components/select_menu/select_menu_constants.js
+var e = {
+	xs: "d-select--xs",
+	sm: "d-select--sm",
+	md: "",
+	lg: "d-select--lg",
+	xl: "d-select--xl"
 }, t = {
-  SELECT_SIZE_MODIFIERS: e,
-  SELECT_STATE_MODIFIERS: s
+	error: "d-select__input--error",
+	warning: "d-select__input--warning",
+	success: "d-select__input--success"
+}, n = {
+	SELECT_SIZE_MODIFIERS: e,
+	SELECT_STATE_MODIFIERS: t
 };
-export {
-  e as SELECT_SIZE_MODIFIERS,
-  s as SELECT_STATE_MODIFIERS,
-  t as default
-};
-//# sourceMappingURL=select-menu-constants.js.map
+//#endregion
+export { e as SELECT_SIZE_MODIFIERS, t as SELECT_STATE_MODIFIERS, n as default };
+
+//# sourceMappingURL=select-menu-constants.js.map

package/dist/lib/select-menu/select-menu-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu-constants.js","sources":["../../../components/select_menu/select_menu_constants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-select--xs',\n  200: 'd-select--sm',\n  300: '',\n  400: 'd-select--lg',\n  500: 'd-select--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n"],"names":["SELECT_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","select_menu_constants"],"mappings":"AAAY,MAACA,IAAwB;AAAA;AAAA,EAEnC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAEAC,IAAe;AAAA,EACb,uBAAAF;AAAA,EACA,wBAAAC;AACF;"}
+{"version":3,"file":"select-menu-constants.js","names":[],"sources":["../../../components/select_menu/select_menu_constants.js"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CACnC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAyB;CACpC,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAED,IAAe;CACb;CACA;CACD"}

package/dist/lib/select-menu/select-menu-validators.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e.value=="string"||typeof e.value=="number",a=e=>e.label?typeof e.label=="string":!1,l=e=>e?e.every(r=>!(!t(r)||!a(r))):!0;exports.optionsValidator=l;
-//# sourceMappingURL=select-menu-validators.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>typeof e.value==`string`||typeof e.value==`number`,t=e=>e.label?typeof e.label==`string`:!1,n=n=>n?n.every(n=>!(!e(n)||!t(n))):!0;exports.optionsValidator=n;
+//# sourceMappingURL=select-menu-validators.cjs.map

package/dist/lib/select-menu/select-menu-validators.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu-validators.cjs","sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"names":["hasValidOptionValue","option","hasValidOptionLabel","optionsValidator","options"],"mappings":"gFAAA,MAAMA,EAAsBC,GACnB,OAAOA,EAAO,OAAU,UAAY,OAAOA,EAAO,OAAU,SAG/DC,EAAsBD,GACrBA,EAAO,MAIL,OAAOA,EAAO,OAAU,SAHtB,GAMEE,EAAmBC,GACzBA,EAIEA,EAAQ,MAAMH,GACf,GAACD,EAAoBC,CAAM,GAI3B,CAACC,EAAoBD,CAAM,EAKhC,EAbQ"}
+{"version":3,"file":"select-menu-validators.cjs","names":[],"sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"mappings":"mEAAA,IAAM,EAAsB,GACnB,OAAO,EAAO,OAAU,UAAY,OAAO,EAAO,OAAU,SAG/D,EAAsB,GACrB,EAAO,MAIL,OAAO,EAAO,OAAU,SAHtB,GAME,EAAmB,GACzB,EAIE,EAAQ,MAAM,GAKnB,EAJI,CAAC,EAAoB,EAAO,EAI5B,CAAC,EAAoB,EAAO,EAKhC,CAbO"}

package/dist/lib/select-menu/select-menu-validators.js

@@ -1,5 +1,6 @@
-const t = (e) => typeof e.value == "string" || typeof e.value == "number", a = (e) => e.label ? typeof e.label == "string" : !1, l = (e) => e ? e.every((r) => !(!t(r) || !a(r))) : !0;
-export {
-  l as optionsValidator
-};
-//# sourceMappingURL=select-menu-validators.js.map
+//#region components/select_menu/select_menu_validators.js
+var e = (e) => typeof e.value == "string" || typeof e.value == "number", t = (e) => e.label ? typeof e.label == "string" : !1, n = (n) => n ? n.every((n) => !(!e(n) || !t(n))) : !0;
+//#endregion
+export { n as optionsValidator };
+
+//# sourceMappingURL=select-menu-validators.js.map

package/dist/lib/select-menu/select-menu-validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu-validators.js","sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"names":["hasValidOptionValue","option","hasValidOptionLabel","optionsValidator","options"],"mappings":"AAAA,MAAMA,IAAsB,CAAAC,MACnB,OAAOA,EAAO,SAAU,YAAY,OAAOA,EAAO,SAAU,UAG/DC,IAAsB,CAAAD,MACrBA,EAAO,QAIL,OAAOA,EAAO,SAAU,WAHtB,IAMEE,IAAmB,CAAAC,MACzBA,IAIEA,EAAQ,MAAM,CAAAH,MACf,GAACD,EAAoBC,CAAM,KAI3B,CAACC,EAAoBD,CAAM,EAKhC,IAbQ;"}
+{"version":3,"file":"select-menu-validators.js","names":[],"sources":["../../../components/select_menu/select_menu_validators.js"],"sourcesContent":["const hasValidOptionValue = option => {\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n"],"mappings":";AAAA,IAAM,KAAsB,MACnB,OAAO,EAAO,SAAU,YAAY,OAAO,EAAO,SAAU,UAG/D,KAAsB,MACrB,EAAO,QAIL,OAAO,EAAO,SAAU,WAHtB,IAME,KAAmB,MACzB,IAIE,EAAQ,OAAM,MAKnB,EAJI,CAAC,EAAoB,EAAO,IAI5B,CAAC,EAAoB,EAAO,EAKhC,GAbO"}

package/dist/lib/select-menu/select-menu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),o=require("./select-menu-constants.cjs"),a=require("../../common/utils/index.cjs"),m=require("../../common/mixins/input.cjs"),S=require("./select-menu-validators.cjs"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../text/text.cjs"),h=require("../validation-messages/validation-messages.cjs"),c=require("../text/text-constants.cjs"),y={compatConfig:{MODE:3},name:"DtSelectMenu",components:{DtValidationMessages:h.default,DtText:g.default},mixins:[m.MessagesMixin],inheritAttrs:!1,props:{label:{type:String,default:""},labelVisible:{type:Boolean,default:!0},description:{type:String,default:""},options:{type:Array,default:()=>[],validator:e=>S.optionsValidator(e)},size:{type:[String,Number],default:300,validator:e=>Object.keys(o.SELECT_SIZE_MODIFIERS).includes(String(e))},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},selectClass:{type:[String,Array,Object],default:""},optionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},rootClass:{type:[String,Object,Array],default:""},modelValue:{type:[String,Number],default:""},labelSize:{type:[String,Number],default:null,validator:e=>c.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(c.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:["input","update:modelValue","change"],data(){return{SELECT_SIZE_MODIFIERS:o.SELECT_SIZE_MODIFIERS,SELECT_STATE_MODIFIERS:o.SELECT_STATE_MODIFIERS,hasSlotContent:a.hasSlotContent}},computed:{resolvedLabelSize(){if(this.labelSize!=null)return this.labelSize;const e=String(this.size);return e==="xl"||e==="500"?e==="500"?"400":"lg":this.size},resolvedDescriptionSize(){return{100:"xs",200:"xs",300:"sm",400:"sm",500:"md",xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"}[String(this.size)]||"sm"},resolvedDescriptionDensity(){const e=String(this.size);return e==="xl"||e==="500"?"300":void 0},selectListeners(){return{input:()=>{},change:e=>this.emitValue(e.target.value,e)}},state(){return a.getValidationState(this.formattedMessages)},selectKey(){return a.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs["aria-details"]}},mounted(){this.validateOptionsPresence(),this.runValidations()},beforeUpdate(){this.validateOptionsPresence()},methods:{removeClassStyleAttrs:a.removeClassStyleAttrs,addClassStyleAttrs:a.addClassStyleAttrs,emitValue(e,i){this.$emit("update:modelValue",e,i),this.$emit("input",e,i),this.$emit("change",e,i)},getOptionKey(e){return`select-${this.selectKey}-option-${e}`},validateOptionsPresence(){var e;((e=this.options)==null?void 0:e.length)<1&&!this.$slots.default&&t.warn("Options are expected to be provided via prop or slot",this)},runValidations(){!!!(this.$slots.label||this.label)&&!this.$attrs["aria-label"]&&console.info('[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible="false" to hide it visually.')}}},p=["aria-label","disabled","value"],_=["value"];function f(e,i,s,E,r,l){const d=t.resolveComponent("dt-text"),u=t.resolveComponent("dt-validation-messages");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:s.rootClass},l.addClassStyleAttrs(e.$attrs)),[t.createElementVNode("label",null,[s.labelVisible&&(r.hasSlotContent(e.$slots.label)||s.label)?(t.openBlock(),t.createBlock(d,t.mergeProps({key:0,kind:"label",size:l.resolvedLabelSize,strength:s.labelStrength,tone:"secondary",as:"div","aria-details":l.labelAriaDetails,class:["d-select__label-text",s.labelClass]},s.labelChildProps,{"data-qa":"dt-select-label"}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(s.label),1)])]),_:3},16,["size","strength","aria-details","class"])):t.createCommentVNode("",!0),r.hasSlotContent(e.$slots.description)||s.description?(t.openBlock(),t.createBlock(d,t.mergeProps({key:1,id:l.descriptionKey,kind:"body",size:l.resolvedDescriptionSize,tone:"tertiary",density:l.resolvedDescriptionDensity,as:"div",class:["d-description",s.descriptionClass]},s.descriptionChildProps,{"data-qa":"dt-select-description"}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(s.description),1)])]),_:3},16,["id","size","density","class"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-select",r.SELECT_SIZE_MODIFIERS[String(s.size)],s.selectClass,{"d-select--disabled":s.disabled}]),"data-qa":"dt-select-wrapper"},[t.createElementVNode("select",t.mergeProps({ref:"selectElement",class:["d-select__input",r.SELECT_STATE_MODIFIERS[l.state]],"aria-label":!s.labelVisible&&s.label?s.label:void 0},l.removeClassStyleAttrs(e.$attrs),{"data-qa":"dt-select",disabled:s.disabled,value:s.modelValue},t.toHandlers(l.selectListeners,!0)),[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.options,n=>(t.openBlock(),t.createElementBlock("option",t.mergeProps({key:l.getOptionKey(n.value),value:n.value,class:s.optionClass},{ref_for:!0},s.optionChildProps),t.toDisplayString(n.label),17,_))),128))])],16,p)],2)]),t.createVNode(u,t.mergeProps({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":"dt-select-messages"}),null,16,["validation-messages","show-messages","class"])],16)}const C=b._(y,[["render",f]]);exports.default=C;
-//# sourceMappingURL=select-menu.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`./select-menu-constants.cjs`),o=require(`./select-menu-validators.cjs`);let s=require(`vue`);var c={compatConfig:{MODE:3},name:`DtSelectMenu`,components:{DtValidationMessages:i.default},mixins:[n.MessagesMixin],inheritAttrs:!1,props:{label:{type:String,default:``},description:{type:String,default:``},options:{type:Array,default:()=>[],validator:e=>o.optionsValidator(e)},size:{type:String,default:`md`,validator:e=>Object.keys(a.SELECT_SIZE_MODIFIERS).includes(e)},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},selectClass:{type:[String,Array,Object],default:``},optionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},rootClass:{type:[String,Object,Array],default:``},modelValue:{type:[String,Number],default:``}},emits:[`input`,`update:modelValue`,`change`],data(){return{LABEL_SIZE_MODIFIERS:e.LABEL_SIZE_MODIFIERS,DESCRIPTION_SIZE_MODIFIERS:e.DESCRIPTION_SIZE_MODIFIERS,SELECT_SIZE_MODIFIERS:a.SELECT_SIZE_MODIFIERS,SELECT_STATE_MODIFIERS:a.SELECT_STATE_MODIFIERS,hasSlotContent:t.hasSlotContent}},computed:{selectListeners(){return{input:()=>{},change:e=>this.emitValue(e.target.value,e)}},state(){return t.getValidationState(this.formattedMessages)},selectKey(){return t.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs[`aria-details`]}},mounted(){this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,addClassStyleAttrs:t.addClassStyleAttrs,emitValue(e,t){this.$emit(`update:modelValue`,e,t),this.$emit(`input`,e,t),this.$emit(`change`,e,t)},getOptionKey(e){return`select-${this.selectKey}-option-${e}`},validateOptionsPresence(){this.options?.length<1&&!this.$slots.default&&(0,s.warn)(`Options are expected to be provided via prop or slot`,this)}}},l=[`aria-details`],u=[`id`],d=[`disabled`,`value`],f=[`value`];function p(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-validation-messages`);return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({class:n.rootClass},a.addClassStyleAttrs(e.$attrs)),[(0,s.createElementVNode)(`label`,null,[i.hasSlotContent(e.$slots.label)||n.label?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({key:0,"aria-details":a.labelAriaDetails,class:[`d-label`,i.LABEL_SIZE_MODIFIERS[n.size],n.labelClass]},n.labelChildProps,{"data-qa":`dt-select-label`}),[(0,s.renderSlot)(e.$slots,`label`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.label),1)])],16,l)):(0,s.createCommentVNode)(``,!0),i.hasSlotContent(e.$slots.description)||n.description?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({key:1,id:a.descriptionKey,class:[`d-description`,i.DESCRIPTION_SIZE_MODIFIERS[n.size],n.descriptionClass]},n.descriptionChildProps,{"data-qa":`dt-select-description`}),[(0,s.renderSlot)(e.$slots,`description`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.description),1)])],16,u)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`d-select`,i.SELECT_SIZE_MODIFIERS[n.size],n.selectClass,{"d-select--disabled":n.disabled}]),"data-qa":`dt-select-wrapper`},[(0,s.createElementVNode)(`select`,(0,s.mergeProps)({ref:`selectElement`,class:[`d-select__input`,i.SELECT_STATE_MODIFIERS[a.state]]},a.removeClassStyleAttrs(e.$attrs),{"data-qa":`dt-select`,disabled:n.disabled,value:n.modelValue},(0,s.toHandlers)(a.selectListeners,!0)),[(0,s.renderSlot)(e.$slots,`default`,{},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(n.options,e=>((0,s.openBlock)(),(0,s.createElementBlock)(`option`,(0,s.mergeProps)({key:a.getOptionKey(e.value),value:e.value,class:n.optionClass},{ref_for:!0},n.optionChildProps),(0,s.toDisplayString)(e.label),17,f))),128))])],16,d)],2)]),(0,s.createVNode)(o,(0,s.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-select-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])],16)}var m=r.t(c,[[`render`,p]]);exports.default=m;
+//# sourceMappingURL=select-menu.cjs.map

package/dist/lib/select-menu/select-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-menu.cjs","sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label>\n      <dt-text\n        v-if=\"labelVisible && (hasSlotContent($slots.label) || label)\"\n        kind=\"label\"\n        :size=\"resolvedLabelSize\"\n        :strength=\"labelStrength\"\n        tone=\"secondary\"\n        as=\"div\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"['d-select__label-text', labelClass]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </dt-text>\n      <dt-text\n        v-if=\"hasSlotContent($slots.description) || description\"\n        :id=\"descriptionKey\"\n        kind=\"body\"\n        :size=\"resolvedDescriptionSize\"\n        tone=\"tertiary\"\n        :density=\"resolvedDescriptionDensity\"\n        as=\"div\"\n        :class=\"[\n          'd-description',\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </dt-text>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[String(size)],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          :aria-label=\"!labelVisible && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          :value=\"modelValue\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of select label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Controls the size of the select\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(String(s)),\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     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\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     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\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     * The value of the select menu\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Overrides the label text size. When not provided, the label size\n     * is derived from the component size prop.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    resolvedLabelSize () {\n      if (this.labelSize != null) return this.labelSize;\n      const sizeStr = String(this.size);\n      // xl/500 exceeds label's max size — cap at lg/400\n      if (sizeStr === 'xl' || sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n      return this.size;\n    },\n\n    resolvedDescriptionSize () {\n      const map = {\n        100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n        xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n      };\n      return map[String(this.size)] || 'sm';\n    },\n\n    resolvedDescriptionDensity () {\n      const sizeStr = String(this.size);\n      return (sizeStr === 'xl' || sizeStr === '500') ? '300' : undefined;\n    },\n\n    selectListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n    this.runValidations();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    emitValue (value, event) {\n      this.$emit('update:modelValue', value, event);\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n\n    runValidations () {\n      const hasLabel = !!(this.$slots.label || this.label);\n      if (!hasLabel && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use label-visible=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","DtText","MessagesMixin","options","optionsValidator","s","SELECT_SIZE_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_STRENGTH_MODIFIERS","SELECT_STATE_MODIFIERS","hasSlotContent","sizeStr","event","getValidationState","getUniqueString","removeClassStyleAttrs","addClassStyleAttrs","value","_a","warn","_createElementBlock","_mergeProps","$props","$options","_ctx","_createElementVNode","$data","_openBlock","_createBlock","_component_dt_text","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","option","_toDisplayString","_hoisted_2","_createVNode","_component_dt_validation_messages"],"mappings":"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"}
+{"version":3,"file":"select-menu.cjs","names":[],"sources":["../../../components/select_menu/select_menu.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label>\n      <div\n        v-if=\"hasSlotContent($slots.label) || label\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"[\n          'd-label',\n          LABEL_SIZE_MODIFIERS[size],\n          labelClass,\n        ]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.description) || description\"\n        :id=\"descriptionKey\"\n        :class=\"[\n          'd-description',\n          DESCRIPTION_SIZE_MODIFIERS[size],\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          :value=\"modelValue\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport {\n  LABEL_SIZE_MODIFIERS,\n  DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\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     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\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     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\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     * The value of the select menu\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Native change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      LABEL_SIZE_MODIFIERS,\n      DESCRIPTION_SIZE_MODIFIERS,\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    selectListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  mounted () {\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    emitValue (value, event) {\n      this.$emit('update:modelValue', value, event);\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}