@dialpad/dialtone-vue 2.183.2 → 2.184.1

package/dist/lib/button/button.js

@@ -0,0 +1,265 @@
+import r from "vue";
+import { ICON_POSITION_MODIFIERS as a, BUTTON_IMPORTANCE_MODIFIERS as o, BUTTON_TYPES as d, BUTTON_SIZE_MODIFIERS as s, BUTTON_KIND_MODIFIERS as l, BUTTON_ICON_SIZES as c, INVALID_COMBINATION as u } from "./button-constants.js";
+import { n as f } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import { LINK_KIND_MODIFIERS as p, getLinkKindModifier as h } from "../link/link-constants.js";
+const _ = {
+  name: "DtButton",
+  props: {
+    /**
+     * Whether the button is a circle or not.
+     * @values true, false
+     */
+    circle: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The position of the icon slot within the button.
+     * @values left, right, top, bottom
+     */
+    iconPosition: {
+      type: String,
+      default: "left",
+      validator: (e) => Object.keys(a).includes(e)
+    },
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     * @values clear, outlined, primary
+     */
+    importance: {
+      type: String,
+      default: "primary",
+      validator: (e) => Object.keys(o).includes(e)
+    },
+    /**
+     * Whether the button should be styled as a link or not.
+     * @values true, false
+     * @see DtLink
+     */
+    link: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The color of the link and button if the button is styled as a link.
+     * @values default, warning, danger, success, muted
+     * @see DtLink
+     */
+    linkKind: {
+      type: String,
+      default: "default",
+      validator: (e) => Object.keys(p).includes(e)
+    },
+    /**
+     * Determines whether the link should have inverted styling if the button is styled as a link.
+     * @values true, false
+     * @see DtLink
+     */
+    linkInverted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML button disabled attribute
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank"> (Reference) </a>
+     * @values true, false
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML button type attribute
+     * <a
+     *   class="d-link"
+     *   href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type"
+     *   target="_blank"
+     * >
+     *   (Reference)
+     * </a>
+     * @values button, submit, reset
+     */
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => d.includes(e)
+    },
+    /**
+     * Button width, accepts
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" target="_blank">
+     *   CSS width attribute
+     * </a>
+     * values
+     */
+    width: {
+      type: String,
+      default: null
+    },
+    /**
+     * The size of the button.
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => Object.keys(s).includes(e)
+    },
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Whether the button should display a loading animation or not.
+     * @values true, false
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The color of the button.
+     * @values default, muted, danger, inverted
+     */
+    kind: {
+      type: String,
+      default: "default",
+      validator: (e) => Object.keys(l).includes(e)
+    },
+    /**
+     * Determines whether a screenreader reads live updates of
+     * the button content to the user while the button
+     * is in focus. default is to not.
+     * @values true, false
+     */
+    assertiveOnFocus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines whether the button should have active styling
+     * default is false.
+     * @values true, false
+     */
+    active: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * Native button click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click",
+    /**
+     * Native button focus in event
+     *
+     * @event focusin
+     * @type {FocusEvent}
+     */
+    "focusin",
+    /**
+     * Native button focus out event
+     *
+     * @event focusout
+     * @type {FocusEvent}
+     */
+    "focusout"
+  ],
+  data() {
+    return {
+      ICON_POSITION_MODIFIERS: a,
+      // whether the button is currently in focus
+      isInFocus: !1
+    };
+  },
+  computed: {
+    buttonListeners() {
+      return this.assertiveOnFocus ? {
+        ...this.$listeners,
+        focusin: (e) => {
+          this.isInFocus = !0;
+        },
+        focusout: (e) => {
+          this.isInFocus = !1;
+        }
+      } : this.$listeners;
+    },
+    computedAriaLive() {
+      return this.assertiveOnFocus && this.isInFocus ? "assertive" : this.$attrs.ariaLive;
+    },
+    iconSize() {
+      return c[this.size];
+    }
+  },
+  watch: {
+    $props: {
+      deep: !0,
+      immediate: !0,
+      handler() {
+        process.env.NODE_ENV !== "production" && (this.circle && this.link && r.util.warn("You cannot enable circle and link at the same time", this), this.isInvalidPropCombination(this.circle, this.kind, this.importance));
+      }
+    }
+  },
+  methods: {
+    buttonClasses() {
+      return this.link ? [
+        "d-link",
+        h(this.linkKind, this.linkInverted),
+        s[this.size]
+      ] : [
+        "d-btn",
+        o[this.importance],
+        l[this.kind],
+        s[this.size],
+        {
+          "d-btn--circle": this.circle,
+          "d-btn--loading": this.loading,
+          "d-btn--icon-only": this.isIconOnly(),
+          "d-btn--vertical": this.isVerticalIconLayout(),
+          "d-btn--active": this.active
+        }
+      ];
+    },
+    isInvalidPropCombination(e, t, i) {
+      for (const n of u)
+        if (e === n.circle && t === n.kind && i === n.importance)
+          return console.warn(n.message), !1;
+      return !0;
+    },
+    shouldRenderIcon() {
+      return this.$scopedSlots.icon && this.$scopedSlots.icon() && !this.link;
+    },
+    isIconOnly() {
+      return this.shouldRenderIcon() && !this.$slots.default;
+    },
+    isVerticalIconLayout() {
+      return !this.isIconOnly() && ["top", "bottom"].includes(this.iconPosition);
+    }
+  }
+};
+var I = function() {
+  var t = this, i = t._self._c;
+  return i("button", t._g({ class: [
+    "base-button__button",
+    t.buttonClasses()
+  ], style: { width: t.width }, attrs: { "data-qa": "dt-button", type: t.type, disabled: t.disabled, "aria-live": t.computedAriaLive, "aria-label": t.loading ? "loading" : t.$attrs["aria-label"] } }, t.buttonListeners), [t.shouldRenderIcon() ? i("span", { class: [
+    "base-button__icon",
+    "d-btn__icon",
+    t.ICON_POSITION_MODIFIERS[t.iconPosition]
+  ], attrs: { "data-qa": "dt-button-icon" } }, [t._t("icon", null, { iconSize: t.iconSize })], 2) : t._e(), t.$slots.default ? i("span", { class: ["d-btn__label", "base-button__label", t.labelClass], attrs: { "data-qa": "dt-button-label" } }, [t._t("default")], 2) : t._e()]);
+}, b = [], O = /* @__PURE__ */ f(
+  _,
+  I,
+  b
+);
+const k = O.exports;
+export {
+  k as default
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../components/button/button.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"[\n      'base-button__button',\n      buttonClasses(),\n    ]\"\n    data-qa=\"dt-button\"\n    :type=\"type\"\n    :disabled=\"disabled\"\n    :style=\"{ width: width }\"\n    :aria-live=\"computedAriaLive\"\n    :aria-label=\"loading ? 'loading' : $attrs['aria-label']\"\n    v-on=\"buttonListeners\"\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        'd-btn__icon',\n        ICON_POSITION_MODIFIERS[iconPosition],\n      ]\"\n    >\n      <!-- @slot Button icon -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      data-qa=\"dt-button-label\"\n      :class=\"['d-btn__label', 'base-button__label', labelClass]\"\n    >\n      <!-- @slot Content within button -->\n      <slot />\n    </span>\n  </button>\n</template>\n\n<script>\nimport Vue from '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';\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  name: 'DtButton',\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\n     *   class=\"d-link\"\n     *   href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\"\n     *   target=\"_blank\"\n     * >\n     *   (Reference)\n     * </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\">\n     *   CSS width attribute\n     * </a>\n     * 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, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether 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  emits: [\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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    };\n  },\n\n  computed: {\n\n    buttonListeners () {\n      if (!this.assertiveOnFocus) {\n        return this.$listeners;\n      }\n      return {\n        ...this.$listeners,\n        focusin: (e) => {\n          this.isInFocus = true;\n        },\n\n        focusout: (e) => {\n          this.isInFocus = false;\n        },\n      };\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\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          Vue.util.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    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      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      for (const row of INVALID_COMBINATION) {\n        if (circle === row.circle && kind === row.kind && importance === row.importance) {\n          console.warn(row.message);\n          return false;\n        }\n      }\n      return true;\n    },\n\n    shouldRenderIcon () {\n      return this.$scopedSlots.icon && this.$scopedSlots.icon() && !this.link;\n    },\n\n    isIconOnly () {\n      return this.shouldRenderIcon() && !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","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","lk","LINK_KIND_MODIFIERS","t","BUTTON_TYPES","s","BUTTON_SIZE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","BUTTON_ICON_SIZES","Vue","getLinkKindModifier","circle","kind","importance","row","INVALID_COMBINATION"],"mappings":"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"}

