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

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

@@ -1,90 +1,52 @@
-import a from "../input-group/input-group.js";
-const u = {
-  compatConfig: { MODE: 3 },
-  name: "DtRadioGroup",
-  extends: a,
-  props: {
-    /**
-     * A provided value for the radio group
-     * @model value
-     */
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    /**
-     * A data qa tag for the radio group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "radio-group"
-    },
-    /**
-     * A data qa tag for the radio group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "radio-group-legend"
-    },
-    /**
-     * A data qa tag for the radio group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "radio-group-messages"
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input",
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "update:modelValue"
-  ],
-  data() {
-    return {
-      internalValue: this.modelValue
-    };
-  },
-  watch: {
-    modelValue(e) {
-      this.internalValue = e;
-    },
-    /*
-    * watching value to support 2 way binding for slotted radios.
-    * need this to pass value to slotted checkboxes if modified outside
-    * radio group.
-    */
-    internalValue: {
-      immediate: !0,
-      handler(e) {
-        this.provideObj.selectedValue = e;
-      }
-    }
-  },
-  methods: {
-    /*
-     * provided value to support 2 way binding for slotted radios.
-     * slotted radios will change this value and need to emit new value up.
-     */
-    setGroupValue(e) {
-      this.$emit("input", e), this.$emit("update:modelValue", e);
-    },
-    getMessageKey(e, t) {
-      return `radio-group-message-${e}-${t}-${this.id}`;
-    }
-  }
+import e from "../input-group/input-group.js";
+//#region components/radio_group/radio_group.vue
+var t = {
+	compatConfig: { MODE: 3 },
+	name: "DtRadioGroup",
+	extends: e,
+	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}`;
+		}
+	}
 };
-export {
-  u as default
-};
-//# sourceMappingURL=radio-group.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","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"],"names":["_sfc_main","DtInputGroup","newValue","newInternalValue","type","index"],"mappings":";AAOK,MAAAA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,SAASC;AAAA,EAET,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAExB;AAAA,EAEA,OAAO;AAAA,IACL,WAAYC,GAAU;AACpB,WAAK,gBAAgBA;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAASC,GAAkB;AACzB,aAAK,WAAW,gBAAgBA;AAAA,MAClC;AAAA;;EAIJ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAeD,GAAU;AACvB,WAAK,MAAM,SAASA,CAAQ,GAC5B,KAAK,MAAM,qBAAqBA,CAAQ;AAAA,IAC1C;AAAA,IAEA,cAAeE,GAAMC,GAAO;AAC1B,aAAO,uBAAuBD,CAAI,IAAIC,CAAK,IAAI,KAAK,EAAE;AAAA,IACxD;AAAA;AAEJ;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r=require("../radio/radio.cjs"),n={compatConfig:{MODE:3},name:"RadiosDecorator",components:{DtRadio:r.default},created(){this.options=[{label:"Apple",value:"apple"},{label:"Banana",value:"banana"},{label:"Other",value:"other"}]}};function u(o,i,s,d,p,_){const a=e.resolveComponent("dt-radio");return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,t=>(e.openBlock(),e.createBlock(a,{key:t.value,value:t.value},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1)]),_:2},1032,["value"]))),128))])}const c=l._(n,[["render",u]]);exports.default=c;
-//# sourceMappingURL=radios-decorator.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"radios-decorator.cjs","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"],"names":["_sfc_main","DtRadio","_createElementBlock","_Fragment","_renderList","_ctx","option","_createBlock","_component_dt_radio","_createElementVNode","_toDisplayString"],"mappings":"6NAeKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBACN,WAAY,CAAA,QAAEC,EAAAA,SACd,SAAW,CACT,KAAK,QAAU,CACb,CAAE,MAAO,QAAS,MAAO,OAAM,EAC/B,CAAE,MAAO,SAAU,MAAO,UAC1B,CAAE,MAAO,QAAS,MAAO,OAAM,EAEnC,CACF,sFAzBEC,qBAQM,MAAA,KAAA,kBAPJA,EAAAA,mBAMWC,EAAAA,SAAA,KAAAC,EAAAA,WALQC,EAAA,QAAVC,kBADTC,EAAAA,YAMWC,EAAA,CAJR,IAAKF,EAAO,MACZ,MAAOA,EAAO,0BAEf,IAA+B,CAA/BG,EAAAA,mBAA+B,OAAA,KAAAC,EAAAA,gBAAtBJ,EAAO,KAAK,EAAA,CAAA"}
+{"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

@@ -1,34 +1,41 @@
-import { resolveComponent as n, openBlock as a, createElementBlock as t, Fragment as l, renderList as c, createBlock as s, withCtx as p, createElementVNode as i, toDisplayString as d } from "vue";
-import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import m from "../radio/radio.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "RadiosDecorator",
-  components: { DtRadio: m },
-  created() {
-    this.options = [
-      { label: "Apple", value: "apple" },
-      { label: "Banana", value: "banana" },
-      { label: "Other", value: "other" }
-    ];
-  }
+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/radio_group/radios_decorator.vue
+var d = {
+	compatConfig: { MODE: 3 },
+	name: "RadiosDecorator",
+	components: { DtRadio: t },
+	created() {
+		this.options = [
+			{
+				label: "Apple",
+				value: "apple"
+			},
+			{
+				label: "Banana",
+				value: "banana"
+			},
+			{
+				label: "Other",
+				value: "other"
+			}
+		];
+	}
 };
-function f(o, v, b, h, k, B) {
-  const r = n("dt-radio");
-  return a(), t("div", null, [
-    (a(!0), t(l, null, c(o.options, (e) => (a(), s(r, {
-      key: e.value,
-      value: e.value
-    }, {
-      default: p(() => [
-        i("span", null, d(e.label), 1)
-      ]),
-      _: 2
-    }, 1032, ["value"]))), 128))
-  ]);
+function f(e, t, d, f, p, m) {
+	let h = c("dt-radio");
+	return o(), i("div", null, [(o(!0), i(n, null, s(e.options, (e) => (o(), r(h, {
+		key: e.value,
+		value: e.value
+	}, {
+		default: u(() => [a("span", null, l(e.label), 1)]),
+		_: 2
+	}, 1032, ["value"]))), 128))]);
 }
-const x = /* @__PURE__ */ u(_, [["render", f]]);
-export {
-  x as default
-};
-//# sourceMappingURL=radios-decorator.js.map
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=radios-decorator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radios-decorator.js","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"],"names":["_sfc_main","DtRadio","_createElementBlock","_Fragment","_renderList","_ctx","option","_createBlock","_component_dt_radio","_createElementVNode","_toDisplayString"],"mappings":";;;AAeA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC;EACd,UAAW;AACT,SAAK,UAAU;AAAA,MACb,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,MAC/B,EAAE,OAAO,UAAU,OAAO;MAC1B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA;EAEnC;AACF;;;cAzBEC,EAQM,OAAA,MAAA;AAAA,YAPJA,EAMWC,GAAA,MAAAC,EALQC,EAAA,SAAO,CAAjBC,YADTC,EAMWC,GAAA;AAAA,MAJR,KAAKF,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA;iBAEf,MAA+B;AAAA,QAA/BG,EAA+B,QAAA,MAAAC,EAAtBJ,EAAO,KAAK,GAAA,CAAA;AAAA;;;;;;"}
+{"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/recipes/eslint.config.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=[{files:["**/*.story.vue"],rules:{"vue/no-v-html":"off"}}];exports.default=e;
-//# sourceMappingURL=eslint.config.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[{files:[`**/*.story.vue`],rules:{"vue/no-v-html":`off`}}];exports.default=e;
+//# sourceMappingURL=eslint.config.cjs.map

package/dist/lib/recipes/eslint.config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"eslint.config.cjs","sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"names":["eslint_config"],"mappings":"4GAAA,MAAAA,EAAe,CACb,CACE,MAAO,CAAC,gBAAgB,EACxB,MAAO,CACL,gBAAiB,KACvB,CACA,CACA"}
+{"version":3,"file":"eslint.config.cjs","names":[],"sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"mappings":"+FAAA,IAAA,EAAe,CACb,CACE,MAAO,CAAC,iBAAiB,CACzB,MAAO,CACL,gBAAiB,MAClB,CACF,CACF"}

package/dist/lib/recipes/eslint.config.js

@@ -1,12 +1,9 @@
-const e = [
-  {
-    files: ["**/*.story.vue"],
-    rules: {
-      "vue/no-v-html": "off"
-    }
-  }
-];
-export {
-  e as default
-};
-//# sourceMappingURL=eslint.config.js.map
+//#region recipes/eslint.config.js
+var e = [{
+	files: ["**/*.story.vue"],
+	rules: { "vue/no-v-html": "off" }
+}];
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=eslint.config.js.map

