@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue2/lib/tab/tab-panel.js

@@ -1,78 +0,0 @@
-import s from "../../common/mixins/modal.js";
-import { n } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-const i = {
-  name: "DtTabPanel",
-  mixins: [s],
-  inject: ["groupContext"],
-  props: {
-    /**
-     * Id of the panel
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Id of the associated tab
-     */
-    tabId: {
-      type: String,
-      required: !0
-    },
-    /**
-    * If true, hides the tab content
-     * @values true, false
-    */
-    hidden: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Used to customize the tab element
-     */
-    tabPanelClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isFirstElementFocusable: !1
-    };
-  },
-  computed: {
-    hidePanel() {
-      return this.groupContext.selected !== this.id || this.hidden;
-    }
-  },
-  async mounted() {
-    const t = await this.getFirstFocusableElement(this.$el);
-    t ? this.isFirstElementFocusable = this.isFirstElementOfPanel(t) : this.isFirstElementFocusable = !1;
-  },
-  methods: {
-    isFirstElementOfPanel(t) {
-      let e = t, a = !0;
-      for (; e; ) {
-        if (e.previousElementSibling !== null) {
-          a = !1;
-          break;
-        }
-        e = e.parentNode !== this.$el ? e.parentNode : null;
-      }
-      return a;
-    }
-  }
-};
-var l = function() {
-  var e = this, a = e._self._c;
-  return a("div", { directives: [{ name: "show", rawName: "v-show", value: !e.hidePanel, expression: "!hidePanel" }], class: e.tabPanelClass, attrs: { id: `dt-panel-${e.id}`, role: "tabpanel", tabindex: e.isFirstElementFocusable ? -1 : 0, "aria-labelledby": `dt-tab-${e.tabId}`, "aria-hidden": `${e.hidePanel}`, "data-qa": "dt-tab-panel" } }, [e._t("default")], 2);
-}, r = [], d = /* @__PURE__ */ n(
-  i,
-  l,
-  r
-);
-const m = d.exports;
-export {
-  m as default
-};
-//# sourceMappingURL=tab-panel.js.map

package/dist/vue2/lib/tab/tab-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-panel.js","sources":["../../../components/tab/tab_panel.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"!hidePanel\"\n    :id=\"`dt-panel-${id}`\"\n    role=\"tabpanel\"\n    :tabindex=\"isFirstElementFocusable ? -1 : 0\"\n    :aria-labelledby=\"`dt-tab-${tabId}`\"\n    :aria-hidden=\"`${hidePanel}`\"\n    :class=\"tabPanelClass\"\n    data-qa=\"dt-tab-panel\"\n  >\n    <!-- @slot Default slot for Tab Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Modal from '@/common/mixins/modal';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabPanel',\n\n  mixins: [Modal],\n\n  inject: ['groupContext'],\n\n  props: {\n    /**\n     * Id of the panel\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated tab\n     */\n    tabId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n    * If true, hides the tab content\n     * @values true, false\n    */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabPanelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      isFirstElementFocusable: false,\n    };\n  },\n\n  computed: {\n    hidePanel () {\n      return this.groupContext.selected !== this.id || this.hidden;\n    },\n  },\n\n  async mounted () {\n    const firstFocusableElement = await this.getFirstFocusableElement(this.$el);\n\n    if (!firstFocusableElement) {\n      this.isFirstElementFocusable = false;\n    } else {\n      // If the first focusable element isn't the first element in the panel,\n      // then we need to set the panel tabindex to 0.\n      // See notes in https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n      this.isFirstElementFocusable = this.isFirstElementOfPanel(firstFocusableElement);\n    }\n  },\n\n  methods: {\n    isFirstElementOfPanel (element) {\n      let current = element;\n      let isFirstElement = true;\n\n      while (current) {\n        if (current.previousElementSibling !== null) {\n          isFirstElement = false;\n          break;\n        }\n        current = current.parentNode !== this.$el ? current.parentNode : null;\n      }\n\n      return isFirstElement;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","Modal","firstFocusableElement","element","current","isFirstElement"],"mappings":";;AAuBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,QAAA,CAAA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,yBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AACA,aAAA,KAAA,aAAA,aAAA,KAAA,MAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,MAAA,UAAA;AACA,UAAAC,IAAA,MAAA,KAAA,yBAAA,KAAA,GAAA;AAEA,IAAAA,IAMA,KAAA,0BAAA,KAAA,sBAAAA,CAAA,IALA,KAAA,0BAAA;AAAA,EAOA;AAAA,EAEA,SAAA;AAAA,IACA,sBAAAC,GAAA;AACA,UAAAC,IAAAD,GACAE,IAAA;AAEA,aAAAD,KAAA;AACA,YAAAA,EAAA,2BAAA,MAAA;AACA,UAAAC,IAAA;AACA;AAAA,QACA;AACA,QAAAD,IAAAA,EAAA,eAAA,KAAA,MAAAA,EAAA,aAAA;AAAA,MACA;AAEA,aAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;"}

