npm - @dialpad/dialtone-vue - Versions diffs - 3.222.0-next.2 → 3.222.1 - Mend

@dialpad/dialtone-vue 3.222.0-next.2 → 3.222.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2055) hide show

package/dist/lib/radio/radio.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-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(`../text/text-constants.cjs`),o=require(`../text/text.cjs`),s=require(`./radio-constants.cjs`);let c=require(`vue`);var l={name:`DtRadio`,components:{DtValidationMessages:i.default,DtText:o.default},mixins:[n.InputMixin,n.CheckableMixin,n.GroupableMixin,n.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:``},showLabel:{type:Boolean,default:!0},labelSize:{type:[String,Number],default:null,validator:e=>a.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(a.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:[`update:modelValue`,`focus`,`focusin`,`focusout`],data(){return{hasSlotContent:t.hasSlotContent,messagesId:t.getUniqueString()}},computed:{hasLabelContent(){return!!(this.$slots.default||this.label)},hasLabel(){return this.showLabel&&this.hasLabelContent},resolvedLabelSize(){return this.labelSize??300},inputValidationClass(){return s.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){return this.groupContext?.selectedValue},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target.value)}},hasMessages(){return this.formattedMessages.length&&this.showMessages},ariaInvalid(){return t.getValidationState(this.formattedMessages)===e.VALIDATION_MESSAGE_TYPES.CRITICAL?`true`:void 0},ariaDescribedBy(){return this.showMessages&&this.formattedMessages.length>0?this.messagesId:void 0}},watch:{radioGroupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e===this.value)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,runValidations(){!this.hasLabelContent&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label prop and use show-label="false" to hide it visually.`)},emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit(`update:modelValue`,e))}}},u={class:`d-radio__input`},d=[`checked`,`name`,`value`,`disabled`,`aria-label`,`aria-invalid`,`aria-describedby`],f={class:`d-radio__messages`,"data-qa":`radio-description-messages`};function p(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-text`),s=(0,c.resolveComponent)(`dt-validation-messages`);return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:(0,c.normalizeClass)(e.$attrs.class),style:(0,c.normalizeStyle)(e.$attrs.style)},[(0,c.createElementVNode)(`label`,{class:(0,c.normalizeClass)([`d-radio-group`,{"d-radio-group--disabled":e.internalDisabled}])},[(0,c.createElementVNode)(`div`,u,[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({checked:e.internalChecked,name:e.internalName,value:n.value,disabled:e.internalDisabled,type:`radio`,class:[`d-radio`,a.inputValidationClass,e.inputClass],"aria-label":!n.showLabel&&e.label?e.label:void 0,"aria-invalid":a.ariaInvalid,"aria-describedby":a.ariaDescribedBy},a.removeClassStyleAttrs(e.$attrs),(0,c.toHandlers)(a.inputListeners,!0)),null,16,d)]),a.hasLabel?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,as:`div`,kind:`label`,size:a.resolvedLabelSize,strength:n.labelStrength??`normal`,tone:e.internalDisabled?`disabled`:`primary`,class:[e.labelClass,`d-radio__copy d-radio__label`]},e.labelChildProps,{"data-qa":`radio-label`}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.label),1)])]),_:3},16,[`size`,`strength`,`tone`,`class`])):(0,c.createCommentVNode)(``,!0)],2),(0,c.createElementVNode)(`div`,f,[e.$slots.description||e.description?((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:`body`,size:200,tone:`tertiary`,as:`div`,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`radio-description`}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`description`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.description),1)])]),_:3},16,[`class`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(s,(0,c.mergeProps)(e.messagesChildProps,{id:i.messagesId,"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass,"data-qa":`dt-radio-validation-messages`}),null,16,[`id`,`validation-messages`,`show-messages`,`class`])])],6)}var m=r.t(l,[[`render`,p]]);exports.default=m;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../common/mixins/input.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`./radio-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRadio`,components:{DtValidationMessages:r.default},mixins:[t.InputMixin,t.CheckableMixin,t.GroupableMixin,t.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:``}},emits:[`input`,`update:modelValue`,`focus`,`focusin`,`focusout`],data(){return{hasSlotContent:e.hasSlotContent}},computed:{inputValidationClass(){return i.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){return this.groupContext?.selectedValue},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target.value)}},hasMessages(){return this.formattedMessages.length&&this.showMessages}},watch:{radioGroupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e===this.value)}}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit(`input`,e),this.$emit(`update:modelValue`,e))}}},s={class:`d-radio__input`},c=[`checked`,`name`,`value`,`disabled`],l={key:0,class:`d-radio__messages`,"data-qa":`radio-description-messages`};function u(e,t,n,r,i,o){let u=(0,a.resolveComponent)(`dt-validation-messages`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:e.rootClass},o.addClassStyleAttrs(e.$attrs)),[(0,a.createElementVNode)(`label`,{class:(0,a.normalizeClass)([`d-radio-group`,{"d-radio-group--disabled":e.internalDisabled}])},[(0,a.createElementVNode)(`div`,s,[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({checked:e.internalChecked,name:e.internalName,value:n.value,disabled:e.internalDisabled,type:`radio`,class:[`d-radio`,o.inputValidationClass,e.inputClass]},o.removeClassStyleAttrs(e.$attrs),(0,a.toHandlers)(o.inputListeners,!0)),null,16,c)]),(0,a.createElementVNode)(`div`,(0,a.mergeProps)({class:[e.labelClass,`d-radio__copy d-radio__label`]},e.labelChildProps,{"data-qa":`radio-label`}),[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)])],16)],2),e.$slots.description||e.description||o.hasMessages?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[e.$slots.description||e.description?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`radio-description`}),[(0,a.renderSlot)(e.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)])],16)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(u,(0,a.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-radio-validation-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])])):(0,a.createCommentVNode)(``,!0)],16)}var d=n.t(o,[[`render`,u]]);exports.default=d;
 //# sourceMappingURL=radio.cjs.map

package/dist/lib/radio/radio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.cjs","names":[],"sources":["../../../components/~~Radio~~/~~Radio~~.vue"],"sourcesContent":["<template>\n <div\n :class=\"~~$attrs.class~~\"\n ~~:style~~=\"$attrs~~.style~~\"\n >\n <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n <div class=\"d-radio__input\">\n <input\n :checked=\"internalChecked\"\n :name=\"internalName\"\n :value=\"value\"\n :disabled=\"internalDisabled\"\n type=\"radio\"\n :class=\"['d-radio', inputValidationClass, inputClass]\"\n ~~:aria-label=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\n~~ v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"inputListeners\"\n >\n </div>\n <~~dt-text\n v-if=\"hasLabel\"\n as=\"~~div\"\n ~~kind=\"label\"\n~~ :~~size=\"resolvedLabelSize\"\n :strength=\"labelStrength ?? 'normal'\"\n :tone=\"internalDisabled ? 'disabled' : 'primary'\"\n :~~class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n v-bind=\"labelChildProps\"\n data-qa=\"radio-label\"\n >\n <!-- @slot slot for Radio Label -->\n <slot>{{ label }}</slot>\n </~~dt-text~~>\n </label>\n <div\n class=\"d-radio__messages\"\n data-qa=\"radio-description-messages\"\n >\n <~~dt-text~~\n v-if=\"$slots.description \|\| description\"\n ~~kind=\"body\"\n~~ :~~size=\"200\"\n tone=\"tertiary\"\n as=\"div\"\n :~~class=\"['d-description', descriptionClass]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"radio-description\"\n >\n <!-- @slot slot for Radio Description -->\n <slot name=\"description\">\n {{ description }}\n </slot>\n </~~dt-text~~>\n <dt-validation-messages\n ~~v-bind=\"messagesChildProps\"\n~~ :~~id=\"messagesId\"\n :~~validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n data-qa=\"dt-radio-validation-messages\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n InputMixin,\n CheckableMixin,\n GroupableMixin,\n MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './~~RadioConstants~~';\nimport { DtValidationMessages } from '../~~ValidationMessages~~';\nimport { ~~DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport {~~ hasSlotContent, removeClassStyleAttrs, ~~getUniqueString,~~ ~~getValidationState~~ } from '@/common/utils';\~~nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\~~n\n/*\n Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n /\nexport default {\n name: 'DtRadio',\n\n components: { DtValidationMessages, ~~DtText~~ },\n\n mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n A provided value for the radio\n /\n value: {\n type: [String, Number],\n default: '',\n },\n\n ~~/\n Determines visibility of radio label.\n * @values true, false~~\n /\n showLabel: {\n ~~type: Boolean,\n default: true,\n~~ ~~},\n\n~~ /\n ~~Overrides~~ ~~the~~ ~~label text size.\~~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 Event fired to sync the modelValue prop with the parent component\n \n @event ~~update:modelValue~~\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n /\n Native input focus event\n \n @event focus\n * @type {FocusEvent}\n /\n 'focus',\n\n /\n Native input focusin event\n \n @event focusin\n * @property {FocusEvent}\n /\n 'focusin',\n\n /\n Native input focusout event\n \n @event focusout\n * @property {FocusEvent}\n /\n 'focusout',\n ],\n\n data () {\n return {\n hasSlotContent,\n ~~messagesId: getUniqueString(),\n~~ };\n },\n\n computed: {\n hasLabelContent () {\n return !!(this.$slots.default \|\| this.label);\n },\n\n hasLabel () {\n return this.showLabel && this.hasLabelContent;\n },\n\n resolvedLabelSize () {\n return this.labelSize ?? 300;\n },\n\n inputValidationClass () {\n return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n },\n\n radioGroupValue () {\n return this.groupContext?.selectedValue;\n },\n\n inputListeners () {\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\n * (once on the input element and once by the emitted input event by the change listener).\n */\n input: () => {},\n focusin: event => this.$emit('focusin', event),\n focusout: event => this.$emit('focusout', event),\n change: event => this.emitValue(event.target.value),\n };\n },\n\n hasMessages () {\n return this.formattedMessages.length && this.showMessages;\n },\n\n ariaInvalid () {\n return getValidationState(this.formattedMessages) === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\n },\n },\n\n watch: {\n radioGroupValue: {\n immediate: true,\n handler (newRadioGroupValue) {\n if (this.hasGroup) {\n // update internal value when the radio group value changes\n this.internalChecked = newRadioGroupValue === this.value;\n }\n },\n },\n },\n\n ~~mounted () {\n this.runValidations();\n },\n\n~~ methods: {\n removeClassStyleAttrs,\n\n runValidations () {\n if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n console.info(\n '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n ~~);\n }\n~~ ~~},\n\n~~ emitValue (value) {\n if (value !== this.radioGroupValue) {\n // update provided value if injected\n this.setGroupValue(value);\n this.$emit('update:modelValue', value);\n }\n },\n },\n};\n</script>\n"],"mappings":"~~ggBAqFA~~,IAAK,EAAU,CACb,KAAM,UAEN,WAAY,CAAE,qBAAA,EAAA,QAAsB,~~OAAA~~,~~EAAA,QAAQ,CAE5C,~~OAAQ,CAAC,EAAA,WAAY,EAAA,eAAgB,EAAA,eAAgB,EAAA,cAAc,CAEnE,aAAc,GAEd,MAAO,CAIL,MAAO,CACL,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,KACT,UAAY,GAAM,EAAA,oBAAoB,MAAM,SAAS,OAAO,EAAE,CAAC,CAChE,CAMD,cAAe,CACb,KAAM,OACN,QAAS,KACT,UAAY,GAAM,OAAO,KAAK,EAAA,wBAAwB,CAAC,SAAS,EAAE,CACnE,CACF,CAED,MAAO,CAOL,oBAQA,QAQA,UAQA,WACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,~~eACA~~,~~WAAY,EAAA,iBAAiB,CAC9B,~~EAGH,SAAU,CACR,~~iBAAmB,CACjB,MAAO,CAAC,EAAE,KAAK,OAAO,SAAW,KAAK,QAGxC,UAAY,CACV,OAAO,KAAK,WAAa,KAAK,iBAGhC,mBAAqB,CACnB,OAAO,KAAK,WAAa,KAG3B,~~sBAAwB,CACtB,OAAO,EAAA,+BAA+B,KAAK,0BAG7C,iBAAmB,CACjB,OAAO,KAAK,cAAc,eAG5B,gBAAkB,CAChB,MAAO,CAML,UAAa,GACb,QAAS,GAAS,KAAK,MAAM,UAAW,EAAM,CAC9C,SAAU,GAAS,KAAK,MAAM,WAAY,EAAM,CAChD,OAAQ,GAAS,KAAK,UAAU,EAAM,OAAO,MAAM,CACpD,EAGH,aAAe,CACb,OAAO,KAAK,kBAAkB,QAAU,KAAK,~~cAG/C~~,~~aAAe,CACb,OAAO,EAAA,mBAAmB,KAAK,kBAAiB,GAAM,EAAA,yBAAyB,SAAW,OAAS,IAAA,IAGrG,iBAAmB,CACjB,OAAO,KAAK,cAAgB,KAAK,kBAAkB,OAAS,EAAI,KAAK,WAAa,IAAA,IAErF,~~CAED,MAAO,CACL,gBAAiB,CACf,UAAW,GACX,QAAS,EAAoB,CACvB,KAAK,WAEP,KAAK,gBAAkB,IAAuB,KAAK,QAGxD,CACF,CAED,~~SAAW,CACT,KAAK,gBAAgB,EAGvB,~~QAAS,CACP,sBAAA,EAAA,~~sBAEA~~,~~gBAAkB~~,~~CACZ~~,~~CAAC~~,~~KAAK,iBAAmB,CAAC,KAAK,OAAO,eACxC,QAAQ,KACN,yHACD,EAIL,~~UAAW,EAAO,CACZ,IAAU,KAAK,kBAEjB,KAAK,cAAc,EAAM,CACzB,KAAK,MAAM,oBAAqB,EAAM,GAG3C,CACF,~~IA3PU~~,MAAM,iBAAgB,~~2FA+B3B~~,MAAM,oBACN,UAAQ,~~kMA0BN~~,~~MAAA,CA9DH,~~OAAA,EAAA,EAAA,~~gBAAO~~,~~EAAA~~,~~OAAO~~,~~MAAK~~,~~CACnB~~,~~OAAA~~,EAAA,EAAA,~~gBAAO~~,EAAA,~~OAAO~~,~~MAAK~~,~~4BAgCZ~~,QAAA,~~CA9BA~~,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,CAAA,0BAAiD,EAAA,iBAAgB,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,~~oBAetE~~,~~MAdN~~,~~EAcM~~,EAAA,EAAA,EAAA,oBADH,SAAA,EAAA,EAAA,YAAA,~~CAXE~~,QAAS,EAAA,gBACT,KAAM,EAAA,aACN,MAAO,EAAA,MACP,SAAU,EAAA,iBACX,KAAK,QACJ,MAAK,CAAA,UAAc,EAAA,qBAAsB,EAAA,WAAU,~~CACnD~~,~~aAAU,CAAG,~~EAAA,~~WAAa,EAAA,MAAQ,EAAA,MAAQ,IAAA,GAC1C,eAAc,EAAA,YACd,mBAAkB,EAAA,iBACX,EAAA,~~sBAAsB,EAAA,OAAM,EAAA,EAAA,EAAA,YACf,EAAf,eAAc,GAAA,CAAA,CAAA,KAAA,GAAA,EAAA,CAAA,CAAA,~~CAIhB,~~EAAA,~~WAAA,~~EAAA,EAAA,~~YAAA~~,~~EAAA~~,EAAA,EAAA,~~aAYE,GAAA,EAAA,EAAA,~~YAAA,~~OAXR~~,~~GAAG,MACH,KAAK,QACJ,KAAM,EAAA,kBACN,SAAU,EAAA,eAAa,SACvB,KAAM,EAAA,iBAAgB,WAAA,UACtB,~~MAAK,CAAG,EAAA,WAAU,+BAAA,~~EACX~~,EAAA,gBAAe,CACvB,UAAQ,cAAa,CAAA,CAAA,~~2BAGG,~~EAAA,EAAA,EAAA,~~YAAA~~,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAf,EAAA,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,~~2GA8BZ~~,~~MA3BN~~,~~EA2BM~~,~~CAtBI~~,EAAA,OAAO,aAAe,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~aAapB~~,~~GAAA~~,EAAA,EAAA,YAAA,~~OAZR~~,~~KAAK~~,~~OACJ~~,~~KAAM~~,~~IACP~~,~~KAAK~~,~~WACL~~,~~GAAG~~,~~MACF~~,MAAK,CAAA,gBAAoB,EAAA,iBAAgB,EAClC,EAAA,sBAAqB,CAC7B,UAAQ,oBAAmB,CAAA,CAAA,~~2BAKpB,~~EAAA,EAAA,EAAA,~~YAAA~~,EAAA,OAAA,cAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,YAAW,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,~~uEAUhB~~,GAAA,EAAA,EAAA,~~YAAA~~,~~EANQ~~,~~mBAAkB~~,~~CACzB~~,~~GAAI~~,EAAA,~~WACJ~~,sBAAqB,EAAA,kBACrB,gBAAe,EAAA,aACf,MAAO,EAAA,~~cACR~~,UAAQ"}
1	+ {"version":3,"file":"radio.cjs","names":[],"sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n <div\n :class=\"rootClass\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n >\n <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n <div class=\"d-radio__input\">\n <input\n :checked=\"internalChecked\"\n :name=\"internalName\"\n :value=\"value\"\n :disabled=\"internalDisabled\"\n type=\"radio\"\n :class=\"['d-radio', inputValidationClass, inputClass]\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"inputListeners\"\n >\n </div>\n <div\n :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n v-bind=\"labelChildProps\"\n data-qa=\"radio-label\"\n >\n <!-- @slot slot for Radio Label -->\n <slot>{{ label }}</slot>\n </div>\n </label>\n <div\n v-if=\"$slots.description \|\| description \|\| hasMessages\"\n class=\"d-radio__messages\"\n data-qa=\"radio-description-messages\"\n >\n <div\n v-if=\"$slots.description \|\| description\"\n :class=\"['d-description', descriptionClass]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"radio-description\"\n >\n <!-- @slot slot for Radio Description -->\n <slot name=\"description\">\n {{ description }}\n </slot>\n </div>\n <dt-validation-messages\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n v-bind=\"messagesChildProps\"\n data-qa=\"dt-radio-validation-messages\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n InputMixin,\n CheckableMixin,\n GroupableMixin,\n MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\n\n/*\n Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRadio',\n\n components: { DtValidationMessages },\n\n mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n A provided value for the radio\n /\n value: {\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 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 input focus event\n \n @event focus\n * @type {FocusEvent}\n /\n 'focus',\n\n /\n Native input focusin event\n \n @event focusin\n * @property {FocusEvent}\n /\n 'focusin',\n\n /\n Native input focusout event\n \n @event focusout\n * @property {FocusEvent}\n /\n 'focusout',\n ],\n\n data () {\n return {\n hasSlotContent,\n };\n },\n\n computed: {\n inputValidationClass () {\n return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n },\n\n radioGroupValue () {\n return this.groupContext?.selectedValue;\n },\n\n inputListeners () {\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\n * (once on the input element and once by the emitted input event by the change listener).\n */\n input: () => {},\n focusin: event => this.$emit('focusin', event),\n focusout: event => this.$emit('focusout', event),\n change: event => this.emitValue(event.target.value),\n };\n },\n\n hasMessages () {\n return this.formattedMessages.length && this.showMessages;\n },\n },\n\n watch: {\n radioGroupValue: {\n immediate: true,\n handler (newRadioGroupValue) {\n if (this.hasGroup) {\n // update internal value when the radio group value changes\n this.internalChecked = newRadioGroupValue === this.value;\n }\n },\n },\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n emitValue (value) {\n if (value !== this.radioGroupValue) {\n // update provided value if injected\n this.setGroupValue(value);\n this.$emit('input', value);\n this.$emit('update:modelValue', value);\n }\n },\n },\n};\n</script>\n"],"mappings":"4YAsEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,UAEN,WAAY,CAAE,qBAAA,EAAA,QAAsB,CAEpC,OAAQ,CAAC,EAAA,WAAY,EAAA,eAAgB,EAAA,eAAgB,EAAA,cAAc,CAEnE,aAAc,GAEd,MAAO,CAIL,MAAO,CACL,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,GACV,CACF,CAED,MAAO,CAOL,QAOA,oBAQA,QAQA,UAQA,WACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAGH,SAAU,CACR,sBAAwB,CACtB,OAAO,EAAA,+BAA+B,KAAK,0BAG7C,iBAAmB,CACjB,OAAO,KAAK,cAAc,eAG5B,gBAAkB,CAChB,MAAO,CAML,UAAa,GACb,QAAS,GAAS,KAAK,MAAM,UAAW,EAAM,CAC9C,SAAU,GAAS,KAAK,MAAM,WAAY,EAAM,CAChD,OAAQ,GAAS,KAAK,UAAU,EAAM,OAAO,MAAM,CACpD,EAGH,aAAe,CACb,OAAO,KAAK,kBAAkB,QAAU,KAAK,cAEhD,CAED,MAAO,CACL,gBAAiB,CACf,UAAW,GACX,QAAS,EAAoB,CACvB,KAAK,WAEP,KAAK,gBAAkB,IAAuB,KAAK,QAGxD,CACF,CAED,QAAS,CACP,sBAAA,EAAA,sBACA,mBAAA,EAAA,mBACA,UAAW,EAAO,CACZ,IAAU,KAAK,kBAEjB,KAAK,cAAc,EAAM,CACzB,KAAK,MAAM,QAAS,EAAM,CAC1B,KAAK,MAAM,oBAAqB,EAAM,GAG3C,CACF,IAvLU,MAAM,iBAAgB,kDAuB3B,MAAM,oBACN,UAAQ,8JAqBN,OAAA,EAAA,EAAA,YAAA,CAjDH,MAAO,EAAA,UAAS,CACT,EAAA,mBAAmB,EAAA,OAAM,CAAA,CAAA,EAAA,EAAA,EAAA,oBAuBzB,QAAA,CArBA,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,CAAA,0BAAiD,EAAA,iBAAgB,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,oBAYtE,MAXN,EAWM,EAAA,EAAA,EAAA,oBADH,SAAA,EAAA,EAAA,YAAA,CARE,QAAS,EAAA,gBACT,KAAM,EAAA,aACN,MAAO,EAAA,MACP,SAAU,EAAA,iBACX,KAAK,QACJ,MAAK,CAAA,UAAc,EAAA,qBAAsB,EAAA,WAAU,EAC5C,EAAA,sBAAsB,EAAA,OAAM,EAAA,EAAA,EAAA,YACf,EAAf,eAAc,GAAA,CAAA,CAAA,KAAA,GAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,oBAUlB,OAAA,EAAA,EAAA,YAAA,CANH,MAAK,CAAG,EAAA,WAAU,+BAAA,CAAA,CACX,EAAA,gBAAe,CACvB,UAAQ,cAAa,CAAA,CAAA,EAAA,EAAA,EAAA,YAGG,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAf,EAAA,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAA,CAIV,EAAA,OAAO,aAAe,EAAA,aAAe,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAsBvC,MAvBN,EAuBM,CAjBI,EAAA,OAAO,aAAe,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBASxB,OAAA,EAAA,EAAA,YAAA,OARH,MAAK,CAAA,gBAAoB,EAAA,iBAAgB,EAClC,EAAA,sBAAqB,CAC7B,UAAQ,oBAAmB,CAAA,CAAA,EAAA,EAAA,EAAA,YAKpB,EAAA,OAAA,cAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,YAAW,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAAA,EAAA,EAAA,aAShB,GAAA,EAAA,EAAA,YAAA,CALC,sBAAqB,EAAA,kBACrB,gBAAe,EAAA,aACf,MAAO,EAAA,eACA,EAAA,mBAAkB,CAC1B,UAAQ,+BAA8B,CAAA,CAAA,KAAA,GAAA,CAAA,sBAAA,gBAAA,QAAA,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA"}

package/dist/lib/radio/radio.js CHANGED Viewed

@@ -1,70 +1,38 @@
-import { VALIDATION_MESSAGE_TYPES as e } from "../../common/constants/index.js";
-import { getUniqueString as t, getValidationState as n, hasSlotContent as r, removeClassStyleAttrs as i } from "../../common/utils/index.js";
-import { CheckableMixin as a, GroupableMixin as o, InputMixin as s, MessagesMixin as c } from "../../common/mixins/input.js";
-import { t as l } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import u from "../validation-messages/validation-messages.js";
-import { TEXT_SIZE_MODIFIERS as d, TEXT_STRENGTH_MODIFIERS as f } from "../text/text-constants.js";
-import p from "../text/text.js";
-import { RADIO_INPUT_VALIDATION_CLASSES as m } from "./radio-constants.js";
-import { createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, mergeProps as x, normalizeClass as S, normalizeStyle as C, openBlock as w, renderSlot as T, resolveComponent as E, toDisplayString as D, toHandlers as O, withCtx as k } from "vue";
-//#region components/Radio/Radio.vue
-var A = {
+import { addClassStyleAttrs as e, hasSlotContent as t, removeClassStyleAttrs as n } from "../../common/utils/index.js";
+import { CheckableMixin as r, GroupableMixin as i, InputMixin as a, MessagesMixin as o } from "../../common/mixins/input.js";
+import { t as s } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import c from "../validation-messages/validation-messages.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as l } from "./radio-constants.js";
+import { createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, mergeProps as h, normalizeClass as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toHandlers as x } from "vue";
+//#region components/radio/radio.vue
+var S = {
+	compatConfig: { MODE: 3 },
 	name: "DtRadio",
-	components: {
-		DtValidationMessages: u,
-		DtText: p
-	},
+	components: { DtValidationMessages: c },
 	mixins: [
-		s,
 		a,
-		o,
-		c
+		r,
+		i,
+		o
 	],
 	inheritAttrs: !1,
-	props: {
-		value: {
-			type: [String, Number],
-			default: ""
-		},
-		showLabel: {
-			type: Boolean,
-			default: !0
-		},
-		labelSize: {
-			type: [String, Number],
-			default: null,
-			validator: (e) => d.label.includes(String(e))
-		},
-		labelStrength: {
-			type: String,
-			default: null,
-			validator: (e) => Object.keys(f).includes(e)
-		}
-	},
+	props: { value: {
+		type: [String, Number],
+		default: ""
+	} },
 	emits: [
+		"input",
 		"update:modelValue",
 		"focus",
 		"focusin",
 		"focusout"
 	],
 	data() {
-		return {
-			hasSlotContent: r,
-			messagesId: t()
-		};
+		return { hasSlotContent: t };
 	},
 	computed: {
-		hasLabelContent() {
-			return !!(this.$slots.default || this.label);
-		},
-		hasLabel() {
-			return this.showLabel && this.hasLabelContent;
-		},
-		resolvedLabelSize() {
-			return this.labelSize ?? 300;
-		},
 		inputValidationClass() {
-			return m[this.internalValidationState];
+			return l[this.internalValidationState];
 		},
 		radioGroupValue() {
 			return this.groupContext?.selectedValue;
@@ -79,12 +47,6 @@ var A = {
 		},
 		hasMessages() {
 			return this.formattedMessages.length && this.showMessages;
-		},
-		ariaInvalid() {
-			return n(this.formattedMessages) === e.CRITICAL ? "true" : void 0;
-		},
-		ariaDescribedBy() {
-			return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : void 0;
 		}
 	},
 	watch: { radioGroupValue: {
@@ -93,36 +55,26 @@ var A = {
 			this.hasGroup && (this.internalChecked = e === this.value);
 		}
 	} },
-	mounted() {
-		this.runValidations();
-	},
 	methods: {
-		removeClassStyleAttrs: i,
-		runValidations() {
-			!this.hasLabelContent && !this.$attrs["aria-label"] && console.info("[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.");
-		},
+		removeClassStyleAttrs: n,
+		addClassStyleAttrs: e,
 		emitValue(e) {
-			e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("update:modelValue", e));
+			e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("input", e), this.$emit("update:modelValue", e));
 		}
 	}
-}, j = { class: "d-radio__input" }, M = [
+}, C = { class: "d-radio__input" }, w = [
 	"checked",
 	"name",
 	"value",
-	"disabled",
-	"aria-label",
-	"aria-invalid",
-	"aria-describedby"
-], N = {
+	"disabled"
+], T = {
+	key: 0,
 	class: "d-radio__messages",
 	"data-qa": "radio-description-messages"
 };
-function P(e, t, n, r, i, a) {
-	let o = E("dt-text"), s = E("dt-validation-messages");
-	return w(), _("div", {
-		class: S(e.$attrs.class),
-		style: C(e.$attrs.style)
-	}, [v("label", { class: S(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }]) }, [v("div", j, [v("input", x({
+function E(e, t, n, r, i, a) {
+	let o = y("dt-validation-messages");
+	return _(), d("div", h({ class: e.rootClass }, a.addClassStyleAttrs(e.$attrs)), [f("label", { class: g(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }]) }, [f("div", C, [f("input", h({
 		checked: e.internalChecked,
 		name: e.internalName,
 		value: n.value,
@@ -132,51 +84,22 @@ function P(e, t, n, r, i, a) {
 			"d-radio",
 			a.inputValidationClass,
 			e.inputClass
-		],
-		"aria-label": !n.showLabel && e.label ? e.label : void 0,
-		"aria-invalid": a.ariaInvalid,
-		"aria-describedby": a.ariaDescribedBy
-	}, a.removeClassStyleAttrs(e.$attrs), O(a.inputListeners, !0)), null, 16, M)]), a.hasLabel ? (w(), h(o, x({
-		key: 0,
-		as: "div",
-		kind: "label",
-		size: a.resolvedLabelSize,
-		strength: n.labelStrength ?? "normal",
-		tone: e.internalDisabled ? "disabled" : "primary",
-		class: [e.labelClass, "d-radio__copy d-radio__label"]
-	}, e.labelChildProps, { "data-qa": "radio-label" }), {
-		default: k(() => [T(e.$slots, "default", {}, () => [y(D(e.label), 1)])]),
-		_: 3
-	}, 16, [
-		"size",
-		"strength",
-		"tone",
-		"class"
-	])) : g("", !0)], 2), v("div", N, [e.$slots.description || e.description ? (w(), h(o, x({
+		]
+	}, a.removeClassStyleAttrs(e.$attrs), x(a.inputListeners, !0)), null, 16, w)]), f("div", h({ class: [e.labelClass, "d-radio__copy d-radio__label"] }, e.labelChildProps, { "data-qa": "radio-label" }), [v(e.$slots, "default", {}, () => [p(b(e.label), 1)])], 16)], 2), e.$slots.description || e.description || a.hasMessages ? (_(), d("div", T, [e.$slots.description || e.description ? (_(), d("div", h({
 		key: 0,
-		kind: "body",
-		size: 200,
-		tone: "tertiary",
-		as: "div",
 		class: ["d-description", e.descriptionClass]
-	}, e.descriptionChildProps, { "data-qa": "radio-description" }), {
-		default: k(() => [T(e.$slots, "description", {}, () => [y(D(e.description), 1)])]),
-		_: 3
-	}, 16, ["class"])) : g("", !0), b(s, x(e.messagesChildProps, {
-		id: i.messagesId,
+	}, e.descriptionChildProps, { "data-qa": "radio-description" }), [v(e.$slots, "description", {}, () => [p(b(e.description), 1)])], 16)) : u("", !0), m(o, h({
 		"validation-messages": e.formattedMessages,
 		"show-messages": e.showMessages,
-		class: e.messagesClass,
-		"data-qa": "dt-radio-validation-messages"
-	}), null, 16, [
-		"id",
+		class: e.messagesClass
+	}, e.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, [
 		"validation-messages",
 		"show-messages",
 		"class"
-	])])], 6);
+	])])) : u("", !0)], 16);
 }
