@dialpad/dialtone 9.66.0 → 9.67.0

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const common_constants = require("../common/constants.cjs");
 const common_utils = require("../common/utils.cjs");
-const input = require("../chunks/input-dLLo3Wtg.js");
+const input = require("../chunks/input-ttnte8zB.js");
 const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
 const lib_validationMessages = require("./validation-messages.cjs");
 require("../common/validators.cjs");
@@ -51,9 +51,7 @@ const optionsValidator = (options) => {
 };
 const _sfc_main = {
   name: "DtSelectMenu",
-  components: {
-    DtValidationMessages: lib_validationMessages.DtValidationMessages
-  },
+  components: { DtValidationMessages: lib_validationMessages.DtValidationMessages },
   mixins: [input.MessagesMixin],
   inheritAttrs: false,
   props: {
@@ -242,42 +240,71 @@ const _hoisted_3 = ["disabled"];
 const _hoisted_4 = ["value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = vue.resolveComponent("dt-validation-messages");
-  return vue.openBlock(), vue.createElementBlock("div", null, [vue.createElementVNode("label", null, [$data.hasSlotContent(_ctx.$slots.label) || $props.label ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    key: 0,
-    "aria-details": $options.labelAriaDetails,
-    class: ["d-label", $data.LABEL_SIZE_MODIFIERS[$props.size], $props.labelClass]
-  }, $props.labelChildProps, {
-    "data-qa": "dt-select-label"
-  }), [vue.renderSlot(_ctx.$slots, "label", {}, () => [vue.createTextVNode(vue.toDisplayString($props.label), 1)])], 16, _hoisted_1)) : vue.createCommentVNode("", true), $data.hasSlotContent(_ctx.$slots.description) || $props.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    key: 1,
-    id: $options.descriptionKey,
-    class: ["d-description", $data.DESCRIPTION_SIZE_MODIFIERS[$props.size], $props.descriptionClass]
-  }, $props.descriptionChildProps, {
-    "data-qa": "dt-select-description"
-  }), [vue.renderSlot(_ctx.$slots, "description", {}, () => [vue.createTextVNode(vue.toDisplayString($props.description), 1)])], 16, _hoisted_2)) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
-    class: vue.normalizeClass(["d-select", $data.SELECT_SIZE_MODIFIERS[$props.size], $props.selectClass, {
-      "d-select--disabled": $props.disabled
-    }]),
-    "data-qa": "dt-select-wrapper"
-  }, [vue.createElementVNode("select", vue.mergeProps({
-    ref: "selectElement",
-    class: ["d-select__input", $data.SELECT_STATE_MODIFIERS[$options.state]]
-  }, _ctx.$attrs, {
-    "data-qa": "dt-select",
-    disabled: $props.disabled
-  }, vue.toHandlers($options.selectListeners, true)), [vue.renderSlot(_ctx.$slots, "default", {}, () => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.options, (option) => {
-    return vue.openBlock(), vue.createElementBlock("option", vue.mergeProps({
-      key: $options.getOptionKey(option.value),
-      value: option.value,
-      class: $props.optionClass
-    }, $props.optionChildProps), vue.toDisplayString(option.label), 17, _hoisted_4);
-  }), 128))])], 16, _hoisted_3)], 2)]), vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
-    "validation-messages": _ctx.formattedMessages,
-    "show-messages": _ctx.showMessages,
-    class: _ctx.messagesClass
-  }, _ctx.messagesChildProps, {
-    "data-qa": "dt-select-messages"
-  }), null, 16, ["validation-messages", "show-messages", "class"])]);
+  return vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createElementVNode("label", null, [
+      $data.hasSlotContent(_ctx.$slots.label) || $props.label ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        "aria-details": $options.labelAriaDetails,
+        class: [
+          "d-label",
+          $data.LABEL_SIZE_MODIFIERS[$props.size],
+          $props.labelClass
+        ]
+      }, $props.labelChildProps, { "data-qa": "dt-select-label" }), [
+        vue.renderSlot(_ctx.$slots, "label", {}, () => [
+          vue.createTextVNode(vue.toDisplayString($props.label), 1)
+        ])
+      ], 16, _hoisted_1)) : vue.createCommentVNode("", true),
+      $data.hasSlotContent(_ctx.$slots.description) || $props.description ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 1,
+        id: $options.descriptionKey,
+        class: [
+          "d-description",
+          $data.DESCRIPTION_SIZE_MODIFIERS[$props.size],
+          $props.descriptionClass
+        ]
+      }, $props.descriptionChildProps, { "data-qa": "dt-select-description" }), [
+        vue.renderSlot(_ctx.$slots, "description", {}, () => [
+          vue.createTextVNode(vue.toDisplayString($props.description), 1)
+        ])
+      ], 16, _hoisted_2)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass([
+          "d-select",
+          $data.SELECT_SIZE_MODIFIERS[$props.size],
+          $props.selectClass,
+          { "d-select--disabled": $props.disabled }
+        ]),
+        "data-qa": "dt-select-wrapper"
+      }, [
+        vue.createElementVNode("select", vue.mergeProps({
+          ref: "selectElement",
+          class: [
+            "d-select__input",
+            $data.SELECT_STATE_MODIFIERS[$options.state]
+          ]
+        }, _ctx.$attrs, {
+          "data-qa": "dt-select",
+          disabled: $props.disabled
+        }, vue.toHandlers($options.selectListeners, true)), [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.options, (option) => {
+              return vue.openBlock(), vue.createElementBlock("option", vue.mergeProps({
+                key: $options.getOptionKey(option.value),
+                value: option.value,
+                class: $props.optionClass
+              }, $props.optionChildProps), vue.toDisplayString(option.label), 17, _hoisted_4);
+            }), 128))
+          ])
+        ], 16, _hoisted_3)
+      ], 2)
+    ]),
+    vue.createVNode(_component_dt_validation_messages, vue.mergeProps({
+      "validation-messages": _ctx.formattedMessages,
+      "show-messages": _ctx.showMessages,
+      class: _ctx.messagesClass
+    }, _ctx.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+  ]);
 }
 const select_menu = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.DtSelectMenu = select_menu;

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