package/dist/vue2/lib/tab/tab.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./tabs-constants.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),i=require("../button/button.cjs"),l={name:"DtTab",components:{DtButton:i.default},inject:["groupContext","setFocus"],inheritAttrs:!1,props:{id:{type:String,required:!0},panelId:{type:String,required:!0},label:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabClass:{type:[String,Array,Object],default:""}},data(){return{TAB_IMPORTANCE_MODIFIERS:a.TAB_IMPORTANCE_MODIFIERS}},computed:{isSelected(){return this.groupContext.selected===this.panelId},tabListeners(){return{...this.$listeners,click:t=>{this.$emit("click",t)},focus:t=>{this.setFocus(this.id),this.$emit("focus",t)}}}},mounted(){this.selected&&(this.groupContext.selected=this.panelId)}};var n=function(){var e=this,s=e._self._c;return s("dt-button",e._g(e._b({class:["d-tab",{[e.TAB_IMPORTANCE_MODIFIERS.selected]:e.isSelected},e.tabClass],attrs:{id:`dt-tab-${e.id}`,role:"tab","aria-selected":`${e.isSelected}`,"aria-controls":`dt-panel-${e.panelId}`,"aria-label":e.label,"data-qa":"dt-tab",tabindex:e.isSelected?"0":"-1",disabled:e.groupContext.disabled||e.disabled}},"dt-button",e.$attrs,!1),e.tabListeners),[e._t("default")],2)},d=[],o=r.n(l,n,d);const u=o.exports;exports.default=u;
-//# sourceMappingURL=tab.cjs.map

package/dist/vue2/lib/tab/tab.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.cjs","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    tabListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","TAB_IMPORTANCE_MODIFIERS","event"],"mappings":"8OAiCAA,EAAA,CACA,KAAA,QACA,WAAA,CACA,SAAAC,EAAA,OACA,EAEA,OAAA,CAAA,eAAA,UAAA,EAEA,aAAA,GAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,EACA,EAKA,QAAA,CACA,KAAA,OACA,SAAA,EACA,EAKA,MAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,SAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,yBAAAC,EAAA,wBACA,CACA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,aAAA,WAAA,KAAA,OACA,EAEA,cAAA,CACA,MAAA,CACA,GAAA,KAAA,WAEA,MAAAC,GAAA,CACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,MAAAA,GAAA,CACA,KAAA,SAAA,KAAA,EAAA,EACA,KAAA,MAAA,QAAAA,CAAA,CACA,CACA,CACA,CACA,EAEA,SAAA,CACA,KAAA,WACA,KAAA,aAAA,SAAA,KAAA,QAEA,CACA"}

package/dist/vue2/lib/tab/tab.js