package/dist/lib/button/index.cjs

@@ -0,0 +1,2 @@
+"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

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

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

package/dist/lib/button/index.js

@@ -0,0 +1,13 @@
+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

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

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

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

@@ -0,0 +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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+const 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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./button-group-constants.cjs"),_=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),o={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:e=>Object.keys(r.BUTTON_GROUP_ALIGNMENT).includes(e)}},data(){return{BUTTON_GROUP_ALIGNMENT:r.BUTTON_GROUP_ALIGNMENT}}};var u=function(){var t=this,n=t._self._c;return n("div",{class:["d-btn-group",t.BUTTON_GROUP_ALIGNMENT[t.alignment]],attrs:{role:"group"}},[t._t("default")],2)},s=[],a=_.n(o,u,s);const i=a.exports;exports.default=i;
+//# sourceMappingURL=button-group.cjs.map

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

@@ -0,0 +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  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"],"mappings":"oNAgBAA,EAAA,CACA,KAAA,gBAEA,MAAA,CAIA,UAAA,CACA,KAAA,OACA,QAAA,QACA,UAAAC,GAAA,OAAA,KAAAC,wBAAA,EAAA,SAAAD,CAAA,CACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,uBAAAC,EAAA,sBACA,CACA,CACA"}

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

@@ -0,0 +1,36 @@
+import { BUTTON_GROUP_ALIGNMENT as n } from "./button-group-constants.js";
+import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+const a = {
+  name: "DtButtonGroup",
+  props: {
+    /**
+     * Alignment of the buttons inside the container
+     */
+    alignment: {
+      type: String,
+      default: "start",
+      validator: (r) => Object.keys(n).includes(r)
+    }
+  },
+  data() {
+    return {
+      BUTTON_GROUP_ALIGNMENT: n
+    };
+  }
+};
+var _ = function() {
+  var t = this, e = t._self._c;
+  return e("div", { class: [
+    "d-btn-group",
+    t.BUTTON_GROUP_ALIGNMENT[t.alignment]
+  ], attrs: { role: "group" } }, [t._t("default")], 2);
+}, s = [], c = /* @__PURE__ */ o(
+  a,
+  _,
+  s
+);
+const u = c.exports;
+export {
+  u as default
+};
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +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  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"],"mappings":";;AAgBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,KAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,wBAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),r=require("../button/button.cjs"),o={name:"ButtonsDecorator",components:{DtButton:r.default}};var _=function(){var t=this,e=t._self._c;return e("div",[e("dt-button",{attrs:{importance:"primary"}},[t._v(" "+t._s("Confirm")+" ")]),e("dt-button",{attrs:{importance:"outlined"}},[t._v(" "+t._s("Cancel")+" ")])],1)},s=[],u=n.n(o,_,s);const a=u.exports;exports.default=a;
+//# sourceMappingURL=buttons-decorator.cjs.map

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