-var F = /* @__PURE__ */ l(A, [["render", P]]);
+var D = /* @__PURE__ */ s(S, [["render", E]]);
 //#endregion
-export { F as default };
+export { D as default };
 //# sourceMappingURL=radio.js.map

package/dist/lib/radio/radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.js","names":[],"sources":["../../../components/~~Radio~~/~~Radio~~.vue"],"sourcesContent":["<template>\n <div\n :class=\"~~$attrs.class~~\"\n ~~:style~~=\"$attrs~~.style~~\"\n >\n <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n <div class=\"d-radio__input\">\n <input\n :checked=\"internalChecked\"\n :name=\"internalName\"\n :value=\"value\"\n :disabled=\"internalDisabled\"\n type=\"radio\"\n :class=\"['d-radio', inputValidationClass, inputClass]\"\n ~~:aria-label=\"!showLabel && label ? label : undefined\"\n :aria-invalid=\"ariaInvalid\"\n :aria-describedby=\"ariaDescribedBy\"\n~~ v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"inputListeners\"\n >\n </div>\n <~~dt-text\n v-if=\"hasLabel\"\n as=\"~~div\"\n ~~kind=\"label\"\n~~ :~~size=\"resolvedLabelSize\"\n :strength=\"labelStrength ?? 'normal'\"\n :tone=\"internalDisabled ? 'disabled' : 'primary'\"\n :~~class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n v-bind=\"labelChildProps\"\n data-qa=\"radio-label\"\n >\n <!-- @slot slot for Radio Label -->\n <slot>{{ label }}</slot>\n </~~dt-text~~>\n </label>\n <div\n class=\"d-radio__messages\"\n data-qa=\"radio-description-messages\"\n >\n <~~dt-text~~\n v-if=\"$slots.description \|\| description\"\n ~~kind=\"body\"\n~~ :~~size=\"200\"\n tone=\"tertiary\"\n as=\"div\"\n :~~class=\"['d-description', descriptionClass]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"radio-description\"\n >\n <!-- @slot slot for Radio Description -->\n <slot name=\"description\">\n {{ description }}\n </slot>\n </~~dt-text~~>\n <dt-validation-messages\n ~~v-bind=\"messagesChildProps\"\n~~ :~~id=\"messagesId\"\n :~~validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n data-qa=\"dt-radio-validation-messages\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n InputMixin,\n CheckableMixin,\n GroupableMixin,\n MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './~~RadioConstants~~';\nimport { DtValidationMessages } from '../~~ValidationMessages~~';\nimport { ~~DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport {~~ hasSlotContent, removeClassStyleAttrs, ~~getUniqueString,~~ ~~getValidationState~~ } from '@/common/utils';\~~nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\~~n\n/*\n Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n /\nexport default {\n name: 'DtRadio',\n\n components: { DtValidationMessages, ~~DtText~~ },\n\n mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n A provided value for the radio\n /\n value: {\n type: [String, Number],\n default: '',\n },\n\n ~~/\n Determines visibility of radio label.\n * @values true, false~~\n /\n showLabel: {\n ~~type: Boolean,\n default: true,\n~~ ~~},\n\n~~ /\n ~~Overrides~~ ~~the~~ ~~label text size.\~~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 Event fired to sync the modelValue prop with the parent component\n \n @event ~~update:modelValue~~\n * @type {String \| Number}\n /\n 'update:modelValue',\n\n /\n Native input focus event\n \n @event focus\n * @type {FocusEvent}\n /\n 'focus',\n\n /\n Native input focusin event\n \n @event focusin\n * @property {FocusEvent}\n /\n 'focusin',\n\n /\n Native input focusout event\n \n @event focusout\n * @property {FocusEvent}\n /\n 'focusout',\n ],\n\n data () {\n return {\n hasSlotContent,\n ~~messagesId: getUniqueString(),\n~~ };\n },\n\n computed: {\n hasLabelContent () {\n return !!(this.$slots.default \|\| this.label);\n },\n\n hasLabel () {\n return this.showLabel && this.hasLabelContent;\n },\n\n resolvedLabelSize () {\n return this.labelSize ?? 300;\n },\n\n inputValidationClass () {\n return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n },\n\n radioGroupValue () {\n return this.groupContext?.selectedValue;\n },\n\n inputListeners () {\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\n * (once on the input element and once by the emitted input event by the change listener).\n */\n input: () => {},\n focusin: event => this.$emit('focusin', event),\n focusout: event => this.$emit('focusout', event),\n change: event => this.emitValue(event.target.value),\n };\n },\n\n hasMessages () {\n return this.formattedMessages.length && this.showMessages;\n },\n\n ariaInvalid () {\n return getValidationState(this.formattedMessages) === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n },\n\n ariaDescribedBy () {\n return this.showMessages && this.formattedMessages.length > 0 ? this.messagesId : undefined;\n },\n },\n\n watch: {\n radioGroupValue: {\n immediate: true,\n handler (newRadioGroupValue) {\n if (this.hasGroup) {\n // update internal value when the radio group value changes\n this.internalChecked = newRadioGroupValue === this.value;\n }\n },\n },\n },\n\n ~~mounted () {\n this.runValidations();\n },\n\n~~ methods: {\n removeClassStyleAttrs,\n\n runValidations () {\n if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n console.info(\n '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n ~~);\n }\n~~ ~~},\n\n~~ emitValue (value) {\n if (value !== this.radioGroupValue) {\n // update provided value if injected\n this.setGroupValue(value);\n this.$emit('update:modelValue', value);\n }\n },\n },\n};\n</script>\n"],"mappings":"~~;;;;;;;;;;AAqFA~~,IAAK,IAAU;CACb,MAAM;CAEN,YAAY;EAAE,sBAAA~~;EAAsB~~,~~QAAA~~;~~EAAQ;CAE5C~~,QAAQ;EAAC;EAAY;EAAgB;EAAgB;EAAc;CAEnE,cAAc;CAEd,OAAO;EAIL,OAAO;~~GACL~~,MAAM,CAAC,QAAQ,OAAO;~~GACtB~~,SAAS;~~GACV;EAMD~~,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT,YAAY,MAAM,EAAoB,MAAM,SAAS,OAAO,EAAE,CAAC;GAChE;EAMD,eAAe;GACb,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAwB,CAAC,SAAS,EAAE;GACnE;EACF;CAED,OAAO;EAOL;EAQA;EAQA;EAQA;EACD;CAED,OAAQ;AACN,SAAO~~;GACL;GACA~~,~~YAAY~~,~~GAAiB;GAC9B~~;;CAGH,UAAU;EACR,~~kBAAmB;AACjB,UAAO,CAAC,EAAE,KAAK,OAAO,WAAW,KAAK;;EAGxC,WAAY;AACV,UAAO,KAAK,aAAa,KAAK;;EAGhC,oBAAqB;AACnB,UAAO,KAAK,aAAa;;EAG3B,~~uBAAwB;AACtB,UAAO,EAA+B,KAAK;;EAG7C,kBAAmB;AACjB,UAAO,KAAK,cAAc;;EAG5B,iBAAkB;AAChB,UAAO;IAML,aAAa;IACb,UAAS,MAAS,KAAK,MAAM,WAAW,EAAM;IAC9C,WAAU,MAAS,KAAK,MAAM,YAAY,EAAM;IAChD,SAAQ,MAAS,KAAK,UAAU,EAAM,OAAO,MAAM;IACpD;;EAGH,cAAe;AACb,UAAO,KAAK,kBAAkB,UAAU,KAAK;;~~EAG/C,cAAe~~;~~AACb,UAAO,EAAmB,KAAK,kBAAiB,KAAM,EAAyB,WAAW,SAAS,KAAA;;EAGrG,kBAAmB;AACjB,UAAO,KAAK,gBAAgB,KAAK,kBAAkB,SAAS,IAAI,KAAK,aAAa,KAAA;;EAErF;~~CAED,OAAO,EACL,iBAAiB;EACf,WAAW;EACX,QAAS,GAAoB;AAC3B,GAAI,KAAK,aAEP,KAAK,kBAAkB,MAAuB,KAAK;;EAGxD,EACF;CAED,~~UAAW;AACT,OAAK,gBAAgB;;CAGvB,~~SAAS;EACP;~~EAEA,iBAAkB~~;~~AAChB~~,~~GAAI,CAAC,KAAK,mBAAmB,CAAC,KAAK,OAAO,iBACxC,QAAQ,KACN,2HACD;;EAIL,~~UAAW,GAAO;AAChB,GAAI,MAAU,KAAK,oBAEjB,KAAK,cAAc,EAAM,EACzB,KAAK,MAAM,qBAAqB,EAAM;;EAG3C;CACF,~~QA3PU~~,OAAM,kBAAgB~~;;;;;;;;;CA+B3B~~,OAAM;CACN,WAAQ;;;;~~aArCZ~~,~~EA+DM~~,~~OAAA;EA9DH~~,~~OAAK~~,~~EAAE~~,EAAA,~~OAAO~~,~~MAAK;EACnB~~,~~OAAK~~,~~EAAE~~,EAAA,~~OAAO~~,~~MAAK;KAEpB~~,~~EA8BQ~~,SAAA,~~EA9BA~~,OAAK,EAAA,CAAA,iBAAA,EAAA,2BAAiD,EAAA,kBAAgB,CAAA,CAAA,EAAA,EAAA,CAC5E,~~EAcM~~,~~OAdN~~,~~GAcM~~,~~CAbJ~~,~~EAYC~~,~~SAZD~~,~~EAYC~~;~~EAXE~~,SAAS,EAAA;EACT,MAAM,EAAA;EACN,OAAO,EAAA;EACP,UAAU,EAAA;EACX,MAAK;EACJ,OAAK;GAAA;GAAc,EAAA;GAAsB,EAAA;GAAU;~~EACnD~~,~~cAAU,CAAG,~~EAAA,~~aAAa,EAAA,QAAQ,EAAA,QAAQ,KAAA;EAC1C,gBAAc,EAAA;EACd,oBAAkB,EAAA;IACX,EAAA,~~sBAAsB,EAAA,OAAM,EACpC,EAAqB,EAAf,gBAAc,GAAA,CAAA,EAAA,MAAA,IAAA,EAAA,CAAA,CAAA,~~EAIhB~~,~~EAAA~~,~~YAAA~~,~~GAAA~~,~~EADR~~,~~EAaU,GAbV,EAaU;;EAXR,IAAG;EACH,MAAK;EACJ,MAAM,EAAA;EACN,UAAU,EAAA,iBAAa;EACvB,MAAM,EAAA,mBAAgB,aAAA;EACtB,~~OAAK,CAAG,EAAA,YAAU,+BAAA~~;IACX~~,EAAA,iBAAe,EACvB,WAAQ,eAAa,CAAA,EAAA~~;mBAGG~~,~~CAAxB~~,EAAwB,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA~~;;;;;;;uBAGlB~~,~~EA2BM~~,~~OA3BN~~,~~GA2BM~~,~~CAtBI,~~EAAA,OAAO,eAAe,EAAA,eAAA,GAAA,~~EAD9B~~,~~EAcU~~,~~GAdV~~,~~EAcU;;EAZR~~,~~MAAK;EACJ~~,~~MAAM;EACP~~,~~MAAK;EACL~~,~~IAAG;EACF~~,OAAK,CAAA,iBAAoB,EAAA,iBAAgB;IAClC,EAAA,uBAAqB,EAC7B,WAAQ,qBAAmB,CAAA,EAAA~~;mBAKpB~~,~~CAFP~~,EAEO,EAAA,QAAA,eAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,~~CAAA;;iCAGlB~~,~~EAOE~~,~~GAPF~~,~~EAOE~~,~~EANQ~~,~~oBAAkB;EACzB~~,~~IAAI~~,~~EAAA~~;~~EACJ~~,uBAAqB,EAAA;EACrB,iBAAe,EAAA;EACf,OAAO,EAAA;~~EACR~~,WAAQ"}
1	+ {"version":3,"file":"radio.js","names":[],"sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n <div\n :class=\"rootClass\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n >\n <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n <div class=\"d-radio__input\">\n <input\n :checked=\"internalChecked\"\n :name=\"internalName\"\n :value=\"value\"\n :disabled=\"internalDisabled\"\n type=\"radio\"\n :class=\"['d-radio', inputValidationClass, inputClass]\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"inputListeners\"\n >\n </div>\n <div\n :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n v-bind=\"labelChildProps\"\n data-qa=\"radio-label\"\n >\n <!-- @slot slot for Radio Label -->\n <slot>{{ label }}</slot>\n </div>\n </label>\n <div\n v-if=\"$slots.description \|\| description \|\| hasMessages\"\n class=\"d-radio__messages\"\n data-qa=\"radio-description-messages\"\n >\n <div\n v-if=\"$slots.description \|\| description\"\n :class=\"['d-description', descriptionClass]\"\n v-bind=\"descriptionChildProps\"\n data-qa=\"radio-description\"\n >\n <!-- @slot slot for Radio Description -->\n <slot name=\"description\">\n {{ description }}\n </slot>\n </div>\n <dt-validation-messages\n :validation-messages=\"formattedMessages\"\n :show-messages=\"showMessages\"\n :class=\"messagesClass\"\n v-bind=\"messagesChildProps\"\n data-qa=\"dt-radio-validation-messages\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n InputMixin,\n CheckableMixin,\n GroupableMixin,\n MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\n\n/*\n Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRadio',\n\n components: { DtValidationMessages },\n\n mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n inheritAttrs: false,\n\n props: {\n /\n A provided value for the radio\n /\n value: {\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 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 input focus event\n \n @event focus\n * @type {FocusEvent}\n /\n 'focus',\n\n /\n Native input focusin event\n \n @event focusin\n * @property {FocusEvent}\n /\n 'focusin',\n\n /\n Native input focusout event\n \n @event focusout\n * @property {FocusEvent}\n /\n 'focusout',\n ],\n\n data () {\n return {\n hasSlotContent,\n };\n },\n\n computed: {\n inputValidationClass () {\n return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n },\n\n radioGroupValue () {\n return this.groupContext?.selectedValue;\n },\n\n inputListeners () {\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\n * (once on the input element and once by the emitted input event by the change listener).\n */\n input: () => {},\n focusin: event => this.$emit('focusin', event),\n focusout: event => this.$emit('focusout', event),\n change: event => this.emitValue(event.target.value),\n };\n },\n\n hasMessages () {\n return this.formattedMessages.length && this.showMessages;\n },\n },\n\n watch: {\n radioGroupValue: {\n immediate: true,\n handler (newRadioGroupValue) {\n if (this.hasGroup) {\n // update internal value when the radio group value changes\n this.internalChecked = newRadioGroupValue === this.value;\n }\n },\n },\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n emitValue (value) {\n if (value !== this.radioGroupValue) {\n // update provided value if injected\n this.setGroupValue(value);\n this.$emit('input', value);\n this.$emit('update:modelValue', value);\n }\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;AAsEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EAAE,sBAAA,GAAsB;CAEpC,QAAQ;EAAC;EAAY;EAAgB;EAAgB;EAAc;CAEnE,cAAc;CAEd,OAAO,EAIL,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV,EACF;CAED,OAAO;EAOL;EAOA;EAQA;EAQA;EAQA;EACD;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAGH,UAAU;EACR,uBAAwB;AACtB,UAAO,EAA+B,KAAK;;EAG7C,kBAAmB;AACjB,UAAO,KAAK,cAAc;;EAG5B,iBAAkB;AAChB,UAAO;IAML,aAAa;IACb,UAAS,MAAS,KAAK,MAAM,WAAW,EAAM;IAC9C,WAAU,MAAS,KAAK,MAAM,YAAY,EAAM;IAChD,SAAQ,MAAS,KAAK,UAAU,EAAM,OAAO,MAAM;IACpD;;EAGH,cAAe;AACb,UAAO,KAAK,kBAAkB,UAAU,KAAK;;EAEhD;CAED,OAAO,EACL,iBAAiB;EACf,WAAW;EACX,QAAS,GAAoB;AAC3B,GAAI,KAAK,aAEP,KAAK,kBAAkB,MAAuB,KAAK;;EAGxD,EACF;CAED,SAAS;EACP;EACA;EACA,UAAW,GAAO;AAChB,GAAI,MAAU,KAAK,oBAEjB,KAAK,cAAc,EAAM,EACzB,KAAK,MAAM,SAAS,EAAM,EAC1B,KAAK,MAAM,qBAAqB,EAAM;;EAG3C;CACF,QAvLU,OAAM,kBAAgB;;;;;;;CAuB3B,OAAM;CACN,WAAQ;;;;aA7BZ,EAkDM,OAlDN,EAkDM,EAjDH,OAAO,EAAA,WAAS,EACT,EAAA,mBAAmB,EAAA,OAAM,CAAA,EAAA,CAEjC,EAqBQ,SAAA,EArBA,OAAK,EAAA,CAAA,iBAAA,EAAA,2BAAiD,EAAA,kBAAgB,CAAA,CAAA,EAAA,EAAA,CAC5E,EAWM,OAXN,GAWM,CAVJ,EASC,SATD,EASC;EARE,SAAS,EAAA;EACT,MAAM,EAAA;EACN,OAAO,EAAA;EACP,UAAU,EAAA;EACX,MAAK;EACJ,OAAK;GAAA;GAAc,EAAA;GAAsB,EAAA;GAAU;IAC5C,EAAA,sBAAsB,EAAA,OAAM,EACpC,EAAqB,EAAf,gBAAc,GAAA,CAAA,EAAA,MAAA,IAAA,EAAA,CAAA,CAAA,EAGxB,EAOM,OAPN,EAOM,EANH,OAAK,CAAG,EAAA,YAAU,+BAAA,EAAA,EACX,EAAA,iBAAe,EACvB,WAAQ,eAAa,CAAA,EAAA,CAGrB,EAAwB,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAIV,EAAA,OAAO,eAAe,EAAA,eAAe,EAAA,eAAA,GAAA,EAD7C,EAuBM,OAvBN,GAuBM,CAjBI,EAAA,OAAO,eAAe,EAAA,eAAA,GAAA,EAD9B,EAUM,OAVN,EAUM;;EARH,OAAK,CAAA,iBAAoB,EAAA,iBAAgB;IAClC,EAAA,uBAAqB,EAC7B,WAAQ,qBAAmB,CAAA,EAAA,CAG3B,EAEO,EAAA,QAAA,eAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,EAGlB,EAME,GANF,EAME;EALC,uBAAqB,EAAA;EACrB,iBAAe,EAAA;EACf,OAAO,EAAA;IACA,EAAA,oBAAkB,EAC1B,WAAQ,gCAA8B,CAAA,EAAA,MAAA,IAAA;EAAA;EAAA;EAAA;EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,GAAA"}