@@ -1,100 +0,0 @@
-import { TAB_IMPORTANCE_MODIFIERS as a } from "./tabs-constants.js";
-import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import i from "../button/button.js";
-const d = {
-  name: "DtTab",
-  components: {
-    DtButton: i
-  },
-  inject: ["groupContext", "setFocus"],
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Id of the tab
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Id of the associated content panel
-     */
-    panelId: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Describes the tab
-     */
-    label: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Controls the state of the tab
-     * @values true, false
-     */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If true, disables the tab
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Used to customize the tab element
-     */
-    tabClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      TAB_IMPORTANCE_MODIFIERS: a
-    };
-  },
-  computed: {
-    isSelected() {
-      return this.groupContext.selected === this.panelId;
-    },
-    tabListeners() {
-      return {
-        ...this.$listeners,
-        click: (e) => {
-          this.$emit("click", e);
-        },
-        focus: (e) => {
-          this.setFocus(this.id), this.$emit("focus", e);
-        }
-      };
-    }
-  },
-  mounted() {
-    this.selected && (this.groupContext.selected = this.panelId);
-  }
-};
-var n = function() {
-  var t = this, s = t._self._c;
-  return s("dt-button", t._g(t._b({ class: [
-    "d-tab",
-    {
-      [t.TAB_IMPORTANCE_MODIFIERS.selected]: t.isSelected
-    },
-    t.tabClass
-  ], attrs: { id: `dt-tab-${t.id}`, role: "tab", "aria-selected": `${t.isSelected}`, "aria-controls": `dt-panel-${t.panelId}`, "aria-label": t.label, "data-qa": "dt-tab", tabindex: t.isSelected ? "0" : "-1", disabled: t.groupContext.disabled || t.disabled } }, "dt-button", t.$attrs, !1), t.tabListeners), [t._t("default")], 2);
-}, l = [], o = /* @__PURE__ */ r(
-  d,
-  n,
-  l
-);
-const b = o.exports;
-export {
-  b as default
-};
-//# sourceMappingURL=tab.js.map

package/dist/vue2/lib/tab/tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    tabListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","TAB_IMPORTANCE_MODIFIERS","event"],"mappings":";;;AAiCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,gBAAA,UAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,0BAAAC;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,aAAA;AACA,aAAA,KAAA,aAAA,aAAA,KAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QAEA,OAAA,CAAAC,MAAA;AACA,eAAA,MAAA,SAAAA,CAAA;AAAA,QACA;AAAA,QAEA,OAAA,CAAAA,MAAA;AACA,eAAA,SAAA,KAAA,EAAA,GACA,KAAA,MAAA,SAAAA,CAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,IAAA,KAAA,aACA,KAAA,aAAA,WAAA,KAAA;AAAA,EAEA;AACA;;;;;;;;;;;;;;;;"}

package/dist/vue2/lib/tab/tabs-constants.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=["default","sm"],_={sm:"d-tablist--sm"},S={inverted:"d-tablist--inverted"},t={borderless:"d-tablist--no-border"},T={selected:"d-tab--selected"};exports.TAB_IMPORTANCE_MODIFIERS=T;exports.TAB_LIST_IMPORTANCE_MODIFIERS=t;exports.TAB_LIST_KIND_MODIFIERS=S;exports.TAB_LIST_SIZES=I;exports.TAB_LIST_SIZE_MODIFIERS=_;
-//# sourceMappingURL=tabs-constants.cjs.map

package/dist/vue2/lib/tab/tabs-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"gFAAY,MAACA,EAAiB,CAAC,UAAW,IAAI,EAEjCC,EAA0B,CACrC,GAAI,eACN,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAA2B,CACtC,SAAU,iBACZ"}

package/dist/vue2/lib/tab/tabs-constants.js

@@ -1,17 +0,0 @@
-const t = ["default", "sm"], I = {
-  sm: "d-tablist--sm"
-}, e = {
-  inverted: "d-tablist--inverted"
-}, s = {
-  borderless: "d-tablist--no-border"
-}, _ = {
-  selected: "d-tab--selected"
-};
-export {
-  _ as TAB_IMPORTANCE_MODIFIERS,
-  s as TAB_LIST_IMPORTANCE_MODIFIERS,
-  e as TAB_LIST_KIND_MODIFIERS,
-  t as TAB_LIST_SIZES,
-  I as TAB_LIST_SIZE_MODIFIERS
-};
-//# sourceMappingURL=tabs-constants.js.map