@@ -1 +1 @@
-{"version":3,"file":"select-menu.cjs","sources":["../../components/select_menu/select_menu_constants.js","../../components/select_menu/select_menu_validators.js","../../components/select_menu/select_menu.vue"],"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","const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n","<template>\n  <div>\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=\"$attrs\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\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} 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  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     * `{ index: number (optional), 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} options[].index - Optional - The index of the option\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  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\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  watch: {\n    // whenever question changes, this function will run\n    options () {\n      this.$nextTick(() => {\n        this.emitValue(this.$refs.selectElement.value, null);\n      });\n    },\n  },\n\n  mounted () {\n    this.emitValue(this.$refs.selectElement.value, null);\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (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":["SELECT_SIZE_MODIFIERS","xs","sm","md","lg","xl","SELECT_STATE_MODIFIERS","error","warning","success","hasValidOptionIndex","option","index","hasValidOptionValue","value","hasValidOptionLabel","label","optionsValidator","options","every","_sfc_main","name","components","DtValidationMessages","mixins","MessagesMixin","inheritAttrs","props","type","String","default","description","Array","validator","size","s","Object","keys","includes","labelClass","descriptionClass","selectClass","optionClass","labelChildProps","descriptionChildProps","optionChildProps","disabled","Boolean","emits","data","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","hasSlotContent","computed","selectListeners","input","change","event","emitValue","target","state","getValidationState","formattedMessages","selectKey","getUniqueString","descriptionKey","labelAriaDetails","$slots","$attrs","watch","$nextTick","$refs","selectElement","mounted","validateOptionsPresence","beforeUpdate","methods","$emit","getOptionKey","length","warn","_createElementBlock","_createElementVNode","$data","_ctx","$props","_openBlock","_mergeProps","$options","class","_renderSlot","id","_normalizeClass","ref","_toHandlers","_Fragment","_renderList","key","_toDisplayString","_hoisted_4","_createVNode","_component_dt_validation_messages","showMessages","messagesClass","messagesChildProps"],"mappings":"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"}
+{"version":3,"file":"select-menu.cjs","sources":["../../components/select_menu/select_menu_constants.js","../../components/select_menu/select_menu_validators.js","../../components/select_menu/select_menu.vue"],"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","const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n","<template>\n  <div>\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=\"$attrs\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\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} 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  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     * `{ index: number (optional), 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} options[].index - Optional - The index of the option\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  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\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  watch: {\n    // whenever question changes, this function will run\n    options () {\n      this.$nextTick(() => {\n        this.emitValue(this.$refs.selectElement.value, null);\n      });\n    },\n  },\n\n  mounted () {\n    this.emitValue(this.$refs.selectElement.value, null);\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (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":["DtValidationMessages","MessagesMixin","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","hasSlotContent","getValidationState","getUniqueString","warn","_createElementBlock","_createElementVNode","_openBlock","_mergeProps","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","_toDisplayString","_createVNode"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { warn, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, toHandlers, Fragment, renderList, createVNode } from "vue";
 import { LABEL_SIZE_MODIFIERS, DESCRIPTION_SIZE_MODIFIERS } from "../common/constants.js";
 import { hasSlotContent, getValidationState, getUniqueString } from "../common/utils.js";
-import { MessagesMixin } from "../chunks/input-HIysg24t.js";
+import { MessagesMixin } from "../chunks/input-NmYDD5bn.js";
 import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
 import { DtValidationMessages } from "./validation-messages.js";
 import "../common/validators.js";
@@ -49,9 +49,7 @@ const optionsValidator = (options) => {
 };
 const _sfc_main = {
   name: "DtSelectMenu",
-  components: {
-    DtValidationMessages
-  },
+  components: { DtValidationMessages },
   mixins: [MessagesMixin],
   inheritAttrs: false,
   props: {
@@ -240,42 +238,71 @@ const _hoisted_3 = ["disabled"];
 const _hoisted_4 = ["value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = resolveComponent("dt-validation-messages");
-  return openBlock(), createElementBlock("div", null, [createElementVNode("label", null, [$data.hasSlotContent(_ctx.$slots.label) || $props.label ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 0,
-    "aria-details": $options.labelAriaDetails,
-    class: ["d-label", $data.LABEL_SIZE_MODIFIERS[$props.size], $props.labelClass]
-  }, $props.labelChildProps, {
-    "data-qa": "dt-select-label"
-  }), [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString($props.label), 1)])], 16, _hoisted_1)) : createCommentVNode("", true), $data.hasSlotContent(_ctx.$slots.description) || $props.description ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 1,
-    id: $options.descriptionKey,
-    class: ["d-description", $data.DESCRIPTION_SIZE_MODIFIERS[$props.size], $props.descriptionClass]
-  }, $props.descriptionChildProps, {
-    "data-qa": "dt-select-description"
-  }), [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString($props.description), 1)])], 16, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", {
-    class: normalizeClass(["d-select", $data.SELECT_SIZE_MODIFIERS[$props.size], $props.selectClass, {
-      "d-select--disabled": $props.disabled
-    }]),
-    "data-qa": "dt-select-wrapper"
-  }, [createElementVNode("select", mergeProps({
-    ref: "selectElement",
-    class: ["d-select__input", $data.SELECT_STATE_MODIFIERS[$options.state]]
-  }, _ctx.$attrs, {
-    "data-qa": "dt-select",
-    disabled: $props.disabled
-  }, toHandlers($options.selectListeners, true)), [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
-    return openBlock(), createElementBlock("option", mergeProps({
-      key: $options.getOptionKey(option.value),
-      value: option.value,
-      class: $props.optionClass
-    }, $props.optionChildProps), toDisplayString(option.label), 17, _hoisted_4);
-  }), 128))])], 16, _hoisted_3)], 2)]), createVNode(_component_dt_validation_messages, mergeProps({
-    "validation-messages": _ctx.formattedMessages,
-    "show-messages": _ctx.showMessages,
-    class: _ctx.messagesClass
-  }, _ctx.messagesChildProps, {
-    "data-qa": "dt-select-messages"
-  }), null, 16, ["validation-messages", "show-messages", "class"])]);
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("label", null, [
+      $data.hasSlotContent(_ctx.$slots.label) || $props.label ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        "aria-details": $options.labelAriaDetails,
+        class: [
+          "d-label",
+          $data.LABEL_SIZE_MODIFIERS[$props.size],
+          $props.labelClass
+        ]
+      }, $props.labelChildProps, { "data-qa": "dt-select-label" }), [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          createTextVNode(toDisplayString($props.label), 1)
+        ])
+      ], 16, _hoisted_1)) : createCommentVNode("", true),
+      $data.hasSlotContent(_ctx.$slots.description) || $props.description ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        id: $options.descriptionKey,
+        class: [
+          "d-description",
+          $data.DESCRIPTION_SIZE_MODIFIERS[$props.size],
+          $props.descriptionClass
+        ]
+      }, $props.descriptionChildProps, { "data-qa": "dt-select-description" }), [
+        renderSlot(_ctx.$slots, "description", {}, () => [
+          createTextVNode(toDisplayString($props.description), 1)
+        ])
+      ], 16, _hoisted_2)) : createCommentVNode("", true),
+      createElementVNode("div", {
+        class: normalizeClass([
+          "d-select",
+          $data.SELECT_SIZE_MODIFIERS[$props.size],
+          $props.selectClass,
+          { "d-select--disabled": $props.disabled }
+        ]),
+        "data-qa": "dt-select-wrapper"
+      }, [
+        createElementVNode("select", mergeProps({
+          ref: "selectElement",
+          class: [
+            "d-select__input",
+            $data.SELECT_STATE_MODIFIERS[$options.state]
+          ]
+        }, _ctx.$attrs, {
+          "data-qa": "dt-select",
+          disabled: $props.disabled
+        }, toHandlers($options.selectListeners, true)), [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
+              return openBlock(), createElementBlock("option", mergeProps({
+                key: $options.getOptionKey(option.value),
+                value: option.value,
+                class: $props.optionClass
+              }, $props.optionChildProps), toDisplayString(option.label), 17, _hoisted_4);
+            }), 128))
+          ])
+        ], 16, _hoisted_3)
+      ], 2)
+    ]),
+    createVNode(_component_dt_validation_messages, mergeProps({
+      "validation-messages": _ctx.formattedMessages,
+      "show-messages": _ctx.showMessages,
+      class: _ctx.messagesClass
+    }, _ctx.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+  ]);
 }
 const select_menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"select-menu.js","sources":["../../components/select_menu/select_menu_constants.js","../../components/select_menu/select_menu_validators.js","../../components/select_menu/select_menu.vue"],"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","const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n","<template>\n  <div>\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=\"$attrs\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\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} 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  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     * `{ index: number (optional), 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} options[].index - Optional - The index of the option\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  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\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  watch: {\n    // whenever question changes, this function will run\n    options () {\n      this.$nextTick(() => {\n        this.emitValue(this.$refs.selectElement.value, null);\n      });\n    },\n  },\n\n  mounted () {\n    this.emitValue(this.$refs.selectElement.value, null);\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (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":["SELECT_SIZE_MODIFIERS","xs","sm","md","lg","xl","SELECT_STATE_MODIFIERS","error","warning","success","hasValidOptionIndex","option","index","hasValidOptionValue","value","hasValidOptionLabel","label","optionsValidator","options","every","_sfc_main","name","components","DtValidationMessages","mixins","MessagesMixin","inheritAttrs","props","type","String","default","description","Array","validator","size","s","Object","keys","includes","labelClass","descriptionClass","selectClass","optionClass","labelChildProps","descriptionChildProps","optionChildProps","disabled","Boolean","emits","data","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","hasSlotContent","computed","selectListeners","input","change","event","emitValue","target","state","getValidationState","formattedMessages","selectKey","getUniqueString","descriptionKey","labelAriaDetails","$slots","$attrs","watch","$nextTick","$refs","selectElement","mounted","validateOptionsPresence","beforeUpdate","methods","$emit","getOptionKey","length","warn","_createElementBlock","_createElementVNode","$data","_ctx","$props","_openBlock","_mergeProps","$options","class","_renderSlot","id","_normalizeClass","ref","_toHandlers","_Fragment","_renderList","key","_toDisplayString","_hoisted_4","_createVNode","_component_dt_validation_messages","showMessages","messagesClass","messagesChildProps"],"mappings":";;;;;;;AAAO,MAAMA,wBAAwB;AAAA,EACnCC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEO,MAAMC,yBAAyB;AAAA,EACpCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,SAAS;AACX;ACZA,MAAMC,sBAAsBC,YAAU,CAACA,OAAOC,SAAS,OAAOD,OAAOC,UAAU;AAE/E,MAAMC,sBAAsBF,YAAU;AACpC,MAAI,CAACA,OAAOG,OAAO;AACjB,WAAO;AAAA,EACT;AAEA,SAAO,OAAOH,OAAOG,UAAU,YAAY,OAAOH,OAAOG,UAAU;AACrE;AAEA,MAAMC,sBAAsBJ,YAAU;AACpC,MAAI,CAACA,OAAOK,OAAO;AACjB,WAAO;AAAA,EACT;AAEA,SAAO,OAAOL,OAAOK,UAAU;AACjC;AAEO,MAAMC,mBAAmBC,aAAW;AACzC,MAAI,CAACA,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SAAOA,QAAQC,MAAMR,YAAU;AAC7B,QAAI,CAACD,oBAAoBC,MAAM,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,QAAI,CAACE,oBAAoBF,MAAM,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,QAAI,CAACI,oBAAoBJ,MAAM,GAAG;AAChC,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,CAAC;AACH;ACgEA,MAAKS,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,IAAEC;AAAAA,EAAsB;AAAA,EAEpCC,QAAQ,CAACC,aAAa;AAAA,EAEtBC,cAAc;AAAA,EAEdC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILX,OAAO;AAAA,MACLY,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,aAAa;AAAA,MACXH,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUDZ,SAAS;AAAA,MACPU,MAAMI;AAAAA,MACNF,SAASA,MAAM,CAAE;AAAA,MACjBG,WAAWf,aAAWD,iBAAiBC,OAAO;AAAA,IAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDgB,MAAM;AAAA,MACJN,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTG,WAAYE,OAAMC,OAAOC,KAAKrC,qBAAqB,EAAEsC,SAASH,CAAC;AAAA,IAChE;AAAA;AAAA;AAAA;AAAA,IAKDI,YAAY;AAAA,MACVX,MAAM,CAACC,QAAQG,OAAOI,MAAM;AAAA,MAC5BN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDU,kBAAkB;AAAA,MAChBZ,MAAM,CAACC,QAAQG,OAAOI,MAAM;AAAA,MAC5BN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDW,aAAa;AAAA,MACXb,MAAM,CAACC,QAAQG,OAAOI,MAAM;AAAA,MAC5BN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDY,aAAa;AAAA,MACXd,MAAM,CAACC,QAAQG,OAAOI,MAAM;AAAA,MAC5BN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDa,iBAAiB;AAAA,MACff,MAAMQ;AAAAA,MACNN,SAASA,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKDc,uBAAuB;AAAA,MACrBhB,MAAMQ;AAAAA,MACNN,SAASA,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKDe,kBAAkB;AAAA,MAChBjB,MAAMQ;AAAAA,MACNN,SAASA,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDgB,UAAU;AAAA,MACRlB,MAAMmB;AAAAA,MACNjB,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EAAQ;AAAA,EAGVC,OAAQ;AACN,WAAO;AAAA,MACLC;AAAAA,MACAC;AAAAA,MACAnD;AAAAA,MACAM;AAAAA,MACA8C;AAAAA;EAEH;AAAA,EAEDC,UAAU;AAAA,IACRC,kBAAmB;AACjB,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMLC,OAAOA,MAAM;AAAA,QAAE;AAAA,QACfC,QAAQC,WAAS,KAAKC,UAAUD,MAAME,OAAO7C,OAAO2C,KAAK;AAAA;IAE5D;AAAA,IAEDG,QAAS;AACP,aAAOC,mBAAmB,KAAKC,iBAAiB;AAAA,IACjD;AAAA,IAEDC,YAAa;AACX,aAAOC,gBAAe;AAAA,IACvB;AAAA,IAEDC,iBAAkB;AAChB,aAAO,UAAU,KAAKF,SAAS;AAAA,IAChC;AAAA,IAEDG,mBAAoB;AAClB,UAAI,KAAKC,OAAOpC,eAAe,KAAKA,aAAa;AAC/C,eAAO,KAAKkC;AAAAA,MACd;AAEA,aAAO,KAAKG,OAAO,cAAc;AAAA,IACnC;AAAA,EACD;AAAA,EAEDC,OAAO;AAAA;AAAA,IAELnD,UAAW;AACT,WAAKoD,UAAU,MAAM;AACnB,aAAKZ,UAAU,KAAKa,MAAMC,cAAc1D,OAAO,IAAI;AAAA,MACrD,CAAC;AAAA,IACH;AAAA,EACD;AAAA,EAED2D,UAAW;AACT,SAAKf,UAAU,KAAKa,MAAMC,cAAc1D,OAAO,IAAI;AACnD,SAAK4D,wBAAuB;AAAA,EAC7B;AAAA,EAEDC,eAAgB;AACd,SAAKD,wBAAuB;AAAA,EAC7B;AAAA,EAEDE,SAAS;AAAA,IACPlB,UAAW5C,OAAO2C,OAAO;AACvB,WAAKoB,MAAM,SAAS/D,OAAO2C,KAAK;AAChC,WAAKoB,MAAM,UAAU/D,OAAO2C,KAAK;AAAA,IAClC;AAAA,IAEDqB,aAAchE,OAAO;AACnB,aAAO,UAAU,KAAKiD,SAAS,WAAWjD,KAAK;AAAA,IAChD;AAAA,IAED4D,0BAA2B;;AACzB,YAAI,UAAKxD,YAAL,mBAAc6D,UAAS,KAAK,CAAC,KAAKZ,OAAOrC,SAAS;AACpDkD,aAAK,wDAAwD,IAAI;AAAA,MACnE;AAAA,IACF;AAAA,EACF;AACF;;;;;;;sBAzTEC,mBAwEM,OAAA,MAAA,CAvEJC,mBA+DQ,SAAA,MAAA,CA7DEC,MAAA/B,eAAegC,KAAAjB,OAAOnD,KAAK,KAAKqE,OAAKrE,SAD7CsE,aAAAL,mBAaM,OAbNM,WAaM;AAAA;IAXH,gBAAcC,SAAgBtB;AAAAA,IAC9BuB,OAAK,YAAmCN,MAAAjC,qBAAqBmC,OAAInD,IAAA,GAAamD,OAAU9C,UAAA;AAAA,KAKjF8C,OAAe1C,iBAAA;AAAA,IACvB,WAAQ;AAAA,EAAiB,CAAA,GAAA,CAGzB+C,WAAqCN,0BAArC,MAAqC,iCAAfC,OAAKrE,KAAA,GAAA,CAAA,CAAA,sDAGrBmE,MAAA/B,eAAegC,KAAAjB,OAAOpC,WAAW,KAAKsD,OAAWtD,eADzDuD,UAAA,GAAAL,mBAaM,OAbNM,WAaM;AAAA;IAXHI,IAAIH,SAAcvB;AAAAA,IAClBwB,OAAK,kBAAyCN,MAAAhC,2BAA2BkC,OAAInD,IAAA,GAAamD,OAAgB7C,gBAAA;AAAA,KAKnG6C,OAAqBzC,uBAAA;AAAA,IAC7B,WAAQ;AAAA,EAAuB,CAAA,GAAA,CAG/B8C,WAAiDN,gCAAjD,MAAiD,iCAArBC,OAAWtD,WAAA,GAAA,CAAA,CAAA,sDAEzCmD,mBAiCM,OAAA;AAAA,IAhCHO,OAAKG,eAAA,aAAoCT,MAAAnF,sBAAsBqF,OAAInD,IAAA,GAAamD,OAAW5C;4BAAoC4C,OAAQvC;AAAAA,IAAA,CAAA;IAMxI,WAAQ;AAAA,MAERoC,mBAuBS,UAvBTK,WAuBS;AAAA,IAtBPM,KAAI;AAAA,IACHJ,OAAK,oBAA+CN,MAAA7E,uBAAuBkF,SAAK5B,KAAA,CAAA;AAAA,KAIzEwB,KAAMhB,QAAA;AAAA,IACd,WAAQ;AAAA,IACPtB,UAAUuC,OAAQvC;AAAAA,EACnB,GAAAgD,WAAMN,SAAelC,iBAAA,IAAA,CAAA,GAAA,CAGrBoC,WAUON,4BAVP,MAUO,mBATLH,mBAQSc,UAAA,MAAAC,WAPUX,OAAOnE,SAAjBP,YAAM;AADf,WAAA2E,UAAA,GAAAL,mBAQS,UARTM,WAQS;AAAA,MANNU,KAAKT,SAAAV,aAAanE,OAAOG,KAAK;AAAA,MAC9BA,OAAOH,OAAOG;AAAAA,MACd2E,OAAOJ,OAAW3C;AAAAA,OACX2C,OAAgBxC,gBAAA,GAAAqD,gBAErBvF,OAAOK,KAAK,GAAA,IAAAmF,UAAA;AAAA,wCAMzBC,YAMEC,mCANFd,WAME;AAAA,IALC,uBAAqBH,KAAiBtB;AAAAA,IACtC,iBAAesB,KAAYkB;AAAAA,IAC3Bb,OAAOL,KAAamB;AAAAA,KACbnB,KAAkBoB,oBAAA;AAAA,IAC1B,WAAQ;AAAA,EAAoB,CAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,OAAA,CAAA,CAAA;;;"}
