@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/components/toast/toast.vue.js

@@ -1,275 +0,0 @@
-import utils from "../../common/utils.js";
-import { TOAST_ROLES, TOAST_MIN_DURATION } from "./toast_constants.js";
-import SrOnlyCloseButtonMixin from "../../common/mixins/sr_only_close_button.js";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, withCtx, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString } from "vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-import DtNoticeIcon from "../notice/notice_icon.vue.js";
-import DtNoticeContent from "../notice/notice_content.vue.js";
-import DtNoticeAction from "../notice/notice_action.vue.js";
-import { NOTICE_KINDS } from "../notice/notice_constants.js";
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtToast",
-  components: {
-    DtNoticeIcon,
-    DtNoticeContent,
-    DtNoticeAction
-  },
-  mixins: [SrOnlyCloseButtonMixin],
-  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 utils.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 utils.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: (role) => {
-        return TOAST_ROLES.includes(role);
-      }
-    },
-    /**
-     * Severity level of the toast, sets the icon and background
-     * @values base, error, info, success, warning
-     */
-    kind: {
-      type: String,
-      default: "base",
-      validator: (kind) => {
-        return NOTICE_KINDS.includes(kind);
-      }
-    },
-    /**
-     * Used in scenarios where the message needs to visually dominate the screen.
-     * @values true, false
-     */
-    important: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 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 `v-model` with this prop to update
-     * the data in your component.
-     * Supports v-model
-     * @values true, false
-     */
-    show: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Props for the toast close button.
-     */
-    closeButtonProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * Hides the close button from the toast
-     * @values true, false
-     */
-    hideClose: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Hides the icon from the notice
-     * @values true, false
-     */
-    hideIcon: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Hides the action from the notice
-     * @values true, false
-     */
-    hideAction: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 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: (duration) => {
-        return duration >= TOAST_MIN_DURATION;
-      }
-    }
-  },
-  emits: [
-    /**
-     * Close button click event
-     *
-     * @event close
-     */
-    "close",
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click",
-    /**
-     * Sync show value
-     *
-     * @event update:show
-     */
-    "update:show"
-  ],
-  data() {
-    return {
-      isShown: false,
-      minDuration: TOAST_MIN_DURATION
-    };
-  },
-  computed: {
-    kindClass() {
-      const kindClasses = {
-        error: "d-toast--error",
-        info: "d-toast--info",
-        success: "d-toast--success",
-        warning: "d-toast--warning",
-        base: "d-toast--base"
-      };
-      return kindClasses[this.kind];
-    },
-    shouldSetTimeout() {
-      return !!this.duration && this.duration >= this.minDuration;
-    }
-  },
-  watch: {
-    show: {
-      handler: function(show) {
-        this.isShown = show;
-        if (show) {
-          this.setTimeout();
-        } else {
-          clearTimeout(this.displayTimer);
-        }
-      },
-      immediate: true
-    }
-  },
-  unmounted() {
-    clearTimeout(this.displayTimer);
-  },
-  methods: {
-    closeToast(event) {
-      this.$emit("update:show", false);
-      this.$emit("close", event);
-    },
-    setTimeout() {
-      if (this.shouldSetTimeout) {
-        this.displayTimer = setTimeout(() => {
-          this.isShown = false;
-          this.$emit("update:show", false);
-        }, this.duration);
-      }
-    }
-  }
-};
-const _hoisted_1 = ["aria-hidden"];
-const _hoisted_2 = { class: "d-toast__dialog" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_notice_icon = resolveComponent("dt-notice-icon");
-  const _component_dt_notice_content = resolveComponent("dt-notice-content");
-  const _component_dt_notice_action = resolveComponent("dt-notice-action");
-  return $data.isShown ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass([
-      "d-toast",
-      $options.kindClass,
-      { "d-toast--important": $props.important }
-    ]),
-    "data-qa": "dt-toast",
-    "aria-hidden": (!$data.isShown).toString()
-  }, [
-    createElementVNode("div", _hoisted_2, [
-      !$props.hideIcon ? (openBlock(), createBlock(_component_dt_notice_icon, {
-        key: 0,
-        kind: $props.kind
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "icon")
-        ]),
-        _: 3
-      }, 8, ["kind"])) : createCommentVNode("", true),
-      createVNode(_component_dt_notice_content, {
-        "title-id": $props.titleId,
-        "content-id": $props.contentId,
-        title: $props.title,
-        role: $props.role
-      }, {
-        titleOverride: withCtx(() => [
-          renderSlot(_ctx.$slots, "titleOverride")
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString($props.message), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["title-id", "content-id", "title", "role"]),
-      createVNode(_component_dt_notice_action, {
-        "hide-action": $props.hideAction,
-        "hide-close": $props.hideClose,
-        "close-button-props": $props.closeButtonProps,
-        "visually-hidden-close": _ctx.visuallyHiddenClose,
-        "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
-        onClose: $options.closeToast
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "action")
-        ]),
-        _: 3
-      }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
-    ])
-  ], 10, _hoisted_1)) : createCommentVNode("", true);
-}
-const toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  toast as default
-};
-//# sourceMappingURL=toast.vue.js.map