package/dist/vue2/lib/tab/tabs-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"AAAY,MAACA,IAAiB,CAAC,WAAW,IAAI,GAEjCC,IAA0B;AAAA,EACrC,IAAI;AACN,GAEaC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAEaC,IAAgC;AAAA,EAC3C,YAAY;AACd,GAEaC,IAA2B;AAAA,EACtC,UAAU;AACZ;"}

package/dist/vue2/lib/time-pill/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./time-pill.cjs");exports.DtRecipeTimePill=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/time-pill/index.cjs.map

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

package/dist/vue2/lib/time-pill/index.js

@@ -1,5 +0,0 @@
-import { default as l } from "./time-pill.js";
-export {
-  l as DtRecipeTimePill
-};
-//# sourceMappingURL=index.js.map

package/dist/vue2/lib/time-pill/index.js.map

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

package/dist/vue2/lib/time-pill/time-pill-constants.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=null,t={DEFAULT_CONSTANTS:e};exports.DEFAULT_CONSTANTS=e;exports.default=t;
-//# sourceMappingURL=time-pill-constants.cjs.map

package/dist/vue2/lib/time-pill/time-pill-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-pill-constants.cjs","sources":["../../../recipes/conversation_view/time_pill/time_pill_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","time_pill_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}

package/dist/vue2/lib/time-pill/time-pill-constants.js

@@ -1,8 +0,0 @@
-const t = null, T = {
-  DEFAULT_CONSTANTS: null
-};
-export {
-  t as DEFAULT_CONSTANTS,
-  T as default
-};
-//# sourceMappingURL=time-pill-constants.js.map

package/dist/vue2/lib/time-pill/time-pill-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-pill-constants.js","sources":["../../../recipes/conversation_view/time_pill/time_pill_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","time_pill_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}

package/dist/vue2/lib/time-pill/time-pill.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a={name:"DtRecipeTimePill",props:{dateTimeDisplay:{type:String,required:!0},dateTime:{type:String,required:!0,validator:t=>{const e=new Date(t);return e instanceof Date&&!isNaN(e)}}}};var n=function(){var e=this,i=e._self._c;return i("time",{staticClass:"d-recipe-time-pill",attrs:{"data-qa":"dt-recipe-time-pill",dateTime:e.dateTime}},[e._v(" "+e._s(e.dateTimeDisplay)+" ")])},s=[],l=r.n(a,n,s);const _=l.exports;exports.default=_;
-//# sourceMappingURL=time-pill.cjs.map

package/dist/vue2/lib/time-pill/time-pill.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-pill.cjs","sources":["../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n  <time\n    data-qa=\"dt-recipe-time-pill\"\n    :dateTime=\"dateTime\"\n    class=\"d-recipe-time-pill\"\n  >\n    {{ dateTimeDisplay }}\n  </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n  name: 'DtRecipeTimePill',\n\n  props: {\n    /**\n     * Date time display value\n     */\n    dateTimeDisplay: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Machine-readable attribute\n     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n     */\n    dateTime: {\n      type: String,\n      required: true,\n      validator: (t) => {\n        // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n        const x = new Date(t);\n        if (x instanceof Date && !isNaN(x)) {\n          return true;\n        }\n        return false;\n      },\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","x"],"mappings":"0KAaAA,EAAA,CACA,KAAA,mBAEA,MAAA,CAIA,gBAAA,CACA,KAAA,OACA,SAAA,EACA,EAMA,SAAA,CACA,KAAA,OACA,SAAA,GACA,UAAA,GAAA,CAEA,MAAAC,EAAA,IAAA,KAAA,CAAA,EACA,OAAAA,aAAA,MAAA,CAAA,MAAAA,CAAA,CAIA,CACA,CACA,CACA"}

package/dist/vue2/lib/time-pill/time-pill.js

