@dialpad/dialtone 9.79.0 → 9.79.1

package/dist/vue2/components/validation_messages/validation_messages.vue.js

@@ -1,82 +0,0 @@
-import { validationMessageValidator } from "../../common/validators.js";
-import { getUniqueString, filterFormattedMessages, getValidationState } from "../../common/utils.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtValidationMessages",
-  props: {
-    /**
-     * The id of the validation message
-     */
-    id: {
-      type: String,
-      default() {
-        return getUniqueString();
-      }
-    },
-    /**
-     * Array of validation messages. Each message has the following structure:
-     * `{ message: "Some informative message", type: "error|warning|success"}`
-     */
-    validationMessages: {
-      type: Array,
-      default: () => [],
-      validator: (messages) => validationMessageValidator(messages)
-    },
-    /**
-     * Show Validation messages
-     * @values true, false
-     */
-    showMessages: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    isFilteredValidationMessagesEmpty() {
-      return this.filteredValidationMessages.length === 0;
-    },
-    filteredValidationMessages() {
-      return filterFormattedMessages(this.validationMessages);
-    },
-    validationState() {
-      return getValidationState(this.validationMessages);
-    }
-  },
-  methods: {
-    getMessageKey(type, index) {
-      return `validation-message-${type}-${index}-${this.id}`;
-    },
-    messageTypeClass(type) {
-      const messageTypesClasses = {
-        error: "base-input__message--error d-validation-message--error",
-        warning: "base-input__message--warning d-validation-message--warning",
-        success: "base-input__message--success d-validation-message--success"
-      };
-      return messageTypesClasses[type];
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _vm.showMessages && !_vm.isFilteredValidationMessagesEmpty ? _c("div", { staticClass: "base-input__messages d-validation-message__container", attrs: { "data-qa": "validation-messages-container" } }, _vm._l(_vm.filteredValidationMessages, function({ message, type }, index) {
-    return _c("div", { key: _vm.getMessageKey(type, index), class: [
-      "base-input__message",
-      "d-validation-message",
-      _vm.messageTypeClass(type)
-    ], attrs: { "role": "status", "aria-live": "polite", "data-qa": "validation-message" } }, [_c("p", { domProps: { "innerHTML": _vm._s(message) } })]);
-  }), 0) : _vm._e();
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtValidationMessages = __component__.exports;
-export {
-  DtValidationMessages as default
-};
-//# sourceMappingURL=validation_messages.vue.js.map

package/dist/vue2/components/validation_messages/validation_messages.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation_messages.vue.js","sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";;;AAoCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AACA,eAAA,gBAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,oBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,CAAA;AAAA,MACA,WAAA,cAAA,2BAAA,QAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,oCAAA;AACA,aAAA,KAAA,2BAAA,WAAA;AAAA,IACA;AAAA,IAEA,6BAAA;AACA,aAAA,wBAAA,KAAA,kBAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,mBAAA,KAAA,kBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,cAAA,MAAA,OAAA;AACA,aAAA,sBAAA,IAAA,IAAA,KAAA,IAAA,KAAA,EAAA;AAAA,IACA;AAAA,IAEA,iBAAA,MAAA;AACA,YAAA,sBAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,MACA;AAEA,aAAA,oBAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/directives/scrollbar/scrollbar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.cjs","sources":["../../../directives/scrollbar/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n  name: 'dt-scrollbar-directive',\n  install (Vue) {\n    OverlayScrollbars.plugin(ClickScrollPlugin);\n    Vue.directive('dt-scrollbar', {\n      inserted (el, binding) {\n        OverlayScrollbars({\n          target: el,\n          elements: {\n            viewport: el.children[0],\n          },\n        }, {\n          scrollbars: {\n            autoHide: `${binding.arg || 'leave'}`,\n            clickScroll: true,\n            autoHideDelay: `${!binding.arg || binding.arg === 'leave' ? 0 : 1300}`,\n          },\n        });\n        el.setAttribute('data-overlayscrollbars-initialize', true);\n        el.classList.add('d-scrollbar');\n      },\n    });\n  },\n};\n\nexport default DtScrollbarDirective;\n"],"names":["OverlayScrollbars","ClickScrollPlugin"],"mappings":";;;AAEY,MAAC,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,QAAS,KAAK;AACZA,wCAAkB,OAAOC,kBAAAA,iBAAiB;AAC1C,QAAI,UAAU,gBAAgB;AAAA,MAC5B,SAAU,IAAI,SAAS;AACrBD,4CAAkB;AAAA,UAChB,QAAQ;AAAA,UACR,UAAU;AAAA,YACR,UAAU,GAAG,SAAS,CAAC;AAAA,UACxB;AAAA,QACX,GAAW;AAAA,UACD,YAAY;AAAA,YACV,UAAU,GAAG,QAAQ,OAAO,OAAO;AAAA,YACnC,aAAa;AAAA,YACb,eAAe,GAAG,CAAC,QAAQ,OAAO,QAAQ,QAAQ,UAAU,IAAI,IAAI;AAAA,UACrE;AAAA,QACX,CAAS;AACD,WAAG,aAAa,qCAAqC,IAAI;AACzD,WAAG,UAAU,IAAI,aAAa;AAAA,MAC/B;AAAA,IACP,CAAK;AAAA,EACF;AACH;AAEA,MAAA,yBAAe;;;"}

package/dist/vue2/directives/scrollbar/scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.js","sources":["../../../directives/scrollbar/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n  name: 'dt-scrollbar-directive',\n  install (Vue) {\n    OverlayScrollbars.plugin(ClickScrollPlugin);\n    Vue.directive('dt-scrollbar', {\n      inserted (el, binding) {\n        OverlayScrollbars({\n          target: el,\n          elements: {\n            viewport: el.children[0],\n          },\n        }, {\n          scrollbars: {\n            autoHide: `${binding.arg || 'leave'}`,\n            clickScroll: true,\n            autoHideDelay: `${!binding.arg || binding.arg === 'leave' ? 0 : 1300}`,\n          },\n        });\n        el.setAttribute('data-overlayscrollbars-initialize', true);\n        el.classList.add('d-scrollbar');\n      },\n    });\n  },\n};\n\nexport default DtScrollbarDirective;\n"],"names":[],"mappings":";AAEY,MAAC,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,sBAAkB,OAAO,iBAAiB;AAC1C,QAAI,UAAU,gBAAgB;AAAA,MAC5B,SAAU,IAAI,SAAS;AACrB,0BAAkB;AAAA,UAChB,QAAQ;AAAA,UACR,UAAU;AAAA,YACR,UAAU,GAAG,SAAS,CAAC;AAAA,UACxB;AAAA,QACX,GAAW;AAAA,UACD,YAAY;AAAA,YACV,UAAU,GAAG,QAAQ,OAAO,OAAO;AAAA,YACnC,aAAa;AAAA,YACb,eAAe,GAAG,CAAC,QAAQ,OAAO,QAAQ,QAAQ,UAAU,IAAI,IAAI;AAAA,UACrE;AAAA,QACX,CAAS;AACD,WAAG,aAAa,qCAAqC,IAAI;AACzD,WAAG,UAAU,IAAI,aAAa;AAAA,MAC/B;AAAA,IACP,CAAK;AAAA,EACF;AACH;AAEA,MAAA,yBAAe;"}