package/dist/lib/radio-group/radio-group.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={name:`DtRadioGroup`,extends:require(`../input-group/input-group.cjs`).default,props:{modelValue:{type:[String,Number],default:``},dataQaGroup:{type:String,default:`radio-group`},dataQaGroupLegend:{type:String,default:`radio-group-legend`},dataQaGroupMessages:{type:String,default:`radio-group-messages`}},emits:[`update:modelValue`],data(){return{internalValue:this.modelValue}},watch:{modelValue(e){this.internalValue=e},internalValue:{immediate:!0,handler(e){this.provideObj.selectedValue=e}}},methods:{setGroupValue(e){this.$emit(`update:modelValue`,e)},getMessageKey(e,t){return`radio-group-message-${e}-${t}-${this.id}`}}};exports.default=e;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={compatConfig:{MODE:3},name:`DtRadioGroup`,extends:require(`../input-group/input-group.cjs`).default,props:{modelValue:{type:[String,Number],default:``},dataQaGroup:{type:String,default:`radio-group`},dataQaGroupLegend:{type:String,default:`radio-group-legend`},dataQaGroupMessages:{type:String,default:`radio-group-messages`}},emits:[`input`,`update:modelValue`],data(){return{internalValue:this.modelValue}},watch:{modelValue(e){this.internalValue=e},internalValue:{immediate:!0,handler(e){this.provideObj.selectedValue=e}}},methods:{setGroupValue(e){this.$emit(`input`,e),this.$emit(`update:modelValue`,e)},getMessageKey(e,t){return`radio-group-message-${e}-${t}-${this.id}`}}};exports.default=e;
 //# sourceMappingURL=radio-group.cjs.map