@@ -1,38 +0,0 @@
-import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-const a = {
-  name: "DtRecipeTimePill",
-  props: {
-    /**
-     * Date time display value
-     */
-    dateTimeDisplay: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Machine-readable attribute
-     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD
-     */
-    dateTime: {
-      type: String,
-      required: !0,
-      validator: (t) => {
-        const e = new Date(t);
-        return e instanceof Date && !isNaN(e);
-      }
-    }
-  }
-};
-var n = function() {
-  var e = this, i = e._self._c;
-  return i("time", { staticClass: "d-recipe-time-pill", attrs: { "data-qa": "dt-recipe-time-pill", dateTime: e.dateTime } }, [e._v(" " + e._s(e.dateTimeDisplay) + " ")]);
-}, s = [], m = /* @__PURE__ */ r(
-  a,
-  n,
-  s
-);
-const _ = m.exports;
-export {
-  _ as default
-};
-//# sourceMappingURL=time-pill.js.map

package/dist/vue2/lib/time-pill/time-pill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-pill.js","sources":["../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n  <time\n    data-qa=\"dt-recipe-time-pill\"\n    :dateTime=\"dateTime\"\n    class=\"d-recipe-time-pill\"\n  >\n    {{ dateTimeDisplay }}\n  </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n  name: 'DtRecipeTimePill',\n\n  props: {\n    /**\n     * Date time display value\n     */\n    dateTimeDisplay: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Machine-readable attribute\n     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n     */\n    dateTime: {\n      type: String,\n      required: true,\n      validator: (t) => {\n        // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n        const x = new Date(t);\n        if (x instanceof Date && !isNaN(x)) {\n          return true;\n        }\n        return false;\n      },\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","x"],"mappings":";AAaA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA,CAAA,MAAA;AAEA,cAAAC,IAAA,IAAA,KAAA,CAAA;AACA,eAAAA,aAAA,QAAA,CAAA,MAAAA,CAAA;AAAA,MAIA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;"}

package/dist/vue2/lib/toast/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./toast.cjs"),t=require("./toast-constants.cjs");exports.DtToast=e.default;exports.TOAST_MIN_DURATION=t.TOAST_MIN_DURATION;exports.TOAST_ROLES=t.TOAST_ROLES;
-//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/toast/index.cjs.map

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

package/dist/vue2/lib/toast/index.js

@@ -1,8 +0,0 @@
-import { default as t } from "./toast.js";
-import { TOAST_MIN_DURATION as O, TOAST_ROLES as a } from "./toast-constants.js";
-export {
-  t as DtToast,
-  O as TOAST_MIN_DURATION,
-  a as TOAST_ROLES
-};
-//# sourceMappingURL=index.js.map

package/dist/vue2/lib/toast/index.js.map

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

package/dist/vue2/lib/toast/toast-constants.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=["status","alert"],e=6e3,s={TOAST_ROLES:t,TOAST_MIN_DURATION:e};exports.TOAST_MIN_DURATION=e;exports.TOAST_ROLES=t;exports.default=s;
-//# sourceMappingURL=toast-constants.cjs.map

package/dist/vue2/lib/toast/toast-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-constants.cjs","sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["export const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n};\n"],"names":["TOAST_ROLES","TOAST_MIN_DURATION","toast_constants"],"mappings":"4GAAY,MAACA,EAAc,CAAC,SAAU,OAAO,EAChCC,EAAqB,IAEnBC,EAAA,CACb,YAAAF,EACA,mBAAAC,CACF"}

package/dist/vue2/lib/toast/toast-constants.js

@@ -1,10 +0,0 @@
-const t = ["status", "alert"], s = 6e3, T = {
-  TOAST_ROLES: t,
-  TOAST_MIN_DURATION: 6e3
-};
-export {
-  s as TOAST_MIN_DURATION,
-  t as TOAST_ROLES,
-  T as default
-};
-//# sourceMappingURL=toast-constants.js.map