+{"version":3,"file":"select-menu.js","sources":["../../components/select_menu/select_menu_constants.js","../../components/select_menu/select_menu_validators.js","../../components/select_menu/select_menu.vue"],"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","const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n","<template>\n  <div>\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=\"$attrs\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\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} 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  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     * `{ index: number (optional), 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} options[].index - Optional - The index of the option\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  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\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  watch: {\n    // whenever question changes, this function will run\n    options () {\n      this.$nextTick(() => {\n        this.emitValue(this.$refs.selectElement.value, null);\n      });\n    },\n  },\n\n  mounted () {\n    this.emitValue(this.$refs.selectElement.value, null);\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (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":["_createElementBlock","_createElementVNode","_openBlock","_mergeProps","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","_toDisplayString","_createVNode"],"mappings":";;;;;;;AAAY,MAAC,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX;ACZA,MAAM,sBAAsB,YAAU,CAAC,OAAO,SAAS,OAAO,OAAO,UAAU;AAE/E,MAAM,sBAAsB,YAAU;AACpC,MAAI,CAAC,OAAO,OAAO;AACjB,WAAO;AAAA,EACR;AAED,SAAO,OAAO,OAAO,UAAU,YAAY,OAAO,OAAO,UAAU;AACrE;AAEA,MAAM,sBAAsB,YAAU;AACpC,MAAI,CAAC,OAAO,OAAO;AACjB,WAAO;AAAA,EACR;AAED,SAAO,OAAO,OAAO,UAAU;AACjC;AAEO,MAAM,mBAAmB,aAAW;AACzC,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACR;AAED,SAAO,QAAQ,MAAM,YAAU;AAC7B,QAAI,CAAC,oBAAoB,MAAM,GAAG;AAChC,aAAO;AAAA,IACR;AAED,QAAI,CAAC,oBAAoB,MAAM,GAAG;AAChC,aAAO;AAAA,IACR;AAED,QAAI,CAAC,oBAAoB,MAAM,GAAG;AAChC,aAAO;AAAA,IACR;AAED,WAAO;AAAA,EACX,CAAG;AACH;ACgEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY,EAAE,qBAAsB;AAAA,EAEpC,QAAQ,CAAC,aAAa;AAAA,EAEtB,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,WAAW,aAAW,iBAAiB,OAAO;AAAA,IAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAM,OAAO,KAAK,qBAAqB,EAAE,SAAS,CAAC;AAAA,IAChE;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,kBAAmB;AACjB,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO,MAAM;AAAA,QAAE;AAAA,QACf,QAAQ,WAAS,KAAK,UAAU,MAAM,OAAO,OAAO,KAAK;AAAA;IAE5D;AAAA,IAED,QAAS;AACP,aAAO,mBAAmB,KAAK,iBAAiB;AAAA,IACjD;AAAA,IAED,YAAa;AACX,aAAO,gBAAe;AAAA,IACvB;AAAA,IAED,iBAAkB;AAChB,aAAO,UAAU,KAAK,SAAS;AAAA,IAChC;AAAA,IAED,mBAAoB;AAClB,UAAI,KAAK,OAAO,eAAe,KAAK,aAAa;AAC/C,eAAO,KAAK;AAAA,MACd;AAEA,aAAO,KAAK,OAAO,cAAc;AAAA,IAClC;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA,IAEL,UAAW;AACT,WAAK,UAAU,MAAM;AACnB,aAAK,UAAU,KAAK,MAAM,cAAc,OAAO,IAAI;AAAA,MACrD,CAAC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,UAAU,KAAK,MAAM,cAAc,OAAO,IAAI;AACnD,SAAK,wBAAuB;AAAA,EAC7B;AAAA,EAED,eAAgB;AACd,SAAK,wBAAuB;AAAA,EAC7B;AAAA,EAED,SAAS;AAAA,IACP,UAAW,OAAO,OAAO;AACvB,WAAK,MAAM,SAAS,OAAO,KAAK;AAChC,WAAK,MAAM,UAAU,OAAO,KAAK;AAAA,IAClC;AAAA,IAED,aAAc,OAAO;AACnB,aAAO,UAAU,KAAK,SAAS,WAAW,KAAK;AAAA,IAChD;AAAA,IAED,0BAA2B;;AACzB,YAAI,UAAK,YAAL,mBAAc,UAAS,KAAK,CAAC,KAAK,OAAO,SAAS;AACpD,aAAK,wDAAwD,IAAI;AAAA,MACnE;AAAA,IACD;AAAA,EACF;AACH;;;;;;;sBAzTEA,mBAwEM,OAAA,MAAA;AAAA,IAvEJC,mBA+DQ,SAAA,MAAA;AAAA,MA7DE,MAAA,eAAe,KAAA,OAAO,KAAK,KAAK,OAAK,SAD7CC,aAAAF,mBAaM,OAbNG,WAaM;AAAA;QAXH,gBAAc,SAAgB;AAAA,QAC9B,OAAK;AAAA;UAAmC,MAAA,qBAAqB,OAAI,IAAA;AAAA,UAAa,OAAU;AAAA;SAKjF,OAAe,iBAAA,EACvB,WAAQ,kBAAiB,CAAA,GAAA;AAAA,QAGzBC,WAAqC,0BAArC,MAAqC;AAAA,0CAAf,OAAK,KAAA,GAAA,CAAA;AAAA;;MAGrB,MAAA,eAAe,KAAA,OAAO,WAAW,KAAK,OAAW,eADzDF,aAAAF,mBAaM,OAbNG,WAaM;AAAA;QAXH,IAAI,SAAc;AAAA,QAClB,OAAK;AAAA;UAAyC,MAAA,2BAA2B,OAAI,IAAA;AAAA,UAAa,OAAgB;AAAA;SAKnG,OAAqB,uBAAA,EAC7B,WAAQ,wBAAuB,CAAA,GAAA;AAAA,QAG/BC,WAAiD,gCAAjD,MAAiD;AAAA,0CAArB,OAAW,WAAA,GAAA,CAAA;AAAA;;MAEzCH,mBAiCM,OAAA;AAAA,QAhCH,OAAKI,eAAA;AAAA;UAAoC,MAAA,sBAAsB,OAAI,IAAA;AAAA,UAAa,OAAW;AAAA,kCAAoC,OAAQ,SAAA;AAAA;QAMxI,WAAQ;AAAA;QAERJ,mBAuBS,UAvBTE,WAuBS;AAAA,UAtBP,KAAI;AAAA,UACH,OAAK;AAAA;YAA+C,MAAA,uBAAuB,SAAK,KAAA;AAAA;WAIzE,KAAM,QAAA;AAAA,UACd,WAAQ;AAAA,UACP,UAAU,OAAQ;AAAA,QACnB,GAAAG,WAAM,SAAe,iBAAA,IAAA,CAAA,GAAA;AAAA,UAGrBF,WAUO,4BAVP,MAUO;AAAA,8BATLJ,mBAQSO,UAAA,MAAAC,WAPU,OAAO,SAAA,CAAjB,WAAM;AADf,qBAAAN,UAAA,GAAAF,mBAQS,UARTG,WAQS;AAAA,gBANN,KAAK,SAAA,aAAa,OAAO,KAAK;AAAA,gBAC9B,OAAO,OAAO;AAAA,gBACd,OAAO,OAAW;AAAA,iBACX,OAAgB,gBAAA,GAAAM,gBAErB,OAAO,KAAK,GAAA,IAAA,UAAA;AAAA;;;;;IAMzBC,YAME,mCANFP,WAME;AAAA,MALC,uBAAqB,KAAiB;AAAA,MACtC,iBAAe,KAAY;AAAA,MAC3B,OAAO,KAAa;AAAA,OACb,KAAkB,oBAAA,EAC1B,WAAQ,qBAAoB,CAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,OAAA,CAAA;AAAA;;;"}