package/dist/lib/radio-group/radio-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-group.cjs","names":[],"sources":["../../../components/~~RadioGroup~~/~~RadioGroup~~.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../~~InputGroup~~';\n\n/*\n Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n /\nexport default {\n name: 'DtRadioGroup',\n\n extends: DtInputGroup,\n\n props: {\n /\n A provided value for the radio group\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n\n /\n A data qa tag for the radio group\n /\n dataQaGroup: {\n type: String,\n default: 'radio-group',\n },\n\n /\n A data qa tag for the radio group legend\n /\n dataQaGroupLegend: {\n type: String,\n default: 'radio-group-legend',\n },\n\n /\n A data qa tag for the radio group messages\n /\n dataQaGroupMessages: {\n type: String,\n default: 'radio-group-messages',\n },\n },\n\n emits: [\n /\n ~~Event~~ ~~fired~~ to ~~sync~~ ~~the~~ ~~modelValue~~ ~~prop~~ ~~with~~ ~~the~~ ~~parent~~ ~~component~~\n \n @event ~~update:modelValue~~\n * @type {String \| Number}\n /\n 'update:modelValue',\n ],\n\n data () {\n return {\n internalValue: this.modelValue,\n };\n },\n\n watch: {\n modelValue (newValue) {\n this.internalValue = newValue;\n },\n\n /\n * watching value to support 2 way binding for slotted radios.\n * need this to pass value to slotted checkboxes if modified outside\n * radio group.\n /\n internalValue: {\n immediate: true,\n handler (newInternalValue) {\n this.provideObj.selectedValue = newInternalValue;\n },\n },\n },\n\n methods: {\n /\n * provided value to support 2 way binding for slotted radios.\n * slotted radios will change this value and need to emit new value up.\n */\n setGroupValue (newValue) {\n this.$emit('update:modelValue', newValue);\n },\n\n getMessageKey (type, index) {\n return `radio-group-message-${type}-${index}-${this.id}`;\n },\n },\n};\n</script>\n"],"mappings":"+FAOA,IAAK,EAAU,CACb,KAAM,eAEN,kDAAS,QAET,MAAO,~~CAIL~~,WAAY,CACV,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,cACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,qBACV,CAKD,oBAAqB,CACnB,KAAM,OACN,QAAS,uBACV,CACF,CAED,MAAO,CAOL,oBACD,CAED,MAAQ,CACN,MAAO,CACL,cAAe,KAAK,WACrB,EAGH,MAAO,CACL,WAAY,EAAU,CACpB,KAAK,cAAgB,GAQvB,cAAe,CACb,UAAW,GACX,QAAS,EAAkB,CACzB,KAAK,WAAW,cAAgB,GAEnC,CACF,CAED,QAAS,CAKP,cAAe,EAAU,CACvB,KAAK,MAAM,oBAAqB,EAAS,EAG3C,cAAe,EAAM,EAAO,CAC1B,MAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK,MAEvD,CACF"}
1	+ {"version":3,"file":"radio-group.cjs","names":[],"sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/*\n Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRadioGroup',\n\n extends: DtInputGroup,\n\n props: {\n /\n A provided value for the radio group\n * @model value\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n\n /\n A data qa tag for the radio group\n /\n dataQaGroup: {\n type: String,\n default: 'radio-group',\n },\n\n /\n A data qa tag for the radio group legend\n /\n dataQaGroupLegend: {\n type: String,\n default: 'radio-group-legend',\n },\n\n /\n A data qa tag for the radio group messages\n /\n dataQaGroupMessages: {\n type: String,\n default: 'radio-group-messages',\n },\n },\n\n emits: [\n /\n Native input event\n \n @event input\n * @type {String \| Number}\n /\n 'input',\n /\n Native input event\n \n @event input\n * @type {String \| Number}\n /\n 'update:modelValue',\n ],\n\n data () {\n return {\n internalValue: this.modelValue,\n };\n },\n\n watch: {\n modelValue (newValue) {\n this.internalValue = newValue;\n },\n\n /\n * watching value to support 2 way binding for slotted radios.\n * need this to pass value to slotted checkboxes if modified outside\n * radio group.\n /\n internalValue: {\n immediate: true,\n handler (newInternalValue) {\n this.provideObj.selectedValue = newInternalValue;\n },\n },\n },\n\n methods: {\n /\n * provided value to support 2 way binding for slotted radios.\n * slotted radios will change this value and need to emit new value up.\n */\n setGroupValue (newValue) {\n this.$emit('input', newValue);\n this.$emit('update:modelValue', newValue);\n },\n\n getMessageKey (type, index) {\n return `radio-group-message-${type}-${index}-${this.id}`;\n },\n },\n};\n</script>\n"],"mappings":"+FAOA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,eAEN,kDAAS,QAET,MAAO,CAKL,WAAY,CACV,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,GACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,cACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,qBACV,CAKD,oBAAqB,CACnB,KAAM,OACN,QAAS,uBACV,CACF,CAED,MAAO,CAOL,QAOA,oBACD,CAED,MAAQ,CACN,MAAO,CACL,cAAe,KAAK,WACrB,EAGH,MAAO,CACL,WAAY,EAAU,CACpB,KAAK,cAAgB,GAQvB,cAAe,CACb,UAAW,GACX,QAAS,EAAkB,CACzB,KAAK,WAAW,cAAgB,GAEnC,CACF,CAED,QAAS,CAKP,cAAe,EAAU,CACvB,KAAK,MAAM,QAAS,EAAS,CAC7B,KAAK,MAAM,oBAAqB,EAAS,EAG3C,cAAe,EAAM,EAAO,CAC1B,MAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK,MAEvD,CACF"}