@@ -0,0 +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  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"names":["_sfc_main","DtButton"],"mappings":"4MAcAA,EAAA,CACA,KAAA,mBACA,WAAA,CAAAC,SAAAA,EAAAA,OAAA,CACA"}

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

@@ -0,0 +1,19 @@
+import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import r from "../button/button.js";
+const e = {
+  name: "ButtonsDecorator",
+  components: { DtButton: r }
+};
+var a = function() {
+  var t = this, n = t._self._c;
+  return n("div", [n("dt-button", { attrs: { importance: "primary" } }, [t._v(" " + t._s("Confirm") + " ")]), n("dt-button", { attrs: { importance: "outlined" } }, [t._v(" " + t._s("Cancel") + " ")])], 1);
+}, s = [], _ = /* @__PURE__ */ o(
+  e,
+  a,
+  s
+);
+const p = _.exports;
+export {
+  p as default
+};
+//# sourceMappingURL=buttons-decorator.js.map

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

@@ -0,0 +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  name: 'ButtonsDecorator',\n  components: { DtButton },\n};\n</script>\n"],"names":["_sfc_main","DtButton"],"mappings":";;AAcA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AACA;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+"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

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

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

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

@@ -0,0 +1,7 @@
+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

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

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

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

@@ -0,0 +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

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

