@dialpad/dialtone-vue 3.209.0 → 3.210.0-next.2

package/dist/lib/split-button/split-button.js

@@ -1,75 +1,129 @@
-import b from "./split-button-alpha.js";
-import O from "./split-button-omega.js";
-import { hasSlotContent as p, warnIfUnmounted as v, returnFirstEl as B } from "../../common/utils/index.js";
-import { resolveComponent as r, openBlock as d, createElementBlock as S, normalizeStyle as k, normalizeClass as I, createVNode as c, mergeProps as m, withCtx as a, renderSlot as i, createBlock as f } from "vue";
-import { _ as T } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import I from "./split-button-alpha.js";
+import T from "./split-button-omega.js";
+import { hasSlotContent as i, warnIfUnmounted as B, returnFirstEl as O } from "../../common/utils/index.js";
+import { resolveComponent as p, openBlock as n, createElementBlock as f, normalizeStyle as S, normalizeClass as $, createVNode as m, mergeProps as u, createSlots as v, withCtx as s, renderSlot as a, Fragment as C, createBlock as y } from "vue";
+import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import P from "../dropdown/dropdown.js";
-import { BUTTON_SIZE_MODIFIERS as w, BUTTON_KIND_MODIFIERS as $, BUTTON_IMPORTANCE_MODIFIERS as D, ICON_POSITION_MODIFIERS as C } from "../button/button-constants.js";
+import { BUTTON_SIZE_MODIFIERS as D, BUTTON_KIND_MODIFIERS as L, BUTTON_IMPORTANCE_MODIFIERS as w, ICON_POSITION_MODIFIERS as g } from "../button/button-constants.js";
 import "./split-button-constants.js";