package/dist/vue2/lib/toast/toast-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-constants.js","sources":["../../../components/toast/toast_constants.js"],"sourcesContent":["export const TOAST_ROLES = ['status', 'alert'];\nexport const TOAST_MIN_DURATION = 6000;\n\nexport default {\n  TOAST_ROLES,\n  TOAST_MIN_DURATION,\n};\n"],"names":["TOAST_ROLES","TOAST_MIN_DURATION","toast_constants"],"mappings":"AAAY,MAACA,IAAc,CAAC,UAAU,OAAO,GAChCC,IAAqB,KAEnBC,IAAA;AAAA,EACb,aAAAF;AAAA,EACA;AACF;"}

package/dist/vue2/lib/toast/toast.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../common/utils/index.cjs"),s=require("./toast-constants.cjs"),o=require("../../common/mixins/sr-only-close-button.cjs"),a=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),r=require("../notice/notice-icon.cjs"),l=require("../notice/notice-content.cjs"),d=require("../notice/notice-action.cjs"),u=require("../notice/notice-constants.cjs"),c={name:"DtToast",components:{DtNoticeIcon:r.default,DtNoticeContent:l.default,DtNoticeAction:d.default},mixins:[o.default],props:{titleId:{type:String,default(){return n.default.getUniqueString()}},contentId:{type:String,default(){return n.default.getUniqueString()}},title:{type:String,default:""},message:{type:String,default:""},role:{type:String,default:"status",validator:e=>s.TOAST_ROLES.includes(e)},kind:{type:String,default:"base",validator:e=>u.NOTICE_KINDS.includes(e)},important:{type:Boolean,default:!1},show:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1},duration:{type:Number,default:null,validator:e=>e>=s.TOAST_MIN_DURATION}},emits:["close","update:show"],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{kindClass(){return{error:"d-toast--error",info:"d-toast--info",success:"d-toast--success",warning:"d-toast--warning",base:"d-toast--base"}[this.kind]},noticeActionListeners(){return{...this.$listeners,close:e=>{this.isShown=!1,this.$emit("update:show",!1),this.$emit("close",e)}}},shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration}},watch:{show:{handler:function(e){this.isShown=e,e?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},destroyed(){this.shouldSetTimeout&&clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit("update:show",!1)},this.duration))}}};var _=function(){var t=this,i=t._self._c;return t.isShown?i("div",{class:["d-toast",t.kindClass,{"d-toast--important":t.important}],attrs:{"data-qa":"dt-toast","aria-hidden":(!t.isShown).toString()}},[i("div",{staticClass:"d-toast__dialog"},[t.hideIcon?t._e():i("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),i("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title,role:t.role},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default",function(){return[t._v(" "+t._s(t.message)+" ")]})],2),i("dt-notice-action",t._g({attrs:{"hide-action":t.hideAction,"hide-close":t.hideClose,"close-button-props":t.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel}},t.noticeActionListeners),[t._t("action")],2)],1)]):t._e()},f=[],h=a.n(c,_,f);const m=h.exports;exports.default=m;
-//# sourceMappingURL=toast.cjs.map