@@ -0,0 +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,EAEvDC,EAAA,CACb,gCAAAD,CACF"}

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

@@ -0,0 +1,8 @@
+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

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

@@ -0,0 +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,GAEvDC,IAAA;AAAA,EACb,iCAAAD;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./callbar-button-constants.cjs"),n=require("../../common/utils/index.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),i=require("../button/button.cjs"),o=require("../tooltip/tooltip.cjs"),s={name:"DtRecipeCallbarButton",components:{DtButton:i.default,DtTooltip:o.default},inheritAttrs:!1,props:{id:{type:String,default(){return n.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=>a.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{...this.$listeners,click:e=>this.$emit("click",e)}}}};var u=function(){var t=this,l=t._self._c;return l("dt-tooltip",{attrs:{id:t.id,inverted:t.invertedTooltip,delay:t.tooltipDelay,show:t.showTooltip,offset:[0,24]},scopedSlots:t._u([{key:"anchor",fn:function(){return[l("span",{class:{"d-recipe-callbar-button--disabled":t.disabled}},[l("dt-button",t._g(t._b({class:t.callbarButtonClass,attrs:{importance:t.buttonImportance,kind:"muted","icon-position":"top","aria-disabled":t.disabled,"aria-label":t.ariaLabel,"label-class":t.callbarButtonTextClass,width:t.buttonWidth},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0}],null,!0)},"dt-button",t.$attrs,!1),t.callbarButtonListeners),[t._t("default")],2)],1)]},proxy:!0}],null,!0)},[t._t("tooltip",function(){return[t._v(" "+t._s(t.tooltipText)+" ")]})],2)},c=[],d=r.n(s,u,c);const p=d.exports;exports.default=p;
+//# sourceMappingURL=callbar-button.cjs.map

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

@@ -0,0 +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    :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=\"$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 from '@/common/utils';\n\nexport default {\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        ...this.$listeners,\n        click: (event) => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","utils","label","this","size","CALLBAR_BUTTON_VALID_WIDTH_SIZE","event"],"mappings":"sUA2CAA,EAAA,CACA,KAAA,wBAEA,WAAA,CAAA,SAAAC,EAAA,QAAA,UAAAC,SAAA,EAEA,aAAA,GAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,CACA,OAAAC,EAAAA,QAAA,iBACA,CACA,EAQA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EAQA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EAOA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAOA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,KACA,UAAAC,GACAA,GAAAC,SAAA,OAAA,OAEA,EAKA,YAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,gBAAA,CACA,KAAA,OACA,QAAA,KACA,UAAAC,GAAAC,kCAAA,SAAAD,CAAA,CACA,EAMA,WAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,gBAAA,CACA,KAAA,QACA,QAAA,EACA,EAOA,YAAA,CACA,KAAA,QACA,QAAA,IACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,MACA,EAMA,aAAA,CACA,KAAA,QACA,QAAA,MACA,CACA,EAEA,MAAA,CAOA,OACA,EAEA,SAAA,CACA,oBAAA,CACA,MAAA,CACA,KAAA,YACA,0BACA,CACA,kCAAA,KAAA,OACA,kCAAA,KAAA,OACA,kCAAA,KAAA,OACA,kBAAA,KAAA,QACA,CAAA,CACA,EAEA,wBAAA,CACA,MAAA,CACA,gCACA,KAAA,SACA,CACA,EAEA,aAAA,CACA,OAAA,KAAA,gBAAA,CACA,IAAA,KACA,MAAA,SACA,IAAA,KACA,MAAA,OACA,QACA,MAAA,QACA,CACA,EAEA,kBAAA,CACA,OAAA,KAAA,WACA,KAAA,WAEA,KAAA,OAAA,WAAA,OACA,EAEA,wBAAA,CACA,MAAA,CACA,GAAA,KAAA,WACA,MAAAE,GAAA,KAAA,MAAA,QAAAA,CAAA,CACA,CACA,CACA,CACA"}