package/dist/vue2/directives/tooltip/tooltip.cjs

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const common_utils = require("../../common/utils.cjs");
-const tooltip = require("../../components/tooltip/tooltip.vue.cjs");
-const DtTooltipDirective = {
-  name: "dt-tooltip-directive",
-  install(Vue) {
-    const mountPoint = document.createElement("div");
-    document.body.appendChild(mountPoint);
-    const DEFAULT_PLACEMENT = "top";
-    const DtTooltipDirectiveApp = new Vue({
-      name: "DtTooltipDirectiveApp",
-      components: { DtTooltip: tooltip },
-      data() {
-        return {
-          tooltips: []
-        };
-      },
-      methods: {
-        addOrUpdateTooltip(id, message, placement) {
-          const index = this.tooltips.findIndex((tooltip2) => tooltip2.id === id);
-          if (index !== -1) {
-            this.tooltips[index].message = message;
-            this.tooltips[index].placement = placement;
-          } else {
-            this.tooltips.push({ id, message, placement });
-          }
-        },
-        removeTooltip(id) {
-          this.tooltips = this.tooltips.filter((tooltip2) => tooltip2.id !== id);
-        }
-      },
-      render(h) {
-        return h(
-          "div",
-          {
-            domProps: { id: "dt-tooltip-directive-app" }
-          },
-          [
-            this.tooltips.map(({ id, message, placement }) => {
-              return h(tooltip, {
-                key: id,
-                props: {
-                  message,
-                  placement,
-                  sticky: true,
-                  /**
-                   * Set the delay to false when running tests only.
-                   */
-                  delay: process.env.NODE_ENV !== "test",
-                  externalAnchor: `[data-dt-tooltip-id="${id}"]`
-                }
-              });
-            })
-          ]
-        );
-      }
-    });
-    DtTooltipDirectiveApp.$mount(mountPoint);
-    Vue.directive("dt-tooltip", {
-      bind(anchor, binding) {
-        setupTooltip(anchor, binding);
-      },
-      update(anchor, binding) {
-        if (binding.value !== binding.oldValue) {
-          setupTooltip(anchor, binding);
-        }
-      },
-      unbind(anchor) {
-        DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
-      }
-    });
-    function setupTooltip(anchor, binding) {
-      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || common_utils.getUniqueString();
-      const message = binding.value;
-      const placement = binding.arg || DEFAULT_PLACEMENT;
-      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
-      DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, message, placement);
-    }
-  }
-};
-const DtTooltipDirective$1 = DtTooltipDirective;
-exports.DtTooltipDirective = DtTooltipDirective;
-exports.default = DtTooltipDirective$1;
-//# sourceMappingURL=tooltip.cjs.map