package/dist/vue3/lib/settings-menu-button.cjs

@@ -8,7 +8,7 @@ require("../common/utils.cjs");
 require("../common/constants.cjs");
 require("../chunks/link_constants-x8NwdqmA.js");
 require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-bvhFNOPu.js");
+require("../chunks/icon_constants-QYpmdE0R.js");
 require("@dialpad/dialtone-icons/icons.json");
 const _sfc_main = {
   name: "DtRecipeSettingsMenuButton",
@@ -47,11 +47,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "settings-menu-button-update",
     "aria-label": $props.ariaLabel
   }, _ctx.$attrs), {
-    icon: vue.withCtx(() => [vue.createVNode(_component_dt_icon, {
-      name: "more-vertical",
-      size: "300"
-    })]),
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+    icon: vue.withCtx(() => [
+      vue.createVNode(_component_dt_icon, {
+        name: "more-vertical",
+        size: "300"
+      })
+    ]),
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
     _: 3
   }, 16, ["aria-label"])) : (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
     key: 1,
@@ -60,10 +64,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "settings-menu-button",
     "aria-label": $props.ariaLabel
   }, _ctx.$attrs), {
-    icon: vue.withCtx(() => [vue.createVNode(_component_dt_icon, {
-      name: "more-vertical",
-      size: "300"
-    })]),
+    icon: vue.withCtx(() => [
+      vue.createVNode(_component_dt_icon, {
+        name: "more-vertical",
+        size: "300"
+      })
+    ]),
     _: 1
   }, 16, ["aria-label"]));
 }

