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

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

@@ -1 +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":"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"}
+{"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          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      v-if=\"$slots.description || description || hasMessages\"\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        :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 { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\nimport { hasSlotContent, removeClassStyleAttrs } 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, 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     * 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    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\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('input', value);\n        this.$emit('update:modelValue', value);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/radio/radio.js

@@ -1,25 +1,46 @@
-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";
+import { hasSlotContent as e, removeClassStyleAttrs as t } from "../../common/utils/index.js";
+import { CheckableMixin as n, GroupableMixin as r, InputMixin as i, MessagesMixin as a } from "../../common/mixins/input.js";
+import { t as o } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import s from "../validation-messages/validation-messages.js";
+import { TEXT_SIZE_MODIFIERS as c, TEXT_STRENGTH_MODIFIERS as l } from "../text/text-constants.js";
+import u from "../text/text.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as d } from "./radio-constants.js";
+import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, mergeProps as v, normalizeClass as y, normalizeStyle as b, openBlock as x, renderSlot as S, resolveComponent as C, toDisplayString as w, toHandlers as T, withCtx as E } from "vue";
 //#region components/radio/radio.vue
-var S = {
+var D = {
 	compatConfig: { MODE: 3 },
 	name: "DtRadio",
-	components: { DtValidationMessages: c },
+	components: {
+		DtValidationMessages: s,
+		DtText: u
+	},
 	mixins: [
-		a,
-		r,
 		i,
-		o
+		n,
+		r,
+		a
 	],
 	inheritAttrs: !1,
-	props: { value: {
-		type: [String, Number],
-		default: ""
-	} },
+	props: {
+		value: {
+			type: [String, Number],
+			default: ""
+		},
+		showLabel: {
+			type: Boolean,
+			default: !0
+		},
+		labelSize: {
+			type: [String, Number],
+			default: null,
+			validator: (e) => c.label.includes(String(e))
+		},
+		labelStrength: {
+			type: String,
+			default: null,
+			validator: (e) => Object.keys(l).includes(e)
+		}
+	},
 	emits: [
 		"input",
 		"update:modelValue",
@@ -28,11 +49,20 @@ var S = {
 		"focusout"
 	],
 	data() {
-		return { hasSlotContent: t };
+		return { hasSlotContent: e };
 	},
 	computed: {
+		hasLabelContent() {
+			return !!(this.$slots.default || this.label);
+		},
+		hasLabel() {
+			return this.showLabel && this.hasLabelContent;
+		},
+		resolvedLabelSize() {
+			return this.labelSize ?? 300;
+		},
 		inputValidationClass() {
-			return l[this.internalValidationState];
+			return d[this.internalValidationState];
 		},
 		radioGroupValue() {
 			return this.groupContext?.selectedValue;
@@ -55,26 +85,35 @@ var S = {
 			this.hasGroup && (this.internalChecked = e === this.value);
 		}
 	} },
+	mounted() {
+		this.runValidations();
+	},
 	methods: {
-		removeClassStyleAttrs: n,
-		addClassStyleAttrs: e,
+		removeClassStyleAttrs: t,
+		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("input", e), this.$emit("update:modelValue", e));
 		}
 	}
-}, C = { class: "d-radio__input" }, w = [
+}, O = { class: "d-radio__input" }, k = [
 	"checked",
 	"name",
 	"value",
-	"disabled"
-], T = {
+	"disabled",
+	"aria-label"
+], A = {
 	key: 0,
 	class: "d-radio__messages",
 	"data-qa": "radio-description-messages"
 };