package/dist/components/toast/toast.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.vue.js","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      >\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      >\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        @close=\"closeToast\"\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  compatConfig: { MODE: 3 },\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 `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\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    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  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    closeToast (event) {\n      this.$emit('update:show', false);\n      this.$emit('close', event);\n    },\n\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":["_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_withCtx","_renderSlot","_createCommentVNode","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;AA6DA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,QAAQ,CAAC,sBAAsB;AAAA,EAE/B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAW;AAAE,eAAO,MAAM,gBAAiB;AAAA,MAAG;AAAA,IAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAW;AAAE,eAAO,MAAM,gBAAiB;AAAA,MAAG;AAAA,IAC/C;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,SAAS;AACnB,eAAO,YAAY,SAAS,IAAI;AAAA,MACjC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,SAAS;AACnB,eAAO,aAAa,SAAS,IAAI;AAAA,MAClC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,aAAa;AACvB,eAAO,YAAY;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA;EAEhB;AAAA,EAED,UAAU;AAAA,IACR,YAAa;AACX,YAAM,cAAc;AAAA,QAClB,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAM;AAAA;AAGR,aAAO,YAAY,KAAK,IAAI;AAAA,IAC7B;AAAA,IAED,mBAAoB;AAClB,aAAO,CAAC,CAAC,KAAK,YAAY,KAAK,YAAY,KAAK;AAAA,IACjD;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS,SAAU,MAAM;AACvB,aAAK,UAAU;AACf,YAAI,MAAM;AACR,eAAK,WAAU;AAAA,eACV;AACL,uBAAa,KAAK,YAAY;AAAA,QAChC;AAAA,MACD;AAAA,MAED,WAAW;AAAA,IACZ;AAAA,EACF;AAAA,EAED,YAAa;AACX,iBAAa,KAAK,YAAY;AAAA,EAC/B;AAAA,EAED,SAAS;AAAA,IACP,WAAY,OAAO;AACjB,WAAK,MAAM,eAAe,KAAK;AAC/B,WAAK,MAAM,SAAS,KAAK;AAAA,IAC1B;AAAA,IAED,aAAc;AACZ,UAAI,KAAK,kBAAkB;AACzB,aAAK,eAAe,WAAW,MAAM;AACnC,eAAK,UAAU;AACf,eAAK,MAAM,eAAe,KAAK;AAAA,QACjC,GAAG,KAAK,QAAQ;AAAA,MAClB;AAAA,IACD;AAAA,EACF;AACH;AA9RA,MAAA,aAAA,CAAA,aAAA;AAWS,MAAA,aAAA,EAAA,OAAM,kBAAiB;;;;;SATtB,MAAO,wBADfA,mBA8CM,OAAA;AAAA,IA/CR,KAAA;AAAA,IAGK,OAHLC,eAAA;AAAA;MAGqC,SAAS;AAAA,8BAAgC,OAAS,UAAA;AAAA;IAKnF,WAAQ;AAAA,IACP,gBAAW,CAAI,MAAO,SAAE,SAAQ;AAAA;IAEjCC,mBAmCM,OAnCN,YAmCM;AAAA,OAjCK,OAAQ,yBADjBC,YAMiB,2BAAA;AAAA,QAlBvB,KAAA;AAAA,QAcS,MAAM,OAAI;AAAA;QAdnB,SAAAC,QAiBQ,MAAoB;AAAA,UAApBC,WAAoB,KAAA,QAAA,MAAA;AAAA;QAjB5B,GAAA;AAAA,yBAAAC,mBAAA,IAAA,IAAA;AAAA,MAmBMC,YAeoB,8BAAA;AAAA,QAdjB,YAAU,OAAO;AAAA,QACjB,cAAY,OAAS;AAAA,QACrB,OAAO,OAAK;AAAA,QACZ,MAAM,OAAI;AAAA;QAEA,uBAGT,MAA6B;AAAA,UAA7BF,WAA6B,KAAA,QAAA,eAAA;AAAA;QA5BvC,SAAAD,QA+BQ,MAEO;AAAA,UAFPC,WAEO,4BAFP,MAEO;AAAA,YAjCfG,gBAAAC,gBAgCa,OAAO,OAAA,GAAA,CAAA;AAAA;;QAhCpB,GAAA;AAAA;MAmCMF,YAUmB,6BAAA;AAAA,QAThB,eAAa,OAAU;AAAA,QACvB,cAAY,OAAS;AAAA,QACrB,sBAAoB,OAAgB;AAAA,QACpC,yBAAuB,KAAmB;AAAA,QAC1C,+BAA6B,KAAwB;AAAA,QACrD,SAAO,SAAU;AAAA;QAzC1B,SAAAH,QA4CQ,MAAsB;AAAA,UAAtBC,WAAsB,KAAA,QAAA,QAAA;AAAA;QA5C9B,GAAA;AAAA;;EAAA,GAAA,IAAA,UAAA,KAAAC,mBAAA,IAAA,IAAA;;;"}