package/dist/vue3/lib/settings-menu-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.cjs","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_sfc_main","name","components","DtButton","DtIcon","inheritAttrs","props","updateAvailable","type","Boolean","default","ariaLabel","String","required","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","importance","size","class","_ctx","$attrs","icon","_createVNode","_component_dt_icon","_renderSlot","$slots","undefined","kind"],"mappings":";;;;;;;;;;;;AAuCA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,cACVC,WAAQ;AAAA,IACRC,QAAAA,SAAAA;AAAAA,EACD;AAAA,EAEDC,cAAc;AAAA,EAEdC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMLC,iBAAiB;AAAA,MACfC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,WAAW;AAAA,MACTH,MAAMI;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA,EACF;AAEF;;;;SAnEUC,OAAeP,mBADvBQ,IAAAA,UAAA,GAAAC,IAAA,YAgBYC,sBAhBZC,eAgBY;AAAA;IAdVC,YAAW;AAAA,IACXC,MAAK;AAAA,IACL,iBAAc;AAAA,IACdC,OAAM;AAAA,IACL,cAAYP,OAASH;AAAAA,KACdW,KAAMC,MAAA,GAAA;AAAA,IAGHC,kBACT,MAGE,CAHFC,IAAAA,YAGEC,oBAAA;AAAA,MAFAzB,MAAK;AAAA,MACLmB,MAAK;AAAA;yBAJT,MAAQ,CAARO,IAAAA,WAAQL,KAAAM,QAAA,WAAA,CAAA,GAAAC,QAAA,IAAA,CAAA;;6BAQVd,IAAA,UAAA,GAAAC,IAAA,YAcYC,sBAdZC,eAcY;AAAA;IAZVC,YAAW;AAAA,IACXW,MAAK;AAAA,IACLT,OAAM;AAAA,IACL,cAAYP,OAASH;AAAAA,KACdW,KAAMC,MAAA,GAAA;AAAA,IAEHC,kBACT,MAGE,CAHFC,IAAAA,YAGEC,oBAAA;AAAA,MAFAzB,MAAK;AAAA,MACLmB,MAAK;AAAA;;;;;;"}
+{"version":3,"file":"settings-menu-button.cjs","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["DtButton","DtIcon","_openBlock","_createBlock","_mergeProps","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;;;AAuCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAA,WAAQ;AAAA,IACR,QAAAC,SAAM;AAAA,EACP;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAEH;;;;SAnEU,OAAe,mBADvBC,IAAAA,aAAAC,IAAAA,YAgBY,sBAhBZC,eAgBY;AAAA;IAdV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAGH,kBACT,MAGE;AAAA,MAHFC,IAAAA,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;yBAJT,MAAQ;AAAA,MAARC,IAAQ,WAAA,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;6BAQVJ,IAAAA,aAAAC,IAAAA,YAcY,sBAdZC,eAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAEH,kBACT,MAGE;AAAA,MAHFC,IAAAA,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;;"}

package/dist/vue3/lib/settings-menu-button.js

@@ -6,7 +6,7 @@ import "../common/utils.js";
 import "../common/constants.js";
 import "../chunks/link_constants-AfTWrr-n.js";
 import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-gIQj4mf7.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
 const _sfc_main = {
   name: "DtRecipeSettingsMenuButton",
@@ -45,11 +45,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "settings-menu-button-update",
     "aria-label": $props.ariaLabel
   }, _ctx.$attrs), {
-    icon: withCtx(() => [createVNode(_component_dt_icon, {
-      name: "more-vertical",
-      size: "300"
-    })]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+    icon: withCtx(() => [
+      createVNode(_component_dt_icon, {
+        name: "more-vertical",
+        size: "300"
+      })
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
     _: 3
   }, 16, ["aria-label"])) : (openBlock(), createBlock(_component_dt_button, mergeProps({
     key: 1,
@@ -58,10 +62,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "settings-menu-button",
     "aria-label": $props.ariaLabel
   }, _ctx.$attrs), {
-    icon: withCtx(() => [createVNode(_component_dt_icon, {
-      name: "more-vertical",
-      size: "300"
-    })]),
+    icon: withCtx(() => [
+      createVNode(_component_dt_icon, {
+        name: "more-vertical",
+        size: "300"
+      })
+    ]),
     _: 1
   }, 16, ["aria-label"]));
 }