-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({
+function j(e, t, n, r, i, a) {
+	let o = C("dt-text"), s = C("dt-validation-messages");
+	return x(), m("div", {
+		class: y(e.$attrs.class),
+		style: b(e.$attrs.style)
+	}, [h("label", { class: y(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }]) }, [h("div", O, [h("input", v({
 		checked: e.internalChecked,
 		name: e.internalName,
 		value: n.value,
@@ -84,11 +123,35 @@ function E(e, t, n, r, i, a) {
 			"d-radio",
 			a.inputValidationClass,
 			e.inputClass
-		]
-	}, 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({
+		],
+		"aria-label": !n.showLabel && e.label ? e.label : void 0
+	}, a.removeClassStyleAttrs(e.$attrs), T(a.inputListeners, !0)), null, 16, k)]), a.hasLabel ? (x(), f(o, v({
+		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: E(() => [S(e.$slots, "default", {}, () => [g(w(e.label), 1)])]),
+		_: 3
+	}, 16, [
+		"size",
+		"strength",
+		"tone",
+		"class"
+	])) : p("", !0)], 2), e.$slots.description || e.description || a.hasMessages ? (x(), m("div", A, [e.$slots.description || e.description ? (x(), f(o, v({
 		key: 0,
+		kind: "body",
+		size: 200,
+		tone: "tertiary",
+		as: "div",
 		class: ["d-description", e.descriptionClass]
-	}, e.descriptionChildProps, { "data-qa": "radio-description" }), [v(e.$slots, "description", {}, () => [p(b(e.description), 1)])], 16)) : u("", !0), m(o, h({
+	}, e.descriptionChildProps, { "data-qa": "radio-description" }), {
+		default: E(() => [S(e.$slots, "description", {}, () => [g(w(e.description), 1)])]),
+		_: 3
+	}, 16, ["class"])) : p("", !0), _(s, v({
 		"validation-messages": e.formattedMessages,
 		"show-messages": e.showMessages,
 		class: e.messagesClass
@@ -96,10 +159,10 @@ function E(e, t, n, r, i, a) {
 		"validation-messages",
 		"show-messages",
 		"class"
-	])])) : u("", !0)], 16);
+	])])) : p("", !0)], 6);
 }
-var D = /* @__PURE__ */ s(S, [["render", E]]);
+var M = /* @__PURE__ */ o(D, [["render", j]]);
 //#endregion
-export { D as default };
+export { M as default };
 
 //# sourceMappingURL=radio.js.map

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

@@ -1 +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"}
+{"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          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      v-if=\"$slots.description || description || hasMessages\"\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        :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 { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\nimport { hasSlotContent, removeClassStyleAttrs } 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, 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     * 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    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\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('input', value);\n        this.$emit('update:modelValue', value);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/resizable/index.cjs

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

@@ -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, 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 { 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-DsKnGHKW.js";
+import { t as f } from "../../resizable-xcOu-0_w.js";
+import { t as p } from "../../resizable_handle-BAZzCA_i.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

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

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

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

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

@@ -1,2 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../resizable_utils-BE4lK07_.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.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "../../resizable_utils-BComtrMV.js";
+import { a as e, d as t } from "../../resizable_utils-DsKnGHKW.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 = {

package/dist/lib/resizable/resizable.cjs

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

package/dist/lib/resizable/resizable.js

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

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

@@ -1 +1 @@
-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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../rich_text_editor-immDiKq_.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;

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

@@ -1,3 +1,3 @@
-import { t as e } from "../../rich_text_editor-Ba67C4Uk.js";
+import { t as e } from "../../rich_text_editor-CEW74QNe.js";
 import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as t, RICH_TEXT_EDITOR_OUTPUT_FORMATS as n } from "./rich-text-editor-constants.js";
 export { e as DtRichTextEditor, t as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES, n as RICH_TEXT_EDITOR_OUTPUT_FORMATS };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../markdownRenderer-DCgGQseq.cjs`);exports.renderEditorToMarkdown=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../markdownRenderer-Dsq-CiH9.cjs`);exports.renderEditorToMarkdown=e.t;

package/dist/lib/rich-text-editor/markdownRenderer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../markdownRenderer-D_P94RyM.js";
+import { t as e } from "../../markdownRenderer-k7_rQkox.js";
 export { e as renderEditorToMarkdown };

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../rich_text_editor-Ba67C4Uk.js";
+import { t as e } from "../../rich_text_editor-CEW74QNe.js";
 export { e as default };

