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

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

@@ -0,0 +1,236 @@
+import { ref as S, computed as N, reactive as R, watchEffect as I, provide as T, onMounted as M, watch as w, openBlock as x, createBlock as G, unref as V, normalizeClass as z, withCtx as k, renderSlot as F } from "vue";
+import { getUniqueString as U } from "../../common/utils/index.js";
+import { SEGMENTED_CONTROL_SPREAD_DEFAULT as K, SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT as B, SEGMENTED_CONTROL_SIZE_DEFAULT as P, SEGMENTED_CONTROL_ORIENTATION_DEFAULT as q, SEGMENTED_CONTROL_SIZE_MODIFIERS as Y, SEGMENTED_CONTROL_CONTEXT_KEY as Z, SEGMENTED_CONTROL_SELECT_KEY as j, SEGMENTED_CONTROL_FOCUS_KEY as H, SEGMENTED_CONTROL_SPREADS as $, SEGMENTED_CONTROL_ACTIVATION_MODES as X, SEGMENTED_CONTROL_SIZES as J, SEGMENTED_CONTROL_ORIENTATIONS as Q, SEGMENTED_CONTROL_ITEM_SELECTOR as p, SEGMENTED_CONTROL_DATA_VALUE_ATTR as D } from "./segmented-control-constants.js";
+import W from "../stack/stack.js";
+const ae = /* @__PURE__ */ Object.assign({ name: "DtSegmentedControl" }, {
+  __name: "segmented_control",
+  props: {
+    /**
+     * Element ID for the radiogroup container.
+     * Auto-generated if not provided.
+     */
+    id: {
+      type: String,
+      default() {
+        return U();
+      }
+    },
+    /**
+     * The currently selected value (v-model).
+     */
+    modelValue: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Accessible label for the radiogroup.
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Orientation of the segmented control.
+     * Maps to DtStack direction: horizontal -> row, vertical -> column.
+     * @values horizontal, vertical
+     */
+    orientation: {
+      type: String,
+      default: q,
+      validator: (o) => Q.includes(o)
+    },
+    /**
+     * DtButton size for all items. Inherited by children via provide.
+     * @values 100, 200, 300, 400, 500
+     */
+    size: {
+      type: [String, Number],
+      default: P,
+      validator: (o) => J.includes(String(o))
+    },
+    /**
+     * Controls whether items are selected on focus (auto) or on click/Space/Enter (manual).
+     * @values auto, manual
+     */
+    activationMode: {
+      type: String,
+      default: B,
+      validator: (o) => X.includes(o)
+    },
+    /**
+     * Disables all items in the group.
+     * Per-item disabled is set via the disabled prop on DtSegmentedControlItem.
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the dividers between items.
+     */
+    hideDivider: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Removes the border and padding from the container.
+     */
+    borderless: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Controls how items distribute space.
+     * 'grow' (default): items size to their content.
+     * 'evenly': items share space equally.
+     * @values grow, evenly
+     */
+    spread: {
+      type: String,
+      default: K,
+      validator: (o) => $.includes(o)
+    },
+    /**
+     * Default label class for all items. Items can override with their own labelClass prop.
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * v-model event. Emitted when the selected value changes.
+     * @event update:modelValue
+     * @type {String}
+     */
+    "update:modelValue",
+    /**
+     * Emitted when the user selects an item (click, Enter, Space, or arrow in auto mode).
+     * Not emitted for programmatic modelValue changes.
+     * @event change
+     * @type {String}
+     */
+    "change",
+    /**
+     * Emitted before a selection change. Call event.preventDefault() to cancel the change.
+     * @event before-change
+     * @type {Event}
+     */
+    "before-change"
+  ],
+  setup(o, { emit: m }) {
+    const n = o, u = m, c = S(null), E = S(null), C = N(() => n.orientation === "vertical" ? "column" : "row"), A = N(() => [
+      "d-segmented-control",
+      Y[String(n.size)],
+      n.hideDivider ? "d-segmented-control--hide-divider" : null,
+      n.borderless ? "d-segmented-control--borderless" : null,
+      n.orientation === "vertical" ? "d-segmented-control--vertical" : null,
+      n.spread === "evenly" && n.orientation === "horizontal" ? "d-segmented-control--spread-evenly" : null
+    ]), l = R({
+      selected: n.modelValue,
+      disabled: n.disabled,
+      size: n.size,
+      labelClass: n.labelClass
+    });
+    I(() => {
+      l.selected = n.modelValue, l.disabled = n.disabled, l.size = n.size, l.labelClass = n.labelClass;
+    }), T(Z, l), T(j, O), T(H, h);
+    function g() {
+      const e = b();
+      if (!e.length || e.some((r) => r.getAttribute("tabindex") === "0")) return;
+      const a = e.find((r) => !f(r));
+      a && a.setAttribute("tabindex", "0");
+    }
+    M(g), w(() => [n.modelValue, n.disabled], g, { flush: "post" });
+    function b() {
+      var t;
+      const e = ((t = c.value) == null ? void 0 : t.$el) || c.value;
+      return e ? Array.from(e.querySelectorAll(p)) : [];
+    }
+    function h(e) {
+      E.value = e;
+    }
+    function O(e) {
+      if (n.disabled || e === n.modelValue) return;
+      const t = new Event("before-change", { cancelable: !0 });
+      u("before-change", t), !t.defaultPrevented && (u("update:modelValue", e), u("change", e));
+    }
+    function y(e, t) {
+      if (t) {
+        const r = t.target.closest(p);
+        if (r) {
+          const i = e.indexOf(r);
+          if (i !== -1) return i;
+        }
+      }
+      const a = e.findIndex((r) => {
+        const i = r.getAttribute(D);
+        return E.value ? i === E.value : r.getAttribute("aria-checked") === "true";
+      });
+      return a === -1 ? 0 : a;
+    }
+    function _(e) {
+      f(e) || O(e.getAttribute(D));
+    }
+    function f(e) {
+      return e.getAttribute("aria-disabled") === "true";
+    }
+    function d(e, t, a) {
+      const r = e.length;
+      for (let i = 1; i <= r; i++) {
+        const s = (t + i * a + r) % r;
+        if (!f(e[s])) return s;
+      }
+      return t;
+    }
+    function L(e, t, a) {
+      const r = n.orientation === "horizontal", i = r ? "ArrowRight" : "ArrowDown", s = r ? "ArrowLeft" : "ArrowUp";
+      switch (e) {
+        case i:
+          return d(a, t, 1);
+        case s:
+          return d(a, t, -1);
+        case "Home":
+          return d(a, a.length - 1, 1);
+        case "End":
+          return d(a, 0, -1);
+        default:
+          return -1;
+      }
+    }
+    function v(e) {
+      const t = b();
+      if (!t.length) return;
+      const a = y(t, e);
+      if (e.key === "Enter" || e.key === " ") {
+        _(t[a]), e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      const r = L(e.key, a, t);
+      r !== -1 && (e.preventDefault(), e.stopPropagation(), t[r].focus(), n.activationMode === "auto" && _(t[r]));
+    }
+    return (e, t) => (x(), G(V(W), {
+      id: o.id,
+      ref_key: "container",
+      ref: c,
+      align: "stretch",
+      class: z(A.value),
+      direction: C.value,
+      role: "radiogroup",
+      "aria-label": o.ariaLabel,
+      "aria-orientation": o.orientation,
+      "data-qa": "dt-segmented-control",
+      onKeydown: v
+    }, {
+      default: k(() => [
+        F(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "class", "direction", "aria-label", "aria-orientation"]));
+  }
+});
+export {
+  ae as default
+};
+//# sourceMappingURL=segmented-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sources":["../../../components/segmented_control/segmented_control.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :id=\"id\"\n    ref=\"container\"\n    align=\"stretch\"\n    :class=\"containerClasses\"\n    :direction=\"stackDirection\"\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-orientation=\"orientation\"\n    data-qa=\"dt-segmented-control\"\n    @keydown=\"handleKeyDown\"\n  >\n    <!-- @slot DtSegmentedControlItem children -->\n    <slot />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { ref, computed, reactive, watchEffect, watch, provide, onMounted } from 'vue';\nimport { getUniqueString } from '@/common/utils';\nimport { DtStack } from '@/components/stack';\nimport {\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  SEGMENTED_CONTROL_ITEM_SELECTOR,\n  SEGMENTED_CONTROL_DATA_VALUE_ATTR,\n} from './segmented_control_constants.js';\n\ndefineOptions({ name: 'DtSegmentedControl' });\n\nconst props = defineProps({\n  /**\n   * Element ID for the radiogroup container.\n   * Auto-generated if not provided.\n   */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n   * The currently selected value (v-model).\n   */\n  modelValue: {\n    type: String,\n    required: true,\n  },\n\n  /**\n   * Accessible label for the radiogroup.\n   */\n  ariaLabel: {\n    type: String,\n    default: undefined,\n  },\n\n  /**\n   * Orientation of the segmented control.\n   * Maps to DtStack direction: horizontal -> row, vertical -> column.\n   * @values horizontal, vertical\n   */\n  orientation: {\n    type: String,\n    default: SEGMENTED_CONTROL_ORIENTATION_DEFAULT,\n    validator: (v) => SEGMENTED_CONTROL_ORIENTATIONS.includes(v),\n  },\n\n  /**\n   * DtButton size for all items. Inherited by children via provide.\n   * @values 100, 200, 300, 400, 500\n   */\n  size: {\n    type: [String, Number],\n    default: SEGMENTED_CONTROL_SIZE_DEFAULT,\n    validator: (v) => SEGMENTED_CONTROL_SIZES.includes(String(v)),\n  },\n\n  /**\n   * Controls whether items are selected on focus (auto) or on click/Space/Enter (manual).\n   * @values auto, manual\n   */\n  activationMode: {\n    type: String,\n    default: SEGMENTED_CONTROL_ACTIVATION_MODE_DEFAULT,\n    validator: (v) => SEGMENTED_CONTROL_ACTIVATION_MODES.includes(v),\n  },\n\n  /**\n   * Disables all items in the group.\n   * Per-item disabled is set via the disabled prop on DtSegmentedControlItem.\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n   * Hides the dividers between items.\n   */\n  hideDivider: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n   * Removes the border and padding from the container.\n   */\n  borderless: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n   * Controls how items distribute space.\n   * 'grow' (default): items size to their content.\n   * 'evenly': items share space equally.\n   * @values grow, evenly\n   */\n  spread: {\n    type: String,\n    default: SEGMENTED_CONTROL_SPREAD_DEFAULT,\n    validator: (v) => SEGMENTED_CONTROL_SPREADS.includes(v),\n  },\n\n  /**\n   * Default label class for all items. Items can override with their own labelClass prop.\n   */\n  labelClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n});\n\nconst emit = defineEmits([\n  /**\n   * v-model event. Emitted when the selected value changes.\n   * @event update:modelValue\n   * @type {String}\n   */\n  'update:modelValue',\n\n  /**\n   * Emitted when the user selects an item (click, Enter, Space, or arrow in auto mode).\n   * Not emitted for programmatic modelValue changes.\n   * @event change\n   * @type {String}\n   */\n  'change',\n\n  /**\n   * Emitted before a selection change. Call event.preventDefault() to cancel the change.\n   * @event before-change\n   * @type {Event}\n   */\n  'before-change',\n]);\n\nconst container = ref(null);\nconst focusedValue = ref(null);\n\nconst stackDirection = computed(() => props.orientation === 'vertical' ? 'column' : 'row');\n\nconst containerClasses = computed(() => [\n  'd-segmented-control',\n  SEGMENTED_CONTROL_SIZE_MODIFIERS[String(props.size)],\n  props.hideDivider ? 'd-segmented-control--hide-divider' : null,\n  props.borderless ? 'd-segmented-control--borderless' : null,\n  props.orientation === 'vertical' ? 'd-segmented-control--vertical' : null,\n  props.spread === 'evenly' && props.orientation === 'horizontal'\n    ? 'd-segmented-control--spread-evenly'\n    : null,\n]);\n\n// Reactive context provided to children\nconst groupContext = reactive({\n  selected: props.modelValue,\n  disabled: props.disabled,\n  size: props.size,\n  labelClass: props.labelClass,\n});\n\nwatchEffect(() => {\n  groupContext.selected = props.modelValue;\n  groupContext.disabled = props.disabled;\n  groupContext.size = props.size;\n  groupContext.labelClass = props.labelClass;\n});\n\nprovide(SEGMENTED_CONTROL_CONTEXT_KEY, groupContext);\nprovide(SEGMENTED_CONTROL_SELECT_KEY, selectValue);\nprovide(SEGMENTED_CONTROL_FOCUS_KEY, setFocus);\n\n// Ensures at least one enabled item is tabbable (WAI-ARIA radiogroup requirement).\n// Items set tabindex based on isSelected && !isDisabled. If the selected item is disabled\n// or modelValue doesn't match any item, no item has tabindex=\"0\". This fallback sets\n// tabindex=\"0\" on the first enabled item so keyboard users can reach the control.\nfunction ensureTabbable () {\n  const items = getItems();\n  if (!items.length) return;\n  const hasTabbable = items.some(el => el.getAttribute('tabindex') === '0');\n  if (hasTabbable) return;\n  const firstEnabled = items.find(el => !isItemDisabled(el));\n  if (firstEnabled) firstEnabled.setAttribute('tabindex', '0');\n}\n\nonMounted(ensureTabbable);\nwatch(() => [props.modelValue, props.disabled], ensureTabbable, { flush: 'post' });\n\nfunction getItems () {\n  const el = container.value?.$el || container.value;\n  return el ? Array.from(el.querySelectorAll(SEGMENTED_CONTROL_ITEM_SELECTOR)) : [];\n}\n\nfunction setFocus (value) {\n  focusedValue.value = value;\n}\n\nfunction selectValue (value) {\n  if (props.disabled) return;\n  if (value === props.modelValue) return;\n  const beforeChangeEvent = new Event('before-change', { cancelable: true });\n  emit('before-change', beforeChangeEvent);\n  if (beforeChangeEvent.defaultPrevented) return;\n  emit('update:modelValue', value);\n  emit('change', value);\n}\n\nfunction getFocusedIndex (items, event) {\n  // First check event.target — the element that actually has focus\n  if (event) {\n    const target = event.target.closest(SEGMENTED_CONTROL_ITEM_SELECTOR);\n    if (target) {\n      const targetIdx = items.indexOf(target);\n      if (targetIdx !== -1) return targetIdx;\n    }\n  }\n  // Fall back to tracked focusedValue, then aria-checked\n  const idx = items.findIndex(el => {\n    const value = el.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR);\n    return focusedValue.value ? value === focusedValue.value : el.getAttribute('aria-checked') === 'true';\n  });\n  return idx === -1 ? 0 : idx;\n}\n\nfunction activateItem (item) {\n  if (isItemDisabled(item)) return;\n  selectValue(item.getAttribute(SEGMENTED_CONTROL_DATA_VALUE_ATTR));\n}\n\nfunction isItemDisabled (item) {\n  return item.getAttribute('aria-disabled') === 'true';\n}\n\nfunction findNextEnabled (items, fromIndex, direction) {\n  const len = items.length;\n  for (let i = 1; i <= len; i++) {\n    const index = (fromIndex + i * direction + len) % len;\n    if (!isItemDisabled(items[index])) return index;\n  }\n  return fromIndex;\n}\n\nfunction getNavigationIndex (key, currentIndex, items) {\n  const isHorizontal = props.orientation === 'horizontal';\n  const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';\n  const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';\n\n  switch (key) {\n    case nextKey: return findNextEnabled(items, currentIndex, 1);\n    case prevKey: return findNextEnabled(items, currentIndex, -1);\n    case 'Home': return findNextEnabled(items, items.length - 1, 1);\n    case 'End': return findNextEnabled(items, 0, -1);\n    default: return -1;\n  }\n}\n\nfunction handleKeyDown (event) {\n  const items = getItems();\n  if (!items.length) return;\n\n  const focusedIndex = getFocusedIndex(items, event);\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    activateItem(items[focusedIndex]);\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  const newIndex = getNavigationIndex(event.key, focusedIndex, items);\n  if (newIndex === -1) return;\n\n  event.preventDefault();\n  event.stopPropagation();\n  items[newIndex].focus();\n\n  if (props.activationMode === 'auto') {\n    activateItem(items[newIndex]);\n  }\n}\n</script>\n"],"names":["props","__props","emit","__emit","container","ref","focusedValue","stackDirection","computed","containerClasses","SEGMENTED_CONTROL_SIZE_MODIFIERS","groupContext","reactive","watchEffect","provide","SEGMENTED_CONTROL_CONTEXT_KEY","SEGMENTED_CONTROL_SELECT_KEY","selectValue","SEGMENTED_CONTROL_FOCUS_KEY","setFocus","ensureTabbable","items","getItems","el","firstEnabled","isItemDisabled","onMounted","watch","_a","SEGMENTED_CONTROL_ITEM_SELECTOR","value","beforeChangeEvent","getFocusedIndex","event","target","targetIdx","idx","SEGMENTED_CONTROL_DATA_VALUE_ATTR","activateItem","item","findNextEnabled","fromIndex","direction","len","index","getNavigationIndex","key","currentIndex","isHorizontal","nextKey","prevKey","handleKeyDown","focusedIndex","newIndex","_createBlock","_unref","DtStack","_renderSlot","_ctx"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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