package/dist/vue3/lib/settings-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_sfc_main","name","components","DtButton","DtIcon","inheritAttrs","props","updateAvailable","type","Boolean","default","ariaLabel","String","required","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","importance","size","class","_ctx","$attrs","icon","_createVNode","_component_dt_icon","_renderSlot","$slots","undefined","kind"],"mappings":";;;;;;;;;;AAuCA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,IACVC;AAAAA,IACAC;AAAAA,EACD;AAAA,EAEDC,cAAc;AAAA,EAEdC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMLC,iBAAiB;AAAA,MACfC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,WAAW;AAAA,MACTH,MAAMI;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA,EACF;AAEF;;;;SAnEUC,OAAeP,mBADvBQ,UAAA,GAAAC,YAgBYC,sBAhBZC,WAgBY;AAAA;IAdVC,YAAW;AAAA,IACXC,MAAK;AAAA,IACL,iBAAc;AAAA,IACdC,OAAM;AAAA,IACL,cAAYP,OAASH;AAAAA,KACdW,KAAMC,MAAA,GAAA;AAAA,IAGHC,cACT,MAGE,CAHFC,YAGEC,oBAAA;AAAA,MAFAzB,MAAK;AAAA,MACLmB,MAAK;AAAA;qBAJT,MAAQ,CAARO,WAAQL,KAAAM,QAAA,WAAA,CAAA,GAAAC,QAAA,IAAA,CAAA;;6BAQVd,UAAA,GAAAC,YAcYC,sBAdZC,WAcY;AAAA;IAZVC,YAAW;AAAA,IACXW,MAAK;AAAA,IACLT,OAAM;AAAA,IACL,cAAYP,OAASH;AAAAA,KACdW,KAAMC,MAAA,GAAA;AAAA,IAEHC,cACT,MAGE,CAHFC,YAGEC,oBAAA;AAAA,MAFAzB,MAAK;AAAA,MACLmB,MAAK;AAAA;;;;;"}
+{"version":3,"file":"settings-menu-button.js","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_openBlock","_createBlock","_mergeProps","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;AAuCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAEH;;;;SAnEU,OAAe,mBADvBA,aAAAC,YAgBY,sBAhBZC,WAgBY;AAAA;IAdV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAGH,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;qBAJT,MAAQ;AAAA,MAARC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;6BAQVJ,aAAAC,YAcY,sBAdZC,WAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAEH,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;"}