package/dist/lib/radio-group/radio-group.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import e from "../input-group/input-group.js";
-//#region components/RadioGroup/RadioGroup.vue
+//#region components/radio_group/radio_group.vue
 var t = {
+	compatConfig: { MODE: 3 },
 	name: "DtRadioGroup",
 	extends: e,
 	props: {
@@ -21,7 +22,7 @@ var t = {
 			default: "radio-group-messages"
 		}
 	},
-	emits: ["update:modelValue"],
+	emits: ["input", "update:modelValue"],
 	data() {
 		return { internalValue: this.modelValue };
 	},
@@ -38,7 +39,7 @@ var t = {
 	},
 	methods: {
 		setGroupValue(e) {
-			this.$emit("update:modelValue", e);
+			this.$emit("input", e), this.$emit("update:modelValue", e);
 		},
 		getMessageKey(e, t) {
 			return `radio-group-message-${e}-${t}-${this.id}`;

package/dist/lib/radio-group/radio-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-group.js","names":[],"sources":["../../../components/~~RadioGroup~~/~~RadioGroup~~.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../~~InputGroup~~';\n\n/*\n Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n /\nexport default {\n name: 'DtRadioGroup',\n\n extends: DtInputGroup,\n\n props: {\n /\n A provided value for the radio group\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n\n /\n A data qa tag for the radio group\n /\n dataQaGroup: {\n type: String,\n default: 'radio-group',\n },\n\n /\n A data qa tag for the radio group legend\n /\n dataQaGroupLegend: {\n type: String,\n default: 'radio-group-legend',\n },\n\n /\n A data qa tag for the radio group messages\n /\n dataQaGroupMessages: {\n type: String,\n default: 'radio-group-messages',\n },\n },\n\n emits: [\n /\n ~~Event~~ ~~fired~~ to ~~sync~~ ~~the~~ ~~modelValue~~ ~~prop~~ ~~with~~ ~~the~~ ~~parent~~ ~~component~~\n \n @event ~~update:modelValue~~\n * @type {String \| Number}\n /\n 'update:modelValue',\n ],\n\n data () {\n return {\n internalValue: this.modelValue,\n };\n },\n\n watch: {\n modelValue (newValue) {\n this.internalValue = newValue;\n },\n\n /\n * watching value to support 2 way binding for slotted radios.\n * need this to pass value to slotted checkboxes if modified outside\n * radio group.\n /\n internalValue: {\n immediate: true,\n handler (newInternalValue) {\n this.provideObj.selectedValue = newInternalValue;\n },\n },\n },\n\n methods: {\n /\n * provided value to support 2 way binding for slotted radios.\n * slotted radios will change this value and need to emit new value up.\n */\n setGroupValue (newValue) {\n this.$emit('update:modelValue', newValue);\n },\n\n getMessageKey (type, index) {\n return `radio-group-message-${type}-${index}-${this.id}`;\n },\n },\n};\n</script>\n"],"mappings":";;AAOA,IAAK,IAAU;CACb,MAAM;CAEN,SAAS;CAET,OAAO;~~EAIL~~,YAAY;GACV,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,oBACD;CAED,OAAQ;AACN,SAAO,EACL,eAAe,KAAK,YACrB;;CAGH,OAAO;EACL,WAAY,GAAU;AACpB,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,gBAAgB;;GAEnC;EACF;CAED,SAAS;EAKP,cAAe,GAAU;~~AACvB~~,~~QAAK~~,MAAM,qBAAqB,EAAS;;EAG3C,cAAe,GAAM,GAAO;AAC1B,UAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAEvD;CACF"}
1	+ {"version":3,"file":"radio-group.js","names":[],"sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/*\n Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRadioGroup',\n\n extends: DtInputGroup,\n\n props: {\n /\n A provided value for the radio group\n * @model value\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n\n /\n A data qa tag for the radio group\n /\n dataQaGroup: {\n type: String,\n default: 'radio-group',\n },\n\n /\n A data qa tag for the radio group legend\n /\n dataQaGroupLegend: {\n type: String,\n default: 'radio-group-legend',\n },\n\n /\n A data qa tag for the radio group messages\n /\n dataQaGroupMessages: {\n type: String,\n default: 'radio-group-messages',\n },\n },\n\n emits: [\n /\n Native input event\n \n @event input\n * @type {String \| Number}\n /\n 'input',\n /\n Native input event\n \n @event input\n * @type {String \| Number}\n /\n 'update:modelValue',\n ],\n\n data () {\n return {\n internalValue: this.modelValue,\n };\n },\n\n watch: {\n modelValue (newValue) {\n this.internalValue = newValue;\n },\n\n /\n * watching value to support 2 way binding for slotted radios.\n * need this to pass value to slotted checkboxes if modified outside\n * radio group.\n /\n internalValue: {\n immediate: true,\n handler (newInternalValue) {\n this.provideObj.selectedValue = newInternalValue;\n },\n },\n },\n\n methods: {\n /\n * provided value to support 2 way binding for slotted radios.\n * slotted radios will change this value and need to emit new value up.\n */\n setGroupValue (newValue) {\n this.$emit('input', newValue);\n this.$emit('update:modelValue', newValue);\n },\n\n getMessageKey (type, index) {\n return `radio-group-message-${type}-${index}-${this.id}`;\n },\n },\n};\n</script>\n"],"mappings":";;AAOA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,SAAS;CAET,OAAO;EAKL,YAAY;GACV,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,SAOA,oBACD;CAED,OAAQ;AACN,SAAO,EACL,eAAe,KAAK,YACrB;;CAGH,OAAO;EACL,WAAY,GAAU;AACpB,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,gBAAgB;;GAEnC;EACF;CAED,SAAS;EAKP,cAAe,GAAU;AAEvB,GADA,KAAK,MAAM,SAAS,EAAS,EAC7B,KAAK,MAAM,qBAAqB,EAAS;;EAG3C,cAAe,GAAM,GAAO;AAC1B,UAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAEvD;CACF"}

package/dist/lib/radio-group/radios-decorator.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../radio/radio.cjs`);require(`../radio/index.cjs`);let n=require(`vue`);var r={name:`RadiosDecorator`,components:{DtRadio:t.default},created(){this.options=[{label:`Apple`,value:`apple`},{label:`Banana`,value:`banana`},{label:`Other`,value:`other`}]}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-radio`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.options,e=>((0,n.openBlock)(),(0,n.createBlock)(s,{key:e.value,value:e.value},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.label),1)]),_:2},1032,[`value`]))),128))])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../radio/radio.cjs`);require(`../radio/index.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`RadiosDecorator`,components:{DtRadio:t.default},created(){this.options=[{label:`Apple`,value:`apple`},{label:`Banana`,value:`banana`},{label:`Other`,value:`other`}]}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-radio`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.options,e=>((0,n.openBlock)(),(0,n.createBlock)(s,{key:e.value,value:e.value},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.label),1)]),_:2},1032,[`value`]))),128))])}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=radios-decorator.cjs.map

package/dist/lib/radio-group/radios-decorator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radios-decorator.cjs","names":[],"sources":["../../../components/~~RadioGroup~~/~~RadiosDecorator~~.vue"],"sourcesContent":["<template>\n <div>\n <dt-radio\n v-for=\"option in options\"\n :key=\"option.value\"\n :value=\"option.value\"\n >\n <span>{{ option.label }}</span>\n </dt-radio>\n </div>\n</template>\n\n<script>\nimport { DtRadio } from '../~~Radio~~';\n\nexport default {\n name: 'RadiosDecorator',\n components: { DtRadio },\n created () {\n this.options = [\n { label: 'Apple', value: 'apple' },\n { label: 'Banana', value: 'banana' },\n { label: 'Other', value: 'other' },\n ];\n },\n};\n</script>\n"],"mappings":"sRAeA,IAAK,EAAU,CACb,KAAM,kBACN,WAAY,CAAE,QAAA,EAAA,QAAS,CACvB,SAAW,CACT,KAAK,QAAU,CACb,CAAE,MAAO,QAAS,MAAO,QAAS,CAClC,CAAE,MAAO,SAAU,MAAO,SAAU,CACpC,CAAE,MAAO,QAAS,MAAO,QAAS,CACnC,EAEJ,~~mHAhBO~~,MAAA,KAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADO,EAAA,SAAA,MAAA,EAAA,EAAA,YALQ,EAAA,QAAV,wCAKE,EAAA,CAJR,IAAK,EAAO,MACZ,MAAO,EAAO,kCAEgB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAO,MAAK,CAAA,EAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"radios-decorator.cjs","names":[],"sources":["../../../components/radio_group/radios_decorator.vue"],"sourcesContent":["<template>\n <div>\n <dt-radio\n v-for=\"option in options\"\n :key=\"option.value\"\n :value=\"option.value\"\n >\n <span>{{ option.label }}</span>\n </dt-radio>\n </div>\n</template>\n\n<script>\nimport { DtRadio } from '../radio';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'RadiosDecorator',\n components: { DtRadio },\n created () {\n this.options = [\n { label: 'Apple', value: 'apple' },\n { label: 'Banana', value: 'banana' },\n { label: 'Other', value: 'other' },\n ];\n },\n};\n</script>\n"],"mappings":"sRAeA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBACN,WAAY,CAAE,QAAA,EAAA,QAAS,CACvB,SAAW,CACT,KAAK,QAAU,CACb,CAAE,MAAO,QAAS,MAAO,QAAS,CAClC,CAAE,MAAO,SAAU,MAAO,SAAU,CACpC,CAAE,MAAO,QAAS,MAAO,QAAS,CACnC,EAEJ,mHAjBO,MAAA,KAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADO,EAAA,SAAA,MAAA,EAAA,EAAA,YALQ,EAAA,QAAV,wCAKE,EAAA,CAJR,IAAK,EAAO,MACZ,MAAO,EAAO,kCAEgB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAO,MAAK,CAAA,EAAA,CAAA,CAAA"}

package/dist/lib/radio-group/radios-decorator.js CHANGED Viewed

@@ -2,8 +2,9 @@ import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import t from "../radio/radio.js";
 import "../radio/index.js";
 import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, withCtx as u } from "vue";
-//#region components/RadioGroup/RadiosDecorator.vue
+//#region components/radio_group/radios_decorator.vue
 var d = {
+	compatConfig: { MODE: 3 },
 	name: "RadiosDecorator",
 	components: { DtRadio: t },
 	created() {

package/dist/lib/radio-group/radios-decorator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radios-decorator.js","names":[],"sources":["../../../components/~~RadioGroup~~/~~RadiosDecorator~~.vue"],"sourcesContent":["<template>\n <div>\n <dt-radio\n v-for=\"option in options\"\n :key=\"option.value\"\n :value=\"option.value\"\n >\n <span>{{ option.label }}</span>\n </dt-radio>\n </div>\n</template>\n\n<script>\nimport { DtRadio } from '../~~Radio~~';\n\nexport default {\n name: 'RadiosDecorator',\n components: { DtRadio },\n created () {\n this.options = [\n { label: 'Apple', value: 'apple' },\n { label: 'Banana', value: 'banana' },\n { label: 'Other', value: 'other' },\n ];\n },\n};\n</script>\n"],"mappings":";;;;;AAeA,IAAK,IAAU;CACb,MAAM;CACN,YAAY,EAAE,SAAA,GAAS;CACvB,UAAW;AACT,OAAK,UAAU;GACb;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAS,OAAO;IAAS;GACnC;;CAEJ;;;~~aAxBC~~,EAQM,OAAA,MAAA,EAAA,EAAA,GAAA,EAPJ,EAMW,GAAA,MAAA,EALQ,EAAA,UAAV,YADT,EAMW,GAAA;EAJR,KAAK,EAAO;EACZ,OAAO,EAAO;;mBAEgB,CAA/B,EAA+B,QAAA,MAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"radios-decorator.js","names":[],"sources":["../../../components/radio_group/radios_decorator.vue"],"sourcesContent":["<template>\n <div>\n <dt-radio\n v-for=\"option in options\"\n :key=\"option.value\"\n :value=\"option.value\"\n >\n <span>{{ option.label }}</span>\n </dt-radio>\n </div>\n</template>\n\n<script>\nimport { DtRadio } from '../radio';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'RadiosDecorator',\n components: { DtRadio },\n created () {\n this.options = [\n { label: 'Apple', value: 'apple' },\n { label: 'Banana', value: 'banana' },\n { label: 'Other', value: 'other' },\n ];\n },\n};\n</script>\n"],"mappings":";;;;;AAeA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EAAE,SAAA,GAAS;CACvB,UAAW;AACT,OAAK,UAAU;GACb;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAS,OAAO;IAAS;GACnC;;CAEJ;;;aAzBC,EAQM,OAAA,MAAA,EAAA,EAAA,GAAA,EAPJ,EAMW,GAAA,MAAA,EALQ,EAAA,UAAV,YADT,EAMW,GAAA;EAJR,KAAK,EAAO;EACZ,OAAO,EAAO;;mBAEgB,CAA/B,EAA+B,QAAA,MAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/resizable/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../~~ResizableUtils~~-~~DMfertP2~~.cjs`),t=require(`../../~~Resizable~~-~~BXBRAHoY~~.cjs`),n=require(`../../~~ResizableHandle~~-~~DQG7a5D9~~.cjs`),r=require(`./resizable-panel.cjs`);exports.DEFAULT_PANEL_SIZE=e.l,exports.DtResizable=t.t,exports.DtResizableHandle=n.t,exports.DtResizablePanel=r.default,exports.MIN_PANEL_SIZE_PX=e.u,exports.RESIZABLE_CONTEXT_KEY=e.d,exports.~~RESIZABLE_HANDLE_CENTER_OFFSET_PX~~=e.f,exports.~~buildHandleId=e.p,exports.~~hasPercentageMinSize=e.t,exports.invalidateTokenCache=e.n,exports.isCSSValue=e.r,exports.isPercentageValue=e.i,exports.isValidSizing=e.a,exports.parseSizeToPixels=e.o,exports.pixelsToPercentage=e.s,exports.validateContainerSize=e.c;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../resizable_utils-DhuzXRdP.cjs`),t=require(`../../resizable-BOCf9EIc.cjs`),n=require(`../../resizable_handle-RIKS8frB.cjs`),r=require(`./resizable-panel.cjs`);exports.DEFAULT_PANEL_SIZE=e.l,exports.DtResizable=t.t,exports.DtResizableHandle=n.t,exports.DtResizablePanel=r.default,exports.MIN_PANEL_SIZE_PX=e.u,exports.RESIZABLE_CONTEXT_KEY=e.d,exports.buildHandleId=e.f,exports.hasPercentageMinSize=e.t,exports.invalidateTokenCache=e.n,exports.isCSSValue=e.r,exports.isPercentageValue=e.i,exports.isValidSizing=e.a,exports.parseSizeToPixels=e.o,exports.pixelsToPercentage=e.s,exports.validateContainerSize=e.c;

package/dist/lib/resizable/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../../ResizableUtils-C9qEZRN5.js";
-import { t as p } from "../../Resizable-D8x9fHjz.js";
-import { t as m } from "../../ResizableHandle-v-oU-sj-.js";
-import h from "./resizable-panel.js";
-export { a as DEFAULT_PANEL_SIZE, p as DtResizable, m as DtResizableHandle, h as DtResizablePanel, f as MIN_PANEL_SIZE_PX, n as RESIZABLE_CONTEXT_KEY, r as RESIZABLE_HANDLE_CENTER_OFFSET_PX, c as buildHandleId, d as hasPercentageMinSize, o as invalidateTokenCache, l as isCSSValue, i as isPercentageValue, e as isValidSizing, s as parseSizeToPixels, u as pixelsToPercentage, t as validateContainerSize };
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../../resizable_utils-BComtrMV.js";
+import { t as f } from "../../resizable-CPaF9dgG.js";
+import { t as p } from "../../resizable_handle-BlKBiWnx.js";
+import m from "./resizable-panel.js";
+export { a as DEFAULT_PANEL_SIZE, f as DtResizable, p as DtResizableHandle, m as DtResizablePanel, d as MIN_PANEL_SIZE_PX, n as RESIZABLE_CONTEXT_KEY, r as buildHandleId, u as hasPercentageMinSize, o as invalidateTokenCache, c as isCSSValue, i as isPercentageValue, e as isValidSizing, s as parseSizeToPixels, l as pixelsToPercentage, t as validateContainerSize };

package/dist/lib/resizable/resizable-handle.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../~~ResizableHandle~~-~~DQG7a5D9~~.cjs`);exports.default=e.t;
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../resizable_handle-RIKS8frB.cjs`);exports.default=e.t;

package/dist/lib/resizable/resizable-handle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../ResizableHandle-v-oU-sj-.js";
+import { t as e } from "../../resizable_handle-BlKBiWnx.js";
 export { e as default };

package/dist/lib/resizable/resizable-panel.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../ResizableUtils-DMfertP2.cjs`);let t=require(`vue`);var n=[`id`,`data-panel-id`],r={__name:`ResizablePanel`,props:{id:{type:String,required:!0},initialSize:{type:String,default:void 0},userMinSize:{type:String,default:void 0},userMaxSize:{type:String,default:void 0},systemMinSize:{type:String,default:void 0},systemMaxSize:{type:String,default:void 0},collapseSize:{type:String,default:void 0},resizable:{type:Boolean,default:!0},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},class:{type:[String,Object,Array],default:``},contentClass:{type:[String,Object,Array],default:``}},setup(r){let i=r,a=[`initialSize`,`userMinSize`,`userMaxSize`,`systemMinSize`,`systemMaxSize`,`collapseSize`];(0,t.watch)(()=>a.map(e=>i[e]),t=>t.forEach((t,n)=>{t!==void 0&&!e.a(t)&&console.error(`[DtResizablePanel] Invalid ${a[n]}: "${t}".`)}),{immediate:!0});let o=(0,t.inject)(e.d,null),s=o?.layout??(0,t.computed)(()=>({panels:new Map,handles:[]})),c=o?.isResizing??(0,t.computed)(()=>!1),l=o?.offsetContentStyles??(0,t.computed)(()=>({})),u=o?.registerPanel??null,d=o?.unregisterPanel??null,f=(0,t.computed)(()=>({id:i.id,initialSize:i.initialSize,userMinSize:i.userMinSize,userMaxSize:i.userMaxSize,systemMinSize:i.systemMinSize,systemMaxSize:i.systemMaxSize,collapseSize:i.collapseSize,resizable:i.resizable??!0,collapsible:i.collapsible??!1,collapsed:i.collapsed??!1}));(0,t.onMounted)(()=>{u&&u(f.value)}),(0,t.onUnmounted)(()=>{d&&d(i.id)}),(0,t.watch)(f,()=>{u&&u(f.value)},{deep:!0});let p=o?.collapsePanel??null,m=o?.isInitializing??(0,t.computed)(()=>!1);(0,t.watch)(()=>i.collapsed,e=>{m.value||p&&e!==void 0&&p(i.id,e)},{immediate:!0});let h=o?.panelMap??(0,t.computed)(()=>new Map),g=(0,t.computed)(()=>h.value.get(i.id)),_=(0,t.computed)(()=>{let e=s.value.panels.get(i.id);return e?e.collapsed?{insetInlineStart:`${e.left}px`,inlineSize:`0px`,overflow:`hidden`,pointerEvents:`none`}:{insetInlineStart:`${e.left}px`,insetInlineEnd:`${e.right}px`}:{insetInlineStart:`0px`,inlineSize:`0px`,pointerEvents:`none`}});return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:`dt-resizable-panel-${i.id}`,class:(0,t.normalizeClass)([`d-resizable-panel`,[i.class,{"d-resizable-panel--collapsed":g.value&&g.value.collapsed===!0,"d-resizable-panel--fixed":g.value&&g.value.resizable===!1}]]),style:(0,t.normalizeStyle)(_.value),"data-panel-id":i.id,"data-qa":`d-resizable-panel`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`d-resizable-panel__content`,r.contentClass]),style:(0,t.normalizeStyle)((0,t.unref)(l))},[(0,t.renderSlot)(e.$slots,`default`,{panel:g.value,isCollapsed:g.value?.collapsed,isResizing:(0,t.unref)(c)})],6)],14,n))}};exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../resizable_utils-DhuzXRdP.cjs`);let t=require(`vue`);var n=[`id`,`data-panel-id`],r={__name:`resizable_panel`,props:{id:{type:String,required:!0},initialSize:{type:String,default:void 0},userMinSize:{type:String,default:void 0},userMaxSize:{type:String,default:void 0},systemMinSize:{type:String,default:void 0},systemMaxSize:{type:String,default:void 0},collapseSize:{type:String,default:void 0},resizable:{type:Boolean,default:!0},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},class:{type:[String,Object,Array],default:``}},setup(r){let i=r,a=[`initialSize`,`userMinSize`,`userMaxSize`,`systemMinSize`,`systemMaxSize`,`collapseSize`];(0,t.watch)(()=>a.map(e=>i[e]),t=>t.forEach((t,n)=>{t!==void 0&&!e.a(t)&&console.error(`[DtResizablePanel] Invalid ${a[n]}: "${t}".`)}),{immediate:!0});let o=(0,t.inject)(e.d,null),s=o?.layout??(0,t.computed)(()=>({panels:new Map,handles:[]})),c=o?.isResizing??(0,t.computed)(()=>!1),l=o?.offsetContentStyles??(0,t.computed)(()=>({})),u=o?.registerPanel??null,d=o?.unregisterPanel??null,f=(0,t.computed)(()=>({id:i.id,initialSize:i.initialSize,userMinSize:i.userMinSize,userMaxSize:i.userMaxSize,systemMinSize:i.systemMinSize,systemMaxSize:i.systemMaxSize,collapseSize:i.collapseSize,resizable:i.resizable??!0,collapsible:i.collapsible??!1,collapsed:i.collapsed??!1}));(0,t.onMounted)(()=>{u&&u(f.value)}),(0,t.onUnmounted)(()=>{d&&d(i.id)}),(0,t.watch)(f,()=>{u&&u(f.value)},{deep:!0});let p=o?.collapsePanel??null,m=o?.isInitializing??(0,t.computed)(()=>!1);(0,t.watch)(()=>i.collapsed,e=>{m.value||p&&e!==void 0&&p(i.id,e)},{immediate:!0});let h=o?.panelMap??(0,t.computed)(()=>new Map),g=(0,t.computed)(()=>h.value.get(i.id)),_=(0,t.computed)(()=>{let e=s.value.panels.get(i.id);return e?e.collapsed?{insetInlineStart:`${e.left}px`,inlineSize:`0px`,overflow:`hidden`,pointerEvents:`none`}:{insetInlineStart:`${e.left}px`,insetInlineEnd:`${e.right}px`}:{insetInlineStart:`0px`,inlineSize:`0px`,pointerEvents:`none`}});return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{id:`dt-resizable-panel-${i.id}`,class:(0,t.normalizeClass)([`d-resizable-panel`,[i.class,{"d-resizable-panel--collapsed":g.value&&g.value.collapsed===!0,"d-resizable-panel--fixed":g.value&&g.value.resizable===!1}]]),style:(0,t.normalizeStyle)(_.value),"data-panel-id":i.id,"data-qa":`d-resizable-panel`},[(0,t.createElementVNode)(`div`,{class:`d-resizable-panel__content`,style:(0,t.normalizeStyle)((0,t.unref)(l))},[(0,t.renderSlot)(e.$slots,`default`,{panel:g.value,isCollapsed:g.value?.collapsed,isResizing:(0,t.unref)(c)})],4)],14,n))}};exports.default=r;
 //# sourceMappingURL=resizable-panel.cjs.map

package/dist/lib/resizable/resizable-panel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizable-panel.cjs","names":[],"sources":["../../../components/~~Resizable~~/~~ResizablePanel~~.vue"],"sourcesContent":["<template>\n <div\n :id=\"`dt-resizable-panel-${props.id}`\"\n class=\"d-resizable-panel\"\n :class=\"[\n props.class,\n {\n 'd-resizable-panel--collapsed': panel && panel.collapsed === true,\n 'd-resizable-panel--fixed': panel && panel.resizable === false,\n },\n ]\"\n :style=\"panelStyles\"\n :data-panel-id=\"props.id\"\n data-qa=\"d-resizable-panel\"\n >\n <div\n :class=\"['d-resizable-panel__content~~', contentClass]~~\"\n :style=\"offsetContentStyles\"\n >\n <!-- @slot Panel content. Provides panel state and collapsed/resizing flags. -->\n <slot\n :panel=\"panel\"\n :is-collapsed=\"panel?.collapsed\"\n :is-resizing=\"isResizing\"\n />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed, inject, onMounted, onUnmounted, watch } from 'vue';\nimport { RESIZABLE_CONTEXT_KEY } from './~~ResizableConstants~~';\nimport { isValidSizing } from './~~ResizableUtils~~';\n\nconst props = defineProps({\n /** Unique panel identifier. Must be unique within its DtResizable parent. /\n id: { type: String, required: true },\n /\n Initial size as a ~~Dialtone~~ ~~layout~~ token (~~maps to `--dt-layout-`, matching\n DtBox and the `d-w-` / `d-h-` utility classes) or a percentage with 'p'\n * suffix (~~e.g. '25p' for 25% ~~of the container~~).\n * ~~@values~~ 0, ~~1px,~~ ~~2px,~~ 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n initialSize: { type: String, default: undefined },\n /\n Minimum size for user drag interactions (hard floor). Accepts a layout\n * token or percentage; see `initialSize` for the value set.\n * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n userMinSize: { type: String, default: undefined },\n /\n Maximum size for user drag interactions (hard ceiling). Accepts a layout\n * token or percentage; see `initialSize` for the value set.\n * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n userMaxSize: { type: String, default: undefined },\n /\n Minimum size for system viewport scaling. Falls back to userMinSize.\n * Accepts a layout token or percentage; see `initialSize` for the value set.\n * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n systemMinSize: { type: String, default: undefined },\n /\n Maximum size for system viewport scaling. Falls back to userMaxSize.\n * Accepts a layout token or percentage; see `initialSize` for the value set.\n * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n systemMaxSize: { type: String, default: undefined },\n /\n Container width threshold that triggers auto-collapse. Accepts a layout\n * token or percentage; see `initialSize` for the value set.\n * @values 0, 1px, 2px, 8px, 25, 20px, 24px, 50, 75, 100, 125, 150, 175, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000, 1050, 1100, 1150, 1200, 1250, 1300, 1350, 1400, 1450, 1500, 1550, 1600, 10p, 20p, 25p, 30p, 33p, 40p, 50p, 60p, 66p, 70p, 75p, 80p, 90p, 95p, 100p\n /\n collapseSize: { type: String, default: undefined },\n /* Whether this panel can be resized by dragging. /\n resizable: { type: Boolean, default: true },\n /* Whether this panel can be collapsed to zero width. /\n collapsible: { type: Boolean, default: false },\n /* Initial collapsed state. /\n collapsed: { type: Boolean, default: false },\n /* Additional CSS classes applied to the panel element. /\n class: { type: [String, Object, Array], default: '' },\n ~~/* Additional CSS classes applied to the inner content wrapper element. */\n contentClass: { type: [String, Object, Array], default: ''~~ }~~,\n}~~);\n\nconst SIZE_PROPS = ['initialSize', 'userMinSize', 'userMaxSize', 'systemMinSize', 'systemMaxSize', 'collapseSize'];\nwatch(\n () => SIZE_PROPS.map(n => props[n]),\n vals => vals.forEach((v, i) => {\n if (v !== undefined && !isValidSizing(v)) {\n console.error(`[DtResizablePanel] Invalid ${SIZE_PROPS[i]}: \"${v}\".`);\n }\n }),\n { immediate: true },\n);\n\nconst ctx = inject(RESIZABLE_CONTEXT_KEY, null);\nconst layoutRef = ctx?.layout ?? computed(() => ({ panels: new Map(), handles: [] }));\nconst isResizing = ctx?.isResizing ?? computed(() => false);\nconst offsetContentStyles = ctx?.offsetContentStyles ?? computed(() => ({}));\n\nconst registerPanel = ctx?.registerPanel ?? null;\nconst unregisterPanel = ctx?.unregisterPanel ?? null;\n\nconst panelConfig = computed(() => ({\n id: props.id,\n initialSize: props.initialSize,\n userMinSize: props.userMinSize,\n userMaxSize: props.userMaxSize,\n systemMinSize: props.systemMinSize,\n systemMaxSize: props.systemMaxSize,\n collapseSize: props.collapseSize,\n resizable: props.resizable ?? true,\n collapsible: props.collapsible ?? false,\n collapsed: props.collapsed ?? false,\n}));\n\nonMounted(() => {\n if (registerPanel) {\n registerPanel(panelConfig.value);\n }\n});\n\nonUnmounted(() => {\n if (unregisterPanel) {\n unregisterPanel(props.id);\n }\n});\n\n// Re-register on config change (watch each config field explicitly)\nwatch(panelConfig, () => {\n if (registerPanel) registerPanel(panelConfig.value);\n}, { deep: true });\n\nconst collapsePanel = ctx?.collapsePanel ?? null;\nconst isInitializing = ctx?.isInitializing ?? computed(() => false);\n\nwatch(\n () => props.collapsed,\n newCollapsed => {\n if (isInitializing.value) return;\n if (collapsePanel && newCollapsed !== undefined) {\n collapsePanel(props.id, newCollapsed);\n }\n },\n { immediate: true },\n);\n\nconst panelMap = ctx?.panelMap ?? computed(() => new Map());\nconst panel = computed(() => panelMap.value.get(props.id));\n\nconst panelStyles = computed(() => {\n const position = layoutRef.value.panels.get(props.id);\n\n if (!position) {\n return { insetInlineStart: '0px', inlineSize: '0px', pointerEvents: 'none' };\n }\n\n if (position.collapsed) {\n return {\n insetInlineStart: `${position.left}px`,\n inlineSize: '0px',\n overflow: 'hidden',\n pointerEvents: 'none',\n };\n }\n\n return {\n insetInlineStart: `${position.left}px`,\n insetInlineEnd: `${position.right}px`,\n };\n});\n</script>\n"],"mappings":"~~+vBAkCA~~,IAAM,EAAQ,~~EAoDR~~,EAAa,CAAC,cAAe,cAAe,cAAe,gBAAiB,gBAAiB,eAAe,EAClH,EAAA,EAAA,WACQ,EAAW,IAAI,GAAK,EAAM,GAAG,CACnC,GAAQ,EAAK,SAAS,EAAG,IAAM,CACzB,IAAM,IAAA,IAAa,CAAC,EAAA,EAAc,EAAE,EACtC,QAAQ,MAAM,8BAA8B,EAAW,GAAG,KAAK,EAAE,IAAI,EAEvE,CACF,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,GAAA,EAAA,EAAA,QAAa,EAAA,EAAuB,KAAK,CACzC,EAAY,GAAK,SAAA,EAAA,EAAA,eAA0B,CAAE,OAAQ,IAAI,IAAO,QAAS,EAAE,CAAE,EAAE,CAC/E,EAAa,GAAK,aAAA,EAAA,EAAA,cAA6B,GAAM,CACrD,EAAsB,GAAK,sBAAA,EAAA,EAAA,eAAuC,EAAE,EAAE,CAEtE,EAAgB,GAAK,eAAiB,KACtC,EAAkB,GAAK,iBAAmB,KAE1C,GAAA,EAAA,EAAA,eAA8B,CAClC,GAAI,EAAM,GACV,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,cAAe,EAAM,cACrB,cAAe,EAAM,cACrB,aAAc,EAAM,aACpB,UAAW,EAAM,WAAa,GAC9B,YAAa,EAAM,aAAe,GAClC,UAAW,EAAM,WAAa,GAC/B,EAAE,EAEH,EAAA,EAAA,eAAgB,CACV,GACF,EAAc,EAAY,MAAM,EAElC,EAEF,EAAA,EAAA,iBAAkB,CACZ,GACF,EAAgB,EAAM,GAAG,EAE3B,EAGF,EAAA,EAAA,OAAM,MAAmB,CACnB,GAAe,EAAc,EAAY,MAAM,EAClD,CAAE,KAAM,GAAM,CAAC,CAElB,IAAM,EAAgB,GAAK,eAAiB,KACtC,EAAiB,GAAK,iBAAA,EAAA,EAAA,cAAiC,GAAM,EAEnE,EAAA,EAAA,WACQ,EAAM,UACZ,GAAgB,CACV,EAAe,OACf,GAAiB,IAAiB,IAAA,IACpC,EAAc,EAAM,GAAI,EAAa,EAGzC,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAW,GAAK,WAAA,EAAA,EAAA,cAA2B,IAAI,IAAM,CACrD,GAAA,EAAA,EAAA,cAAuB,EAAS,MAAM,IAAI,EAAM,GAAG,CAAC,CAEpD,GAAA,EAAA,EAAA,cAA6B,CACjC,IAAM,EAAW,EAAU,MAAM,OAAO,IAAI,EAAM,GAAG,CAerD,OAbK,EAID,EAAS,UACJ,CACL,iBAAkB,GAAG,EAAS,KAAK,IACnC,WAAY,MACZ,SAAU,SACV,cAAe,OAChB,CAGI,CACL,iBAAkB,GAAG,EAAS,KAAK,IACnC,eAAgB,GAAG,EAAS,MAAM,IACnC,CAfQ,CAAE,iBAAkB,MAAO,WAAY,MAAO,cAAe,OAAQ,EAgB9E,~~0DAlJM~~,MAAA,CAxBH,GAAE,sBAAwB,EAAM,KACjC,OAAA,EAAA,EAAA,gBAAK,CAAC,oBAAmB,CACT,EAAM,MAAA,gCAAuD,EAAA,OAAS,EAAA,MAAM,YAAS,8BAA+C,EAAA,OAAS,EAAA,MAAM,YAAS,OAO3K,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAW,CAClB,gBAAe,EAAM,GACtB,UAAQ,+CAYF,MAAA,~~CATH~~,~~OAAA~~,~~EAAA~~,~~EAAA,gBAAK,CAAA,6BAAiC,EAAA,aAAY,CAAA,CAClD,~~OAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,OAAO,EAAmB,CAAA,oBAOzB,EAAA,OAAA,UAAA,CAHC,MAAO,EAAA,MACP,YAAc,EAAA,OAAO,UACrB,YAAA,EAAA,EAAA,OAAa,EAAU"}
1	+ {"version":3,"file":"resizable-panel.cjs","names":[],"sources":["../../../components/resizable/resizable_panel.vue"],"sourcesContent":["<template>\n <div\n :id=\"`dt-resizable-panel-${props.id}`\"\n class=\"d-resizable-panel\"\n :class=\"[\n props.class,\n {\n 'd-resizable-panel--collapsed': panel && panel.collapsed === true,\n 'd-resizable-panel--fixed': panel && panel.resizable === false,\n },\n ]\"\n :style=\"panelStyles\"\n :data-panel-id=\"props.id\"\n data-qa=\"d-resizable-panel\"\n >\n <div\n class=\"d-resizable-panel__content\"\n :style=\"offsetContentStyles\"\n >\n <!-- @slot Panel content. Provides panel state and collapsed/resizing flags. -->\n <slot\n :panel=\"panel\"\n :is-collapsed=\"panel?.collapsed\"\n :is-resizing=\"isResizing\"\n />\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed, inject, onMounted, onUnmounted, watch } from 'vue';\nimport { RESIZABLE_CONTEXT_KEY } from './resizable_constants';\nimport { isValidSizing } from './resizable_utils';\n\nconst props = defineProps({\n /** Unique panel identifier. Must be unique within its DtResizable parent. /\n id: { type: String, required: true },\n /* Initial size as a percentage token (e.g., '25p' for 25%) or Dialtone size token. /\n initialSize: { type: String, default: undefined },\n /* Minimum size for user drag interactions (hard floor). /\n userMinSize: { type: String, default: undefined },\n /* Maximum size for user drag interactions (hard ceiling). /\n userMaxSize: { type: String, default: undefined },\n /* Minimum size for system viewport scaling. Falls back to userMinSize. /\n systemMinSize: { type: String, default: undefined },\n /* Maximum size for system viewport scaling. Falls back to userMaxSize. /\n systemMaxSize: { type: String, default: undefined },\n /* Container width threshold that triggers auto-collapse. /\n collapseSize: { type: String, default: undefined },\n /* Whether this panel can be resized by dragging. /\n resizable: { type: Boolean, default: true },\n /* Whether this panel can be collapsed to zero width. /\n collapsible: { type: Boolean, default: false },\n /* Initial collapsed state. /\n collapsed: { type: Boolean, default: false },\n /* Additional CSS classes applied to the panel element. */\n class: { type: [String, Object, Array], default: '' },\n});\n\nconst SIZE_PROPS = ['initialSize', 'userMinSize', 'userMaxSize', 'systemMinSize', 'systemMaxSize', 'collapseSize'];\nwatch(\n () => SIZE_PROPS.map(n => props[n]),\n vals => vals.forEach((v, i) => {\n if (v !== undefined && !isValidSizing(v)) {\n console.error(`[DtResizablePanel] Invalid ${SIZE_PROPS[i]}: \"${v}\".`);\n }\n }),\n { immediate: true },\n);\n\nconst ctx = inject(RESIZABLE_CONTEXT_KEY, null);\nconst layoutRef = ctx?.layout ?? computed(() => ({ panels: new Map(), handles: [] }));\nconst isResizing = ctx?.isResizing ?? computed(() => false);\nconst offsetContentStyles = ctx?.offsetContentStyles ?? computed(() => ({}));\n\nconst registerPanel = ctx?.registerPanel ?? null;\nconst unregisterPanel = ctx?.unregisterPanel ?? null;\n\nconst panelConfig = computed(() => ({\n id: props.id,\n initialSize: props.initialSize,\n userMinSize: props.userMinSize,\n userMaxSize: props.userMaxSize,\n systemMinSize: props.systemMinSize,\n systemMaxSize: props.systemMaxSize,\n collapseSize: props.collapseSize,\n resizable: props.resizable ?? true,\n collapsible: props.collapsible ?? false,\n collapsed: props.collapsed ?? false,\n}));\n\nonMounted(() => {\n if (registerPanel) {\n registerPanel(panelConfig.value);\n }\n});\n\nonUnmounted(() => {\n if (unregisterPanel) {\n unregisterPanel(props.id);\n }\n});\n\n// Re-register on config change (watch each config field explicitly)\nwatch(panelConfig, () => {\n if (registerPanel) registerPanel(panelConfig.value);\n}, { deep: true });\n\nconst collapsePanel = ctx?.collapsePanel ?? null;\nconst isInitializing = ctx?.isInitializing ?? computed(() => false);\n\nwatch(\n () => props.collapsed,\n newCollapsed => {\n if (isInitializing.value) return;\n if (collapsePanel && newCollapsed !== undefined) {\n collapsePanel(props.id, newCollapsed);\n }\n },\n { immediate: true },\n);\n\nconst panelMap = ctx?.panelMap ?? computed(() => new Map());\nconst panel = computed(() => panelMap.value.get(props.id));\n\nconst panelStyles = computed(() => {\n const position = layoutRef.value.panels.get(props.id);\n\n if (!position) {\n return { insetInlineStart: '0px', inlineSize: '0px', pointerEvents: 'none' };\n }\n\n if (position.collapsed) {\n return {\n insetInlineStart: `${position.left}px`,\n inlineSize: '0px',\n overflow: 'hidden',\n pointerEvents: 'none',\n };\n }\n\n return {\n insetInlineStart: `${position.left}px`,\n insetInlineEnd: `${position.right}px`,\n };\n});\n</script>\n"],"mappings":"4sBAkCA,IAAM,EAAQ,EAyBR,EAAa,CAAC,cAAe,cAAe,cAAe,gBAAiB,gBAAiB,eAAe,EAClH,EAAA,EAAA,WACQ,EAAW,IAAI,GAAK,EAAM,GAAG,CACnC,GAAQ,EAAK,SAAS,EAAG,IAAM,CACzB,IAAM,IAAA,IAAa,CAAC,EAAA,EAAc,EAAE,EACtC,QAAQ,MAAM,8BAA8B,EAAW,GAAG,KAAK,EAAE,IAAI,EAEvE,CACF,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,GAAA,EAAA,EAAA,QAAa,EAAA,EAAuB,KAAK,CACzC,EAAY,GAAK,SAAA,EAAA,EAAA,eAA0B,CAAE,OAAQ,IAAI,IAAO,QAAS,EAAE,CAAE,EAAE,CAC/E,EAAa,GAAK,aAAA,EAAA,EAAA,cAA6B,GAAM,CACrD,EAAsB,GAAK,sBAAA,EAAA,EAAA,eAAuC,EAAE,EAAE,CAEtE,EAAgB,GAAK,eAAiB,KACtC,EAAkB,GAAK,iBAAmB,KAE1C,GAAA,EAAA,EAAA,eAA8B,CAClC,GAAI,EAAM,GACV,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,cAAe,EAAM,cACrB,cAAe,EAAM,cACrB,aAAc,EAAM,aACpB,UAAW,EAAM,WAAa,GAC9B,YAAa,EAAM,aAAe,GAClC,UAAW,EAAM,WAAa,GAC/B,EAAE,EAEH,EAAA,EAAA,eAAgB,CACV,GACF,EAAc,EAAY,MAAM,EAElC,EAEF,EAAA,EAAA,iBAAkB,CACZ,GACF,EAAgB,EAAM,GAAG,EAE3B,EAGF,EAAA,EAAA,OAAM,MAAmB,CACnB,GAAe,EAAc,EAAY,MAAM,EAClD,CAAE,KAAM,GAAM,CAAC,CAElB,IAAM,EAAgB,GAAK,eAAiB,KACtC,EAAiB,GAAK,iBAAA,EAAA,EAAA,cAAiC,GAAM,EAEnE,EAAA,EAAA,WACQ,EAAM,UACZ,GAAgB,CACV,EAAe,OACf,GAAiB,IAAiB,IAAA,IACpC,EAAc,EAAM,GAAI,EAAa,EAGzC,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAW,GAAK,WAAA,EAAA,EAAA,cAA2B,IAAI,IAAM,CACrD,GAAA,EAAA,EAAA,cAAuB,EAAS,MAAM,IAAI,EAAM,GAAG,CAAC,CAEpD,GAAA,EAAA,EAAA,cAA6B,CACjC,IAAM,EAAW,EAAU,MAAM,OAAO,IAAI,EAAM,GAAG,CAerD,OAbK,EAID,EAAS,UACJ,CACL,iBAAkB,GAAG,EAAS,KAAK,IACnC,WAAY,MACZ,SAAU,SACV,cAAe,OAChB,CAGI,CACL,iBAAkB,GAAG,EAAS,KAAK,IACnC,eAAgB,GAAG,EAAS,MAAM,IACnC,CAfQ,CAAE,iBAAkB,MAAO,WAAY,MAAO,cAAe,OAAQ,EAgB9E,0DAvHM,MAAA,CAxBH,GAAE,sBAAwB,EAAM,KACjC,OAAA,EAAA,EAAA,gBAAK,CAAC,oBAAmB,CACT,EAAM,MAAA,gCAAuD,EAAA,OAAS,EAAA,MAAM,YAAS,8BAA+C,EAAA,OAAS,EAAA,MAAM,YAAS,OAO3K,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAW,CAClB,gBAAe,EAAM,GACtB,UAAQ,+CAYF,MAAA,CATJ,MAAM,6BACL,OAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,OAAO,EAAmB,CAAA,oBAOzB,EAAA,OAAA,UAAA,CAHC,MAAO,EAAA,MACP,YAAc,EAAA,OAAO,UACrB,YAAA,EAAA,EAAA,OAAa,EAAU"}