package/dist/lib/root-layout/root-layout-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={LEFT:`left`,RIGHT:`right`},t=[`sm`,`md`,`lg`,null],n={ROOT_LAYOUT_SIDEBAR_POSITIONS:e,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t,exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=e,exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={START:`start`,END:`end`,LEFT:`left`,RIGHT:`right`},t=[`sm`,`md`,`lg`,null],n={ROOT_LAYOUT_SIDEBAR_POSITIONS:e,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t,exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=e,exports.default=n;
 //# sourceMappingURL=root-layout-constants.cjs.map

package/dist/lib/root-layout/root-layout-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.cjs","names":[],"sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAgC,CAC3C,KAAM,OACN,MAAO,QACR,CAEY,EAAqC,CAAC,KAAM,KAAM,KAAM,KAAK,CAE1E,EAAe,CACb,gCACA,qCACD"}
+{"version":3,"file":"root-layout-constants.cjs","names":[],"sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"mappings":"+FAAA,IAAa,EAAgC,CAC3C,MAAO,QACP,IAAK,MACL,KAAM,OACN,MAAO,QACR,CAEY,EAAqC,CAAC,KAAM,KAAM,KAAM,KAAK,CAE1E,EAAe,CACb,gCACA,qCACD"}

package/dist/lib/root-layout/root-layout-constants.js

@@ -1,5 +1,7 @@
 //#region components/root_layout/root_layout_constants.js
 var e = {
+	START: "start",
+	END: "end",
 	LEFT: "left",
 	RIGHT: "right"
 }, t = [

package/dist/lib/root-layout/root-layout-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.js","names":[],"sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"mappings":";AAAA,IAAa,IAAgC;CAC3C,MAAM;CACN,OAAO;CACR,EAEY,IAAqC;CAAC;CAAM;CAAM;CAAM;CAAK,EAE1E,IAAe;CACb;CACA;CACD"}
+{"version":3,"file":"root-layout-constants.js","names":[],"sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"mappings":";AAAA,IAAa,IAAgC;CAC3C,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACR,EAEY,IAAqC;CAAC;CAAM;CAAM;CAAM;CAAK,EAE1E,IAAe;CACb;CACA;CACD"}

package/dist/lib/root-layout/root-layout.cjs

@@ -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(`./root-layout-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRootLayout`,props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:``},headerHeight:{type:String,default:`64px`},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},sidebarClass:{type:[String,Array,Object],default:``},sidebarWidth:{type:String,default:`256px`},sidebarPosition:{type:String,default:`left`,validator:e=>Object.values(t.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(e)},footerClass:{type:[String,Array,Object],default:``},footerHeight:{type:String,default:`64px`},responsiveBreakpoint:{type:String,default:null,validator:e=>t.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(e)}},computed:{isInverted(){return this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:`d-root-layout__responsive--default`}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`root-layout`,`d-root-layout`,{"d-root-layout--fixed":r.fixed,"d-root-layout--inverted":o.isInverted},o.responsiveBreakpointClass]),"data-qa":`dt-root-layout`},[(0,n.createElementVNode)(`header`,{class:(0,n.normalizeClass)([`d-root-layout__header`,{"d-root-layout__header--sticky":r.headerSticky},r.headerClass]),"data-qa":`dt-root-layout-header`},[(0,n.renderSlot)(e.$slots,`header`)],2),(0,n.createElementVNode)(`aside`,{ref:`root-layout-sidebar`,tabindex:`0`,class:(0,n.normalizeClass)([`d-root-layout__sidebar`,r.sidebarClass]),"data-qa":`dt-root-layout-sidebar`},[(0,n.renderSlot)(e.$slots,`sidebar`)],2),(0,n.createElementVNode)(`main`,{ref:`root-layout-content`,class:(0,n.normalizeClass)([`d-root-layout__content`,r.contentClass]),"data-qa":`dt-root-layout-content`,tabindex:`0`},[(0,n.renderSlot)(e.$slots,`default`)],2),(0,n.createElementVNode)(`footer`,{class:(0,n.normalizeClass)([`d-root-layout__footer`,r.footerClass]),"data-qa":`dt-root-layout-footer`},[(0,n.renderSlot)(e.$slots,`footer`)],2)],2)}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(`./root-layout-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRootLayout`,props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:``},headerHeight:{type:String,default:`64px`},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},sidebarClass:{type:[String,Array,Object],default:``},sidebarWidth:{type:String,default:`256px`},sidebarPosition:{type:String,default:`start`,validator:e=>Object.values(t.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(e)},footerClass:{type:[String,Array,Object],default:``},footerHeight:{type:String,default:`64px`},responsiveBreakpoint:{type:String,default:null,validator:e=>t.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(e)}},computed:{isInverted(){return this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.END||this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:`d-root-layout__responsive--default`}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`root-layout`,`d-root-layout`,{"d-root-layout--fixed":r.fixed,"d-root-layout--inverted":o.isInverted},o.responsiveBreakpointClass]),"data-qa":`dt-root-layout`},[(0,n.createElementVNode)(`header`,{class:(0,n.normalizeClass)([`d-root-layout__header`,{"d-root-layout__header--sticky":r.headerSticky},r.headerClass]),"data-qa":`dt-root-layout-header`},[(0,n.renderSlot)(e.$slots,`header`)],2),(0,n.createElementVNode)(`aside`,{ref:`root-layout-sidebar`,tabindex:`0`,class:(0,n.normalizeClass)([`d-root-layout__sidebar`,r.sidebarClass]),"data-qa":`dt-root-layout-sidebar`},[(0,n.renderSlot)(e.$slots,`sidebar`)],2),(0,n.createElementVNode)(`main`,{ref:`root-layout-content`,class:(0,n.normalizeClass)([`d-root-layout__content`,r.contentClass]),"data-qa":`dt-root-layout-content`,tabindex:`0`},[(0,n.renderSlot)(e.$slots,`default`)],2),(0,n.createElementVNode)(`footer`,{class:(0,n.normalizeClass)([`d-root-layout__footer`,r.footerClass]),"data-qa":`dt-root-layout-footer`},[(0,n.renderSlot)(e.$slots,`footer`)],2)],2)}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=root-layout.cjs.map