package/dist/vue2/directives/tooltip/tooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.cjs","sources":["../../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (Vue) {\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = new Vue({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render (h) {\n        return h('div',\n          {\n            domProps: { id: 'dt-tooltip-directive-app' },\n          },\n          [\n            this.tooltips.map(({ id, message, placement }) => {\n              return h(DtTooltip, {\n                key: id,\n                props: {\n                  message,\n                  placement,\n                  sticky: true,\n                  /**\n                   * Set the delay to false when running tests only.\n                   */\n                  delay: process.env.NODE_ENV !== 'test',\n                  externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n                },\n              });\n            }),\n          ],\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.$mount(mountPoint);\n\n    Vue.directive('dt-tooltip', {\n      bind (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      update (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unbind (anchor) {\n        DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":["DtTooltip","tooltip","getUniqueString"],"mappings":";;;;AAGY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwB,IAAI,IAAI;AAAA,MACpC,MAAM;AAAA,MACN,YAAY,EAAEA,WAAAA,QAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,CAAAC,aAAWA,SAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,CAAAA,aAAWA,SAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,OAAQ,GAAG;AACT,eAAO;AAAA,UAAE;AAAA,UACP;AAAA,YACE,UAAU,EAAE,IAAI,2BAA4B;AAAA,UAC7C;AAAA,UACD;AAAA,YACE,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,qBAAO,EAAED,SAAW;AAAA,gBAClB,KAAK;AAAA,gBACL,OAAO;AAAA,kBACL;AAAA,kBACA;AAAA,kBACA,QAAQ;AAAA;AAAA;AAAA;AAAA,kBAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,kBAChC,gBAAgB,wBAAwB,EAAE;AAAA,gBAC3C;AAAA,cACjB,CAAe;AAAA,YACf,CAAa;AAAA,UACF;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,OAAO,UAAU;AAEvC,QAAI,UAAU,cAAc;AAAA,MAC1B,KAAM,QAAQ,SAAS;AAErB,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,OAAQ,QAAQ,SAAS;AAEvB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,OAAQ,QAAQ;AACd,8BAAsB,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC9E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAKE,aAAe,gBAAA;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AACnD,4BAAsB,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACvE;AAAA,EACF;AACH;AAEA,MAAA,uBAAe;;;"}

package/dist/vue2/directives/tooltip/tooltip.js

@@ -1,85 +0,0 @@
-import { getUniqueString } from "../../common/utils.js";
-import DtTooltip from "../../components/tooltip/tooltip.vue.js";
-const DtTooltipDirective = {
-  name: "dt-tooltip-directive",
-  install(Vue) {
-    const mountPoint = document.createElement("div");
-    document.body.appendChild(mountPoint);
-    const DEFAULT_PLACEMENT = "top";
-    const DtTooltipDirectiveApp = new Vue({
-      name: "DtTooltipDirectiveApp",
-      components: { DtTooltip },
-      data() {
-        return {
-          tooltips: []
-        };
-      },
-      methods: {
-        addOrUpdateTooltip(id, message, placement) {
-          const index = this.tooltips.findIndex((tooltip) => tooltip.id === id);
-          if (index !== -1) {
-            this.tooltips[index].message = message;
-            this.tooltips[index].placement = placement;
-          } else {
-            this.tooltips.push({ id, message, placement });
-          }
-        },
-        removeTooltip(id) {
-          this.tooltips = this.tooltips.filter((tooltip) => tooltip.id !== id);
-        }
-      },
-      render(h) {
-        return h(
-          "div",
-          {
-            domProps: { id: "dt-tooltip-directive-app" }
-          },
-          [
-            this.tooltips.map(({ id, message, placement }) => {
-              return h(DtTooltip, {
-                key: id,
-                props: {
-                  message,
-                  placement,
-                  sticky: true,
-                  /**
-                   * Set the delay to false when running tests only.
-                   */
-                  delay: process.env.NODE_ENV !== "test",
-                  externalAnchor: `[data-dt-tooltip-id="${id}"]`
-                }
-              });
-            })
-          ]
-        );
-      }
-    });
-    DtTooltipDirectiveApp.$mount(mountPoint);
-    Vue.directive("dt-tooltip", {
-      bind(anchor, binding) {
-        setupTooltip(anchor, binding);
-      },
-      update(anchor, binding) {
-        if (binding.value !== binding.oldValue) {
-          setupTooltip(anchor, binding);
-        }
-      },
-      unbind(anchor) {
-        DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute("data-dt-tooltip-id"));
-      }
-    });
-    function setupTooltip(anchor, binding) {
-      const tooltipId = anchor.getAttribute("data-dt-tooltip-id") || getUniqueString();
-      const message = binding.value;
-      const placement = binding.arg || DEFAULT_PLACEMENT;
-      anchor.setAttribute("data-dt-tooltip-id", tooltipId);
-      DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, message, placement);
-    }
-  }
-};
-const DtTooltipDirective$1 = DtTooltipDirective;
-export {
-  DtTooltipDirective,
-  DtTooltipDirective$1 as default
-};
-//# sourceMappingURL=tooltip.js.map

package/dist/vue2/directives/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sources":["../../../directives/tooltip/tooltip.js"],"sourcesContent":["import { DtTooltip } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (Vue) {\n    const mountPoint = document.createElement('div');\n    document.body.appendChild(mountPoint);\n\n    const DEFAULT_PLACEMENT = 'top';\n    const DtTooltipDirectiveApp = new Vue({\n      name: 'DtTooltipDirectiveApp',\n      components: { DtTooltip },\n      data () {\n        return {\n          tooltips: [],\n        };\n      },\n\n      methods: {\n        addOrUpdateTooltip (id, message, placement) {\n          const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n          if (index !== -1) {\n            // Update existing tooltip\n            this.tooltips[index].message = message;\n            this.tooltips[index].placement = placement;\n          } else {\n            // Add new tooltip\n            this.tooltips.push({ id, message, placement });\n          }\n        },\n\n        removeTooltip (id) {\n          this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n        },\n      },\n\n      render (h) {\n        return h('div',\n          {\n            domProps: { id: 'dt-tooltip-directive-app' },\n          },\n          [\n            this.tooltips.map(({ id, message, placement }) => {\n              return h(DtTooltip, {\n                key: id,\n                props: {\n                  message,\n                  placement,\n                  sticky: true,\n                  /**\n                   * Set the delay to false when running tests only.\n                   */\n                  delay: process.env.NODE_ENV !== 'test',\n                  externalAnchor: `[data-dt-tooltip-id=\"${id}\"]`,\n                },\n              });\n            }),\n          ],\n        );\n      },\n    });\n\n    DtTooltipDirectiveApp.$mount(mountPoint);\n\n    Vue.directive('dt-tooltip', {\n      bind (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      update (anchor, binding) {\n        // Update tooltip on binding value change\n        if (binding.value !== binding.oldValue) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unbind (anchor) {\n        DtTooltipDirectiveApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n      const message = binding.value;\n      const placement = binding.arg || DEFAULT_PLACEMENT;\n\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      DtTooltipDirectiveApp.addOrUpdateTooltip(tooltipId, message, placement);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"names":[],"mappings":";;AAGY,MAAC,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAS,KAAK;AACZ,UAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAY,UAAU;AAEpC,UAAM,oBAAoB;AAC1B,UAAM,wBAAwB,IAAI,IAAI;AAAA,MACpC,MAAM;AAAA,MACN,YAAY,EAAE,UAAW;AAAA,MACzB,OAAQ;AACN,eAAO;AAAA,UACL,UAAU,CAAE;AAAA,QACtB;AAAA,MACO;AAAA,MAED,SAAS;AAAA,QACP,mBAAoB,IAAI,SAAS,WAAW;AAC1C,gBAAM,QAAQ,KAAK,SAAS,UAAU,aAAW,QAAQ,OAAO,EAAE;AAClE,cAAI,UAAU,IAAI;AAEhB,iBAAK,SAAS,KAAK,EAAE,UAAU;AAC/B,iBAAK,SAAS,KAAK,EAAE,YAAY;AAAA,UAC7C,OAAiB;AAEL,iBAAK,SAAS,KAAK,EAAE,IAAI,SAAS,UAAS,CAAE;AAAA,UAC9C;AAAA,QACF;AAAA,QAED,cAAe,IAAI;AACjB,eAAK,WAAW,KAAK,SAAS,OAAO,aAAW,QAAQ,OAAO,EAAE;AAAA,QAClE;AAAA,MACF;AAAA,MAED,OAAQ,GAAG;AACT,eAAO;AAAA,UAAE;AAAA,UACP;AAAA,YACE,UAAU,EAAE,IAAI,2BAA4B;AAAA,UAC7C;AAAA,UACD;AAAA,YACE,KAAK,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS,gBAAgB;AAChD,qBAAO,EAAE,WAAW;AAAA,gBAClB,KAAK;AAAA,gBACL,OAAO;AAAA,kBACL;AAAA,kBACA;AAAA,kBACA,QAAQ;AAAA;AAAA;AAAA;AAAA,kBAIR,OAAO,QAAQ,IAAI,aAAa;AAAA,kBAChC,gBAAgB,wBAAwB,EAAE;AAAA,gBAC3C;AAAA,cACjB,CAAe;AAAA,YACf,CAAa;AAAA,UACF;AAAA,QACX;AAAA,MACO;AAAA,IACP,CAAK;AAED,0BAAsB,OAAO,UAAU;AAEvC,QAAI,UAAU,cAAc;AAAA,MAC1B,KAAM,QAAQ,SAAS;AAErB,qBAAa,QAAQ,OAAO;AAAA,MAC7B;AAAA,MACD,OAAQ,QAAQ,SAAS;AAEvB,YAAI,QAAQ,UAAU,QAAQ,UAAU;AACtC,uBAAa,QAAQ,OAAO;AAAA,QAC7B;AAAA,MACF;AAAA,MACD,OAAQ,QAAQ;AACd,8BAAsB,cAAc,OAAO,aAAa,oBAAoB,CAAC;AAAA,MAC9E;AAAA,IACP,CAAK;AAED,aAAS,aAAc,QAAQ,SAAS;AACtC,YAAM,YAAY,OAAO,aAAa,oBAAoB,KAAK,gBAAe;AAC9E,YAAM,UAAU,QAAQ;AACxB,YAAM,YAAY,QAAQ,OAAO;AAEjC,aAAO,aAAa,sBAAsB,SAAS;AACnD,4BAAsB,mBAAmB,WAAW,SAAS,SAAS;AAAA,IACvE;AAAA,EACF;AACH;AAEA,MAAA,uBAAe;"}

package/dist/vue2/recipes/buttons/callbar_button/callbar_button.vue.cjs

@@ -1,174 +0,0 @@
-"use strict";
-const callbar_button_constants = require("./callbar_button_constants.cjs");
-const common_utils = require("../../../common/utils.cjs");
-;/* empty css                      */
-const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
-const button = require("../../../components/button/button.vue.cjs");
-const tooltip = require("../../../components/tooltip/tooltip.vue.cjs");
-const _sfc_main = {
-  name: "DtRecipeCallbarButton",
-  components: { DtButton: button, DtTooltip: tooltip },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Id for the item.
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.default.getUniqueString();
-      }
-    },
-    /**
-     * Determines whether the button should have active styling
-     * default is false.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    active: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines whether the button should have danger styling
-     * default is false.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    danger: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines whether the button should be disabled
-     * default is false.
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the button is a circle or not.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    circle: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Aria label for the button. If empty, it takes its value from the default slot.
-     */
-    ariaLabel: {
-      type: String,
-      default: null,
-      validator: (label) => {
-        return label || (void 0).$slots.default;
-      }
-    },
-    /**
-     * Additional class name for the button wrapper element.
-     */
-    buttonClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional class name for the button text.
-     */
-    textClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /*
-     * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
-     */
-    buttonWidthSize: {
-      type: String,
-      default: "xl",
-      validator: (size) => callbar_button_constants.CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(size)
-    },
-    /**
-     * The fill and outline of the button associated with its visual importance.
-     * @values clear, outlined, primary
-     */
-    importance: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  computed: {
-    callbarButtonClass() {
-      return [
-        this.buttonClass,
-        "dt-recipe-callbar-button",
-        "d-px0",
-        {
-          "dt-recipe-callbar-button--circle": this.circle,
-          "dt-recipe-callbar-button--active": this.active,
-          "dt-recipe-callbar-button--danger": this.danger,
-          "d-btn--disabled d-bgc-transparent": this.disabled,
-          "d-fc-primary": !this.disabled
-        }
-      ];
-    },
-    callbarButtonTextClass() {
-      return [
-        "d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none",
-        this.textClass
-      ];
-    },
-    buttonWidth() {
-      switch (this.buttonWidthSize) {
-        case "sm":
-          return "4.5rem";
-        case "md":
-          return "6rem";
-        default:
-          return "8.4rem";
-      }
-    },
-    buttonImportance() {
-      if (this.importance) {
-        return this.importance;
-      }
-      return this.circle ? "outlined" : "clear";
-    },
-    callbarButtonListeners() {
-      return {
-        ...this.$listeners,
-        click: (event) => this.$emit("click", event)
-      };
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-tooltip", { attrs: { "id": _vm.id, "offset": [0, 24] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("span", { class: { "dt-recipe-callbar-button--disabled": _vm.disabled } }, [_c("dt-button", _vm._g(_vm._b({ class: _vm.callbarButtonClass, attrs: { "importance": _vm.buttonImportance, "kind": "muted", "icon-position": "top", "aria-disabled": _vm.disabled, "aria-label": _vm.ariaLabel, "label-class": _vm.callbarButtonTextClass, "width": _vm.buttonWidth }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-      return [_vm._t("icon")];
-    }, proxy: true }], null, true) }, "dt-button", _vm.$attrs, false), _vm.callbarButtonListeners), [_vm._t("default")], 2)], 1)];
-  }, proxy: true }], null, true) }, [_vm._t("tooltip")], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtRecipeCallbarButton = __component__.exports;
-module.exports = DtRecipeCallbarButton;
-//# sourceMappingURL=callbar_button.vue.cjs.map

