@dialpad/dialtone-vue 3.218.2 → 3.218.4

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? i18n.$t('DIALTONE_LOADING') : $attrs['aria-label']\"\n    v-bind=\"computedAttrs\"\n    v-on=\"computedListeners\"\n  >\n    <dt-loader\n      v-if=\"loading && kind !== 'unstyled'\"\n      class=\"d-btn__loader\"\n      :size=\"loaderSize\"\n      aria-hidden=\"true\"\n    />\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        {\n          'd-btn__icon': kind !== 'unstyled',\n          [ICON_POSITION_MODIFIERS[iconPosition]]: kind !== 'unstyled',\n        },\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"[\n        'base-button__label',\n        { 'd-btn__label': kind !== 'unstyled' },\n        labelClass,\n      ]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script>\nimport { warn, resolveComponent } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport DtLoader from '@/components/loader/loader.vue';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  components: { DtLoader },\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\" target=\"_blank\">(Reference)</a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">CSS width attribute</a> values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, unstyled, muted, danger, positive, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * vue-router `to` prop. When provided, renders a `<router-link>`\n     * for client-side SPA navigation.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When provided, renders an `<a>` element for standard browser navigation.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML anchor target attribute. Only applied when using the `href` prop.\n     * @values _self, _blank, _parent, _top\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML anchor rel attribute. Only applied when using the `href` prop.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * vue-router `replace` prop. When true, navigation will not leave a\n     * history entry. Only applied when using the `to` prop.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    computedTag () {\n      if (this.to) return this.resolveRouterLink();\n      if (this.href) return 'a';\n      return 'button';\n    },\n\n    isNativeButton () {\n      return !this.to && !this.href;\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n          ...(this.disabled && { 'aria-disabled': 'true', tabindex: '-1' }),\n        };\n      }\n      if (this.href) {\n        return {\n          href: this.disabled ? null : this.href,\n          target: this.target,\n          rel: this.rel,\n          ...(this.disabled && { 'aria-disabled': 'true', tabindex: '-1' }),\n        };\n      }\n      return {\n        type: this.type,\n        disabled: this.disabled,\n      };\n    },\n\n    computedListeners () {\n      const listeners = {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n\n      if (!this.isNativeButton) {\n        // Prevent click when disabled for link elements.\n        // stopImmediatePropagation prevents parent onClick attrs from firing.\n        if (this.disabled) {\n          listeners.click = (e) => {\n            e.preventDefault();\n            e.stopImmediatePropagation();\n          };\n        }\n\n        // Space key handler: <a> only responds to Enter natively,\n        // but buttons respond to both Enter and Space.\n        listeners.keydown = (e) => {\n          if (e.key === ' ' || e.code === 'Space') {\n            e.preventDefault();\n            if (!this.disabled) {\n              e.target.click();\n            }\n          }\n        };\n      }\n\n      return listeners;\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n\n    loaderSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    resolveRouterLink () {\n      try {\n        return resolveComponent('RouterLink');\n      } catch {\n        warn('DtButton: \"to\" prop requires vue-router. Falling back to <a>.');\n        return 'a';\n      }\n    },\n\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      if (this.kind === 'unstyled') {\n        return ['d-btn--unstyled'];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      // Skip validation if unstyled is true\n      if (this.kind === 'unstyled') {\n        return true;\n      }\n\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtLoader","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","lk","LINK_KIND_MODIFIERS","BUTTON_TYPES","s","BUTTON_SIZE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","hasSlotContent","DialtoneLocalization","listeners","BUTTON_ICON_SIZES","warn","resolveComponent","getLinkKindModifier","circle","kind","importance","row","INVALID_COMBINATION","_createBlock","_resolveDynamicComponent","$options","_mergeProps","$props","$data","_ctx","_toHandlers","_component_dt_loader","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? i18n.$t('DIALTONE_LOADING') : $attrs['aria-label']\"\n    v-bind=\"computedAttrs\"\n    v-on=\"computedListeners\"\n  >\n    <dt-loader\n      v-if=\"loading && kind !== 'unstyled'\"\n      class=\"d-btn__loader\"\n      :size=\"loaderSize\"\n      aria-hidden=\"true\"\n    />\n    <!-- NOTE(cormac): This span is needed since we can't apply styles to slots. -->\n    <span\n      v-if=\"shouldRenderIcon()\"\n      data-qa=\"dt-button-icon\"\n      :class=\"[\n        'base-button__icon',\n        {\n          'd-btn__icon': kind !== 'unstyled',\n          [ICON_POSITION_MODIFIERS[iconPosition]]: kind !== 'unstyled',\n        },\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"hasSlotContent($slots.default)\"\n      data-qa=\"dt-button-label\"\n      :class=\"[\n        'base-button__label',\n        { 'd-btn__label': kind !== 'unstyled' },\n        labelClass,\n      ]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script>\nimport { warn, resolveComponent } from 'vue';\nimport { hasSlotContent } from '@/common/utils';\nimport DtLoader from '@/components/loader/loader.vue';\n\nimport {\n  BUTTON_SIZE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_ICON_SIZES,\n  BUTTON_TYPES,\n  ICON_POSITION_MODIFIERS,\n  INVALID_COMBINATION,\n} from './button_constants';\n\nimport { LINK_KIND_MODIFIERS, getLinkKindModifier } from '@/components/link';\nimport { DialtoneLocalization } from '@/localization';\n\n/**\n * A button is a UI element which allows users to take an action throughout the app.\n * It is important a button is identifiable, consistent, and communicates its actions clearly,\n * and is appropriately sized to its action.\n * @see https://dialtone.dialpad.com/components/button.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButton',\n\n  components: { DtLoader },\n\n  props: {\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     * @values left, right, top, bottom\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * Whether the button should be styled as a link or not.\n     * @values true, false\n     * @see DtLink\n     */\n    link: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the link and button if the button is styled as a link.\n     * @values default, warning, danger, success, muted\n     * @see DtLink\n     */\n    linkKind: {\n      type: String,\n      default: 'default',\n      validator: (lk) => Object.keys(LINK_KIND_MODIFIERS).includes(lk),\n    },\n\n    /**\n     * Determines whether the link should have inverted styling if the button is styled as a link.\n     * @values true, false\n     * @see DtLink\n     */\n    linkInverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\"> (Reference) </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button type attribute\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\" target=\"_blank\">(Reference)</a>\n     * @values button, submit, reset\n     */\n    type: {\n      type: String,\n      default: 'button',\n      validator: (t) => BUTTON_TYPES.includes(t),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">CSS width attribute</a> values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     * @values true, false\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The color of the button.\n     * @values default, unstyled, muted, danger, positive, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus. default is to not.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * vue-router `to` prop. When provided, renders a `<router-link>`\n     * for client-side SPA navigation.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When provided, renders an `<a>` element for standard browser navigation.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML anchor target attribute. Only applied when using the `href` prop.\n     * @values _self, _blank, _parent, _top\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML anchor rel attribute. Only applied when using the `href` prop.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * vue-router `replace` prop. When true, navigation will not leave a\n     * history entry. Only applied when using the `to` prop.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native button focus out event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  data () {\n    return {\n      ICON_POSITION_MODIFIERS,\n      // whether the button is currently in focus\n      isInFocus: false,\n      hasSlotContent,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    computedTag () {\n      if (this.to) return this.resolveRouterLink();\n      if (this.href) return 'a';\n      return 'button';\n    },\n\n    isNativeButton () {\n      return !this.to && !this.href;\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n          ...(this.disabled && { 'aria-disabled': 'true', tabindex: '-1' }),\n        };\n      }\n      if (this.href) {\n        return {\n          href: this.disabled ? null : this.href,\n          target: this.target,\n          rel: this.rel,\n          ...(this.disabled && { 'aria-disabled': 'true', tabindex: '-1' }),\n        };\n      }\n      return {\n        type: this.type,\n        disabled: this.disabled,\n      };\n    },\n\n    computedListeners () {\n      const listeners = {\n        focusin: (e) => {\n          this.isInFocus = this.assertiveOnFocus;\n          this.$emit('focusin', e);\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n          this.$emit('focusout', e);\n        },\n      };\n\n      if (!this.isNativeButton) {\n        // Prevent click when disabled for link elements.\n        // stopImmediatePropagation prevents parent onClick attrs from firing.\n        if (this.disabled) {\n          listeners.click = (e) => {\n            e.preventDefault();\n            e.stopImmediatePropagation();\n          };\n        }\n\n        // Space key handler: <a> only responds to Enter natively,\n        // but buttons respond to both Enter and Space.\n        listeners.keydown = (e) => {\n          if (e.key === ' ' || e.code === 'Space') {\n            e.preventDefault();\n            if (!this.disabled) {\n              e.target.click();\n            }\n          }\n        };\n      }\n\n      return listeners;\n    },\n\n    computedAriaLive () {\n      return this.assertiveOnFocus && this.isInFocus ? 'assertive' : this.$attrs.ariaLive;\n    },\n\n    iconSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n\n    loaderSize () {\n      return BUTTON_ICON_SIZES[this.size];\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      immediate: true,\n      handler () {\n        if (process.env.NODE_ENV === 'production') return;\n\n        if (this.circle && this.link) {\n          warn('You cannot enable circle and link at the same time', this);\n        }\n\n        this.isInvalidPropCombination(this.circle, this.kind, this.importance);\n      },\n    },\n  },\n\n  methods: {\n    resolveRouterLink () {\n      try {\n        return resolveComponent('RouterLink');\n      } catch {\n        warn('DtButton: \"to\" prop requires vue-router. Falling back to <a>.');\n        return 'a';\n      }\n    },\n\n    buttonClasses () {\n      if (this.link) {\n        return [\n          'd-link',\n          getLinkKindModifier(this.linkKind, this.linkInverted),\n          BUTTON_SIZE_MODIFIERS[this.size],\n        ];\n      }\n      if (this.kind === 'unstyled') {\n        return ['d-btn--unstyled'];\n      }\n      return [\n        'd-btn',\n        BUTTON_IMPORTANCE_MODIFIERS[this.importance],\n        BUTTON_KIND_MODIFIERS[this.kind],\n        BUTTON_SIZE_MODIFIERS[this.size],\n        {\n          'd-btn--circle': this.circle,\n          'd-btn--loading': this.loading,\n          'd-btn--icon-only': this.isIconOnly(),\n          'd-btn--vertical': this.isVerticalIconLayout(),\n          'd-btn--active': this.active,\n        },\n      ];\n    },\n\n    isInvalidPropCombination (circle, kind, importance) {\n      // Skip validation if unstyled is true\n      if (this.kind === 'unstyled') {\n        return true;\n      }\n\n      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return hasSlotContent(this.$slots.icon) && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !hasSlotContent(this.$slots.default);\n    },\n\n    isVerticalIconLayout () {\n      return !this.isIconOnly() && ['top', 'bottom'].includes(this.iconPosition);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/button/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./button.cjs"),I=require("./button-constants.cjs");exports.DtButton=O.default;exports.BUTTON_ICON_SIZES=I.BUTTON_ICON_SIZES;exports.BUTTON_IMPORTANCE_MODIFIERS=I.BUTTON_IMPORTANCE_MODIFIERS;exports.BUTTON_KIND_MODIFIERS=I.BUTTON_KIND_MODIFIERS;exports.BUTTON_SIZE_MODIFIERS=I.BUTTON_SIZE_MODIFIERS;exports.BUTTON_TYPES=I.BUTTON_TYPES;exports.ICON_POSITION_MODIFIERS=I.ICON_POSITION_MODIFIERS;exports.INVALID_COMBINATION=I.INVALID_COMBINATION;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./button-constants.cjs`),t=require(`./button.cjs`);exports.BUTTON_ICON_SIZES=e.BUTTON_ICON_SIZES,exports.BUTTON_IMPORTANCE_MODIFIERS=e.BUTTON_IMPORTANCE_MODIFIERS,exports.BUTTON_KIND_MODIFIERS=e.BUTTON_KIND_MODIFIERS,exports.BUTTON_SIZE_MODIFIERS=e.BUTTON_SIZE_MODIFIERS,exports.BUTTON_TYPES=e.BUTTON_TYPES,exports.DtButton=t.default,exports.ICON_POSITION_MODIFIERS=e.ICON_POSITION_MODIFIERS,exports.INVALID_COMBINATION=e.INVALID_COMBINATION;

package/dist/lib/button/index.js

@@ -1,13 +1,3 @@
-import { default as T } from "./button.js";
-import { BUTTON_ICON_SIZES as _, BUTTON_IMPORTANCE_MODIFIERS as S, BUTTON_KIND_MODIFIERS as E, BUTTON_SIZE_MODIFIERS as B, BUTTON_TYPES as D, ICON_POSITION_MODIFIERS as t, INVALID_COMBINATION as M } from "./button-constants.js";
-export {
-  _ as BUTTON_ICON_SIZES,
-  S as BUTTON_IMPORTANCE_MODIFIERS,
-  E as BUTTON_KIND_MODIFIERS,
-  B as BUTTON_SIZE_MODIFIERS,
-  D as BUTTON_TYPES,
-  T as DtButton,
-  t as ICON_POSITION_MODIFIERS,
-  M as INVALID_COMBINATION
-};
-//# sourceMappingURL=index.js.map
+import { BUTTON_ICON_SIZES as e, BUTTON_IMPORTANCE_MODIFIERS as t, BUTTON_KIND_MODIFIERS as n, BUTTON_SIZE_MODIFIERS as r, BUTTON_TYPES as i, ICON_POSITION_MODIFIERS as a, INVALID_COMBINATION as o } from "./button-constants.js";
+import s from "./button.js";
+export { e as BUTTON_ICON_SIZES, t as BUTTON_IMPORTANCE_MODIFIERS, n as BUTTON_KIND_MODIFIERS, r as BUTTON_SIZE_MODIFIERS, i as BUTTON_TYPES, s as DtButton, a as ICON_POSITION_MODIFIERS, o as INVALID_COMBINATION };

package/dist/lib/button-group/button-group-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"};exports.BUTTON_GROUP_ALIGNMENT=e;
-//# sourceMappingURL=button-group-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={start:`d-btn-group--start`,end:`d-btn-group--end`,"space-between":`d-btn-group--space-between`};exports.BUTTON_GROUP_ALIGNMENT=e;
+//# sourceMappingURL=button-group-constants.cjs.map

package/dist/lib/button-group/button-group-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group-constants.cjs","sources":["../../../components/button_group/button_group_constants.js"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n"],"names":["BUTTON_GROUP_ALIGNMENT"],"mappings":"gFAAY,MAACA,EAAyB,CACpC,MAAO,qBACP,IAAK,mBACL,gBAAiB,4BACnB"}
+{"version":3,"file":"button-group-constants.cjs","names":[],"sources":["../../../components/button_group/button_group_constants.js"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n"],"mappings":"mEAAA,IAAa,EAAyB,CACpC,MAAO,qBACP,IAAK,mBACL,gBAAiB,6BAClB"}

package/dist/lib/button-group/button-group-constants.js

@@ -1,9 +1,10 @@
-const e = {
-  start: "d-btn-group--start",
-  end: "d-btn-group--end",
-  "space-between": "d-btn-group--space-between"
+//#region components/button_group/button_group_constants.js
+var e = {
+	start: "d-btn-group--start",
+	end: "d-btn-group--end",
+	"space-between": "d-btn-group--space-between"
 };
-export {
-  e as BUTTON_GROUP_ALIGNMENT
-};
-//# sourceMappingURL=button-group-constants.js.map
+//#endregion
+export { e as BUTTON_GROUP_ALIGNMENT };
+
+//# sourceMappingURL=button-group-constants.js.map

package/dist/lib/button-group/button-group-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group-constants.js","sources":["../../../components/button_group/button_group_constants.js"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n"],"names":["BUTTON_GROUP_ALIGNMENT"],"mappings":"AAAY,MAACA,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AACnB;"}
+{"version":3,"file":"button-group-constants.js","names":[],"sources":["../../../components/button_group/button_group_constants.js"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n"],"mappings":";AAAA,IAAa,IAAyB;CACpC,OAAO;CACP,KAAK;CACL,iBAAiB;CAClB"}

package/dist/lib/button-group/button-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./button-group-constants.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s={compatConfig:{MODE:3},name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(o.BUTTON_GROUP_ALIGNMENT).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:o.BUTTON_GROUP_ALIGNMENT}}};function l(t,_,r,i,n,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-btn-group",n.BUTTON_GROUP_ALIGNMENT[r.alignment]]),role:"group"},[e.renderSlot(t.$slots,"default")],2)}const a=u._(s,[["render",l]]);exports.default=a;
-//# sourceMappingURL=button-group.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./button-group-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtButtonGroup`,props:{alignment:{type:String,default:`start`,validator:e=>Object.keys(t.BUTTON_GROUP_ALIGNMENT).includes(e)}},data(){return{BUTTON_GROUP_ALIGNMENT:t.BUTTON_GROUP_ALIGNMENT}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-btn-group`,a.BUTTON_GROUP_ALIGNMENT[r.alignment]]),role:`group`},[(0,n.renderSlot)(e.$slots,`default`)],2)}var a=e.t(r,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=button-group.cjs.map

package/dist/lib/button-group/button-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.cjs","sources":["../../../components/button_group/button_group.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","alignment","BUTTON_GROUP_ALIGNMENT","_createElementBlock","_normalizeClass","$data","$props","_renderSlot","_ctx"],"mappings":"uOAgBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,gBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,QACT,UAAYC,GAAc,OAAO,KAAKC,wBAAsB,EAAE,SAASD,CAAS,IAIpF,MAAQ,CACN,MAAO,wBACLC,EAAAA,uBAEJ,CACF,+CAnCEC,EAAAA,mBASM,MAAA,CARH,MAAKC,EAAAA,eAAA,eAA+BC,EAAA,uBAAuBC,EAAA,SAAS,IAIrE,KAAK,UAGLC,aAAQC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"button-group.cjs","names":[],"sources":["../../../components/button_group/button_group.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"mappings":"kQAgBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,gBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,QACT,UAAY,GAAc,OAAO,KAAK,EAAA,uBAAuB,CAAC,SAAS,EAAU,CAClF,CACF,CAED,MAAQ,CACN,MAAO,CACL,uBAAA,EAAA,uBACD,EAEJ,0EA1BO,MAAA,CARH,OAAA,EAAA,EAAA,gBAAK,CAAA,cAA+B,EAAA,uBAAuB,EAAA,WAAA,CAAA,CAI5D,KAAK,2BAGG,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA"}

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

@@ -1,38 +1,27 @@
-import { BUTTON_GROUP_ALIGNMENT as o } from "./button-group-constants.js";
-import { openBlock as n, createElementBlock as a, normalizeClass as s, renderSlot as l } from "vue";
-import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const c = {
-  compatConfig: { MODE: 3 },
-  name: "DtButtonGroup",
-  props: {
-    /**
-     * Alignment of the buttons inside the container
-     */
-    alignment: {
-      type: String,
-      default: "start",
-      validator: (t) => Object.keys(o).includes(t)
-    }
-  },
-  data() {
-    return {
-      BUTTON_GROUP_ALIGNMENT: o
-    };
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { BUTTON_GROUP_ALIGNMENT as t } from "./button-group-constants.js";
+import { createElementBlock as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region components/button_group/button_group.vue
+var o = {
+	compatConfig: { MODE: 3 },
+	name: "DtButtonGroup",
+	props: { alignment: {
+		type: String,
+		default: "start",
+		validator: (e) => Object.keys(t).includes(e)
+	} },
+	data() {
+		return { BUTTON_GROUP_ALIGNMENT: t };
+	}
 };
-function i(t, u, e, m, r, _) {
-  return n(), a("div", {
-    class: s([
-      "d-btn-group",
-      r.BUTTON_GROUP_ALIGNMENT[e.alignment]
-    ]),
-    role: "group"
-  }, [
-    l(t.$slots, "default")
-  ], 2);
+function s(e, t, o, s, c, l) {
+	return i(), n("div", {
+		class: r(["d-btn-group", c.BUTTON_GROUP_ALIGNMENT[o.alignment]]),
+		role: "group"
+	}, [a(e.$slots, "default")], 2);
 }
-const N = /* @__PURE__ */ p(c, [["render", i]]);
-export {
-  N as default
-};
-//# sourceMappingURL=button-group.js.map
+var c = /* @__PURE__ */ e(o, [["render", s]]);
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=button-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sources":["../../../components/button_group/button_group.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","alignment","BUTTON_GROUP_ALIGNMENT","_createElementBlock","_normalizeClass","$data","$props","_renderSlot","_ctx"],"mappings":";;;AAgBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAc,OAAO,KAAKC,CAAsB,EAAE,SAASD,CAAS;AAAA;;EAIpF,OAAQ;AACN,WAAO;AAAA,MACL,wBAAAC;AAAA;EAEJ;AACF;;cAnCEC,EASM,OAAA;AAAA,IARH,OAAKC,EAAA;AAAA;MAA+BC,EAAA,uBAAuBC,EAAA,SAAS;AAAA;IAIrE,MAAK;AAAA;IAGLC,EAAQC,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../components/button_group/button_group.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;AAgBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO,EAIL,WAAW;EACT,MAAM;EACN,SAAS;EACT,YAAY,MAAc,OAAO,KAAK,EAAuB,CAAC,SAAS,EAAU;EAClF,EACF;CAED,OAAQ;AACN,SAAO,EACL,2BACD;;CAEJ;;aAnCC,EASM,OAAA;EARH,OAAK,EAAA,CAAA,eAA+B,EAAA,uBAAuB,EAAA,WAAA,CAAA;EAI5D,MAAK;KAGL,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/lib/button-group/buttons-decorator.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r=require("../button/button.cjs"),u={compatConfig:{MODE:3},name:"ButtonsDecorator",components:{DtButton:r.default}};function i(l,e,c,s,d,p){const o=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",null,[t.createVNode(o,{importance:"primary"},{default:t.withCtx(()=>[...e[0]||(e[0]=[t.createTextVNode(t.toDisplayString("Confirm"),-1)])]),_:1}),t.createVNode(o,{importance:"outlined"},{default:t.withCtx(()=>[...e[1]||(e[1]=[t.createTextVNode(t.toDisplayString("Cancel"),-1)])]),_:1})])}const a=n._(u,[["render",i]]);exports.default=a;
-//# sourceMappingURL=buttons-decorator.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`ButtonsDecorator`,components:{DtButton:t.default}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-button`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,null,[(0,n.createVNode)(s,{importance:`primary`},{default:(0,n.withCtx)(()=>[...t[0]||(t[0]=[(0,n.createTextVNode)((0,n.toDisplayString)(`Confirm`),-1)])]),_:1}),(0,n.createVNode)(s,{importance:`outlined`},{default:(0,n.withCtx)(()=>[...t[1]||(t[1]=[(0,n.createTextVNode)((0,n.toDisplayString)(`Cancel`),-1)])]),_:1})])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=buttons-decorator.cjs.map

package/dist/lib/button-group/buttons-decorator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttons-decorator.cjs","sources":["../../../components/button_group/buttons_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button importance=\"primary\">\n      {{ 'Confirm' }}\n    </dt-button>\n    <dt-button importance=\"outlined\">\n      {{ 'Cancel' }}\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"names":["_sfc_main","DtButton","_createElementBlock","_createVNode","_component_dt_button","_cache"],"mappings":"+NAcKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBACN,WAAY,CAAA,SAAEC,EAAAA,QAChB,uFAjBEC,qBAOM,MAAA,KAAA,CANJC,EAAAA,YAEYC,EAAA,CAFD,WAAW,SAAS,EAAA,mBAC7B,IAAe,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,qCAAZ,SAAS,EAAA,EAAA,YAEdF,EAAAA,YAEYC,EAAA,CAFD,WAAW,UAAU,EAAA,mBAC9B,IAAc,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,qCAAX,QAAQ,EAAA,EAAA"}
+{"version":3,"file":"buttons-decorator.cjs","names":[],"sources":["../../../components/button_group/buttons_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button importance=\"primary\">\n      {{ 'Confirm' }}\n    </dt-button>\n    <dt-button importance=\"outlined\">\n      {{ 'Cancel' }}\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"mappings":"0PAcA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBACN,WAAY,CAAE,SAAA,EAAA,QAAU,CACzB,oHAVO,MAAA,KAAA,EAAA,EAAA,EAAA,aAJQ,EAAA,CAFD,WAAW,UAAS,CAAA,2BACd,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAZ,UAAS,CAAA,GAAA,CAAA,EAAA,CAAA,yBAIF,EAAA,CAFD,WAAW,WAAU,CAAA,2BAChB,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAX,SAAQ,CAAA,GAAA,CAAA,EAAA,CAAA"}

package/dist/lib/button-group/buttons-decorator.js

@@ -1,30 +1,24 @@
-import { resolveComponent as a, openBlock as m, createElementBlock as i, createVNode as e, withCtx as n, createTextVNode as r, toDisplayString as p } from "vue";
-import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import c from "../button/button.js";
-const d = {
-  compatConfig: { MODE: 3 },
-  name: "ButtonsDecorator",
-  components: { DtButton: c }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../button/button.js";
+import { createElementBlock as n, createTextVNode as r, createVNode as i, openBlock as a, resolveComponent as o, toDisplayString as s, withCtx as c } from "vue";
+//#region components/button_group/buttons_decorator.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "ButtonsDecorator",
+	components: { DtButton: t }
 };
-function u(f, t, l, _, x, C) {
-  const o = a("dt-button");
-  return m(), i("div", null, [
-    e(o, { importance: "primary" }, {
-      default: n(() => [...t[0] || (t[0] = [
-        r(p("Confirm"), -1)
-      ])]),
-      _: 1
-    }),
-    e(o, { importance: "outlined" }, {
-      default: n(() => [...t[1] || (t[1] = [
-        r(p("Cancel"), -1)
-      ])]),
-      _: 1
-    })
-  ]);
+function u(e, t, l, u, d, f) {
+	let p = o("dt-button");
+	return a(), n("div", null, [i(p, { importance: "primary" }, {
+		default: c(() => [...t[0] || (t[0] = [r(s("Confirm"), -1)])]),
+		_: 1
+	}), i(p, { importance: "outlined" }, {
+		default: c(() => [...t[1] || (t[1] = [r(s("Cancel"), -1)])]),
+		_: 1
+	})]);
 }
-const b = /* @__PURE__ */ s(d, [["render", u]]);
-export {
-  b as default
-};
-//# sourceMappingURL=buttons-decorator.js.map
+var d = /* @__PURE__ */ e(l, [["render", u]]);
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=buttons-decorator.js.map

package/dist/lib/button-group/buttons-decorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons-decorator.js","sources":["../../../components/button_group/buttons_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button importance=\"primary\">\n      {{ 'Confirm' }}\n    </dt-button>\n    <dt-button importance=\"outlined\">\n      {{ 'Cancel' }}\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"names":["_sfc_main","DtButton","_createElementBlock","_createVNode","_component_dt_button","_cache"],"mappings":";;;AAcA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY,EAAE,UAAAC;AAChB;;;cAjBEC,EAOM,OAAA,MAAA;AAAA,IANJC,EAEYC,GAAA,EAFD,YAAW,UAAS,GAAA;AAAA,iBAC7B,MAAe,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAZ,SAAS,GAAA,EAAA;AAAA;;;IAEdF,EAEYC,GAAA,EAFD,YAAW,WAAU,GAAA;AAAA,iBAC9B,MAAc,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAX,QAAQ,GAAA,EAAA;AAAA;;;;;;"}
+{"version":3,"file":"buttons-decorator.js","names":[],"sources":["../../../components/button_group/buttons_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button importance=\"primary\">\n      {{ 'Confirm' }}\n    </dt-button>\n    <dt-button importance=\"outlined\">\n      {{ 'Cancel' }}\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtButton } from '../button';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"mappings":";;;;AAcA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EAAE,UAAA,GAAU;CACzB;;;aAjBC,EAOM,OAAA,MAAA,CANJ,EAEY,GAAA,EAFD,YAAW,WAAS,EAAA;mBACd,CAAA,GAAA,EAAA,OAAA,EAAA,KAAA,CAAA,EAAA,EAAZ,UAAS,EAAA,GAAA,CAAA,EAAA,CAAA;;KAEd,EAEY,GAAA,EAFD,YAAW,YAAU,EAAA;mBAChB,CAAA,GAAA,EAAA,OAAA,EAAA,KAAA,CAAA,EAAA,EAAX,SAAQ,EAAA,GAAA,CAAA,EAAA,CAAA"}

package/dist/lib/button-group/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-group.cjs"),o=require("./button-group-constants.cjs");exports.DtButtonGroup=t.default;exports.BUTTON_GROUP_ALIGNMENT=o.BUTTON_GROUP_ALIGNMENT;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./button-group-constants.cjs`),t=require(`./button-group.cjs`);exports.BUTTON_GROUP_ALIGNMENT=e.BUTTON_GROUP_ALIGNMENT,exports.DtButtonGroup=t.default;

package/dist/lib/button-group/index.js

@@ -1,7 +1,3 @@
-import { default as r } from "./button-group.js";
-import { BUTTON_GROUP_ALIGNMENT as f } from "./button-group-constants.js";
-export {
-  f as BUTTON_GROUP_ALIGNMENT,
-  r as DtButtonGroup
-};
-//# sourceMappingURL=index.js.map
+import { BUTTON_GROUP_ALIGNMENT as e } from "./button-group-constants.js";
+import t from "./button-group.js";
+export { e as BUTTON_GROUP_ALIGNMENT, t as DtButtonGroup };

package/dist/lib/callbar-button/callbar-button-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=["sm","md","lg","xl"],e={CALLBAR_BUTTON_VALID_WIDTH_SIZE:t};exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=t;exports.default=e;
-//# sourceMappingURL=callbar-button-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`sm`,`md`,`lg`,`xl`],t={CALLBAR_BUTTON_VALID_WIDTH_SIZE:e};exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=e,exports.default=t;
+//# sourceMappingURL=callbar-button-constants.cjs.map

package/dist/lib/callbar-button/callbar-button-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"callbar-button-constants.cjs","sources":["../../../recipes/buttons/callbar_button/callbar_button_constants.js"],"sourcesContent":["export const CALLBAR_BUTTON_VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];\n\nexport default {\n  CALLBAR_BUTTON_VALID_WIDTH_SIZE,\n};\n"],"names":["CALLBAR_BUTTON_VALID_WIDTH_SIZE","callbar_button_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEtEC,EAAe,CACb,gCAAAD,CACF"}
+{"version":3,"file":"callbar-button-constants.cjs","names":[],"sources":["../../../recipes/buttons/callbar_button/callbar_button_constants.js"],"sourcesContent":["export const CALLBAR_BUTTON_VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];\n\nexport default {\n  CALLBAR_BUTTON_VALID_WIDTH_SIZE,\n};\n"],"mappings":"+FAAA,IAAa,EAAkC,CAAC,KAAM,KAAM,KAAM,KAAK,CAEvE,EAAe,CACb,kCACD"}

package/dist/lib/callbar-button/callbar-button-constants.js

@@ -1,8 +1,11 @@
-const t = ["sm", "md", "lg", "xl"], s = {
-  CALLBAR_BUTTON_VALID_WIDTH_SIZE: t
-};
-export {
-  t as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
-  s as default
-};
-//# sourceMappingURL=callbar-button-constants.js.map
+//#region recipes/buttons/callbar_button/callbar_button_constants.js
+var e = [
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], t = { CALLBAR_BUTTON_VALID_WIDTH_SIZE: e };
+//#endregion
+export { e as CALLBAR_BUTTON_VALID_WIDTH_SIZE, t as default };
+
+//# sourceMappingURL=callbar-button-constants.js.map

package/dist/lib/callbar-button/callbar-button-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"callbar-button-constants.js","sources":["../../../recipes/buttons/callbar_button/callbar_button_constants.js"],"sourcesContent":["export const CALLBAR_BUTTON_VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];\n\nexport default {\n  CALLBAR_BUTTON_VALID_WIDTH_SIZE,\n};\n"],"names":["CALLBAR_BUTTON_VALID_WIDTH_SIZE","callbar_button_constants"],"mappings":"AAAY,MAACA,IAAkC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEtEC,IAAe;AAAA,EACb,iCAAAD;AACF;"}
+{"version":3,"file":"callbar-button-constants.js","names":[],"sources":["../../../recipes/buttons/callbar_button/callbar_button_constants.js"],"sourcesContent":["export const CALLBAR_BUTTON_VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];\n\nexport default {\n  CALLBAR_BUTTON_VALID_WIDTH_SIZE,\n};\n"],"mappings":";AAAA,IAAa,IAAkC;CAAC;CAAM;CAAM;CAAM;CAAK,EAEvE,IAAe,EACb,oCACD"}

package/dist/lib/callbar-button/callbar-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./callbar-button-constants.cjs"),r=require("../../common/utils/index.cjs"),t=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../tooltip/tooltip.cjs"),u=require("../button/button.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeCallbarButton",components:{DtButton:u.default,DtTooltip:d.default},inheritAttrs:!1,props:{id:{type:String,default(){return r.default.getUniqueString()}},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},buttonClass:{type:[String,Array,Object],default:""},textClass:{type:[String,Array,Object],default:""},buttonWidthSize:{type:String,default:"xl",validator:e=>n.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},importance:{type:String,default:""},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:["click"],computed:{callbarButtonClass(){return[this.buttonClass,"d-recipe-callbar-button",{"d-recipe-callbar-button--circle":this.circle,"d-recipe-callbar-button--active":this.active,"d-recipe-callbar-button--danger":this.danger,"d-btn--disabled":this.disabled}]},callbarButtonTextClass(){return["d-recipe-callbar-button__text",this.textClass]},buttonWidth(){switch(this.buttonWidthSize){case"sm":return"4.5rem";case"md":return"6rem";default:return"8.4rem"}},buttonImportance(){return this.importance?this.importance:this.circle?"outlined":"clear"},callbarButtonListeners(){return{...r.extractVueListeners(this.$attrs),click:e=>this.$emit("click",e)}}},methods:{removeClassStyleAttrs:r.removeClassStyleAttrs,addClassStyleAttrs:r.addClassStyleAttrs}};function b(e,f,l,m,h,a){const o=t.resolveComponent("dt-button"),i=t.resolveComponent("dt-tooltip");return t.openBlock(),t.createBlock(i,t.mergeProps({id:l.id,inverted:l.invertedTooltip},a.addClassStyleAttrs(e.$attrs),{delay:l.tooltipDelay,show:l.showTooltip,offset:[0,24]}),{anchor:t.withCtx(()=>[t.createElementVNode("span",{class:t.normalizeClass({"d-recipe-callbar-button--disabled":l.disabled})},[t.createVNode(o,t.mergeProps({importance:a.buttonImportance,kind:"muted","icon-position":"top","aria-disabled":l.disabled,"aria-label":l.ariaLabel,"label-class":a.callbarButtonTextClass,width:a.buttonWidth,class:a.callbarButtonClass},a.removeClassStyleAttrs(e.$attrs),t.toHandlers(a.callbarButtonListeners)),{icon:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["importance","aria-disabled","aria-label","label-class","width","class"])],2)]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip",{},()=>[t.createTextVNode(t.toDisplayString(l.tooltipText),1)])]),_:3},16,["id","inverted","delay","show"])}const p=s._(c,[["render",b]]);exports.default=p;
-//# sourceMappingURL=callbar-button.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`./callbar-button-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeCallbarButton`,components:{DtButton:n.default,DtTooltip:r.default},inheritAttrs:!1,props:{id:{type:String,default(){return e.default.getUniqueString()}},active:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},ariaLabel:{type:String,default:null,validator:e=>e||(void 0).$slots.default},buttonClass:{type:[String,Array,Object],default:``},textClass:{type:[String,Array,Object],default:``},buttonWidthSize:{type:String,default:`xl`,validator:e=>i.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(e)},importance:{type:String,default:``},invertedTooltip:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:null},tooltipText:{type:String,default:void 0},tooltipDelay:{type:Boolean,default:void 0}},emits:[`click`],computed:{callbarButtonClass(){return[this.buttonClass,`d-recipe-callbar-button`,{"d-recipe-callbar-button--circle":this.circle,"d-recipe-callbar-button--active":this.active,"d-recipe-callbar-button--danger":this.danger,"d-btn--disabled":this.disabled}]},callbarButtonTextClass(){return[`d-recipe-callbar-button__text`,this.textClass]},buttonWidth(){switch(this.buttonWidthSize){case`sm`:return`4.5rem`;case`md`:return`6rem`;default:return`8.4rem`}},buttonImportance(){return this.importance?this.importance:this.circle?`outlined`:`clear`},callbarButtonListeners(){return{...e.extractVueListeners(this.$attrs),click:e=>this.$emit(`click`,e)}}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs}};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(c,(0,a.mergeProps)({id:n.id,inverted:n.invertedTooltip},o.addClassStyleAttrs(e.$attrs),{delay:n.tooltipDelay,show:n.showTooltip,offset:[0,24]}),{anchor:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)({"d-recipe-callbar-button--disabled":n.disabled})},[(0,a.createVNode)(s,(0,a.mergeProps)({importance:o.buttonImportance,kind:`muted`,"icon-position":`top`,"aria-disabled":n.disabled,"aria-label":n.ariaLabel,"label-class":o.callbarButtonTextClass,width:o.buttonWidth,class:o.callbarButtonClass},o.removeClassStyleAttrs(e.$attrs),(0,a.toHandlers)(o.callbarButtonListeners)),{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`)]),_:3},16,[`importance`,`aria-disabled`,`aria-label`,`label-class`,`width`,`class`])],2)]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`tooltip`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.tooltipText),1)])]),_:3},16,[`id`,`inverted`,`delay`,`show`])}var c=t.t(o,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=callbar-button.cjs.map

package/dist/lib/callbar-button/callbar-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"callbar-button.cjs","sources":["../../../recipes/buttons/callbar_button/callbar_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip\n    :id=\"id\"\n    :inverted=\"invertedTooltip\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    :delay=\"tooltipDelay\"\n    :show=\"showTooltip\"\n    :offset=\"[0, 24]\"\n  >\n    <template #anchor>\n      <span\n        :class=\"{ 'd-recipe-callbar-button--disabled': disabled }\"\n      >\n        <dt-button\n          :importance=\"buttonImportance\"\n          kind=\"muted\"\n          icon-position=\"top\"\n          :aria-disabled=\"disabled\"\n          :aria-label=\"ariaLabel\"\n          :label-class=\"callbarButtonTextClass\"\n          :width=\"buttonWidth\"\n          :class=\"callbarButtonClass\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"callbarButtonListeners\"\n        >\n          <slot />\n          <template #icon>\n            <slot name=\"icon\" />\n          </template>\n        </dt-button>\n      </span>\n    </template>\n    <slot name=\"tooltip\">\n      {{ tooltipText }}\n    </slot>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { CALLBAR_BUTTON_VALID_WIDTH_SIZE } from './callbar_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport utils, { extractVueListeners, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbarButton',\n\n  components: { DtButton, DtTooltip },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () {\n        return utils.getUniqueString();\n      },\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have danger styling\n     * default is false.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    danger: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should be disabled\n     * default is false.\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label for the button. If empty, it takes its value from the default slot.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n      validator: (label) => {\n        return label || this.$slots.default;\n      },\n    },\n\n    /**\n     * Additional class name for the button wrapper element.\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the button text.\n     */\n    textClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /*\n     * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.\n     */\n    buttonWidthSize: {\n      type: String,\n      default: 'xl',\n      validator: size => CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(size),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the tooltip has an inverted background color.\n     * @values true, false\n     */\n    invertedTooltip: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Use this if you would like to manually override the logic for when the tooltip shows.\n     * Otherwise it will just show on hover/focus.\n     * @values null, true, false\n     */\n    showTooltip: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * The message that displays in the tooltip. This will be overridden by the tooltip slot.\n     */\n    tooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Whether there is a delay before the tooltip shows on hover/focus.\n     * @values true, false\n     */\n    tooltipDelay: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    callbarButtonClass () {\n      return [\n        this.buttonClass,\n        'd-recipe-callbar-button',\n        {\n          'd-recipe-callbar-button--circle': this.circle,\n          'd-recipe-callbar-button--active': this.active,\n          'd-recipe-callbar-button--danger': this.danger,\n          'd-btn--disabled': this.disabled,\n        }];\n    },\n\n    callbarButtonTextClass () {\n      return [\n        'd-recipe-callbar-button__text',\n        this.textClass,\n      ];\n    },\n\n    buttonWidth () {\n      switch (this.buttonWidthSize) {\n        case 'sm':\n          return '4.5rem';\n        case 'md':\n          return '6rem';\n        default:\n          return '8.4rem';\n      }\n    },\n\n    buttonImportance () {\n      if (this.importance) {\n        return this.importance;\n      }\n      return this.circle ? 'outlined' : 'clear';\n    },\n\n    callbarButtonListeners () {\n      return {\n        ...extractVueListeners(this.$attrs),\n        click: (event) => this.$emit('click', event),\n      };\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","utils","label","this","size","CALLBAR_BUTTON_VALID_WIDTH_SIZE","extractVueListeners","event","removeClassStyleAttrs","addClassStyleAttrs","_openBlock","_createBlock","_component_dt_tooltip","_mergeProps","$props","$options","_ctx","_createElementVNode","_createVNode","_component_dt_button","_toHandlers","_renderSlot"],"mappings":"yVA4CKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,wBAEN,WAAY,CAAA,SAAEC,EAAAA,QAAQ,UAAEC,WAExB,aAAc,GAEd,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOC,EAAAA,QAAM,gBAAe,CAC9B,GASF,OAAQ,CACN,KAAM,QACN,QAAS,IASX,OAAQ,CACN,KAAM,QACN,QAAS,IAQX,SAAU,CACR,KAAM,QACN,QAAS,IAQX,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,KACT,UAAYC,GACHA,GAASC,SAAK,OAAO,SAOhC,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,gBAAiB,CACf,KAAM,OACN,QAAS,KACT,UAAWC,GAAQC,kCAAgC,SAASD,CAAI,GAOlE,WAAY,CACV,KAAM,OACN,QAAS,IAOX,gBAAiB,CACf,KAAM,QACN,QAAS,IAQX,YAAa,CACX,KAAM,QACN,QAAS,MAMX,YAAa,CACX,KAAM,OACN,QAAS,QAOX,aAAc,CACZ,KAAM,QACN,QAAS,SAIb,MAAO,CAOL,SAGF,SAAU,CACR,oBAAsB,CACpB,MAAO,CACL,KAAK,YACL,0BACA,CACE,kCAAmC,KAAK,OACxC,kCAAmC,KAAK,OACxC,kCAAmC,KAAK,OACxC,kBAAmB,KAAK,QAC1B,CAAC,CACL,EAEA,wBAA0B,CACxB,MAAO,CACL,gCACA,KAAK,UAET,EAEA,aAAe,CACb,OAAQ,KAAK,gBAAe,CAC1B,IAAK,KACH,MAAO,SACT,IAAK,KACH,MAAO,OACT,QACE,MAAO,QACX,CACF,EAEA,kBAAoB,CAClB,OAAI,KAAK,WACA,KAAK,WAEP,KAAK,OAAS,WAAa,OACpC,EAEA,wBAA0B,CACxB,MAAO,CACL,GAAGE,EAAAA,oBAAoB,KAAK,MAAM,EAClC,MAAQC,GAAU,KAAK,MAAM,QAASA,CAAK,EAE/C,GAGF,QAAS,CACP,sBAAAC,EAAAA,sBACA,mBAAAC,EAAAA,mBAEJ,qGAtPE,OAAAC,YAAA,EAAAC,cAkCaC,EAlCbC,EAAAA,WAkCa,CAjCV,GAAIC,EAAA,GACJ,SAAUA,EAAA,eACH,EAAAC,EAAA,mBAAmBC,EAAA,MAAM,EAAA,CAChC,MAAOF,EAAA,aACP,KAAMA,EAAA,YACN,OAAQ,CAAA,EAAA,EAAA,KAEE,iBACT,IAoBO,CApBPG,EAAAA,mBAoBO,OAAA,CAnBJ,4DAA8CH,EAAA,QAAQ,CAAA,IAEvDI,EAAAA,YAgBYC,EAhBZN,aAgBY,CAfT,WAAYE,EAAA,iBACb,KAAK,QACL,gBAAc,MACb,gBAAeD,EAAA,SACf,aAAYA,EAAA,UACZ,cAAaC,EAAA,uBACb,MAAOA,EAAA,YACP,MAAOA,EAAA,kBACA,EAAAA,EAAA,sBAAsBC,EAAA,MAAM,EACpCI,aAA6BL,EAAvB,sBAAsB,CAAA,EAAA,CAGjB,eACT,IAAoB,CAApBM,aAAoBL,EAAA,OAAA,MAAA,sBAFtB,IAAQ,CAARK,aAAQL,EAAA,OAAA,SAAA,+GAOd,IAEO,CAFPK,EAAAA,WAEOL,sBAFP,IAEO,qCADFF,EAAA,WAAW,EAAA,CAAA"}
+{"version":3,"file":"callbar-button.cjs","names":[],"sources":["../../../recipes/buttons/callbar_button/callbar_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip\n    :id=\"id\"\n    :inverted=\"invertedTooltip\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    :delay=\"tooltipDelay\"\n    :show=\"showTooltip\"\n    :offset=\"[0, 24]\"\n  >\n    <template #anchor>\n      <span\n        :class=\"{ 'd-recipe-callbar-button--disabled': disabled }\"\n      >\n        <dt-button\n          :importance=\"buttonImportance\"\n          kind=\"muted\"\n          icon-position=\"top\"\n          :aria-disabled=\"disabled\"\n          :aria-label=\"ariaLabel\"\n          :label-class=\"callbarButtonTextClass\"\n          :width=\"buttonWidth\"\n          :class=\"callbarButtonClass\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"callbarButtonListeners\"\n        >\n          <slot />\n          <template #icon>\n            <slot name=\"icon\" />\n          </template>\n        </dt-button>\n      </span>\n    </template>\n    <slot name=\"tooltip\">\n      {{ tooltipText }}\n    </slot>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { CALLBAR_BUTTON_VALID_WIDTH_SIZE } from './callbar_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport utils, { extractVueListeners, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbarButton',\n\n  components: { DtButton, DtTooltip },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () {\n        return utils.getUniqueString();\n      },\n    },\n\n    /**\n     * Determines whether the button should have active styling\n     * default is false.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should have danger styling\n     * default is false.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    danger: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the button should be disabled\n     * default is false.\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the button is a circle or not.\n     * @values true, false\n     * @see https://dialtone.dialpad.com/components/button/\n     */\n    circle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label for the button. If empty, it takes its value from the default slot.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n      validator: (label) => {\n        return label || this.$slots.default;\n      },\n    },\n\n    /**\n     * Additional class name for the button wrapper element.\n     */\n    buttonClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the button text.\n     */\n    textClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /*\n     * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.\n     */\n    buttonWidthSize: {\n      type: String,\n      default: 'xl',\n      validator: size => CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(size),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the tooltip has an inverted background color.\n     * @values true, false\n     */\n    invertedTooltip: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Use this if you would like to manually override the logic for when the tooltip shows.\n     * Otherwise it will just show on hover/focus.\n     * @values null, true, false\n     */\n    showTooltip: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * The message that displays in the tooltip. This will be overridden by the tooltip slot.\n     */\n    tooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Whether there is a delay before the tooltip shows on hover/focus.\n     * @values true, false\n     */\n    tooltipDelay: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    callbarButtonClass () {\n      return [\n        this.buttonClass,\n        'd-recipe-callbar-button',\n        {\n          'd-recipe-callbar-button--circle': this.circle,\n          'd-recipe-callbar-button--active': this.active,\n          'd-recipe-callbar-button--danger': this.danger,\n          'd-btn--disabled': this.disabled,\n        }];\n    },\n\n    callbarButtonTextClass () {\n      return [\n        'd-recipe-callbar-button__text',\n        this.textClass,\n      ];\n    },\n\n    buttonWidth () {\n      switch (this.buttonWidthSize) {\n        case 'sm':\n          return '4.5rem';\n        case 'md':\n          return '6rem';\n        default:\n          return '8.4rem';\n      }\n    },\n\n    buttonImportance () {\n      if (this.importance) {\n        return this.importance;\n      }\n      return this.circle ? 'outlined' : 'clear';\n    },\n\n    callbarButtonListeners () {\n      return {\n        ...extractVueListeners(this.$attrs),\n        click: (event) => this.$emit('click', event),\n      };\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n  },\n};\n</script>\n"],"mappings":"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"}