package/dist/vue2/lib/toast/toast.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.cjs","sources":["../../../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n        v-on=\"$listeners\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :title-id=\"titleId\"\n        :content-id=\"contentId\"\n        :title=\"title\"\n        :role=\"role\"\n        v-on=\"$listeners\"\n      >\n        <template #titleOverride>\n          <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        :close-button-props=\"closeButtonProps\"\n        :visually-hidden-close=\"visuallyHiddenClose\"\n        :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n        v-on=\"noticeActionListeners\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport utils from '@/common/utils';\nimport { TOAST_ROLES, TOAST_MIN_DURATION } from './toast_constants.js';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  name: 'DtToast',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  mixins: [SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update\n     * the data in your component.\n     * Supports .sync modifier\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Props for the toast close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast--error',\n        info: 'd-toast--info',\n        success: 'd-toast--success',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    noticeActionListeners () {\n      return {\n        ...this.$listeners,\n\n        close: event => {\n          this.isShown = false;\n          this.$emit('update:show', false);\n          this.$emit('close', event);\n        },\n      };\n    },\n\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n  },\n\n  watch: {\n    show: {\n      handler: function (show) {\n        this.isShown = show;\n        if (show) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  destroyed () {\n    if (this.shouldSetTimeout) {\n      clearTimeout(this.displayTimer);\n    }\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:show', false);\n        }, this.duration);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","SrOnlyCloseButtonMixin","utils","role","TOAST_ROLES","kind","NOTICE_KINDS","duration","TOAST_MIN_DURATION","event","show"],"mappings":"udA+DAA,EAAA,CACA,KAAA,UAEA,WAAA,CACA,aAAAC,EAAA,QACA,gBAAAC,EAAA,QACA,eAAAC,EAAA,OACA,EAEA,OAAA,CAAAC,EAAAA,OAAA,EAEA,MAAA,CAKA,QAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAC,UAAA,gBAAA,CAAA,CACA,EAMA,UAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAA,UAAA,gBAAA,CAAA,CACA,EAKA,MAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,QAAA,CACA,KAAA,OACA,QAAA,EACA,EAOA,KAAA,CACA,KAAA,OACA,QAAA,SACA,UAAAC,GACAC,EAAA,YAAA,SAAAD,CAAA,CAEA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,OACA,UAAAE,GACAC,EAAA,aAAA,SAAAD,CAAA,CAEA,EAMA,UAAA,CACA,KAAA,QACA,QAAA,EACA,EASA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,iBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAMA,UAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,WAAA,CACA,KAAA,QACA,QAAA,EACA,EAOA,SAAA,CACA,KAAA,OACA,QAAA,KACA,UAAAE,GACAA,GAAAC,EAAAA,kBAEA,CACA,EAEA,MAAA,CAMA,QAOA,aACA,EAEA,MAAA,CACA,MAAA,CACA,QAAA,GACA,YAAAA,EAAA,kBACA,CACA,EAEA,SAAA,CACA,WAAA,CASA,MARA,CACA,MAAA,iBACA,KAAA,gBACA,QAAA,mBACA,QAAA,mBACA,KAAA,eACA,EAEA,KAAA,IAAA,CACA,EAEA,uBAAA,CACA,MAAA,CACA,GAAA,KAAA,WAEA,MAAAC,GAAA,CACA,KAAA,QAAA,GACA,KAAA,MAAA,cAAA,EAAA,EACA,KAAA,MAAA,QAAAA,CAAA,CACA,CACA,CACA,EAEA,kBAAA,CACA,MAAA,CAAA,CAAA,KAAA,UAAA,KAAA,UAAA,KAAA,WACA,CACA,EAEA,MAAA,CACA,KAAA,CACA,QAAA,SAAAC,EAAA,CACA,KAAA,QAAAA,EACAA,EACA,KAAA,WAAA,EAEA,aAAA,KAAA,YAAA,CAEA,EAEA,UAAA,EACA,CACA,EAEA,WAAA,CACA,KAAA,kBACA,aAAA,KAAA,YAAA,CAEA,EAEA,QAAA,CACA,YAAA,CACA,KAAA,mBACA,KAAA,aAAA,WAAA,IAAA,CACA,KAAA,QAAA,GACA,KAAA,MAAA,cAAA,EAAA,CACA,EAAA,KAAA,QAAA,EAEA,CACA,CACA"}

package/dist/vue2/lib/toast/toast.js