-const A = {
+const z = {
   compatConfig: { MODE: 3 },
   name: "DtSplitButton",
   components: {
-    SplitButtonOmega: O,
+    SplitButtonOmega: T,
     DtDropdown: P,
-    SplitButtonAlpha: b
+    SplitButtonAlpha: I
   },
   inheritAttrs: !1,
   props: {
     /**
-     * Determines whether the alpha button should have active styling
+     * Determines whether the start button should have active styling
      * @values true, false
      */
-    alphaActive: {
+    startActive: {
       type: Boolean,
       default: !1
     },
     /**
-     * Descriptive label for the alpha button
+     * @deprecated Use startActive
+     * @values true, false
      */
-    alphaAriaLabel: {
+    alphaActive: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * Descriptive label for the start button
+     */
+    startAriaLabel: {
       type: String,
       default: null
     },
     /**
-     * The position of the icon slot within the alpha button.
-     * @values left, right, top, bottom
+     * @deprecated Use startAriaLabel
      */
-    alphaIconPosition: {
+    alphaAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * The position of the icon slot within the start button.
+     * @values start, end, blockStart, blockEnd, left, right, top, bottom
+     */
+    startIconPosition: {
       type: String,
       default: "left",
-      validator: (t) => Object.keys(C).includes(t)
+      validator: (t) => Object.keys(g).includes(t)
     },
     /**
-     * Used to customize the alpha label container
+     * @deprecated Use startIconPosition
+     * @values start, end, blockStart, blockEnd, left, right, top, bottom
      */
-    alphaLabelClass: {
+    alphaIconPosition: {
+      type: String,
+      default: void 0,
+      validator: (t) => t === void 0 || Object.keys(g).includes(t)
+    },
+    /**
+     * Used to customize the start label container
+     */
+    startLabelClass: {
       type: [String, Array, Object],
       default: ""
     },
     /**
-     * HTML button disabled attribute for alpha button only
+     * @deprecated Use startLabelClass
+     */
+    alphaLabelClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    /**
+     * HTML button disabled attribute for start button only
      * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
      *  (Reference)
      * </a>
      * @values true, false
      */
+    startDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @deprecated Use startDisabled
+     * @values true, false
+     */
     alphaDisabled: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * Whether the start button should display a loading animation or not.
+     * @values true, false
+     */
+    startLoading: {
       type: Boolean,
       default: !1
     },
     /**
-     * Whether the alpha button should display a loading animation or not.
+     * @deprecated Use startLoading
      * @values true, false
      */
     alphaLoading: {
       type: Boolean,
-      default: !1
+      default: null
     },
     /**
-     * Text shown in tooltip when you hover the alpha button,
+     * Text shown in tooltip when you hover the start button,
      * required if no content is passed to default slot
      */
+    startTooltipText: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @deprecated Use startTooltipText
+     */
     alphaTooltipText: {
       type: String,
       default: void 0
@@ -86,7 +140,7 @@ const A = {
     },
     /**
      * HTML button disabled attribute for both buttons.
-     * Use alphaDisabled or omegaDisabled to disable buttons individually.
+     * Use startDisabled or endDisabled to disable buttons individually.
      * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
      *  (Reference)
      * </a>
@@ -111,7 +165,7 @@ const A = {
     importance: {
       type: String,
       default: "primary",
-      validator: (t) => Object.keys(D).includes(t)
+      validator: (t) => Object.keys(w).includes(t)
     },
     /**
      * The color of the button.
@@ -120,46 +174,83 @@ const A = {
     kind: {
       type: String,
       default: "default",
-      validator: (t) => Object.keys($).includes(t)
+      validator: (t) => Object.keys(L).includes(t)
     },
     /**
-     * Determines whether the omega button should have active styling
+     * Determines whether the end button should have active styling
      * @values true, false
      */
-    omegaActive: {
+    endActive: {
       type: Boolean,
       default: !1
     },
     /**
-     * Descriptive label for the omega button
+     * @deprecated Use endActive
+     * @values true, false
      */
-    omegaAriaLabel: {
+    omegaActive: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * Descriptive label for the end button
+     */
+    endAriaLabel: {
       type: String,
       default: null
     },
     /**
-     * HTML button disabled attribute for omega button only
+     * @deprecated Use endAriaLabel
+     */
+    omegaAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * HTML button disabled attribute for end button only
      * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
      *  (Reference)
      * </a>
      * @values true, false
      */
-    omegaDisabled: {
+    endDisabled: {
       type: Boolean,
       default: !1
     },
+    /**
+     * @deprecated Use endDisabled
+     * @values true, false
+     */
+    omegaDisabled: {
+      type: Boolean,
+      default: null
+    },
     /**
      * Element ID, useful in case you need to reference the button
      * as an external anchor for popover.
      */
+    endId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @deprecated Use endId
+     */
     omegaId: {
       type: String,
       default: void 0
     },
     /**
-     * Text shown in tooltip when you hover the omega button,
+     * Text shown in tooltip when you hover the end button,
      * required as it is an icon only button
      */
+    endTooltipText: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * @deprecated Use endTooltipText
+     */
     omegaTooltipText: {
       type: String,
       default: void 0
@@ -171,7 +262,7 @@ const A = {
     size: {
       type: String,
       default: "md",
-      validator: (t) => Object.keys(w).includes(t)
+      validator: (t) => Object.keys(D).includes(t)
     },
     /**
      * Button width, accepts
@@ -196,18 +287,26 @@ const A = {
   },
   emits: [
     /**
-     * Native alpha button click event
+     * Native start button click event
      *
      * @event click
      * @type {PointerEvent | KeyboardEvent}
      */
+    "start-clicked",
+    /**
+     * @deprecated Use start-clicked
+     */
     "alpha-clicked",
     /**
-     * Native omega button click event
+     * Native end button click event
      *
      * @event click
      * @type {PointerEvent | KeyboardEvent}
      */
+    "end-clicked",
+    /**
+     * @deprecated Use end-clicked
+     */
     "omega-clicked"
   ],
   data() {
@@ -218,31 +317,31 @@ const A = {
   computed: {
     alphaButtonProps() {
       return {
-        active: this.alphaActive,
-        ariaLabel: this.alphaAriaLabel,
+        active: this.alphaActive ?? this.startActive,
+        ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,
         assertiveOnFocus: this.assertiveOnFocus,
-        disabled: this.disabled || this.alphaDisabled,
-        iconPosition: this.alphaIconPosition,
-        labelClass: this.alphaLabelClass,
-        loading: this.alphaLoading,
+        disabled: this.disabled || (this.alphaDisabled ?? this.startDisabled),
+        iconPosition: this.alphaIconPosition ?? this.startIconPosition,
+        labelClass: this.alphaLabelClass ?? this.startLabelClass,
+        loading: this.alphaLoading ?? this.startLoading,
         importance: this.importance,
         kind: this.kind,
         size: this.size,
-        tooltipText: this.alphaTooltipText,
+        tooltipText: this.alphaTooltipText ?? this.startTooltipText,
         class: this.$attrs.class,
         style: this.$attrs.style
       };
     },
     omegaButtonProps() {
       return {
-        id: this.omegaId,
-        active: this.omegaActive,
-        ariaLabel: this.omegaAriaLabel,
-        disabled: this.disabled || this.omegaDisabled,
+        id: this.omegaId ?? this.endId,
+        active: this.omegaActive ?? this.endActive,
+        ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,
+        disabled: this.disabled || (this.omegaDisabled ?? this.endDisabled),
         importance: this.importance,
         kind: this.kind,
         size: this.size,
-        tooltipText: this.omegaTooltipText,
+        tooltipText: this.omegaTooltipText ?? this.endTooltipText,
         class: this.$attrs.class,
         style: this.$attrs.style
       };
@@ -255,74 +354,121 @@ const A = {
     this.validateProps();
   },
   mounted() {
-    v(B(this.$el), this.$options.name);
+    B(O(this.$el), this.$options.name);
   },
   methods: {
+    onStartClick() {
+      this.$emit("start-clicked"), this.$emit("alpha-clicked");
+    },
+    onEndClick() {
+      this.$emit("end-clicked"), this.$emit("omega-clicked");
+    },
     validateProps() {
       this.validateAlphaButtonProps(), this.validateOmegaButtonProps();
     },
     validateAlphaButtonProps() {
-      p(this.$slots.default) || p(this.$slots.alphaIcon) && !this.alphaTooltipText && console.warn("alpha-tooltip-text prop must be set if alpha button has an icon only");
+      i(this.$slots.default) || (i(this.$slots.startIcon) || i(this.$slots.alphaIcon)) && !(this.alphaTooltipText ?? this.startTooltipText) && console.warn("start-tooltip-text prop must be set if start button has an icon only");
     },
     validateOmegaButtonProps() {
-      p(this.$slots.omega) || this.omegaTooltipText || console.warn("omega-tooltip-text prop is required as it is an icon-only button");
+      i(this.$slots.end) || i(this.$slots.omega) || (this.omegaTooltipText ?? this.endTooltipText) || console.warn("end-tooltip-text prop is required as it is an icon-only button");
     }
   }
 };
-function z(t, o, l, _, s, n) {
-  const g = r("split-button-alpha"), u = r("split-button-omega"), y = r("dt-dropdown");
-  return d(), S("span", {
+function E(t, l, d, F, r, o) {
+  const k = p("split-button-alpha"), c = p("split-button-omega"), b = p("dt-dropdown");
+  return n(), f("span", {
     "data-qa": "dt-split-button",
-    class: I([l.rootClass, "d-split-btn"]),
-    style: k({ width: l.width })
+    class: $([d.rootClass, "d-split-btn"]),
+    style: S({ width: d.width })
   }, [
-    c(g, m(n.alphaButtonProps, {
+    m(k, u(o.alphaButtonProps, {
       ref: "alphaButton",
-      onClick: o[0] || (o[0] = (e) => t.$emit("alpha-clicked"))
-    }), {
-      icon: a(({ size: e }) => [
-        i(t.$slots, "alphaIcon", { size: e })
-      ]),
-      default: a(() => [
-        i(t.$slots, "default")
+      onClick: o.onStartClick
+    }), v({
+      default: s(() => [
+        a(t.$slots, "default")
       ]),
-      _: 3
-    }, 16),
-    i(t.$slots, "omega", {}, () => [
-      t.$slots.dropdownList ? (d(), f(y, {
+      _: 2
+    }, [
+      t.$slots.startEndIcon ? {
+        name: "startIcon",
+        fn: s(({ size: e }) => [
+          t.$slots.startIcon ? a(t.$slots, "startIcon", {
+            key: 0,
+            size: e
+          }) : a(t.$slots, "alphaIcon", {
+            key: 1,
+            size: e
+          })
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.startEndIcon ? {
+        name: "endIcon",
+        fn: s(({ size: e }) => [
+          a(t.$slots, "startEndIcon", { size: e })
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.startEndIcon ? void 0 : {
+        name: "icon",
+        fn: s(({ size: e }) => [
+          t.$slots.startIcon ? a(t.$slots, "startIcon", {
+            key: 0,
+            size: e
+          }) : a(t.$slots, "alphaIcon", {
+            key: 1,
+            size: e
+          })
+        ]),
+        key: "2"
+      }
+    ]), 1040, ["onClick"]),
+    t.$slots.end ? a(t.$slots, "end", { key: 0 }) : t.$slots.omega ? a(t.$slots, "omega", { key: 1 }) : (n(), f(C, { key: 2 }, [
+      t.$slots.dropdownList ? (n(), y(b, {
         key: 0,
-        placement: l.dropdownPlacement,
-        onClick: o[2] || (o[2] = (e) => s.isDropdownOpen = !0),
-        onOpened: o[3] || (o[3] = (e) => s.isDropdownOpen = e)
+        placement: d.dropdownPlacement,
+        onClick: l[0] || (l[0] = (e) => r.isDropdownOpen = !0),
+        onOpened: l[1] || (l[1] = (e) => r.isDropdownOpen = e)
       }, {
-        anchor: a((e) => [
-          c(u, m({ ...e, ...n.omegaButtonProps }, {
-            active: s.isDropdownOpen,
-            onClick: o[1] || (o[1] = (h) => t.$emit("omega-clicked"))
+        anchor: s((e) => [
+          m(c, u({ ...e, ...o.omegaButtonProps }, {
+            active: r.isDropdownOpen,
+            onClick: o.onEndClick
           }), {
-            icon: a(({ size: h }) => [
-              i(t.$slots, "omegaIcon", { size: h })
+            icon: s(({ size: h }) => [
+              t.$slots.endIcon ? a(t.$slots, "endIcon", {
+                key: 0,
+                size: h
+              }) : a(t.$slots, "omegaIcon", {
+                key: 1,
+                size: h
+              })
             ]),
             _: 3
-          }, 16, ["active"])
+          }, 16, ["active", "onClick"])
         ]),
-        list: a(({ close: e }) => [
-          i(t.$slots, "dropdownList", { close: e })
+        list: s(({ close: e }) => [
+          a(t.$slots, "dropdownList", { close: e })
         ]),
         _: 3
-      }, 8, ["placement"])) : (d(), f(u, m({ key: 1 }, n.omegaButtonProps, {
-        onClick: o[4] || (o[4] = (e) => t.$emit("omega-clicked"))
-      }), {
-        icon: a(({ size: e }) => [
-          i(t.$slots, "omegaIcon", { size: e })
+      }, 8, ["placement"])) : (n(), y(c, u({ key: 1 }, o.omegaButtonProps, { onClick: o.onEndClick }), {
+        icon: s(({ size: e }) => [
+          t.$slots.endIcon ? a(t.$slots, "endIcon", {
+            key: 0,
+            size: e
+          }) : a(t.$slots, "omegaIcon", {
+            key: 1,
+            size: e
+          })
         ]),
         _: 3
-      }, 16))
-    ])
+      }, 16, ["onClick"]))
+    ], 64))
   ], 6);
 }
-const U = /* @__PURE__ */ T(A, [["render", z]]);
+const V = /* @__PURE__ */ A(z, [["render", E]]);
 export {
-  U as default
+  V as default
 };
 //# sourceMappingURL=split-button.js.map

package/dist/lib/split-button/split-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.js","sources":["../../../components/split_button/split_button.vue"],"sourcesContent":["<template>\n  <span\n    data-qa=\"dt-split-button\"\n    :class=\"[rootClass, 'd-split-btn']\"\n    :style=\"{ width }\"\n  >\n    <split-button-alpha\n      v-bind=\"alphaButtonProps\"\n      ref=\"alphaButton\"\n      @click=\"$emit('alpha-clicked')\"\n    >\n      <template #icon=\"{ size: iconSize }\">\n        <!-- @slot Alpha (left) button icon slot -->\n        <slot\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-alpha>\n    <!-- @slot Omega (right) content slot, overrides omega button styling and functionality completely -->\n    <slot name=\"omega\">\n      <dt-dropdown\n        v-if=\"$slots.dropdownList\"\n        :placement=\"dropdownPlacement\"\n        @click=\"isDropdownOpen = true\"\n        @opened=\"open => isDropdownOpen = open\"\n      >\n        <template #anchor=\"attrs\">\n          <split-button-omega\n            v-bind=\"{ ...attrs, ...omegaButtonProps }\"\n            :active=\"isDropdownOpen\"\n            @click=\"$emit('omega-clicked')\"\n          >\n            <template #icon=\"{ size: iconSize }\">\n              <!-- @slot Omega (right) button icon slot -->\n              <slot\n                name=\"omegaIcon\"\n                :size=\"iconSize\"\n              />\n            </template>\n          </split-button-omega>\n        </template>\n        <template #list=\"{ close }\">\n          <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n          <slot\n            name=\"dropdownList\"\n            :close=\"close\"\n          />\n        </template>\n      </dt-dropdown>\n\n      <split-button-omega\n        v-else\n        v-bind=\"omegaButtonProps\"\n        @click=\"$emit('omega-clicked')\"\n      >\n        <template #icon=\"{ size: iconSize }\">\n          <!-- @slot Omega (right) button icon slot -->\n          <slot\n            name=\"omegaIcon\"\n            :size=\"iconSize\"\n          />\n        </template>\n      </split-button-omega>\n    </slot>\n  </span>\n</template>\n\n<script>\nimport {\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_SIZE_MODIFIERS,\n  ICON_POSITION_MODIFIERS,\n} from '@/components/button';\nimport SplitButtonAlpha from './split_button-alpha.vue';\nimport SplitButtonOmega from './split_button-omega.vue';\nimport { DtDropdown } from '@/components/dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSplitButton',\n\n  components: {\n    SplitButtonOmega,\n    DtDropdown,\n    SplitButtonAlpha,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the alpha button should have active styling\n     * @values true, false\n     */\n    alphaActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the alpha button\n     */\n    alphaAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The position of the icon slot within the alpha button.\n     * @values left, right, top, bottom\n     */\n    alphaIconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * Used to customize the alpha label container\n     */\n    alphaLabelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * HTML button disabled attribute for alpha button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    alphaDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the alpha button should display a loading animation or not.\n     * @values true, false\n     */\n    alphaLoading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the alpha button,\n     * required if no content is passed to default slot\n     */\n    alphaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute for both buttons.\n     * Use alphaDisabled or omegaDisabled to disable buttons individually.\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    dropdownPlacement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether the omega button should have active styling\n     * @values true, false\n     */\n    omegaActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the omega button\n     */\n    omegaAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute for omega button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    omegaDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover.\n     */\n    omegaId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the omega button,\n     * required as it is an icon only button\n     */\n    omegaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native alpha button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'alpha-clicked',\n\n    /**\n     * Native omega button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'omega-clicked',\n  ],\n\n  data () {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n\n  computed: {\n    alphaButtonProps () {\n      return {\n        active: this.alphaActive,\n        ariaLabel: this.alphaAriaLabel,\n        assertiveOnFocus: this.assertiveOnFocus,\n        disabled: this.disabled || this.alphaDisabled,\n        iconPosition: this.alphaIconPosition,\n        labelClass: this.alphaLabelClass,\n        loading: this.alphaLoading,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.alphaTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    omegaButtonProps () {\n      return {\n        id: this.omegaId,\n        active: this.omegaActive,\n        ariaLabel: this.omegaAriaLabel,\n        disabled: this.disabled || this.omegaDisabled,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.omegaTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n  },\n\n  created () {\n    this.validateProps();\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  methods: {\n    validateProps () {\n      this.validateAlphaButtonProps();\n      this.validateOmegaButtonProps();\n    },\n\n    validateAlphaButtonProps () {\n      if (hasSlotContent(this.$slots.default)) return;\n\n      if (hasSlotContent(this.$slots.alphaIcon) && !this.alphaTooltipText) {\n        console.warn('alpha-tooltip-text prop must be set if alpha button has an icon only');\n      }\n    },\n\n    validateOmegaButtonProps () {\n      if (hasSlotContent(this.$slots.omega)) return;\n\n      if (!this.omegaTooltipText) {\n        console.warn('omega-tooltip-text prop is required as it is an icon-only button');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SplitButtonOmega","DtDropdown","SplitButtonAlpha","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","s","BUTTON_SIZE_MODIFIERS","warnIfUnmounted","returnFirstEl","hasSlotContent","_createElementBlock","$props","_createVNode","_component_split_button_alpha","_mergeProps","$options","_ctx","_withCtx","iconSize","_renderSlot","_createBlock","_component_dt_dropdown","$data","_cache","open","attrs","_component_split_button_omega","close"],"mappings":";;;;;;;;AAkFA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAa,OAAO,KAAKC,CAAuB,EAAE,SAASD,CAAQ;AAAA;;;;IAMjF,iBAAiB;AAAA,MACf,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;;;;;IAUX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;IASX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAM,OAAO,KAAKC,CAA2B,EAAE,SAASD,CAAC;AAAA;;;;;IAOvE,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAM,OAAO,KAAKC,CAAqB,EAAE,SAASD,CAAC;AAAA;;;;;IAOjE,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;IAUX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAM,OAAO,KAAKC,CAAqB,EAAE,SAASD,CAAC;AAAA;;;;;;;;IAUjE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,gBAAgB;AAAA;EAEpB;AAAA,EAEA,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO;AAAA,QACL,QAAQ,KAAK;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,kBAAkB,KAAK;AAAA,QACvB,UAAU,KAAK,YAAY,KAAK;AAAA,QAChC,cAAc,KAAK;AAAA,QACnB,YAAY,KAAK;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,YAAY,KAAK;AAAA,QACjB,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,aAAa,KAAK;AAAA,QAClB,OAAO,KAAK,OAAO;AAAA,QACnB,OAAO,KAAK,OAAO;AAAA;IAEvB;AAAA,IAEA,mBAAoB;AAClB,aAAO;AAAA,QACL,IAAI,KAAK;AAAA,QACT,QAAQ,KAAK;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,UAAU,KAAK,YAAY,KAAK;AAAA,QAChC,YAAY,KAAK;AAAA,QACjB,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,aAAa,KAAK;AAAA,QAClB,OAAO,KAAK,OAAO;AAAA,QACnB,OAAO,KAAK,OAAO;AAAA;IAEvB;AAAA;EAGF,UAAW;AACT,SAAK,cAAa;AAAA,EACpB;AAAA,EAEA,UAAW;AACT,SAAK,cAAa;AAAA,EACpB;AAAA,EAEA,UAAW;AACT,IAAAE,EAAgBC,EAAc,KAAK,GAAG,GAAG,KAAK,SAAS,IAAI;AAAA,EAC7D;AAAA,EAEA,SAAS;AAAA,IACP,gBAAiB;AACf,WAAK,yBAAwB,GAC7B,KAAK,yBAAwB;AAAA,IAC/B;AAAA,IAEA,2BAA4B;AAC1B,MAAIC,EAAe,KAAK,OAAO,OAAO,KAElCA,EAAe,KAAK,OAAO,SAAS,KAAK,CAAC,KAAK,oBACjD,QAAQ,KAAK,sEAAsE;AAAA,IAEvF;AAAA,IAEA,2BAA4B;AAC1B,MAAIA,EAAe,KAAK,OAAO,KAAK,KAE/B,KAAK,oBACR,QAAQ,KAAK,kEAAkE;AAAA,IAEnF;AAAA;AAEJ;;;cAjYEC,EAkEO,QAAA;AAAA,IAjEL,WAAQ;AAAA,IACP,UAAQC,EAAA,WAAS,aAAA,CAAA;AAAA,IACjB,kBAASA,EAAA,MAAK,CAAA;AAAA;IAEfC,EAcqBC,GAdrBC,EACUC,EAAA,kBAAgB;AAAA,MACxB,KAAI;AAAA,MACH,gCAAOC,EAAA,MAAK,eAAA;AAAA;MAEF,MAAIC,EAEb,CAGE,EAAA,MALqBC,EAAQ,MAAA;AAAA,QAE/BC,EAGEH,EAAA,QAAA,aAAA,EADC,MAAME,EAAQ,CAAA;AAAA;iBAInB,MAAuB;AAAA,QAAvBC,EAAuBH,EAAA,QAAA,SAAA;AAAA;;;IAGzBG,EA4COH,uBA5CP,MA4CO;AAAA,MA1CGA,EAAA,OAAO,qBADfI,EA4BcC,GAAA;AAAA;QA1BX,WAAWV,EAAA;AAAA,QACX,gCAAOW,EAAA,iBAAc;AAAA,QACrB,UAAMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAE,CAAAC,MAAQF,EAAA,iBAAiBE;AAAA;QAEvB,QAAMP,EACf,CADiBQ,MAAK;AAAA,UACtBb,EAYqBc,GAZrBZ,EAYqB,EAAA,GAXNW,MAAUV,EAAA,oBAAgB;AAAA,YACtC,QAAQO,EAAA;AAAA,YACR,gCAAON,EAAA,MAAK,eAAA;AAAA;YAEF,MAAIC,EAEb,CAGE,EAAA,MALqBC,EAAQ,MAAA;AAAA,cAE/BC,EAGEH,EAAA,QAAA,aAAA,EADC,MAAME,EAAQ,CAAA;AAAA;;;;QAKZ,MAAID,EAEb,CAGE,EALe,OAAAU,QAAK;AAAA,UAEtBR,EAGEH,EAAA,QAAA,gBAAA,EADC,OAAOW,EAAK,CAAA;AAAA;;oCAKnBP,EAYqBM,GAZrBZ,EAYqB,EAAA,KAAA,EAAA,GAVXC,EAAA,kBAAgB;AAAA,QACvB,gCAAOC,EAAA,MAAK,eAAA;AAAA;QAEF,MAAIC,EAEb,CAGE,EAAA,MALqBC,EAAQ,MAAA;AAAA,UAE/BC,EAGEH,EAAA,QAAA,aAAA,EADC,MAAME,EAAQ,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"split-button.js","sources":["../../../components/split_button/split_button.vue"],"sourcesContent":["<template>\n  <span\n    data-qa=\"dt-split-button\"\n    :class=\"[rootClass, 'd-split-btn']\"\n    :style=\"{ width }\"\n  >\n    <split-button-alpha\n      v-bind=\"alphaButtonProps\"\n      ref=\"alphaButton\"\n      @click=\"onStartClick\"\n    >\n      <!-- Dual-icon path: when startEndIcon is provided, use DtButton's startIcon/endIcon -->\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #startIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #endIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot End-positioned icon within the start button (enables dual icons on the start button) -->\n        <slot\n          name=\"startEndIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- Legacy single-icon path: uses DtButton's icon slot with iconPosition -->\n      <template\n        v-if=\"!$slots.startEndIcon\"\n        #icon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-alpha>\n    <!-- @slot End (right) content slot, overrides end button styling and functionality completely -->\n    <template v-if=\"$slots.end\">\n      <slot name=\"end\" />\n    </template>\n    <!-- @slot @deprecated Use end -->\n    <template v-else-if=\"$slots.omega\">\n      <slot name=\"omega\" />\n    </template>\n    <template v-else>\n      <dt-dropdown\n        v-if=\"$slots.dropdownList\"\n        :placement=\"dropdownPlacement\"\n        @click=\"isDropdownOpen = true\"\n        @opened=\"open => isDropdownOpen = open\"\n      >\n        <template #anchor=\"attrs\">\n          <split-button-omega\n            v-bind=\"{ ...attrs, ...omegaButtonProps }\"\n            :active=\"isDropdownOpen\"\n            @click=\"onEndClick\"\n          >\n            <template #icon=\"{ size: iconSize }\">\n              <!-- @slot End (right) button icon slot -->\n              <slot\n                v-if=\"$slots.endIcon\"\n                name=\"endIcon\"\n                :size=\"iconSize\"\n              />\n              <!-- @slot @deprecated Use endIcon -->\n              <slot\n                v-else\n                name=\"omegaIcon\"\n                :size=\"iconSize\"\n              />\n            </template>\n          </split-button-omega>\n        </template>\n        <template #list=\"{ close }\">\n          <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n          <slot\n            name=\"dropdownList\"\n            :close=\"close\"\n          />\n        </template>\n      </dt-dropdown>\n\n      <split-button-omega\n        v-else\n        v-bind=\"omegaButtonProps\"\n        @click=\"onEndClick\"\n      >\n        <template #icon=\"{ size: iconSize }\">\n          <!-- @slot End (right) button icon slot -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"omegaIcon\"\n            :size=\"iconSize\"\n          />\n        </template>\n      </split-button-omega>\n    </template>\n  </span>\n</template>\n\n<script>\nimport {\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_SIZE_MODIFIERS,\n  ICON_POSITION_MODIFIERS,\n} from '@/components/button';\nimport SplitButtonAlpha from './split_button-alpha.vue';\nimport SplitButtonOmega from './split_button-omega.vue';\nimport { DtDropdown } from '@/components/dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSplitButton',\n\n  components: {\n    SplitButtonOmega,\n    DtDropdown,\n    SplitButtonAlpha,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the start button should have active styling\n     * @values true, false\n     */\n    startActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startActive\n     * @values true, false\n     */\n    alphaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the start button\n     */\n    startAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use startAriaLabel\n     */\n    alphaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The position of the icon slot within the start button.\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    startIconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * @deprecated Use startIconPosition\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    alphaIconPosition: {\n      type: String,\n      default: undefined,\n      validator: (position) => position === undefined || Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * Used to customize the start label container\n     */\n    startLabelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startLabelClass\n     */\n    alphaLabelClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for start button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    startDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startDisabled\n     * @values true, false\n     */\n    alphaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the start button should display a loading animation or not.\n     * @values true, false\n     */\n    startLoading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startLoading\n     * @values true, false\n     */\n    alphaLoading: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the start button,\n     * required if no content is passed to default slot\n     */\n    startTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use startTooltipText\n     */\n    alphaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute for both buttons.\n     * Use startDisabled or endDisabled to disable buttons individually.\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    dropdownPlacement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether the end button should have active styling\n     * @values true, false\n     */\n    endActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endActive\n     * @values true, false\n     */\n    omegaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the end button\n     */\n    endAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use endAriaLabel\n     */\n    omegaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for end button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    endDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endDisabled\n     * @values true, false\n     */\n    omegaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover.\n     */\n    endId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endId\n     */\n    omegaId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the end button,\n     * required as it is an icon only button\n     */\n    endTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endTooltipText\n     */\n    omegaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native start button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'start-clicked',\n\n    /**\n     * @deprecated Use start-clicked\n     */\n    'alpha-clicked',\n\n    /**\n     * Native end button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'end-clicked',\n\n    /**\n     * @deprecated Use end-clicked\n     */\n    'omega-clicked',\n  ],\n\n  data () {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n\n  computed: {\n    alphaButtonProps () {\n      return {\n        active: this.alphaActive ?? this.startActive,\n        ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,\n        assertiveOnFocus: this.assertiveOnFocus,\n        disabled: this.disabled || (this.alphaDisabled ?? this.startDisabled),\n        iconPosition: this.alphaIconPosition ?? this.startIconPosition,\n        labelClass: this.alphaLabelClass ?? this.startLabelClass,\n        loading: this.alphaLoading ?? this.startLoading,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.alphaTooltipText ?? this.startTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    omegaButtonProps () {\n      return {\n        id: this.omegaId ?? this.endId,\n        active: this.omegaActive ?? this.endActive,\n        ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,\n        disabled: this.disabled || (this.omegaDisabled ?? this.endDisabled),\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.omegaTooltipText ?? this.endTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n  },\n\n  created () {\n    this.validateProps();\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  methods: {\n    onStartClick () {\n      this.$emit('start-clicked');\n      this.$emit('alpha-clicked');\n    },\n\n    onEndClick () {\n      this.$emit('end-clicked');\n      this.$emit('omega-clicked');\n    },\n\n    validateProps () {\n      this.validateAlphaButtonProps();\n      this.validateOmegaButtonProps();\n    },\n\n    validateAlphaButtonProps () {\n      if (hasSlotContent(this.$slots.default)) return;\n\n      if ((hasSlotContent(this.$slots.startIcon) || hasSlotContent(this.$slots.alphaIcon)) &&\n        !(this.alphaTooltipText ?? this.startTooltipText)) {\n        console.warn('start-tooltip-text prop must be set if start button has an icon only');\n      }\n    },\n\n    validateOmegaButtonProps () {\n      if (hasSlotContent(this.$slots.end) || hasSlotContent(this.$slots.omega)) return;\n\n      if (!(this.omegaTooltipText ?? this.endTooltipText)) {\n        console.warn('end-tooltip-text prop is required as it is an icon-only button');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SplitButtonOmega","DtDropdown","SplitButtonAlpha","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","s","BUTTON_SIZE_MODIFIERS","warnIfUnmounted","returnFirstEl","hasSlotContent","_createElementBlock","$props","_createVNode","_component_split_button_alpha","_mergeProps","$options","_renderSlot","_ctx","_withCtx","iconSize","_Fragment","_createBlock","_component_dt_dropdown","$data","_cache","open","attrs","_component_split_button_omega","close","_openBlock"],"mappings":"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"}

package/dist/lib/text/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./text.cjs"),T=require("./text-constants.cjs"),_=require("./text-tone-tokens.cjs");exports.DtText=E.default;exports.TEXT_ALIGN_MODIFIERS=T.TEXT_ALIGN_MODIFIERS;exports.TEXT_BOX_TRIM_MODIFIERS=T.TEXT_BOX_TRIM_MODIFIERS;exports.TEXT_DENSITY_MODIFIERS=T.TEXT_DENSITY_MODIFIERS;exports.TEXT_HEADLINE_ONLY_SIZES=T.TEXT_HEADLINE_ONLY_SIZES;exports.TEXT_KIND_MODIFIERS=T.TEXT_KIND_MODIFIERS;exports.TEXT_LINE_CLAMP_CLASS=T.TEXT_LINE_CLAMP_CLASS;exports.TEXT_NUMERIC_CLASS=T.TEXT_NUMERIC_CLASS;exports.TEXT_SIZE_MODIFIERS=T.TEXT_SIZE_MODIFIERS;exports.TEXT_STRENGTH_MODIFIERS=T.TEXT_STRENGTH_MODIFIERS;exports.TEXT_TONE_PREFIX=T.TEXT_TONE_PREFIX;exports.TEXT_TRUNCATE_CLASS=T.TEXT_TRUNCATE_CLASS;exports.TEXT_WRAP_MODIFIERS=T.TEXT_WRAP_MODIFIERS;exports.TEXT_TONE_TOKENS=_.default;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/text/index.cjs.map

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

package/dist/lib/text/index.js

@@ -0,0 +1,20 @@
+import { default as _ } from "./text.js";
+import { TEXT_ALIGN_MODIFIERS as S, TEXT_BOX_TRIM_MODIFIERS as X, TEXT_DENSITY_MODIFIERS as R, TEXT_HEADLINE_ONLY_SIZES as N, TEXT_KIND_MODIFIERS as O, TEXT_LINE_CLAMP_CLASS as D, TEXT_NUMERIC_CLASS as M, TEXT_SIZE_MODIFIERS as A, TEXT_STRENGTH_MODIFIERS as F, TEXT_TONE_PREFIX as L, TEXT_TRUNCATE_CLASS as t, TEXT_WRAP_MODIFIERS as e } from "./text-constants.js";
+import { default as r } from "./text-tone-tokens.js";
+export {
+  _ as DtText,
+  S as TEXT_ALIGN_MODIFIERS,
+  X as TEXT_BOX_TRIM_MODIFIERS,
+  R as TEXT_DENSITY_MODIFIERS,
+  N as TEXT_HEADLINE_ONLY_SIZES,
+  O as TEXT_KIND_MODIFIERS,
+  D as TEXT_LINE_CLAMP_CLASS,
+  M as TEXT_NUMERIC_CLASS,
+  A as TEXT_SIZE_MODIFIERS,
+  F as TEXT_STRENGTH_MODIFIERS,
+  L as TEXT_TONE_PREFIX,
+  r as TEXT_TONE_TOKENS,
+  t as TEXT_TRUNCATE_CLASS,
+  e as TEXT_WRAP_MODIFIERS
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/text/index.js.map

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

package/dist/lib/text/text-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./text-tone-tokens.cjs"),e={headline:"d-text-headline",body:"d-text-body",label:"d-text-label",code:"d-text-code"},T={headline:["3xl","2xl","xl","lg","md","sm","xs"],body:["lg","md","sm","xs"],label:["lg","md","sm","xs"],code:["lg","md","sm","xs"]},E=["3xl","2xl","xl"],_={start:"d-text--align-start",center:"d-text--align-center",end:"d-text--align-end",justify:"d-text--align-justify"},d="d-fc-",I="d-text--numeric",l="d-truncate",n="d-text--clamp",x={wrap:"d-text--wrap-wrap",nowrap:"d-text--wrap-nowrap",balance:"d-text--wrap-balance",pretty:"d-text--wrap-pretty"},S={start:"d-text--trim-start",end:"d-text--trim-end",both:"d-text--trim-both"},o={bold:"d-text--fw-bold",semibold:"d-text--fw-semibold",medium:"d-text--fw-medium",normal:"d-text--fw-normal"},a={100:"d-text--lh-100",200:"d-text--lh-200",300:"d-text--lh-300",400:"d-text--lh-400",500:"d-text--lh-500",600:"d-text--lh-600"},s={TEXT_KIND_MODIFIERS:e,TEXT_SIZE_MODIFIERS:T,TEXT_HEADLINE_ONLY_SIZES:E,TEXT_TONE_TOKENS:t.default,TEXT_ALIGN_MODIFIERS:_,TEXT_TONE_PREFIX:d,TEXT_NUMERIC_CLASS:I,TEXT_TRUNCATE_CLASS:l,TEXT_LINE_CLAMP_CLASS:n,TEXT_WRAP_MODIFIERS:x,TEXT_BOX_TRIM_MODIFIERS:S,TEXT_STRENGTH_MODIFIERS:o,TEXT_DENSITY_MODIFIERS:a};exports.TEXT_TONE_TOKENS=t.default;exports.TEXT_ALIGN_MODIFIERS=_;exports.TEXT_BOX_TRIM_MODIFIERS=S;exports.TEXT_DENSITY_MODIFIERS=a;exports.TEXT_HEADLINE_ONLY_SIZES=E;exports.TEXT_KIND_MODIFIERS=e;exports.TEXT_LINE_CLAMP_CLASS=n;exports.TEXT_NUMERIC_CLASS=I;exports.TEXT_SIZE_MODIFIERS=T;exports.TEXT_STRENGTH_MODIFIERS=o;exports.TEXT_TONE_PREFIX=d;exports.TEXT_TRUNCATE_CLASS=l;exports.TEXT_WRAP_MODIFIERS=x;exports.default=s;
+//# sourceMappingURL=text-constants.cjs.map

package/dist/lib/text/text-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.cjs","sources":["../../../components/text/text_constants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: ['3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['lg', 'md', 'sm', 'xs'],\n  label: ['lg', 'md', 'sm', 'xs'],\n  code: ['lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = ['3xl', '2xl', 'xl'];\n\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_TONE_PREFIX = 'd-fc-';\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_TONE_TOKENS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":"sJAAaA,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,aACR,EAEaC,EAAsB,CACjC,SAAU,CAAC,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,EACrD,KAAM,CAAC,KAAM,KAAM,KAAM,IAAI,EAC7B,MAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAC9B,KAAM,CAAC,KAAM,KAAM,KAAM,IAAI,CAC/B,EAGaC,EAA2B,CAAC,MAAO,MAAO,IAAI,EAK9CC,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,uBACX,EAEaC,EAAmB,QAEnBC,EAAqB,kBACrBC,EAAsB,aACtBC,EAAwB,gBAExBC,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,qBACV,EAEaC,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,mBACR,EAEaC,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,mBACV,EAEaC,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,gBACP,EAEAC,EAAe,CACb,oBAAAZ,EACA,oBAAAC,EACA,yBAAAC,EACF,iBAAEW,EAAAA,QACA,qBAAAV,EACA,iBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,uBAAAC,CACF"}