package/dist/lib/root-layout/root-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.cjs","names":[],"sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"mappings":"iQAwDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,QACV,CAOD,gBAAiB,CACf,KAAM,OACN,QAAS,OACT,UAAY,GAAM,OAAO,OAAO,EAAA,8BAA8B,CAAC,SAAS,EAAE,CAC3E,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAY,GAAO,EAAA,mCAAmC,SAAS,EAAG,CACnE,CACF,CAED,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoB,EAAA,8BAA8B,OAGhE,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,uBACnC,sCAEP,CACF,0EAlIO,MAAA,CA7CH,OAAA,EAAA,EAAA,gBAAK,uDAAwF,EAAA,gCAA0C,EAAA,YAA2B,EAAA,4BASnK,UAAQ,4CASC,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAAA,CAAA,gCAA+D,EAAA,aAAY,CAAI,EAAA,YAAW,CAAA,CAChG,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,0BAUhB,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,4CAGe,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BAUlB,OAAA,CAPL,IAAI,sBACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,yBACR,SAAS,uBAGD,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BASD,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAA4B,EAAA,YAAW,CAAA,CAC7C,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA"}
+{"version":3,"file":"root-layout.cjs","names":[],"sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the width of the inner element instead.\n     * @deprecated\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"mappings":"iQAwDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,aAAc,CACZ,KAAM,OACN,QAAS,QACV,CAMD,gBAAiB,CACf,KAAM,OACN,QAAS,QACT,UAAY,GAAM,OAAO,OAAO,EAAA,8BAA8B,CAAC,SAAS,EAAE,CAC3E,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAMD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,CAMD,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAY,GAAO,EAAA,mCAAmC,SAAS,EAAG,CACnE,CACF,CAED,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoB,EAAA,8BAA8B,KAC5D,KAAK,kBAAoB,EAAA,8BAA8B,OAG3D,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,uBACnC,sCAEP,CACF,0EArIO,MAAA,CA7CH,OAAA,EAAA,EAAA,gBAAK,uDAAwF,EAAA,gCAA0C,EAAA,YAA2B,EAAA,4BASnK,UAAQ,4CASC,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAAA,CAAA,gCAA+D,EAAA,aAAY,CAAI,EAAA,YAAW,CAAA,CAChG,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,0BAUhB,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,4CAGe,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BAUlB,OAAA,CAPL,IAAI,sBACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,aAAY,CAAA,CAC/C,UAAQ,yBACR,SAAS,uBAGD,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,0BASD,SAAA,CANN,OAAA,EAAA,EAAA,gBAAK,CAAA,wBAA4B,EAAA,YAAW,CAAA,CAC7C,UAAQ,2CAIc,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA"}

package/dist/lib/root-layout/root-layout.js

@@ -56,7 +56,7 @@ var c = {
 		},
 		sidebarPosition: {
 			type: String,
-			default: "left",
+			default: "start",
 			validator: (e) => Object.values(n).includes(e)
 		},
 		footerClass: {
@@ -79,7 +79,7 @@ var c = {
 	},
 	computed: {
 		isInverted() {
-			return this.sidebarPosition === n.RIGHT;
+			return this.sidebarPosition === n.END || this.sidebarPosition === n.RIGHT;
 		},
 		responsiveBreakpointClass() {
 			return this.responsiveBreakpoint ? `d-root-layout__responsive--${this.responsiveBreakpoint}` : "d-root-layout__responsive--default";

package/dist/lib/root-layout/root-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.js","names":[],"sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAwDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAML,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAOD,iBAAiB;GACf,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,OAAO,EAA8B,CAAC,SAAS,EAAE;GAC3E;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACT,YAAY,MAAO,EAAmC,SAAS,EAAG;GACnE;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,oBAAoB,EAA8B;;EAGhE,4BAA6B;AAC3B,UAAO,KAAK,uBACR,8BAA8B,KAAK,yBACnC;;EAEP;CACF;;aAhLC,EA8CM,OAAA;EA7CH,OAAK,EAAA;;;;4BAAwF,EAAA;+BAA0C,EAAA;;GAA2B,EAAA;;EASnK,WAAQ;;EAER,EAOS,UAAA;GANN,OAAK,EAAA;IAAA;IAAA,EAAA,iCAA+D,EAAA,cAAY;IAAI,EAAA;IAAW,CAAA;GAChG,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA;EAExB,EAQQ,SAAA;GAPN,KAAI;GACJ,UAAS;GACR,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;MAGR,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEzB,EAQO,QAAA;GAPL,KAAI;GACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;GACR,UAAS;MAGT,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEV,EAOS,UAAA;GANN,OAAK,EAAA,CAAA,yBAA4B,EAAA,YAAW,CAAA;GAC7C,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"root-layout.js","names":[],"sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the width of the inner element instead.\n     * @deprecated\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Set the height of the inner element instead.\n     * @deprecated\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAwDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAML,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,iBAAiB;GACf,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,OAAO,EAA8B,CAAC,SAAS,EAAE;GAC3E;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAMD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACT,YAAY,MAAO,EAAmC,SAAS,EAAG;GACnE;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,oBAAoB,EAA8B,OAC5D,KAAK,oBAAoB,EAA8B;;EAG3D,4BAA6B;AAC3B,UAAO,KAAK,uBACR,8BAA8B,KAAK,yBACnC;;EAEP;CACF;;aAnLC,EA8CM,OAAA;EA7CH,OAAK,EAAA;;;;4BAAwF,EAAA;+BAA0C,EAAA;;GAA2B,EAAA;;EASnK,WAAQ;;EAER,EAOS,UAAA;GANN,OAAK,EAAA;IAAA;IAAA,EAAA,iCAA+D,EAAA,cAAY;IAAI,EAAA;IAAW,CAAA;GAChG,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA;EAExB,EAQQ,SAAA;GAPN,KAAI;GACJ,UAAS;GACR,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;MAGR,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEzB,EAQO,QAAA;GAPL,KAAI;GACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,aAAY,CAAA;GAC/C,WAAQ;GACR,UAAS;MAGT,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAEV,EAOS,UAAA;GANN,OAAK,EAAA,CAAA,yBAA4B,EAAA,YAAW,CAAA;GAC7C,WAAQ;MAIR,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA"}

package/dist/lib/scroller/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../scroller-CjAsgjl9.cjs`);exports.DtScroller=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../scroller-C15VLKNK.cjs`);exports.DtScroller=e.t;

package/dist/lib/scroller/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../scroller-BGVDh3sq.js";
+import { t as e } from "../../scroller-DPqcc_Wl.js";
 export { e as DtScroller };

package/dist/lib/scroller/scroller.cjs

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

package/dist/lib/scroller/scroller.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../scroller-BGVDh3sq.js";
+import { t as e } from "../../scroller-DPqcc_Wl.js";
 export { e as default };

package/dist/lib/segmented-control/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./segmented-control-constants.cjs`),t=require(`./segmented-control.cjs`),n=require(`./segmented-control-item.cjs`);exports.DtSegmentedControl=t.default,exports.DtSegmentedControlItem=n.default,exports.SEGMENTED_CONTROL_ACTIVATION_MODES=e.SEGMENTED_CONTROL_ACTIVATION_MODES,exports.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT=e.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,exports.SEGMENTED_CONTROL_CONTEXT_KEY=e.SEGMENTED_CONTROL_CONTEXT_KEY,exports.SEGMENTED_CONTROL_FOCUS_KEY=e.SEGMENTED_CONTROL_FOCUS_KEY,exports.SEGMENTED_CONTROL_ORIENTATIONS=e.SEGMENTED_CONTROL_ORIENTATIONS,exports.SEGMENTED_CONTROL_ORIENTATION_DEFAULT=e.SEGMENTED_CONTROL_ORIENTATION_DEFAULT,exports.SEGMENTED_CONTROL_SELECT_KEY=e.SEGMENTED_CONTROL_SELECT_KEY,exports.SEGMENTED_CONTROL_SIZES=e.SEGMENTED_CONTROL_SIZES,exports.SEGMENTED_CONTROL_SIZE_DEFAULT=e.SEGMENTED_CONTROL_SIZE_DEFAULT,exports.SEGMENTED_CONTROL_SIZE_MODIFIERS=e.SEGMENTED_CONTROL_SIZE_MODIFIERS,exports.SEGMENTED_CONTROL_SPREADS=e.SEGMENTED_CONTROL_SPREADS,exports.SEGMENTED_CONTROL_SPREAD_DEFAULT=e.SEGMENTED_CONTROL_SPREAD_DEFAULT;

package/dist/lib/segmented-control/index.js

@@ -0,0 +1,4 @@
+import { SEGMENTED_CONTROL_ACTIVATION_MODES as e, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as t, SEGMENTED_CONTROL_CONTEXT_KEY as n, SEGMENTED_CONTROL_FOCUS_KEY as r, SEGMENTED_CONTROL_ORIENTATIONS as i, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as a, SEGMENTED_CONTROL_SELECT_KEY as o, SEGMENTED_CONTROL_SIZES as s, SEGMENTED_CONTROL_SIZE_DEFAULT as c, SEGMENTED_CONTROL_SIZE_MODIFIERS as l, SEGMENTED_CONTROL_SPREADS as u, SEGMENTED_CONTROL_SPREAD_DEFAULT as d } from "./segmented-control-constants.js";
+import f from "./segmented-control.js";
+import p from "./segmented-control-item.js";
+export { f as DtSegmentedControl, p as DtSegmentedControlItem, e as SEGMENTED_CONTROL_ACTIVATION_MODES, t as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, n as SEGMENTED_CONTROL_CONTEXT_KEY, r as SEGMENTED_CONTROL_FOCUS_KEY, i as SEGMENTED_CONTROL_ORIENTATIONS, a as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, o as SEGMENTED_CONTROL_SELECT_KEY, s as SEGMENTED_CONTROL_SIZES, c as SEGMENTED_CONTROL_SIZE_DEFAULT, l as SEGMENTED_CONTROL_SIZE_MODIFIERS, u as SEGMENTED_CONTROL_SPREADS, d as SEGMENTED_CONTROL_SPREAD_DEFAULT };

package/dist/lib/segmented-control/segmented-control-constants.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`100`,`200`,`300`,`400`,`500`,`xs`,`sm`,`md`,`lg`,`xl`],t=200,n={100:`d-segmented-control--xs`,200:`d-segmented-control--sm`,300:`d-segmented-control--md`,400:`d-segmented-control--lg`,500:`d-segmented-control--xl`,xs:`d-segmented-control--xs`,sm:`d-segmented-control--sm`,md:`d-segmented-control--md`,lg:`d-segmented-control--lg`,xl:`d-segmented-control--xl`},r=[`horizontal`,`vertical`],i=`horizontal`,a=[`auto`,`manual`],o=`auto`,s=[`grow`,`evenly`],c=`grow`,l=`[role="radio"]`,u=`data-value`,d=Symbol(`DtSegmentedControlContext`),f=Symbol(`DtSegmentedControlSelect`),p=Symbol(`DtSegmentedControlFocus`),m={SEGMENTED_CONTROL_SIZES:e,SEGMENTED_CONTROL_SIZE_DEFAULT:200,SEGMENTED_CONTROL_SIZE_MODIFIERS:n,SEGMENTED_CONTROL_ORIENTATIONS:r,SEGMENTED_CONTROL_ORIENTATION_DEFAULT:i,SEGMENTED_CONTROL_ACTIVATION_MODES:a,SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT:o,SEGMENTED_CONTROL_SPREADS:s,SEGMENTED_CONTROL_SPREAD_DEFAULT:c,SEGMENTED_CONTROL_CONTEXT_KEY:d,SEGMENTED_CONTROL_SELECT_KEY:f,SEGMENTED_CONTROL_FOCUS_KEY:p};exports.SEGMENTED_CONTROL_ACTIVATION_MODES=a,exports.SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT=o,exports.SEGMENTED_CONTROL_CONTEXT_KEY=d,exports.SEGMENTED_CONTROL_DATA_VALUE_ATTR=u,exports.SEGMENTED_CONTROL_FOCUS_KEY=p,exports.SEGMENTED_CONTROL_ITEM_SELECTOR=l,exports.SEGMENTED_CONTROL_ORIENTATIONS=r,exports.SEGMENTED_CONTROL_ORIENTATION_DEFAULT=i,exports.SEGMENTED_CONTROL_SELECT_KEY=f,exports.SEGMENTED_CONTROL_SIZES=e,exports.SEGMENTED_CONTROL_SIZE_DEFAULT=t,exports.SEGMENTED_CONTROL_SIZE_MODIFIERS=n,exports.SEGMENTED_CONTROL_SPREADS=s,exports.SEGMENTED_CONTROL_SPREAD_DEFAULT=c,exports.default=m;
+//# sourceMappingURL=segmented-control-constants.cjs.map

package/dist/lib/segmented-control/segmented-control-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-constants.cjs","names":[],"sources":["../../../components/segmented_control/segmented_control_constants.js"],"sourcesContent":["export const SEGMENTED_CONTROL_SIZES = ['100', '200', '300', '400', '500', 'xs', 'sm', 'md', 'lg', 'xl'];\nexport const SEGMENTED_CONTROL_SIZE_DEFAULT = 200;\n\nexport const SEGMENTED_CONTROL_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-segmented-control--xs',\n  200: 'd-segmented-control--sm',\n  300: 'd-segmented-control--md',\n  400: 'd-segmented-control--lg',\n  500: 'd-segmented-control--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-segmented-control--xs',\n  sm: 'd-segmented-control--sm',\n  md: 'd-segmented-control--md',\n  lg: 'd-segmented-control--lg',\n  xl: 'd-segmented-control--xl',\n};\n\nexport const SEGMENTED_CONTROL_ORIENTATIONS = ['horizontal', 'vertical'];\nexport const SEGMENTED_CONTROL_ORIENTATION_DEFAULT = 'horizontal';\n\nexport const SEGMENTED_CONTROL_ACTIVATION_MODES = ['auto', 'manual'];\nexport const SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT = 'auto';\n\nexport const SEGMENTED_CONTROL_SPREADS = ['grow', 'evenly'];\nexport const SEGMENTED_CONTROL_SPREAD_DEFAULT = 'grow';\n\nexport const SEGMENTED_CONTROL_ITEM_SELECTOR = '[role=\"radio\"]';\nexport const SEGMENTED_CONTROL_DATA_VALUE_ATTR = 'data-value';\n\nexport const SEGMENTED_CONTROL_CONTEXT_KEY = Symbol('DtSegmentedControlContext');\nexport const SEGMENTED_CONTROL_SELECT_KEY = Symbol('DtSegmentedControlSelect');\nexport const SEGMENTED_CONTROL_FOCUS_KEY = Symbol('DtSegmentedControlFocus');\n\nexport default {\n  SEGMENTED_CONTROL_SIZES,\n  SEGMENTED_CONTROL_SIZE_DEFAULT,\n  SEGMENTED_CONTROL_SIZE_MODIFIERS,\n  SEGMENTED_CONTROL_ORIENTATIONS,\n  SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n  SEGMENTED_CONTROL_ACTIVATION_MODES,\n  SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n  SEGMENTED_CONTROL_SPREADS,\n  SEGMENTED_CONTROL_SPREAD_DEFAULT,\n  SEGMENTED_CONTROL_CONTEXT_KEY,\n  SEGMENTED_CONTROL_SELECT_KEY,\n  SEGMENTED_CONTROL_FOCUS_KEY,\n};\n"],"mappings":"+FAAA,IAAa,EAA0B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,KAAK,CAC3F,EAAiC,IAEjC,EAAmC,CAE9C,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BACL,IAAK,0BAEL,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACJ,GAAI,0BACL,CAEY,EAAiC,CAAC,aAAc,WAAW,CAC3D,EAAwC,aAExC,EAAqC,CAAC,OAAQ,SAAS,CACvD,EAA4C,OAE5C,EAA4B,CAAC,OAAQ,SAAS,CAC9C,EAAmC,OAEnC,EAAkC,iBAClC,EAAoC,aAEpC,EAAgC,OAAO,4BAA4B,CACnE,EAA+B,OAAO,2BAA2B,CACjE,EAA8B,OAAO,0BAA0B,CAE5E,EAAe,CACb,0BACA,+BAAA,IACA,mCACA,iCACA,wCACA,qCACA,4CACA,4BACA,mCACA,gCACA,+BACA,8BACD"}

package/dist/lib/segmented-control/segmented-control-constants.js

@@ -0,0 +1,41 @@
+//#region components/segmented_control/segmented_control_constants.js
+var e = [
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], t = 200, n = {
+	100: "d-segmented-control--xs",
+	200: "d-segmented-control--sm",
+	300: "d-segmented-control--md",
+	400: "d-segmented-control--lg",
+	500: "d-segmented-control--xl",
+	xs: "d-segmented-control--xs",
+	sm: "d-segmented-control--sm",
+	md: "d-segmented-control--md",
+	lg: "d-segmented-control--lg",
+	xl: "d-segmented-control--xl"
+}, r = ["horizontal", "vertical"], i = "horizontal", a = ["auto", "manual"], o = "auto", s = ["grow", "evenly"], c = "grow", l = "[role=\"radio\"]", u = "data-value", d = Symbol("DtSegmentedControlContext"), f = Symbol("DtSegmentedControlSelect"), p = Symbol("DtSegmentedControlFocus"), m = {
+	SEGMENTED_CONTROL_SIZES: e,
+	SEGMENTED_CONTROL_SIZE_DEFAULT: 200,
+	SEGMENTED_CONTROL_SIZE_MODIFIERS: n,
+	SEGMENTED_CONTROL_ORIENTATIONS: r,
+	SEGMENTED_CONTROL_ORIENTATION_DEFAULT: i,
+	SEGMENTED_CONTROL_ACTIVATION_MODES: a,
+	SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT: o,
+	SEGMENTED_CONTROL_SPREADS: s,
+	SEGMENTED_CONTROL_SPREAD_DEFAULT: c,
+	SEGMENTED_CONTROL_CONTEXT_KEY: d,
+	SEGMENTED_CONTROL_SELECT_KEY: f,
+	SEGMENTED_CONTROL_FOCUS_KEY: p
+};
+//#endregion
+export { a as SEGMENTED_CONTROL_ACTIVATION_MODES, o as SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT, d as SEGMENTED_CONTROL_CONTEXT_KEY, u as SEGMENTED_CONTROL_DATA_VALUE_ATTR, p as SEGMENTED_CONTROL_FOCUS_KEY, l as SEGMENTED_CONTROL_ITEM_SELECTOR, r as SEGMENTED_CONTROL_ORIENTATIONS, i as SEGMENTED_CONTROL_ORIENTATION_DEFAULT, f as SEGMENTED_CONTROL_SELECT_KEY, e as SEGMENTED_CONTROL_SIZES, t as SEGMENTED_CONTROL_SIZE_DEFAULT, n as SEGMENTED_CONTROL_SIZE_MODIFIERS, s as SEGMENTED_CONTROL_SPREADS, c as SEGMENTED_CONTROL_SPREAD_DEFAULT, m as default };
+
+//# sourceMappingURL=segmented-control-constants.js.map