package/dist/lib/resizable/resizable-panel.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { a as e, d as t } from "../../ResizableUtils-C9qEZRN5.js";
+import { a as e, d as t } from "../../resizable_utils-BComtrMV.js";
 import { computed as n, createElementBlock as r, createElementVNode as i, inject as a, normalizeClass as o, normalizeStyle as s, onMounted as c, onUnmounted as l, openBlock as u, renderSlot as d, unref as f, watch as p } from "vue";
-//#region components/Resizable/ResizablePanel.vue
+//#region components/resizable/resizable_panel.vue
 var m = ["id", "data-panel-id"], h = {
-	__name: "ResizablePanel",
+	__name: "resizable_panel",
 	props: {
 		id: {
 			type: String,
@@ -51,14 +51,6 @@ var m = ["id", "data-panel-id"], h = {
 				Array
 			],
 			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Object,
-				Array
-			],
-			default: ""
 		}
 	},
 	setup(h) {
@@ -125,13 +117,13 @@ var m = ["id", "data-panel-id"], h = {
 			"data-panel-id": g.id,
 			"data-qa": "d-resizable-panel"
 		}, [i("div", {
-			class: o(["d-resizable-panel__content", h.contentClass]),
+			class: "d-resizable-panel__content",
 			style: s(f(x))
 		}, [d(e.$slots, "default", {
 			panel: O.value,
 			isCollapsed: O.value?.collapsed,
 			isResizing: f(b)
-		})], 6)], 14, m));
+		})], 4)], 14, m));
 	}
 };
 //#endregion