package/dist/components/toast/toast_constants.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TOAST_ROLES = ["status", "alert"];
-const TOAST_MIN_DURATION = 6e3;
-exports.TOAST_MIN_DURATION = TOAST_MIN_DURATION;
-exports.TOAST_ROLES = TOAST_ROLES;
-//# sourceMappingURL=toast_constants.cjs.map

package/dist/components/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":[],"mappings":";;AAAY,MAAC,cAAc,CAAC,UAAU,OAAO;AACjC,MAAC,qBAAqB;;;"}

package/dist/components/toast/toast_constants.js

@@ -1,7 +0,0 @@
-const TOAST_ROLES = ["status", "alert"];
-const TOAST_MIN_DURATION = 6e3;
-export {
-  TOAST_MIN_DURATION,
-  TOAST_ROLES
-};
-//# sourceMappingURL=toast_constants.js.map

package/dist/components/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":[],"mappings":"AAAY,MAAC,cAAc,CAAC,UAAU,OAAO;AACjC,MAAC,qBAAqB;"}

package/dist/components/toggle/toggle.vue.cjs

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const common_utils = require("../../common/utils.cjs");
-const toggle_constants = require("./toggle_constants.cjs");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtToggle",
-  inheritAttrs: false,
-  model: {
-    prop: "checked",
-    event: "change"
-  },
-  props: {
-    /**
-     * The id of the toggle
-     */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-     * Disables the toggle interactions
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Value of the toggle
-     * @model checked
-     * @values true, false, 'mixed'
-     */
-    checked: {
-      type: [Boolean, String],
-      default: false,
-      validator: (v) => toggle_constants.TOGGLE_CHECKED_VALUES.includes(v)
-    },
-    /**
-     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually
-     * via the checked prop or v-model. Change events will still be triggered.
-     * @values true, false
-     */
-    toggleOnClick: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * The size of the toggle.
-     * @values sm, md
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator: (s) => Object.keys(toggle_constants.TOGGLE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * Shows the icon
-     * @values true, false
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Toggle change event
-     *
-     * @event change
-     * @type {Boolean}
-     * @model change
-     */
-    "change"
-  ],
-  data() {
-    return {
-      internalChecked: this.checked,
-      hasSlotContent: common_utils.hasSlotContent
-    };
-  },
-  computed: {
-    inputListeners() {
-      return {
-        ...common_utils.removeClassStyleAttrs(this.$attrs),
-        onClick: (_) => this.toggleCheckedValue()
-      };
-    },
-    isIndeterminate() {
-      return this.internalChecked === "mixed";
-    },
-    toggleRole() {
-      return this.isIndeterminate ? "checkbox" : "switch";
-    },
-    toggleClasses() {
-      return [
-        "d-toggle",
-        toggle_constants.TOGGLE_SIZE_MODIFIERS[this.size],
-        {
-          "d-toggle--checked": this.internalChecked === true,
-          "d-toggle--disabled": this.disabled,
-          "d-toggle--indeterminate": this.isIndeterminate
-        }
-      ];
-    }
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    }
-  },
-  mounted() {
-    this.runValidations();
-  },
-  methods: {
-    addClassStyleAttrs: common_utils.addClassStyleAttrs,
-    toggleCheckedValue() {
-      this.$emit("change", !this.internalChecked);
-      if (this.toggleOnClick) {
-        this.internalChecked = !this.internalChecked;
-      }
-    },
-    hasSlotLabel() {
-      return !!this.$slots.default;
-    },
-    runValidations() {
-      this.validateInputLabels(this.hasSlotLabel(), this.$attrs["aria-label"]);
-    },
-    validateInputLabels(hasLabel, ariaLabel) {
-      if (!hasLabel && !ariaLabel) {
-        vue.warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = ["for"];
-const _hoisted_2 = ["id", "role", "aria-checked", "disabled", "aria-disabled"];
-const _hoisted_3 = {
-  key: 0,
-  class: "d-toggle__inner"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "d-toggle-wrapper" }, $options.addClassStyleAttrs(_ctx.$attrs)), [
-    $data.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
-      key: 0,
-      class: $props.labelClass,
-      for: $props.id
-    }, $props.labelChildProps, { "data-qa": "toggle-label" }), [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("button", vue.mergeProps({
-      id: $props.id,
-      role: $options.toggleRole,
-      type: "button",
-      "aria-checked": $data.internalChecked.toString(),
-      disabled: $props.disabled,
-      "aria-disabled": $props.disabled.toString(),
-      class: $options.toggleClasses
-    }, $options.inputListeners), [
-      $props.showIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3)) : vue.createCommentVNode("", true)
-    ], 16, _hoisted_2)
-  ], 16);
-}
-const toggle = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = toggle;
-//# sourceMappingURL=toggle.vue.cjs.map