package/dist/vue2/recipes/buttons/callbar_button/callbar_button.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbar_button.vue.cjs","sources":["../../../../recipes/buttons/callbar_button/callbar_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip\n    :id=\"id\"\n    :offset=\"[0, 24]\"\n  >\n    <template #anchor>\n      <span\n        :class=\"{ 'dt-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  </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\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        'dt-recipe-callbar-button',\n        'd-px0',\n        {\n          'dt-recipe-callbar-button--circle': this.circle,\n          'dt-recipe-callbar-button--active': this.active,\n          'dt-recipe-callbar-button--danger': this.danger,\n          'd-btn--disabled d-bgc-transparent': this.disabled,\n          'd-fc-primary': !this.disabled,\n        }];\n    },\n\n    callbarButtonTextClass () {\n      return [\n        'd-fs-100 lg:d-d-none md:d-d-none sm:d-d-none',\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\n<style lang=\"less\">\n.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle) {\n  line-height: var(--dt-font-line-height-300);\n}\n\n.dt-recipe-callbar-button--circle {\n  border-radius: var(--dt-size-radius-circle);\n}\n\n.dt-recipe-callbar-button.d-btn[disabled] {\n  background-color: unset;\n  opacity: .5;\n}\n\n.dt-recipe-callbar-button--circle.d-btn[disabled] {\n  border-color: unset;\n}\n\n.dt-recipe-callbar-button--active,\n.dt-recipe-callbar-button--active:hover {\n  .base-button__icon {\n    color: var(--primary-color);\n  }\n}\n\n.dt-recipe-callbar-button--disabled {\n  cursor: not-allowed;\n}\n</style>\n"],"names":["DtButton","DtTooltip","utils","this","CALLBAR_BUTTON_VALID_WIDTH_SIZE"],"mappings":";;;;;;;AAsCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,UAAAA,QAAA,WAAAC,QAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AACA,eAAAC,aAAAA,QAAA;MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAA,UAAA;AACA,eAAA,SAAAC,SAAA,OAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,UAAAC,yDAAA,SAAA,IAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EAEA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,qBAAA;AACA,aAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACA,oCAAA,KAAA;AAAA,UACA,oCAAA,KAAA;AAAA,UACA,oCAAA,KAAA;AAAA,UACA,qCAAA,KAAA;AAAA,UACA,gBAAA,CAAA,KAAA;AAAA,QACA;AAAA,MAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AACA,aAAA;AAAA,QACA;AAAA,QACA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,cAAA,KAAA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA;AACA,iBAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,UAAA,KAAA,YAAA;AACA,eAAA,KAAA;AAAA,MACA;AACA,aAAA,KAAA,SAAA,aAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,OAAA,CAAA,UAAA,KAAA,MAAA,SAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/recipes/buttons/callbar_button/callbar_button.vue.js