package/dist/lib/recipes/eslint.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"eslint.config.js","sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"names":["eslint_config"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb;AAAA,IACE,OAAO,CAAC,gBAAgB;AAAA,IACxB,OAAO;AAAA,MACL,iBAAiB;AAAA,IACvB;AAAA,EACA;AACA;"}
+{"version":3,"file":"eslint.config.js","names":[],"sources":["../../../recipes/eslint.config.js"],"sourcesContent":["export default [\n  {\n    files: ['**/*.story.vue'],\n    rules: {\n      'vue/no-v-html': 'off',\n    },\n  },\n];\n"],"mappings":";AAAA,IAAA,IAAe,CACb;CACE,OAAO,CAAC,iBAAiB;CACzB,OAAO,EACL,iBAAiB,OAClB;CACF,CACF"}

package/dist/lib/resizable/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../resizable_utils-DhuzXRdP.cjs`),t=require(`../../resizable-aOVGO_Os.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

@@ -0,0 +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, r as c, s as l, t as u, u as d } from "../../resizable_utils-BComtrMV.js";
+import { t as f } from "../../resizable-D4-peBOl.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

@@ -0,0 +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

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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

@@ -0,0 +1,132 @@
+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/resizable_panel.vue
+var m = ["id", "data-panel-id"], h = {
+	__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(h) {
+		let g = h, _ = [
+			"initialSize",
+			"userMinSize",
+			"userMaxSize",
+			"systemMinSize",
+			"systemMaxSize",
+			"collapseSize"
+		];
+		p(() => _.map((e) => g[e]), (t) => t.forEach((t, n) => {
+			t !== void 0 && !e(t) && console.error(`[DtResizablePanel] Invalid ${_[n]}: "${t}".`);
+		}), { immediate: !0 });
+		let v = a(t, null), y = v?.layout ?? n(() => ({
+			panels: /* @__PURE__ */ new Map(),
+			handles: []
+		})), b = v?.isResizing ?? n(() => !1), x = v?.offsetContentStyles ?? n(() => ({})), S = v?.registerPanel ?? null, C = v?.unregisterPanel ?? null, w = n(() => ({
+			id: g.id,
+			initialSize: g.initialSize,
+			userMinSize: g.userMinSize,
+			userMaxSize: g.userMaxSize,
+			systemMinSize: g.systemMinSize,
+			systemMaxSize: g.systemMaxSize,
+			collapseSize: g.collapseSize,
+			resizable: g.resizable ?? !0,
+			collapsible: g.collapsible ?? !1,
+			collapsed: g.collapsed ?? !1
+		}));
+		c(() => {
+			S && S(w.value);
+		}), l(() => {
+			C && C(g.id);
+		}), p(w, () => {
+			S && S(w.value);
+		}, { deep: !0 });
+		let T = v?.collapsePanel ?? null, E = v?.isInitializing ?? n(() => !1);
+		p(() => g.collapsed, (e) => {
+			E.value || T && e !== void 0 && T(g.id, e);
+		}, { immediate: !0 });
+		let D = v?.panelMap ?? n(() => /* @__PURE__ */ new Map()), O = n(() => D.value.get(g.id)), k = n(() => {
+			let e = y.value.panels.get(g.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, t) => (u(), r("div", {
+			id: `dt-resizable-panel-${g.id}`,
+			class: o(["d-resizable-panel", [g.class, {
+				"d-resizable-panel--collapsed": O.value && O.value.collapsed === !0,
+				"d-resizable-panel--fixed": O.value && O.value.resizable === !1
+			}]]),
+			style: s(k.value),
+			"data-panel-id": g.id,
+			"data-qa": "d-resizable-panel"
+		}, [i("div", {
+			class: "d-resizable-panel__content",
+			style: s(f(x))
+		}, [d(e.$slots, "default", {
+			panel: O.value,
+			isCollapsed: O.value?.collapsed,
+			isResizing: f(b)
+		})], 4)], 14, m));
+	}
+};
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=resizable-panel.js.map

package/dist/lib/resizable/resizable-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,IAAM,IAAQ,GAyBR,IAAa;GAAC;GAAe;GAAe;GAAe;GAAiB;GAAiB;GAAe;AAClH,UACQ,EAAW,KAAI,MAAK,EAAM,GAAG,GACnC,MAAQ,EAAK,SAAS,GAAG,MAAM;AAC7B,GAAI,MAAM,KAAA,KAAa,CAAC,EAAc,EAAE,IACtC,QAAQ,MAAM,8BAA8B,EAAW,GAAG,KAAK,EAAE,IAAI;IAEvE,EACF,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,IAAM,EAAO,GAAuB,KAAK,EACzC,IAAY,GAAK,UAAU,SAAgB;GAAE,wBAAQ,IAAI,KAAK;GAAE,SAAS,EAAE;GAAE,EAAE,EAC/E,IAAa,GAAK,cAAc,QAAe,GAAM,EACrD,IAAsB,GAAK,uBAAuB,SAAgB,EAAE,EAAE,EAEtE,IAAgB,GAAK,iBAAiB,MACtC,IAAkB,GAAK,mBAAmB,MAE1C,IAAc,SAAgB;GAClC,IAAI,EAAM;GACV,aAAa,EAAM;GACnB,aAAa,EAAM;GACnB,aAAa,EAAM;GACnB,eAAe,EAAM;GACrB,eAAe,EAAM;GACrB,cAAc,EAAM;GACpB,WAAW,EAAM,aAAa;GAC9B,aAAa,EAAM,eAAe;GAClC,WAAW,EAAM,aAAa;GAC/B,EAAE;AAeH,EAbA,QAAgB;AACd,GAAI,KACF,EAAc,EAAY,MAAM;IAElC,EAEF,QAAkB;AAChB,GAAI,KACF,EAAgB,EAAM,GAAG;IAE3B,EAGF,EAAM,SAAmB;AACvB,GAAI,KAAe,EAAc,EAAY,MAAM;KAClD,EAAE,MAAM,IAAM,CAAC;EAElB,IAAM,IAAgB,GAAK,iBAAiB,MACtC,IAAiB,GAAK,kBAAkB,QAAe,GAAM;AAEnE,UACQ,EAAM,YACZ,MAAgB;AACV,KAAe,SACf,KAAiB,MAAiB,KAAA,KACpC,EAAc,EAAM,IAAI,EAAa;KAGzC,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,IAAW,GAAK,YAAY,wBAAe,IAAI,KAAK,CAAC,EACrD,IAAQ,QAAe,EAAS,MAAM,IAAI,EAAM,GAAG,CAAC,EAEpD,IAAc,QAAe;GACjC,IAAM,IAAW,EAAU,MAAM,OAAO,IAAI,EAAM,GAAG;AAerD,UAbK,IAID,EAAS,YACJ;IACL,kBAAkB,GAAG,EAAS,KAAK;IACnC,YAAY;IACZ,UAAU;IACV,eAAe;IAChB,GAGI;IACL,kBAAkB,GAAG,EAAS,KAAK;IACnC,gBAAgB,GAAG,EAAS,MAAM;IACnC,GAfQ;IAAE,kBAAkB;IAAO,YAAY;IAAO,eAAe;IAAQ;IAgB9E;yBAhJA,EAyBM,OAAA;GAxBH,IAAE,sBAAwB,EAAM;GACjC,OAAK,EAAA,CAAC,qBAAmB,CACT,EAAM,OAAA;oCAAuD,EAAA,SAAS,EAAA,MAAM,cAAS;gCAA+C,EAAA,SAAS,EAAA,MAAM,cAAS;;GAO3K,OAAK,EAAE,EAAA,MAAW;GAClB,iBAAe,EAAM;GACtB,WAAQ;MAER,EAUM,OAAA;GATJ,OAAM;GACL,OAAK,EAAE,EAAA,EAAmB,CAAA;MAG3B,EAIE,EAAA,QAAA,WAAA;GAHC,OAAO,EAAA;GACP,aAAc,EAAA,OAAO;GACrB,YAAa,EAAA,EAAU"}

package/dist/lib/resizable/resizable.cjs

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

package/dist/lib/resizable/resizable.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../resizable-D4-peBOl.js";
+export { e as default };

package/dist/lib/rich-text-editor/channel-suggestion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a={items({query:e}){const n=[{id:"dialpad",name:"dialpad",channelKey:"ch-001"},{id:"dialtone",name:"dialtone",channelKey:"ch-002"},{id:"dialtone-vue",name:"dialtone-vue",channelKey:"ch-003"},{id:"dialtone-internal",name:"dialtone-internal",locked:!0,channelKey:"ch-004"}];return e.length===0?n:n.filter(t=>t.name.toLowerCase().startsWith(e.toLowerCase()))}};exports.default=a;
-//# sourceMappingURL=channel-suggestion.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={items({query:e}){let t=[{id:`dialpad`,name:`dialpad`,channelKey:`ch-001`},{id:`dialtone`,name:`dialtone`,channelKey:`ch-002`},{id:`dialtone-vue`,name:`dialtone-vue`,channelKey:`ch-003`},{id:`dialtone-internal`,name:`dialtone-internal`,locked:!0,channelKey:`ch-004`}];return e.length===0?t:t.filter(t=>t.name.toLowerCase().startsWith(e.toLowerCase()))}};exports.default=e;
+//# sourceMappingURL=channel-suggestion.cjs.map

package/dist/lib/rich-text-editor/channel-suggestion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"channel-suggestion.cjs","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n  items ({ query }) {\n    const CHANNEL_LIST = [\n      {\n        id: 'dialpad',\n        name: 'dialpad',\n        channelKey: 'ch-001',\n      },\n      {\n        id: 'dialtone',\n        name: 'dialtone',\n        channelKey: 'ch-002',\n      },\n      {\n        id: 'dialtone-vue',\n        name: 'dialtone-vue',\n        channelKey: 'ch-003',\n      },\n      {\n        id: 'dialtone-internal',\n        name: 'dialtone-internal',\n        locked: true,\n        channelKey: 'ch-004',\n      },\n    ];\n\n    if (query.length === 0) return CHANNEL_LIST;\n\n    return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n  },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"4GACA,MAAAA,EAAe,CACb,MAAO,CAAE,MAAAC,GAAS,CAChB,MAAMC,EAAe,CACnB,CACE,GAAI,UACJ,KAAM,UACN,WAAY,QACpB,EACM,CACE,GAAI,WACJ,KAAM,WACN,WAAY,QACpB,EACM,CACE,GAAI,eACJ,KAAM,eACN,WAAY,QACpB,EACM,CACE,GAAI,oBACJ,KAAM,oBACN,OAAQ,GACR,WAAY,QACpB,CACA,EAEI,OAAID,EAAM,SAAW,EAAUC,EAExBA,EAAa,OAAQC,GAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI,CAChH,CACF"}
+{"version":3,"file":"channel-suggestion.cjs","names":[],"sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n  items ({ query }) {\n    const CHANNEL_LIST = [\n      {\n        id: 'dialpad',\n        name: 'dialpad',\n        channelKey: 'ch-001',\n      },\n      {\n        id: 'dialtone',\n        name: 'dialtone',\n        channelKey: 'ch-002',\n      },\n      {\n        id: 'dialtone-vue',\n        name: 'dialtone-vue',\n        channelKey: 'ch-003',\n      },\n      {\n        id: 'dialtone-internal',\n        name: 'dialtone-internal',\n        locked: true,\n        channelKey: 'ch-004',\n      },\n    ];\n\n    if (query.length === 0) return CHANNEL_LIST;\n\n    return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n  },\n};\n"],"mappings":"+FACA,IAAA,EAAe,CACb,MAAO,CAAE,SAAS,CAChB,IAAM,EAAe,CACnB,CACE,GAAI,UACJ,KAAM,UACN,WAAY,SACb,CACD,CACE,GAAI,WACJ,KAAM,WACN,WAAY,SACb,CACD,CACE,GAAI,eACJ,KAAM,eACN,WAAY,SACb,CACD,CACE,GAAI,oBACJ,KAAM,oBACN,OAAQ,GACR,WAAY,SACb,CACF,CAID,OAFI,EAAM,SAAW,EAAU,EAExB,EAAa,OAAQ,GAAqB,EAAQ,KAAK,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,CAAI,EAElH"}

package/dist/lib/rich-text-editor/channel-suggestion.js

@@ -1,32 +1,31 @@
-const t = {
-  items({ query: e }) {
-    const n = [
-      {
-        id: "dialpad",
-        name: "dialpad",
-        channelKey: "ch-001"
-      },
-      {
-        id: "dialtone",
-        name: "dialtone",
-        channelKey: "ch-002"
-      },
-      {
-        id: "dialtone-vue",
-        name: "dialtone-vue",
-        channelKey: "ch-003"
-      },
-      {
-        id: "dialtone-internal",
-        name: "dialtone-internal",
-        locked: !0,
-        channelKey: "ch-004"
-      }
-    ];
-    return e.length === 0 ? n : n.filter((a) => a.name.toLowerCase().startsWith(e.toLowerCase()));
-  }
-};
-export {
-  t as default
-};
-//# sourceMappingURL=channel-suggestion.js.map
+//#region components/rich_text_editor/channel_suggestion.js
+var e = { items({ query: e }) {
+	let t = [
+		{
+			id: "dialpad",
+			name: "dialpad",
+			channelKey: "ch-001"
+		},
+		{
+			id: "dialtone",
+			name: "dialtone",
+			channelKey: "ch-002"
+		},
+		{
+			id: "dialtone-vue",
+			name: "dialtone-vue",
+			channelKey: "ch-003"
+		},
+		{
+			id: "dialtone-internal",
+			name: "dialtone-internal",
+			locked: !0,
+			channelKey: "ch-004"
+		}
+	];
+	return e.length === 0 ? t : t.filter((t) => t.name.toLowerCase().startsWith(e.toLowerCase()));
+} };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=channel-suggestion.js.map

package/dist/lib/rich-text-editor/channel-suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"channel-suggestion.js","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n  items ({ query }) {\n    const CHANNEL_LIST = [\n      {\n        id: 'dialpad',\n        name: 'dialpad',\n        channelKey: 'ch-001',\n      },\n      {\n        id: 'dialtone',\n        name: 'dialtone',\n        channelKey: 'ch-002',\n      },\n      {\n        id: 'dialtone-vue',\n        name: 'dialtone-vue',\n        channelKey: 'ch-003',\n      },\n      {\n        id: 'dialtone-internal',\n        name: 'dialtone-internal',\n        locked: true,\n        channelKey: 'ch-004',\n      },\n    ];\n\n    if (query.length === 0) return CHANNEL_LIST;\n\n    return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n  },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"AACA,MAAAA,IAAe;AAAA,EACb,MAAO,EAAE,OAAAC,KAAS;AAChB,UAAMC,IAAe;AAAA,MACnB;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,YAAY;AAAA,MACpB;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,YAAY;AAAA,MACpB;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,YAAY;AAAA,MACpB;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,YAAY;AAAA,MACpB;AAAA,IACA;AAEI,WAAID,EAAM,WAAW,IAAUC,IAExBA,EAAa,OAAO,CAACC,MAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI;AAAA,EAChH;AACF;"}
+{"version":3,"file":"channel-suggestion.js","names":[],"sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n  items ({ query }) {\n    const CHANNEL_LIST = [\n      {\n        id: 'dialpad',\n        name: 'dialpad',\n        channelKey: 'ch-001',\n      },\n      {\n        id: 'dialtone',\n        name: 'dialtone',\n        channelKey: 'ch-002',\n      },\n      {\n        id: 'dialtone-vue',\n        name: 'dialtone-vue',\n        channelKey: 'ch-003',\n      },\n      {\n        id: 'dialtone-internal',\n        name: 'dialtone-internal',\n        locked: true,\n        channelKey: 'ch-004',\n      },\n    ];\n\n    if (query.length === 0) return CHANNEL_LIST;\n\n    return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n  },\n};\n"],"mappings":";AACA,IAAA,IAAe,EACb,MAAO,EAAE,YAAS;CAChB,IAAM,IAAe;EACnB;GACE,IAAI;GACJ,MAAM;GACN,YAAY;GACb;EACD;GACE,IAAI;GACJ,MAAM;GACN,YAAY;GACb;EACD;GACE,IAAI;GACJ,MAAM;GACN,YAAY;GACb;EACD;GACE,IAAI;GACJ,MAAM;GACN,QAAQ;GACR,YAAY;GACb;EACF;AAID,QAFI,EAAM,WAAW,IAAU,IAExB,EAAa,QAAQ,MAAqB,EAAQ,KAAK,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,CAAI;GAElH"}

package/dist/lib/rich-text-editor/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./rich-text-editor.cjs"),T=require("./rich-text-editor-constants.cjs");exports.DtRichTextEditor=t.default;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=T.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=T.RICH_TEXT_EDITOR_OUTPUT_FORMATS;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../rich_text_editor-DMP5eTlf.cjs`),t=require(`./rich-text-editor-constants.cjs`);exports.DtRichTextEditor=e.t,exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=t.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=t.RICH_TEXT_EDITOR_OUTPUT_FORMATS;