package/dist/components/toggle/toggle.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.vue.cjs","sources":["../../../components/toggle/toggle.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-toggle-wrapper\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label\n      v-if=\"hasSlotContent($slots.default)\"\n      :class=\"labelClass\"\n      :for=\"id\"\n      v-bind=\"labelChildProps\"\n      data-qa=\"toggle-label\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </label>\n    <button\n      :id=\"id\"\n      :role=\"toggleRole\"\n      type=\"button\"\n      :aria-checked=\"internalChecked.toString()\"\n      :disabled=\"disabled\"\n      :aria-disabled=\"disabled.toString()\"\n      :class=\"toggleClasses\"\n      v-bind=\"inputListeners\"\n    >\n      <span\n        v-if=\"showIcon\"\n        class=\"d-toggle__inner\"\n      />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport { getUniqueString, hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { TOGGLE_CHECKED_VALUES, TOGGLE_SIZE_MODIFIERS } from '@/components/toggle/toggle_constants';\n\n/**\n * A toggle (or \"switch\") is a button control element that allows the user to make a binary (on/off) selection.\n * @see https://dialtone.dialpad.com/components/toggle.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n\n  name: 'DtToggle',\n\n  inheritAttrs: false,\n\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n\n  props: {\n\n    /**\n     * The id of the toggle\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * Disables the toggle interactions\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Value of the toggle\n     * @model checked\n     * @values true, false, 'mixed'\n     */\n    checked: {\n      type: [Boolean, String],\n      default: false,\n      validator: (v) => TOGGLE_CHECKED_VALUES.includes(v),\n    },\n\n    /**\n     * Whether the component toggles on click. If you set this to false it means you will handle the toggling manually\n     * via the checked prop or v-model. Change events will still be triggered.\n     * @values true, false\n     */\n    toggleOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * The size of the toggle.\n     * @values sm, md\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(TOGGLE_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Shows the icon\n     * @values true, false\n     */\n    showIcon: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Toggle change event\n     *\n     * @event change\n     * @type {Boolean}\n     * @model change\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputListeners () {\n      return {\n        ...removeClassStyleAttrs(this.$attrs),\n        onClick: _ => this.toggleCheckedValue(),\n      };\n    },\n\n    isIndeterminate () {\n      return this.internalChecked === 'mixed';\n    },\n\n    toggleRole () {\n      return this.isIndeterminate ? 'checkbox' : 'switch';\n    },\n\n    toggleClasses () {\n      return [\n        'd-toggle',\n        TOGGLE_SIZE_MODIFIERS[this.size],\n        {\n          'd-toggle--checked': this.internalChecked === true,\n          'd-toggle--disabled': this.disabled,\n          'd-toggle--indeterminate': this.isIndeterminate,\n        },\n      ];\n    },\n  },\n\n  watch: {\n    checked (newChecked) {\n      this.internalChecked = newChecked;\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    addClassStyleAttrs,\n    toggleCheckedValue () {\n      this.$emit('change', !this.internalChecked);\n\n      if (this.toggleOnClick) {\n        this.internalChecked = !this.internalChecked;\n      }\n    },\n\n    hasSlotLabel () {\n      return !!(this.$slots.default);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasSlotLabel(), this.$attrs['aria-label']);\n    },\n\n    validateInputLabels (hasLabel, ariaLabel) {\n      if (!hasLabel && !ariaLabel) {\n        warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n</script>\n"],"names":["getUniqueString","TOGGLE_CHECKED_VALUES","TOGGLE_SIZE_MODIFIERS","hasSlotContent","removeClassStyleAttrs","addClassStyleAttrs","warn","_createElementBlock","_mergeProps","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":";;;;;;AA0CA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EAEzB,MAAM;AAAA,EAEN,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOA,aAAe,gBAAA;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,SAAS;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,CAAC,MAAMC,uCAAsB,SAAS,CAAC;AAAA,IACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAM,OAAO,KAAKC,sCAAqB,EAAE,SAAS,CAAC;AAAA,IAChE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,iBAAiB,KAAK;AAAA,MACtB,gBAAAC,aAAc;AAAA;EAEjB;AAAA,EAED,UAAU;AAAA,IACR,iBAAkB;AAChB,aAAO;AAAA,QACL,GAAGC,aAAqB,sBAAC,KAAK,MAAM;AAAA,QACpC,SAAS,OAAK,KAAK,mBAAoB;AAAA;IAE1C;AAAA,IAED,kBAAmB;AACjB,aAAO,KAAK,oBAAoB;AAAA,IACjC;AAAA,IAED,aAAc;AACZ,aAAO,KAAK,kBAAkB,aAAa;AAAA,IAC5C;AAAA,IAED,gBAAiB;AACf,aAAO;AAAA,QACL;AAAA,QACAF,iBAAqB,sBAAC,KAAK,IAAI;AAAA,QAC/B;AAAA,UACE,qBAAqB,KAAK,oBAAoB;AAAA,UAC9C,sBAAsB,KAAK;AAAA,UAC3B,2BAA2B,KAAK;AAAA,QACjC;AAAA;IAEJ;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAS,YAAY;AACnB,WAAK,kBAAkB;AAAA,IACxB;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,eAAc;AAAA,EACpB;AAAA,EAED,SAAS;AAAA,IACP,oBAAAG,aAAkB;AAAA,IAClB,qBAAsB;AACpB,WAAK,MAAM,UAAU,CAAC,KAAK,eAAe;AAE1C,UAAI,KAAK,eAAe;AACtB,aAAK,kBAAkB,CAAC,KAAK;AAAA,MAC/B;AAAA,IACD;AAAA,IAED,eAAgB;AACd,aAAO,CAAC,CAAE,KAAK,OAAO;AAAA,IACvB;AAAA,IAED,iBAAkB;AAChB,WAAK,oBAAoB,KAAK,aAAY,GAAI,KAAK,OAAO,YAAY,CAAC;AAAA,IACxE;AAAA,IAED,oBAAqB,UAAU,WAAW;AACxC,UAAI,CAAC,YAAY,CAAC,WAAW;AAC3BC,YAAI;AAAA,UACF;AAAA,UACA;AAAA;MAEJ;AAAA,IACD;AAAA,EACF;AACH;AAtNA,MAAA,aAAA,CAAA,KAAA;AAAA,MAAA,aAAA,CAAA,MAAA,QAAA,gBAAA,YAAA,eAAA;;EAAA,KAAA;AAAA,EA2BQ,OAAM;;;0BA1BZC,IAAAA,mBA6BM,OA7BNC,eA6BM,EA5BJ,OAAM,mBAAkB,GAChB,SAAkB,mBAAC,KAAM,MAAA,CAAA,GAAA;AAAA,IAGzB,MAAc,eAAC,KAAM,OAAC,OAAO,KADrCC,IAAAA,aAAAF,IAAAA,mBASQ,SATRC,eASQ;AAAA,MAdZ,KAAA;AAAA,MAOO,OAAO,OAAU;AAAA,MACjB,KAAK,OAAE;AAAA,OACA,OAAe,iBAAA,EACvB,WAAQ,eAAc,CAAA,GAAA;AAAA,MAGtBE,eAAQ,KAAA,QAAA,SAAA;AAAA,IAbd,GAAA,IAAA,UAAA,KAAAC,IAAA,mBAAA,IAAA,IAAA;AAAA,IAeIC,IAAA,mBAcS,UAdTJ,eAcS;AAAA,MAbN,IAAI,OAAE;AAAA,MACN,MAAM,SAAU;AAAA,MACjB,MAAK;AAAA,MACJ,gBAAc,MAAe,gBAAC,SAAQ;AAAA,MACtC,UAAU,OAAQ;AAAA,MAClB,iBAAe,OAAQ,SAAC,SAAQ;AAAA,MAChC,OAAO,SAAa;AAAA,OACb,SAAc,cAAA,GAAA;AAAA,MAGd,OAAQ,YADhBC,IAAAA,aAAAF,IAAAA,mBAGE,QAHF,UAGE,KA5BRI,IAAA,mBAAA,IAAA,IAAA;AAAA,IAAA,GAAA,IAAA,UAAA;AAAA;;;;"}