@@ -1,175 +0,0 @@
-import { CALLBAR_BUTTON_VALID_WIDTH_SIZE } from "./callbar_button_constants.js";
-import utils from "../../../common/utils.js";
-/* empty css                    */
-import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
-import DtButton from "../../../components/button/button.vue.js";
-import DtTooltip from "../../../components/tooltip/tooltip.vue.js";
-const _sfc_main = {
-  name: "DtRecipeCallbarButton",
-  components: { DtButton, DtTooltip },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Id for the item.
-     */
-    id: {
-      type: String,
-      default() {
-        return utils.getUniqueString();
-      }
-    },
-    /**
-     * Determines whether the button should have active styling
-     * default is false.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    active: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines whether the button should have danger styling
-     * default is false.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    danger: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Determines whether the button should be disabled
-     * default is false.
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the button is a circle or not.
-     * @values true, false
-     * @see https://dialtone.dialpad.com/components/button/
-     */
-    circle: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Aria label for the button. If empty, it takes its value from the default slot.
-     */
-    ariaLabel: {
-      type: String,
-      default: null,
-      validator: (label) => {
-        return label || (void 0).$slots.default;
-      }
-    },
-    /**
-     * Additional class name for the button wrapper element.
-     */
-    buttonClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Additional class name for the button text.
-     */
-    textClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /*
-     * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
-     */
-    buttonWidthSize: {
-      type: String,
-      default: "xl",
-      validator: (size) => CALLBAR_BUTTON_VALID_WIDTH_SIZE.includes(size)
-    },
-    /**
-     * The fill and outline of the button associated with its visual importance.
-     * @values clear, outlined, primary
-     */
-    importance: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  computed: {
-    callbarButtonClass() {
-      return [
-        this.buttonClass,
-        "dt-recipe-callbar-button",
-        "d-px0",
-        {
-          "dt-recipe-callbar-button--circle": this.circle,
-          "dt-recipe-callbar-button--active": this.active,
-          "dt-recipe-callbar-button--danger": this.danger,
-          "d-btn--disabled d-bgc-transparent": this.disabled,
-          "d-fc-primary": !this.disabled
-        }
-      ];
-    },
-    callbarButtonTextClass() {
-      return [
-        "d-fs-100 lg:d-d-none md:d-d-none sm:d-d-none",
-        this.textClass
-      ];
-    },
-    buttonWidth() {
-      switch (this.buttonWidthSize) {
-        case "sm":
-          return "4.5rem";
-        case "md":
-          return "6rem";
-        default:
-          return "8.4rem";
-      }
-    },
-    buttonImportance() {
-      if (this.importance) {
-        return this.importance;
-      }
-      return this.circle ? "outlined" : "clear";
-    },
-    callbarButtonListeners() {
-      return {
-        ...this.$listeners,
-        click: (event) => this.$emit("click", event)
-      };
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-tooltip", { attrs: { "id": _vm.id, "offset": [0, 24] }, scopedSlots: _vm._u([{ key: "anchor", fn: function() {
-    return [_c("span", { class: { "dt-recipe-callbar-button--disabled": _vm.disabled } }, [_c("dt-button", _vm._g(_vm._b({ class: _vm.callbarButtonClass, attrs: { "importance": _vm.buttonImportance, "kind": "muted", "icon-position": "top", "aria-disabled": _vm.disabled, "aria-label": _vm.ariaLabel, "label-class": _vm.callbarButtonTextClass, "width": _vm.buttonWidth }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-      return [_vm._t("icon")];
-    }, proxy: true }], null, true) }, "dt-button", _vm.$attrs, false), _vm.callbarButtonListeners), [_vm._t("default")], 2)], 1)];
-  }, proxy: true }], null, true) }, [_vm._t("tooltip")], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const DtRecipeCallbarButton = __component__.exports;
-export {
-  DtRecipeCallbarButton as default
-};
-//# sourceMappingURL=callbar_button.vue.js.map