@@ -1,213 +0,0 @@
-import o from "../../common/utils/index.js";
-import { TOAST_ROLES as n, TOAST_MIN_DURATION as s } from "./toast-constants.js";
-import r from "../../common/mixins/sr-only-close-button.js";
-import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import l from "../notice/notice-icon.js";
-import d from "../notice/notice-content.js";
-import u from "../notice/notice-action.js";
-import { NOTICE_KINDS as c } from "../notice/notice-constants.js";
-const m = {
-  name: "DtToast",
-  components: {
-    DtNoticeIcon: l,
-    DtNoticeContent: d,
-    DtNoticeAction: u
-  },
-  mixins: [r],
-  props: {
-    /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default() {
-        return o.getUniqueString();
-      }
-    },
-    /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default() {
-        return o.getUniqueString();
-      }
-    },
-    /**
-     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Message of the toast. Overridden by default slot.
-     */
-    message: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
-     * communicate an important message like an error that does not contain any interactive elements.
-     * @values status, alert
-     */
-    role: {
-      type: String,
-      default: "status",
-      validator: (e) => n.includes(e)
-    },
-    /**
-     * Severity level of the toast, sets the icon and background
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validator: (e) => c.includes(e)
-    },
-    /**
-     * Used in scenarios where the message needs to visually dominate the screen.
-     * @values true, false
-     */
-    important: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear
-     * after reaching the duration time, so it's convenient to use `.sync` modifier with this prop to update
-     * the data in your component.
-     * Supports .sync modifier
-     * @values true, false
-     */
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Props for the toast close button.
-     */
-    closeButtonProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * Hides the close button from the toast
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The duration in ms the toast will display before disappearing.
-     * The toast won't disappear if the duration is not provided.
-     * If it's provided, it should be equal to or greater than 6000.
-     */
-    duration: {
-      type: Number,
-      default: null,
-      validator: (e) => e >= s
-    }
-  },
-  emits: [
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close",
-    /**
-     * Sync show value
-     *
-     * @event update:show
-     */
-    "update:show"
-  ],
-  data() {
-    return {
-      isShown: !1,
-      minDuration: s
-    };
-  },
-  computed: {
-    kindClass() {
-      return {
-        error: "d-toast--error",
-        info: "d-toast--info",
-        success: "d-toast--success",
-        warning: "d-toast--warning",
-        base: "d-toast--base"
-      }[this.kind];
-    },
-    noticeActionListeners() {
-      return {
-        ...this.$listeners,
-        close: (e) => {
-          this.isShown = !1, this.$emit("update:show", !1), this.$emit("close", e);
-        }
-      };
-    },
-    shouldSetTimeout() {
-      return !!this.duration && this.duration >= this.minDuration;
-    }
-  },
-  watch: {
-    show: {
-      handler: function(e) {
-        this.isShown = e, e ? this.setTimeout() : clearTimeout(this.displayTimer);
-      },
-      immediate: !0
-    }
-  },
-  destroyed() {
-    this.shouldSetTimeout && clearTimeout(this.displayTimer);
-  },
-  methods: {
-    setTimeout() {
-      this.shouldSetTimeout && (this.displayTimer = setTimeout(() => {
-        this.isShown = !1, this.$emit("update:show", !1);
-      }, this.duration));
-    }
-  }
-};
-var f = function() {
-  var t = this, i = t._self._c;
-  return t.isShown ? i("div", { class: [
-    "d-toast",
-    t.kindClass,
-    { "d-toast--important": t.important }
-  ], attrs: { "data-qa": "dt-toast", "aria-hidden": (!t.isShown).toString() } }, [i("div", { staticClass: "d-toast__dialog" }, [t.hideIcon ? t._e() : i("dt-notice-icon", t._g({ attrs: { kind: t.kind } }, t.$listeners), [t._t("icon")], 2), i("dt-notice-content", t._g({ attrs: { "title-id": t.titleId, "content-id": t.contentId, title: t.title, role: t.role }, scopedSlots: t._u([{ key: "titleOverride", fn: function() {
-    return [t._t("titleOverride")];
-  }, proxy: !0 }], null, !0) }, t.$listeners), [t._t("default", function() {
-    return [t._v(" " + t._s(t.message) + " ")];
-  })], 2), i("dt-notice-action", t._g({ attrs: { "hide-action": t.hideAction, "hide-close": t.hideClose, "close-button-props": t.closeButtonProps, "visually-hidden-close": t.visuallyHiddenClose, "visually-hidden-close-label": t.visuallyHiddenCloseLabel } }, t.noticeActionListeners), [t._t("action")], 2)], 1)]) : t._e();
-}, h = [], p = /* @__PURE__ */ a(
-  m,
-  f,
-  h
-);
-const I = p.exports;
-export {
-  I as default
-};
-//# sourceMappingURL=toast.js.map