@dialpad/dialtone 9.177.1 → 9.178.0

package/dist/vue3/{toast-B1zeUPtg.js.map → toast-DvPN-bCi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-B1zeUPtg.js","names":[],"sources":["../components/toast/layouts/toast_layout_default.vue","../components/toast/layouts/toast_layout_alternate_icon.vue","../components/toast/layouts/toast_layout_alternate.vue","../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\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-bind=\"toastListeners\"\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-bind=\"toastListeners\"\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        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\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 utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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     * 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  emits: ['close'],\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    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\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    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\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    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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: undefined,\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: undefined,\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: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\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    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\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     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\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     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\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    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\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    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    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"toast-DvPN-bCi.js","names":[],"sources":["../components/toast/layouts/toast_layout_default.vue","../components/toast/layouts/toast_layout_alternate_icon.vue","../components/toast/layouts/toast_layout_alternate.vue","../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\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-bind=\"toastListeners\"\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-bind=\"toastListeners\"\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        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\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 utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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     * 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  emits: ['close'],\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    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\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    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\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    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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: undefined,\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: undefined,\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: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\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    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\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     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\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     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\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    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\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    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    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/vue3/{toast-0QfP90_3.cjs → toast-d8_zmgkL.cjs}

@@ -1,2 +1,2 @@
 require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./common/utils/index.cjs`),t=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./lib/icon/icon-constants.cjs`),r=require(`./lib/notice/notice-constants.cjs`),i=require(`./lib/notice/notice-icon.cjs`),a=require(`./lib/notice/notice-content.cjs`),o=require(`./lib/notice/notice-action.cjs`),s=require(`./lib/toast/toast-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue3`);var u={name:`ToastLayoutDefault`,components:{DtNoticeIcon:i.default,DtNoticeContent:a.default,DtNoticeAction:o.default},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.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=>r.NOTICE_KINDS.includes(e)},important:{type:Boolean,default:!1},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:[`close`],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]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},d=[`aria-hidden`],f={class:`d-toast__dialog`};function p(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-notice-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast`,a.kindClass,e.$attrs.class,{"d-toast--important":n.important}]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,f,[n.hideIcon?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`])),(0,c.createVNode)(s,(0,c.mergeProps)({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},a.toastListeners),{titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`title-id`,`content-id`,`title`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"hide-action":n.hideAction,"hide-close":n.hideClose},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),_:3},16,[`hide-action`,`hide-close`])])],10,d)):(0,c.createCommentVNode)(``,!0)}var m=t.t(u,[[`render`,p]]),h=new Map([[`info`,l.DtIconInfo],[`success`,l.DtIconInfo],[`warning`,l.DtIconAlertTriangle],[`error`,l.DtIconInfo],[`base`,l.DtIconBell],[`gradient`,l.DtIconSparkle]]),g={compatConfig:{MODE:3},name:`DtToastLayoutAlternateIcon`,components:{DtIconInfo:l.DtIconInfo,DtIconAlertTriangle:l.DtIconAlertTriangle,DtIconBell:l.DtIconBell,DtIconSparkle:l.DtIconSparkle},props:{kind:{type:String,default:`base`,validate(e){return s.TOAST_ALTERNATE_KINDS.includes(e)}},size:{type:String,default:`400`,validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)}},computed:{defaultIcon(){return h.get(this.kind)}}},_={"aria-hidden":`true`,class:`d-toast-layout-alternate__icon`};function v(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,_,[(0,c.renderSlot)(e.$slots,`default`,{},()=>[a.defaultIcon?((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.defaultIcon),{key:0,size:n.size},null,8,[`size`])):(0,c.createCommentVNode)(``,!0)])])}var y=t.t(g,[[`render`,v]]),b={name:`ToastLayoutAlternate`,components:{DtNoticeAction:o.default,DtNoticeContent:a.default,DtToastLayoutAlternateIcon:y},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.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=>s.TOAST_ALTERNATE_KINDS.includes(e)},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},computed:{kindClass(){return{error:`d-toast-alternate--error`,info:`d-toast-alternate--info`,success:`d-toast-alternate--success`,warning:`d-toast-alternate--warning`,gradient:`d-toast-alternate--gradient`}[this.kind]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},x=[`aria-hidden`],S={class:`d-toast-alternate__dialog`},C={class:`d-toast-alternate__header`},w={class:`d-toast-alternate__content`};function T(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-toast-layout-alternate-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast-alternate`,e.$attrs.class,a.kindClass]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,S,[(0,c.createElementVNode)(`div`,C,[n.hideIcon?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind,size:`200`},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`])),(0,c.createVNode)(s,(0,c.mergeProps)({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},a.toastListeners),{titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),_:3},16,[`title-id`,`content-id`,`title`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"hide-action":!0,"hide-close":n.hideClose,"button-size":`xs`},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),null,16,[`hide-close`])]),(0,c.createElementVNode)(`div`,w,[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])])])],10,x)):(0,c.createCommentVNode)(``,!0)}var E=t.t(b,[[`render`,T]]),D={compatConfig:{MODE:3},name:`DtToast`,components:{ToastLayoutDefault:m,ToastLayoutAlternate:E},inheritAttrs:!1,props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:void 0},message:{type:String,default:void 0},role:{type:String,default:`status`},kind:{type:String,default:void 0},important:{type:Boolean,default:!1},show:{type:Boolean,default:!1},hideClose:{type:Boolean,default:void 0},hideIcon:{type:Boolean,default:void 0},hideAction:{type:Boolean,default:void 0},duration:{type:Number,default:null,validator:e=>e>=s.TOAST_MIN_DURATION},layout:{type:String,default:`default`,validator:e=>s.TOAST_LAYOUTS.includes(e)}},emits:[`close`,`update:show`],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout===`alternate`?E:m}},watch:{show:{handler:function(e){this.isShown=e,e?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},unmounted(){clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit(`update:show`,!1)},this.duration))},handleClose(){this.isShown=!1,this.$emit(`close`),this.$emit(`update:show`,!1)}}};function O(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.selectedLayout),(0,c.mergeProps)({"is-shown":i.isShown,"title-id":n.titleId,"content-id":n.contentId,title:n.title,message:n.message,role:n.role,kind:n.kind,important:n.important,"hide-close":n.hideClose,"hide-icon":n.hideIcon,"hide-action":n.hideAction},e.$attrs,{onClose:a.handleClose}),{icon:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),action:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`is-shown`,`title-id`,`content-id`,`title`,`message`,`role`,`kind`,`important`,`hide-close`,`hide-icon`,`hide-action`,`onClose`])}var k=t.t(D,[[`render`,O]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});
-//# sourceMappingURL=toast-0QfP90_3.cjs.map
+//# sourceMappingURL=toast-d8_zmgkL.cjs.map

package/dist/vue3/{toast-0QfP90_3.cjs.map → toast-d8_zmgkL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-0QfP90_3.cjs","names":[],"sources":["../components/toast/layouts/toast_layout_default.vue","../components/toast/layouts/toast_layout_alternate_icon.vue","../components/toast/layouts/toast_layout_alternate.vue","../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\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-bind=\"toastListeners\"\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-bind=\"toastListeners\"\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        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\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 utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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     * 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  emits: ['close'],\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    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\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    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\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    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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: undefined,\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: undefined,\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: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\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    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\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     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\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     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\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    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\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    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    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"toast-d8_zmgkL.cjs","names":[],"sources":["../components/toast/layouts/toast_layout_default.vue","../components/toast/layouts/toast_layout_alternate_icon.vue","../components/toast/layouts/toast_layout_alternate.vue","../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\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-bind=\"toastListeners\"\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-bind=\"toastListeners\"\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        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\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 utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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     * 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  emits: ['close'],\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    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\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, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\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  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\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    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\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    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\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: undefined,\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: undefined,\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: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\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    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\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     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\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     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\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    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\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    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    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/vue3/useResizableCalculations-BDITle3Q.cjs

@@ -0,0 +1,2 @@
+const e=require(`./resizable_utils-DhuzXRdP.cjs`);function t(e,t,n){let r=e;return t!==void 0&&(r=Math.max(r,t)),n!==void 0&&(r=Math.min(r,n)),r}function n(e,n,r=`system`){return t(e,r===`user`?n.userMinSizePixels:n.systemMinSizePixels??n.userMinSizePixels,r===`user`?n.userMaxSizePixels:n.systemMaxSizePixels??n.userMaxSizePixels)}function r(t,n){return{userMinSizePixels:t.userMinSize?e.o(t.userMinSize,n):void 0,userMaxSizePixels:t.userMaxSize?e.o(t.userMaxSize,n):void 0}}function i(e,t){return e===void 0||t===void 0?e:Math.max(e,t)}function a(e,t){return e===void 0||t===void 0?e:Math.min(e,t)}function o(t,n,r,o){let s=t.systemMinSize?e.o(t.systemMinSize,n):r,c=t.systemMaxSize?e.o(t.systemMaxSize,n):o;return{systemMinSizePixels:i(s,r),systemMaxSizePixels:a(c,o)}}function s(t,n){let{userMinSizePixels:i,userMaxSizePixels:a}=r(t,n),{systemMinSizePixels:s,systemMaxSizePixels:c}=o(t,n,i,a);return{userMinSizePixels:i,userMaxSizePixels:a,systemMinSizePixels:s,systemMaxSizePixels:c,collapseSizePixels:t.collapseSize?e.o(t.collapseSize,n,{clampToContainer:!1}):void 0}}function c(e){function n(e,t,n){return t.resizable===!1||n.resizable===!1?{constrainedCursorPosition:e,beforePanelSize:t.pixelSize||0,afterPanelSize:n.pixelSize||0,isValidResize:!1}:null}function r(e,n){return t(e,n.userMinSizePixels,n.userMaxSizePixels)}function i(e,t,n){let r=e.userMinSizePixels;if(r===void 0||!n)return t;let i=n.findIndex(t=>t.id===e.id),a=n.slice(i+1).reduce((e,t)=>e+(t.pixelSize||0),0);return t-r-a}function a(e,t,n,r){if(!r)return t-e;let i=r.findIndex(e=>e.id===n.id),a=r.slice(i+1).reduce((e,t)=>e+(t.pixelSize||0),0);return t-e-a}function o(e,t,o,s,c,l,u){let d=n(e,t,o);if(d)return d;let f=u||0,p=e-f,m=s-e,h=r(p,t),g=r(m,o),_=i(o,s,l),v=f+h,y=Math.min(v,_),b;return y<v?(b=y,h=b-f,g=a(b,s,o,l)):(b=v,g=a(b,s,o,l)),{constrainedCursorPosition:b,beforePanelSize:h,afterPanelSize:g,isValidResize:h>=10&&g>=10}}return{processResizeMove:o}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=useResizableCalculations-BDITle3Q.cjs.map

package/dist/vue3/useResizableCalculations-BDITle3Q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizableCalculations-BDITle3Q.cjs","names":[],"sources":["../components/resizable/composables/constraintResolver.ts","../components/resizable/composables/useResizableCalculations.ts"],"sourcesContent":["/**\n * Constraint Resolver\n *\n * Pure functions for resolving the constraint hierarchy for resizable panels.\n * No DOM access, no Vue reactivity, no side effects.\n *\n * @see computeLayout.ts\n * @see ../resizable_constants.ts\n */\n\nimport type { ResizablePanelConfig } from '../resizable_constants';\nimport { parseSizeToPixels } from '../resizable_utils';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\n/**\n * Result of constraint hierarchy calculation.\n * User limits are absolute boundaries; system limits are the operating range within user limits.\n */\nexport interface ConstraintHierarchy {\n  // User drag limits (absolute boundaries)\n  userMinSizePixels?: number;\n  userMaxSizePixels?: number;\n  // System scaling limits (operating range within user limits)\n  systemMinSizePixels?: number;\n  systemMaxSizePixels?: number;\n  // Auto-collapse threshold (container width, not panel width)\n  collapseSizePixels?: number;\n}\n\n// ============================================================================\n// CLAMPING PRIMITIVE\n// ============================================================================\n\n/**\n * Clamp a value to optional min/max bounds.\n * Single source of truth for all constraint clamping in the resizable system.\n */\nexport function clampSize(value: number, min?: number, max?: number): number {\n  let result = value;\n  if (min !== undefined) result = Math.max(result, min);\n  if (max !== undefined) result = Math.min(result, max);\n  return result;\n}\n\n/**\n * Resolve effective min/max for a given constraint tier, then clamp.\n * - 'user' tier: uses userMin/userMax only\n * - 'system' tier: uses systemMin/systemMax, falling back to userMin/userMax\n */\nexport function clampToTier(\n  value: number,\n  constraints: ConstraintHierarchy,\n  tier: 'user' | 'system' = 'system'\n): number {\n  const min = tier === 'user'\n    ? constraints.userMinSizePixels\n    : (constraints.systemMinSizePixels ?? constraints.userMinSizePixels);\n  const max = tier === 'user'\n    ? constraints.userMaxSizePixels\n    : (constraints.systemMaxSizePixels ?? constraints.userMaxSizePixels);\n  return clampSize(value, min, max);\n}\n\n// ============================================================================\n// INTERNAL HELPERS\n// ============================================================================\n\n/**\n * Resolve user constraints (drag limits) from panel config.\n */\nexport function resolveUserConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): { userMinSizePixels?: number; userMaxSizePixels?: number } {\n  return {\n    userMinSizePixels: panelConfig.userMinSize ? parseSizeToPixels(panelConfig.userMinSize, containerSize) : undefined,\n    userMaxSizePixels: panelConfig.userMaxSize ? parseSizeToPixels(panelConfig.userMaxSize, containerSize) : undefined,\n  };\n}\n\n/**\n * Clamp system min to be at least user min.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMin(systemMin: number | undefined, userMin: number | undefined): number | undefined {\n  if (systemMin === undefined || userMin === undefined) return systemMin;\n  return Math.max(systemMin, userMin);\n}\n\n/**\n * Clamp system max to be at most user max.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMax(systemMax: number | undefined, userMax: number | undefined): number | undefined {\n  if (systemMax === undefined || userMax === undefined) return systemMax;\n  return Math.min(systemMax, userMax);\n}\n\n/**\n * Resolve system constraints with fallback to user constraints.\n * System limits are silently clamped to stay within user limits.\n */\nexport function resolveSystemConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number,\n  userMinSizePixels?: number,\n  userMaxSizePixels?: number\n): { systemMinSizePixels?: number; systemMaxSizePixels?: number } {\n  // Calculate system limits from props, or fall back to user limits\n  const rawSystemMin = panelConfig.systemMinSize\n    ? parseSizeToPixels(panelConfig.systemMinSize, containerSize)\n    : userMinSizePixels;\n  const rawSystemMax = panelConfig.systemMaxSize\n    ? parseSizeToPixels(panelConfig.systemMaxSize, containerSize)\n    : userMaxSizePixels;\n\n  // Validate and clamp system limits within user limits\n  const systemMinSizePixels = clampSystemMin(rawSystemMin, userMinSizePixels);\n  const systemMaxSizePixels = clampSystemMax(rawSystemMax, userMaxSizePixels);\n\n  return { systemMinSizePixels, systemMaxSizePixels };\n}\n\n// ============================================================================\n// PUBLIC API\n// ============================================================================\n\n/**\n * Calculate the complete constraint hierarchy for a panel.\n *\n * This separates user drag limits from system scaling limits:\n * - User limits (userMinSize/userMaxSize) are absolute boundaries for user dragging\n * - System limits (systemMinSize/systemMaxSize) are the operating range for viewport resize\n * - System limits must be within user limits (clamped silently if not)\n *\n * @param panelConfig - Panel configuration\n * @param containerSize - Current container size in pixels\n * @returns Complete constraint hierarchy with all pixel values\n */\nexport function calculateConstraintHierarchy(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): ConstraintHierarchy {\n  // Resolve user constraints (drag limits)\n  const { userMinSizePixels, userMaxSizePixels } = resolveUserConstraints(panelConfig, containerSize);\n\n  // Resolve system constraints (viewport resize limits) with fallback to user limits\n  const { systemMinSizePixels, systemMaxSizePixels } = resolveSystemConstraints(\n    panelConfig,\n    containerSize,\n    userMinSizePixels,\n    userMaxSizePixels\n  );\n\n  // Calculate collapse threshold (container width trigger, NOT a panel size)\n  // Don't clamp to container - this threshold is compared AGAINST the container width\n  const collapseSizePixels = panelConfig.collapseSize\n    ? parseSizeToPixels(panelConfig.collapseSize, containerSize, { clampToContainer: false })\n    : undefined;\n\n  return {\n    userMinSizePixels,\n    userMaxSizePixels,\n    systemMinSizePixels,\n    systemMaxSizePixels,\n    collapseSizePixels,\n  };\n}\n","import { MIN_PANEL_SIZE_PX } from '../resizable_constants';\nimport type { ResizablePanelState } from '../resizable_constants';\nimport { clampSize } from './constraintResolver';\n\n// ============================================================================\n// RESIZE HANDLING\n// ============================================================================\n\nexport interface ResizeHandler {\n  processResizeMove: (\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ) => ResizeMoveResult;\n}\n\nexport interface ResizeMoveResult {\n  constrainedCursorPosition: number;\n  beforePanelSize: number;\n  afterPanelSize: number;\n  isValidResize: boolean;\n}\n\nexport function useResizeHandling(containerSize?: () => number) {\n  function checkPanelsResizable(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState\n  ): ResizeMoveResult | null {\n    if (beforePanel.resizable === false || afterPanel.resizable === false) {\n      return {\n        constrainedCursorPosition: rawCursorPosition,\n        beforePanelSize: beforePanel.pixelSize || 0,\n        afterPanelSize: afterPanel.pixelSize || 0,\n        isValidResize: false,\n      };\n    }\n    return null;\n  }\n\n  function applyPanelConstraints(proposedSize: number, panel: ResizablePanelState): number {\n    return clampSize(proposedSize, panel.userMinSizePixels, panel.userMaxSizePixels);\n  }\n\n  function calculateMaxCursorForAfterPanel(\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    const minPixels = afterPanel.userMinSizePixels;\n\n    if (minPixels === undefined || !allPanels) {\n      return containerSizeValue;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - minPixels - totalFixedSpaceAfter;\n  }\n\n  function calculateAfterPanelSize(\n    cursorPosition: number,\n    containerSizeValue: number,\n    afterPanel: ResizablePanelState,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    if (!allPanels) {\n      return containerSizeValue - cursorPosition;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - cursorPosition - totalFixedSpaceAfter;\n  }\n\n  function processResizeMove(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ): ResizeMoveResult {\n    const nonResizableResult = checkPanelsResizable(rawCursorPosition, beforePanel, afterPanel);\n    if (nonResizableResult) return nonResizableResult;\n\n    const beforeLeft = beforePanelLeft || 0;\n    const proposedBeforeSize = rawCursorPosition - beforeLeft;\n    const proposedAfterSize = containerSizeValue - rawCursorPosition;\n\n    let constrainedBeforeSize = applyPanelConstraints(proposedBeforeSize, beforePanel);\n    let constrainedAfterSize = applyPanelConstraints(proposedAfterSize, afterPanel);\n\n    const maxCursorForAfterPanel = calculateMaxCursorForAfterPanel(afterPanel, containerSizeValue, allPanels);\n    const beforePanelCursor = beforeLeft + constrainedBeforeSize;\n    const effectiveCursor = Math.min(beforePanelCursor, maxCursorForAfterPanel);\n\n    let constrainedCursorPosition;\n\n    if (effectiveCursor < beforePanelCursor) {\n      constrainedCursorPosition = effectiveCursor;\n      constrainedBeforeSize = constrainedCursorPosition - beforeLeft;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    } else {\n      constrainedCursorPosition = beforePanelCursor;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    }\n\n    return {\n      constrainedCursorPosition,\n      beforePanelSize: constrainedBeforeSize,\n      afterPanelSize: constrainedAfterSize,\n      isValidResize: constrainedBeforeSize >= MIN_PANEL_SIZE_PX && constrainedAfterSize >= MIN_PANEL_SIZE_PX,\n    };\n  }\n\n  return {\n    processResizeMove,\n  };\n}\n"],"mappings":"kDAwCA,SAAgB,EAAU,EAAe,EAAc,EAAsB,CAC3E,IAAI,EAAS,EAGb,OAFI,IAAQ,IAAA,KAAW,EAAS,KAAK,IAAI,EAAQ,EAAI,EACjD,IAAQ,IAAA,KAAW,EAAS,KAAK,IAAI,EAAQ,EAAI,EAC9C,EAQT,SAAgB,EACd,EACA,EACA,EAA0B,SAClB,CAOR,OAAO,EAAU,EANL,IAAS,OACjB,EAAY,kBACX,EAAY,qBAAuB,EAAY,kBACxC,IAAS,OACjB,EAAY,kBACX,EAAY,qBAAuB,EAAY,kBACnB,CAUnC,SAAgB,EACd,EACA,EAC4D,CAC5D,MAAO,CACL,kBAAmB,EAAY,YAAc,EAAA,EAAkB,EAAY,YAAa,EAAc,CAAG,IAAA,GACzG,kBAAmB,EAAY,YAAc,EAAA,EAAkB,EAAY,YAAa,EAAc,CAAG,IAAA,GAC1G,CAQH,SAAgB,EAAe,EAA+B,EAAiD,CAE7G,OADI,IAAc,IAAA,IAAa,IAAY,IAAA,GAAkB,EACtD,KAAK,IAAI,EAAW,EAAQ,CAQrC,SAAgB,EAAe,EAA+B,EAAiD,CAE7G,OADI,IAAc,IAAA,IAAa,IAAY,IAAA,GAAkB,EACtD,KAAK,IAAI,EAAW,EAAQ,CAOrC,SAAgB,EACd,EACA,EACA,EACA,EACgE,CAEhE,IAAM,EAAe,EAAY,cAC7B,EAAA,EAAkB,EAAY,cAAe,EAAc,CAC3D,EACE,EAAe,EAAY,cAC7B,EAAA,EAAkB,EAAY,cAAe,EAAc,CAC3D,EAMJ,MAAO,CAAE,oBAHmB,EAAe,EAAc,EAAkB,CAG7C,oBAFF,EAAe,EAAc,EAAkB,CAExB,CAmBrD,SAAgB,EACd,EACA,EACqB,CAErB,GAAM,CAAE,oBAAmB,qBAAsB,EAAuB,EAAa,EAAc,CAG7F,CAAE,sBAAqB,uBAAwB,EACnD,EACA,EACA,EACA,EACD,CAQD,MAAO,CACL,oBACA,oBACA,sBACA,sBACA,mBATyB,EAAY,aACnC,EAAA,EAAkB,EAAY,aAAc,EAAe,CAAE,iBAAkB,GAAO,CAAC,CACvF,IAAA,GAQH,CChJH,SAAgB,EAAkB,EAA8B,CAC9D,SAAS,EACP,EACA,EACA,EACyB,CASzB,OARI,EAAY,YAAc,IAAS,EAAW,YAAc,GACvD,CACL,0BAA2B,EAC3B,gBAAiB,EAAY,WAAa,EAC1C,eAAgB,EAAW,WAAa,EACxC,cAAe,GAChB,CAEI,KAGT,SAAS,EAAsB,EAAsB,EAAoC,CACvF,OAAO,EAAU,EAAc,EAAM,kBAAmB,EAAM,kBAAkB,CAGlF,SAAS,EACP,EACA,EACA,EACQ,CACR,IAAM,EAAY,EAAW,kBAE7B,GAAI,IAAc,IAAA,IAAa,CAAC,EAC9B,OAAO,EAGT,IAAM,EAAkB,EAAU,UAAU,GAAK,EAAE,KAAO,EAAW,GAAG,CAElE,EADkB,EAAU,MAAM,EAAkB,EAAE,CACf,QAAQ,EAAK,IAAU,GAAO,EAAM,WAAa,GAAI,EAAE,CAEpG,OAAO,EAAqB,EAAY,EAG1C,SAAS,EACP,EACA,EACA,EACA,EACQ,CACR,GAAI,CAAC,EACH,OAAO,EAAqB,EAG9B,IAAM,EAAkB,EAAU,UAAU,GAAK,EAAE,KAAO,EAAW,GAAG,CAElE,EADkB,EAAU,MAAM,EAAkB,EAAE,CACf,QAAQ,EAAK,IAAU,GAAO,EAAM,WAAa,GAAI,EAAE,CAEpG,OAAO,EAAqB,EAAiB,EAG/C,SAAS,EACP,EACA,EACA,EACA,EACA,EACA,EACA,EACkB,CAClB,IAAM,EAAqB,EAAqB,EAAmB,EAAa,EAAW,CAC3F,GAAI,EAAoB,OAAO,EAE/B,IAAM,EAAa,GAAmB,EAChC,EAAqB,EAAoB,EACzC,EAAoB,EAAqB,EAE3C,EAAwB,EAAsB,EAAoB,EAAY,CAC9E,EAAuB,EAAsB,EAAmB,EAAW,CAEzE,EAAyB,EAAgC,EAAY,EAAoB,EAAU,CACnG,EAAoB,EAAa,EACjC,EAAkB,KAAK,IAAI,EAAmB,EAAuB,CAEvE,EAqBJ,OAnBI,EAAkB,GACpB,EAA4B,EAC5B,EAAwB,EAA4B,EACpD,EAAuB,EACrB,EACA,EACA,EACA,EACD,GAED,EAA4B,EAC5B,EAAuB,EACrB,EACA,EACA,EACA,EACD,EAGI,CACL,4BACA,gBAAiB,EACjB,eAAgB,EAChB,cAAe,GAAA,IAA8C,GAAA,GAC9D,CAGH,MAAO,CACL,oBACD"}

package/dist/vue3/useResizableCalculations-DAajatT4.js

@@ -0,0 +1,80 @@
+import { o as e } from "./resizable_utils-BComtrMV.js";
+//#region components/resizable/composables/constraintResolver.ts
+function t(e, t, n) {
+	let r = e;
+	return t !== void 0 && (r = Math.max(r, t)), n !== void 0 && (r = Math.min(r, n)), r;
+}
+function n(e, n, r = "system") {
+	return t(e, r === "user" ? n.userMinSizePixels : n.systemMinSizePixels ?? n.userMinSizePixels, r === "user" ? n.userMaxSizePixels : n.systemMaxSizePixels ?? n.userMaxSizePixels);
+}
+function r(t, n) {
+	return {
+		userMinSizePixels: t.userMinSize ? e(t.userMinSize, n) : void 0,
+		userMaxSizePixels: t.userMaxSize ? e(t.userMaxSize, n) : void 0
+	};
+}
+function i(e, t) {
+	return e === void 0 || t === void 0 ? e : Math.max(e, t);
+}
+function a(e, t) {
+	return e === void 0 || t === void 0 ? e : Math.min(e, t);
+}
+function o(t, n, r, o) {
+	let s = t.systemMinSize ? e(t.systemMinSize, n) : r, c = t.systemMaxSize ? e(t.systemMaxSize, n) : o;
+	return {
+		systemMinSizePixels: i(s, r),
+		systemMaxSizePixels: a(c, o)
+	};
+}
+function s(t, n) {
+	let { userMinSizePixels: i, userMaxSizePixels: a } = r(t, n), { systemMinSizePixels: s, systemMaxSizePixels: c } = o(t, n, i, a);
+	return {
+		userMinSizePixels: i,
+		userMaxSizePixels: a,
+		systemMinSizePixels: s,
+		systemMaxSizePixels: c,
+		collapseSizePixels: t.collapseSize ? e(t.collapseSize, n, { clampToContainer: !1 }) : void 0
+	};
+}
+//#endregion
+//#region components/resizable/composables/useResizableCalculations.ts
+function c(e) {
+	function n(e, t, n) {
+		return t.resizable === !1 || n.resizable === !1 ? {
+			constrainedCursorPosition: e,
+			beforePanelSize: t.pixelSize || 0,
+			afterPanelSize: n.pixelSize || 0,
+			isValidResize: !1
+		} : null;
+	}
+	function r(e, n) {
+		return t(e, n.userMinSizePixels, n.userMaxSizePixels);
+	}
+	function i(e, t, n) {
+		let r = e.userMinSizePixels;
+		if (r === void 0 || !n) return t;
+		let i = n.findIndex((t) => t.id === e.id), a = n.slice(i + 1).reduce((e, t) => e + (t.pixelSize || 0), 0);
+		return t - r - a;
+	}
+	function a(e, t, n, r) {
+		if (!r) return t - e;
+		let i = r.findIndex((e) => e.id === n.id), a = r.slice(i + 1).reduce((e, t) => e + (t.pixelSize || 0), 0);
+		return t - e - a;
+	}
+	function o(e, t, o, s, c, l, u) {
+		let d = n(e, t, o);
+		if (d) return d;
+		let f = u || 0, p = e - f, m = s - e, h = r(p, t), g = r(m, o), _ = i(o, s, l), v = f + h, y = Math.min(v, _), b;
+		return y < v ? (b = y, h = b - f, g = a(b, s, o, l)) : (b = v, g = a(b, s, o, l)), {
+			constrainedCursorPosition: b,
+			beforePanelSize: h,
+			afterPanelSize: g,
+			isValidResize: h >= 10 && g >= 10
+		};
+	}
+	return { processResizeMove: o };
+}
+//#endregion
+export { s as n, n as r, c as t };
+
+//# sourceMappingURL=useResizableCalculations-DAajatT4.js.map

package/dist/vue3/useResizableCalculations-DAajatT4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizableCalculations-DAajatT4.js","names":[],"sources":["../components/resizable/composables/constraintResolver.ts","../components/resizable/composables/useResizableCalculations.ts"],"sourcesContent":["/**\n * Constraint Resolver\n *\n * Pure functions for resolving the constraint hierarchy for resizable panels.\n * No DOM access, no Vue reactivity, no side effects.\n *\n * @see computeLayout.ts\n * @see ../resizable_constants.ts\n */\n\nimport type { ResizablePanelConfig } from '../resizable_constants';\nimport { parseSizeToPixels } from '../resizable_utils';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\n/**\n * Result of constraint hierarchy calculation.\n * User limits are absolute boundaries; system limits are the operating range within user limits.\n */\nexport interface ConstraintHierarchy {\n  // User drag limits (absolute boundaries)\n  userMinSizePixels?: number;\n  userMaxSizePixels?: number;\n  // System scaling limits (operating range within user limits)\n  systemMinSizePixels?: number;\n  systemMaxSizePixels?: number;\n  // Auto-collapse threshold (container width, not panel width)\n  collapseSizePixels?: number;\n}\n\n// ============================================================================\n// CLAMPING PRIMITIVE\n// ============================================================================\n\n/**\n * Clamp a value to optional min/max bounds.\n * Single source of truth for all constraint clamping in the resizable system.\n */\nexport function clampSize(value: number, min?: number, max?: number): number {\n  let result = value;\n  if (min !== undefined) result = Math.max(result, min);\n  if (max !== undefined) result = Math.min(result, max);\n  return result;\n}\n\n/**\n * Resolve effective min/max for a given constraint tier, then clamp.\n * - 'user' tier: uses userMin/userMax only\n * - 'system' tier: uses systemMin/systemMax, falling back to userMin/userMax\n */\nexport function clampToTier(\n  value: number,\n  constraints: ConstraintHierarchy,\n  tier: 'user' | 'system' = 'system'\n): number {\n  const min = tier === 'user'\n    ? constraints.userMinSizePixels\n    : (constraints.systemMinSizePixels ?? constraints.userMinSizePixels);\n  const max = tier === 'user'\n    ? constraints.userMaxSizePixels\n    : (constraints.systemMaxSizePixels ?? constraints.userMaxSizePixels);\n  return clampSize(value, min, max);\n}\n\n// ============================================================================\n// INTERNAL HELPERS\n// ============================================================================\n\n/**\n * Resolve user constraints (drag limits) from panel config.\n */\nexport function resolveUserConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): { userMinSizePixels?: number; userMaxSizePixels?: number } {\n  return {\n    userMinSizePixels: panelConfig.userMinSize ? parseSizeToPixels(panelConfig.userMinSize, containerSize) : undefined,\n    userMaxSizePixels: panelConfig.userMaxSize ? parseSizeToPixels(panelConfig.userMaxSize, containerSize) : undefined,\n  };\n}\n\n/**\n * Clamp system min to be at least user min.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMin(systemMin: number | undefined, userMin: number | undefined): number | undefined {\n  if (systemMin === undefined || userMin === undefined) return systemMin;\n  return Math.max(systemMin, userMin);\n}\n\n/**\n * Clamp system max to be at most user max.\n * System constraints that exceed user boundaries are silently clamped\n * since this is expected behavior during constraint resolution.\n */\nexport function clampSystemMax(systemMax: number | undefined, userMax: number | undefined): number | undefined {\n  if (systemMax === undefined || userMax === undefined) return systemMax;\n  return Math.min(systemMax, userMax);\n}\n\n/**\n * Resolve system constraints with fallback to user constraints.\n * System limits are silently clamped to stay within user limits.\n */\nexport function resolveSystemConstraints(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number,\n  userMinSizePixels?: number,\n  userMaxSizePixels?: number\n): { systemMinSizePixels?: number; systemMaxSizePixels?: number } {\n  // Calculate system limits from props, or fall back to user limits\n  const rawSystemMin = panelConfig.systemMinSize\n    ? parseSizeToPixels(panelConfig.systemMinSize, containerSize)\n    : userMinSizePixels;\n  const rawSystemMax = panelConfig.systemMaxSize\n    ? parseSizeToPixels(panelConfig.systemMaxSize, containerSize)\n    : userMaxSizePixels;\n\n  // Validate and clamp system limits within user limits\n  const systemMinSizePixels = clampSystemMin(rawSystemMin, userMinSizePixels);\n  const systemMaxSizePixels = clampSystemMax(rawSystemMax, userMaxSizePixels);\n\n  return { systemMinSizePixels, systemMaxSizePixels };\n}\n\n// ============================================================================\n// PUBLIC API\n// ============================================================================\n\n/**\n * Calculate the complete constraint hierarchy for a panel.\n *\n * This separates user drag limits from system scaling limits:\n * - User limits (userMinSize/userMaxSize) are absolute boundaries for user dragging\n * - System limits (systemMinSize/systemMaxSize) are the operating range for viewport resize\n * - System limits must be within user limits (clamped silently if not)\n *\n * @param panelConfig - Panel configuration\n * @param containerSize - Current container size in pixels\n * @returns Complete constraint hierarchy with all pixel values\n */\nexport function calculateConstraintHierarchy(\n  panelConfig: ResizablePanelConfig,\n  containerSize: number\n): ConstraintHierarchy {\n  // Resolve user constraints (drag limits)\n  const { userMinSizePixels, userMaxSizePixels } = resolveUserConstraints(panelConfig, containerSize);\n\n  // Resolve system constraints (viewport resize limits) with fallback to user limits\n  const { systemMinSizePixels, systemMaxSizePixels } = resolveSystemConstraints(\n    panelConfig,\n    containerSize,\n    userMinSizePixels,\n    userMaxSizePixels\n  );\n\n  // Calculate collapse threshold (container width trigger, NOT a panel size)\n  // Don't clamp to container - this threshold is compared AGAINST the container width\n  const collapseSizePixels = panelConfig.collapseSize\n    ? parseSizeToPixels(panelConfig.collapseSize, containerSize, { clampToContainer: false })\n    : undefined;\n\n  return {\n    userMinSizePixels,\n    userMaxSizePixels,\n    systemMinSizePixels,\n    systemMaxSizePixels,\n    collapseSizePixels,\n  };\n}\n","import { MIN_PANEL_SIZE_PX } from '../resizable_constants';\nimport type { ResizablePanelState } from '../resizable_constants';\nimport { clampSize } from './constraintResolver';\n\n// ============================================================================\n// RESIZE HANDLING\n// ============================================================================\n\nexport interface ResizeHandler {\n  processResizeMove: (\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ) => ResizeMoveResult;\n}\n\nexport interface ResizeMoveResult {\n  constrainedCursorPosition: number;\n  beforePanelSize: number;\n  afterPanelSize: number;\n  isValidResize: boolean;\n}\n\nexport function useResizeHandling(containerSize?: () => number) {\n  function checkPanelsResizable(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState\n  ): ResizeMoveResult | null {\n    if (beforePanel.resizable === false || afterPanel.resizable === false) {\n      return {\n        constrainedCursorPosition: rawCursorPosition,\n        beforePanelSize: beforePanel.pixelSize || 0,\n        afterPanelSize: afterPanel.pixelSize || 0,\n        isValidResize: false,\n      };\n    }\n    return null;\n  }\n\n  function applyPanelConstraints(proposedSize: number, panel: ResizablePanelState): number {\n    return clampSize(proposedSize, panel.userMinSizePixels, panel.userMaxSizePixels);\n  }\n\n  function calculateMaxCursorForAfterPanel(\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    const minPixels = afterPanel.userMinSizePixels;\n\n    if (minPixels === undefined || !allPanels) {\n      return containerSizeValue;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - minPixels - totalFixedSpaceAfter;\n  }\n\n  function calculateAfterPanelSize(\n    cursorPosition: number,\n    containerSizeValue: number,\n    afterPanel: ResizablePanelState,\n    allPanels?: ResizablePanelState[]\n  ): number {\n    if (!allPanels) {\n      return containerSizeValue - cursorPosition;\n    }\n\n    const afterPanelIndex = allPanels.findIndex(p => p.id === afterPanel.id);\n    const panelsAfterThis = allPanels.slice(afterPanelIndex + 1);\n    const totalFixedSpaceAfter = panelsAfterThis.reduce((sum, panel) => sum + (panel.pixelSize || 0), 0);\n\n    return containerSizeValue - cursorPosition - totalFixedSpaceAfter;\n  }\n\n  function processResizeMove(\n    rawCursorPosition: number,\n    beforePanel: ResizablePanelState,\n    afterPanel: ResizablePanelState,\n    containerSizeValue: number,\n    handleId?: string,\n    allPanels?: ResizablePanelState[],\n    beforePanelLeft?: number\n  ): ResizeMoveResult {\n    const nonResizableResult = checkPanelsResizable(rawCursorPosition, beforePanel, afterPanel);\n    if (nonResizableResult) return nonResizableResult;\n\n    const beforeLeft = beforePanelLeft || 0;\n    const proposedBeforeSize = rawCursorPosition - beforeLeft;\n    const proposedAfterSize = containerSizeValue - rawCursorPosition;\n\n    let constrainedBeforeSize = applyPanelConstraints(proposedBeforeSize, beforePanel);\n    let constrainedAfterSize = applyPanelConstraints(proposedAfterSize, afterPanel);\n\n    const maxCursorForAfterPanel = calculateMaxCursorForAfterPanel(afterPanel, containerSizeValue, allPanels);\n    const beforePanelCursor = beforeLeft + constrainedBeforeSize;\n    const effectiveCursor = Math.min(beforePanelCursor, maxCursorForAfterPanel);\n\n    let constrainedCursorPosition;\n\n    if (effectiveCursor < beforePanelCursor) {\n      constrainedCursorPosition = effectiveCursor;\n      constrainedBeforeSize = constrainedCursorPosition - beforeLeft;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    } else {\n      constrainedCursorPosition = beforePanelCursor;\n      constrainedAfterSize = calculateAfterPanelSize(\n        constrainedCursorPosition,\n        containerSizeValue,\n        afterPanel,\n        allPanels\n      );\n    }\n\n    return {\n      constrainedCursorPosition,\n      beforePanelSize: constrainedBeforeSize,\n      afterPanelSize: constrainedAfterSize,\n      isValidResize: constrainedBeforeSize >= MIN_PANEL_SIZE_PX && constrainedAfterSize >= MIN_PANEL_SIZE_PX,\n    };\n  }\n\n  return {\n    processResizeMove,\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.177.1",
+  "version": "9.178.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"

package/dist/vue3/lib/rich-text-editor/markdownRenderer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdownRenderer.cjs","names":[],"sources":["../../../components/rich_text_editor/markdownRenderer.js"],"sourcesContent":["import { renderToMarkdown } from '@tiptap/static-renderer/pm/markdown';\n\n// The pm/markdown renderer passes children as string[] (one entry per child node),\n// not as a pre-joined string. Normalize to a string before processing.\nconst joinChildren = (children) => Array.isArray(children) ? children.join('') : (children || '');\n\n// Move leading/trailing spaces outside mark delimiters so parsers like CommonMark\n// don't reject them (e.g. \"** bold **\" → \" **bold** \").\nconst wrapMark = (text, open, close) => {\n  const trimmed = text.trim();\n  if (!trimmed) return text;\n  const leading = text.slice(0, text.length - text.trimStart().length);\n  const trailing = text.slice(text.trimEnd().length);\n  return `${leading}${open}${trimmed}${close}${trailing}`;\n};\n\n/**\n * Renders a TipTap/ProseMirror JSON document to a markdown string.\n *\n * Uses @tiptap/static-renderer with custom mappings to preserve the output\n * format of the legacy jsonToMarkdownConverter, including Dialtone-specific\n * node types (mention, channel, emoji, variable, slash-commands).\n *\n * @param {import('@tiptap/core').JSONContent} jsonContent - TipTap JSON document\n * @param {import('@tiptap/core').Extensions} extensions - Active editor extensions\n * @returns {string}\n */\nexport function renderEditorToMarkdown (jsonContent, extensions) {\n  const output = renderToMarkdown({\n    extensions,\n    content: jsonContent,\n    options: {\n      nodeMapping: {\n        // Override blockquote: built-in omits trailing newline (causes lazy continuation).\n        // Since we replace the built-in entirely, we must add the '> ' prefix ourselves.\n        blockquote ({ children }) {\n          const text = joinChildren(children).trim();\n          const quoted = text\n            .split('\\n')\n            .map(line => line ? `> ${line}` : '>')\n            .join('\\n');\n          return quoted + '\\n';\n        },\n\n        // Override codeBlock: built-in passes null language through literally\n        codeBlock ({ node, children }) {\n          const lang = node.attrs?.language || '';\n          return `\\`\\`\\`${lang}\\n${joinChildren(children)}\\n\\`\\`\\`\\n`;\n        },\n\n        // Custom Dialtone node types\n        mention ({ node }) {\n          const id = node.attrs?.id || '';\n          const contactKey = node.attrs?.contactKey || '';\n          const name = node.attrs?.name || '';\n          return `<!-- @mention: {\"id\": \"${id}\", \"contactKey\": \"${contactKey}\", \"name\": \"${name}\"} -->`;\n        },\n\n        channel ({ node }) {\n          const id = node.attrs?.id || '';\n          const channelKey = node.attrs?.channelKey || '';\n          const name = node.attrs?.name || '';\n          const locked = String(node.attrs?.locked ?? '');\n          return `<!-- @channel: {\"id\": \"${id}\", \"channelKey\": \"${channelKey}\", \"name\": \"${name}\", \"locked\": \"${locked}\"} -->`;\n        },\n\n        'slash-commands' ({ node }) {\n          return `/${node.attrs?.command || ''}`;\n        },\n\n        emoji ({ node }) {\n          return node.attrs?.code || '';\n        },\n\n        variable ({ node }) {\n          const id = node.attrs?.id || '';\n          const altText = node.attrs?.altText || '';\n          return `{{${id}=${altText}}}`;\n        },\n      },\n\n      markMapping: {\n        bold ({ children }) {\n          return wrapMark(joinChildren(children), '**', '**');\n        },\n\n        // Override italic: use * instead of built-in _ and fix boundary spaces\n        italic ({ children }) {\n          return wrapMark(joinChildren(children), '*', '*');\n        },\n\n        strike ({ children }) {\n          return wrapMark(joinChildren(children), '~~', '~~');\n        },\n\n        code ({ children }) {\n          return wrapMark(joinChildren(children), '`', '`');\n        },\n\n        link ({ mark, children }) {\n          const text = joinChildren(children);\n          const href = mark.attrs?.href || '';\n          const trimmed = text.trim();\n          const leading = text.slice(0, text.length - text.trimStart().length);\n          const trailing = text.slice(text.trimEnd().length);\n          return `${leading}[${trimmed}](${href})${trailing}`;\n        },\n\n        // Override underline: pass-through (no markdown equivalent, matches legacy no-op)\n        underline ({ children }) {\n          return joinChildren(children);\n        },\n      },\n    },\n  });\n  // Collapse 3+ consecutive newlines to 2 (CommonMark ignores extra blank\n  // lines between blocks), and strip the leading newline that the built-in\n  // paragraph renderer always prepends to the first node.\n  return output.replace(/\\n{3,}/g, '\\n\\n').replace(/^\\n+|\\n+$/g, '');\n}\n"],"mappings":"4JAIA,IAAM,EAAgB,GAAa,MAAM,QAAQ,EAAS,CAAG,EAAS,KAAK,GAAG,CAAI,GAAY,GAIxF,GAAY,EAAM,EAAM,IAAU,CACtC,IAAM,EAAU,EAAK,MAAM,CAI3B,OAHK,EAGE,GAFS,EAAK,MAAM,EAAG,EAAK,OAAS,EAAK,WAAW,CAAC,OAAO,GAEhD,IAAO,IAAU,IADpB,EAAK,MAAM,EAAK,SAAS,CAAC,OAAO,GAF7B,GAiBvB,SAAgB,EAAwB,EAAa,EAAY,CA2F/D,OAAA,EAAA,EAAA,kBA1FgC,CAC9B,aACA,QAAS,EACT,QAAS,CACP,YAAa,CAGX,WAAY,CAAE,YAAY,CAMxB,OALa,EAAa,EAAS,CAAC,MAAM,CAEvC,MAAM;EAAK,CACX,IAAI,GAAQ,EAAO,KAAK,IAAS,IAAI,CACrC,KAAK;EAAK,CACG;GAIlB,UAAW,CAAE,OAAM,YAAY,CAE7B,MAAO,SADM,EAAK,OAAO,UAAY,GAChB,IAAI,EAAa,EAAS,CAAC,aAIlD,QAAS,CAAE,QAAQ,CAIjB,MAAO,0BAHI,EAAK,OAAO,IAAM,GAGO,oBAFjB,EAAK,OAAO,YAAc,GAEsB,cADtD,EAAK,OAAO,MAAQ,GACqD,SAGxF,QAAS,CAAE,QAAQ,CAKjB,MAAO,0BAJI,EAAK,OAAO,IAAM,GAIO,oBAHjB,EAAK,OAAO,YAAc,GAGsB,cAFtD,EAAK,OAAO,MAAQ,GAEqD,gBADvE,OAAO,EAAK,OAAO,QAAU,GAAG,CAC8D,SAG/G,iBAAkB,CAAE,QAAQ,CAC1B,MAAO,IAAI,EAAK,OAAO,SAAW,MAGpC,MAAO,CAAE,QAAQ,CACf,OAAO,EAAK,OAAO,MAAQ,IAG7B,SAAU,CAAE,QAAQ,CAGlB,MAAO,KAFI,EAAK,OAAO,IAAM,GAEd,GADC,EAAK,OAAO,SAAW,GACb,KAE7B,CAED,YAAa,CACX,KAAM,CAAE,YAAY,CAClB,OAAO,EAAS,EAAa,EAAS,CAAE,KAAM,KAAK,EAIrD,OAAQ,CAAE,YAAY,CACpB,OAAO,EAAS,EAAa,EAAS,CAAE,IAAK,IAAI,EAGnD,OAAQ,CAAE,YAAY,CACpB,OAAO,EAAS,EAAa,EAAS,CAAE,KAAM,KAAK,EAGrD,KAAM,CAAE,YAAY,CAClB,OAAO,EAAS,EAAa,EAAS,CAAE,IAAK,IAAI,EAGnD,KAAM,CAAE,OAAM,YAAY,CACxB,IAAM,EAAO,EAAa,EAAS,CAC7B,EAAO,EAAK,OAAO,MAAQ,GAC3B,EAAU,EAAK,MAAM,CAG3B,MAAO,GAFS,EAAK,MAAM,EAAG,EAAK,OAAS,EAAK,WAAW,CAAC,OAAO,CAElD,GAAG,EAAQ,IAAI,EAAK,GADrB,EAAK,MAAM,EAAK,SAAS,CAAC,OAAO,IAKpD,UAAW,CAAE,YAAY,CACvB,OAAO,EAAa,EAAS,EAEhC,CACF,CACF,CAAC,CAIY,QAAQ,UAAW;;EAAO,CAAC,QAAQ,aAAc,GAAG"}

package/dist/vue3/lib/rich-text-editor/markdownRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdownRenderer.js","names":[],"sources":["../../../components/rich_text_editor/markdownRenderer.js"],"sourcesContent":["import { renderToMarkdown } from '@tiptap/static-renderer/pm/markdown';\n\n// The pm/markdown renderer passes children as string[] (one entry per child node),\n// not as a pre-joined string. Normalize to a string before processing.\nconst joinChildren = (children) => Array.isArray(children) ? children.join('') : (children || '');\n\n// Move leading/trailing spaces outside mark delimiters so parsers like CommonMark\n// don't reject them (e.g. \"** bold **\" → \" **bold** \").\nconst wrapMark = (text, open, close) => {\n  const trimmed = text.trim();\n  if (!trimmed) return text;\n  const leading = text.slice(0, text.length - text.trimStart().length);\n  const trailing = text.slice(text.trimEnd().length);\n  return `${leading}${open}${trimmed}${close}${trailing}`;\n};\n\n/**\n * Renders a TipTap/ProseMirror JSON document to a markdown string.\n *\n * Uses @tiptap/static-renderer with custom mappings to preserve the output\n * format of the legacy jsonToMarkdownConverter, including Dialtone-specific\n * node types (mention, channel, emoji, variable, slash-commands).\n *\n * @param {import('@tiptap/core').JSONContent} jsonContent - TipTap JSON document\n * @param {import('@tiptap/core').Extensions} extensions - Active editor extensions\n * @returns {string}\n */\nexport function renderEditorToMarkdown (jsonContent, extensions) {\n  const output = renderToMarkdown({\n    extensions,\n    content: jsonContent,\n    options: {\n      nodeMapping: {\n        // Override blockquote: built-in omits trailing newline (causes lazy continuation).\n        // Since we replace the built-in entirely, we must add the '> ' prefix ourselves.\n        blockquote ({ children }) {\n          const text = joinChildren(children).trim();\n          const quoted = text\n            .split('\\n')\n            .map(line => line ? `> ${line}` : '>')\n            .join('\\n');\n          return quoted + '\\n';\n        },\n\n        // Override codeBlock: built-in passes null language through literally\n        codeBlock ({ node, children }) {\n          const lang = node.attrs?.language || '';\n          return `\\`\\`\\`${lang}\\n${joinChildren(children)}\\n\\`\\`\\`\\n`;\n        },\n\n        // Custom Dialtone node types\n        mention ({ node }) {\n          const id = node.attrs?.id || '';\n          const contactKey = node.attrs?.contactKey || '';\n          const name = node.attrs?.name || '';\n          return `<!-- @mention: {\"id\": \"${id}\", \"contactKey\": \"${contactKey}\", \"name\": \"${name}\"} -->`;\n        },\n\n        channel ({ node }) {\n          const id = node.attrs?.id || '';\n          const channelKey = node.attrs?.channelKey || '';\n          const name = node.attrs?.name || '';\n          const locked = String(node.attrs?.locked ?? '');\n          return `<!-- @channel: {\"id\": \"${id}\", \"channelKey\": \"${channelKey}\", \"name\": \"${name}\", \"locked\": \"${locked}\"} -->`;\n        },\n\n        'slash-commands' ({ node }) {\n          return `/${node.attrs?.command || ''}`;\n        },\n\n        emoji ({ node }) {\n          return node.attrs?.code || '';\n        },\n\n        variable ({ node }) {\n          const id = node.attrs?.id || '';\n          const altText = node.attrs?.altText || '';\n          return `{{${id}=${altText}}}`;\n        },\n      },\n\n      markMapping: {\n        bold ({ children }) {\n          return wrapMark(joinChildren(children), '**', '**');\n        },\n\n        // Override italic: use * instead of built-in _ and fix boundary spaces\n        italic ({ children }) {\n          return wrapMark(joinChildren(children), '*', '*');\n        },\n\n        strike ({ children }) {\n          return wrapMark(joinChildren(children), '~~', '~~');\n        },\n\n        code ({ children }) {\n          return wrapMark(joinChildren(children), '`', '`');\n        },\n\n        link ({ mark, children }) {\n          const text = joinChildren(children);\n          const href = mark.attrs?.href || '';\n          const trimmed = text.trim();\n          const leading = text.slice(0, text.length - text.trimStart().length);\n          const trailing = text.slice(text.trimEnd().length);\n          return `${leading}[${trimmed}](${href})${trailing}`;\n        },\n\n        // Override underline: pass-through (no markdown equivalent, matches legacy no-op)\n        underline ({ children }) {\n          return joinChildren(children);\n        },\n      },\n    },\n  });\n  // Collapse 3+ consecutive newlines to 2 (CommonMark ignores extra blank\n  // lines between blocks), and strip the leading newline that the built-in\n  // paragraph renderer always prepends to the first node.\n  return output.replace(/\\n{3,}/g, '\\n\\n').replace(/^\\n+|\\n+$/g, '');\n}\n"],"mappings":";;AAIA,IAAM,KAAgB,MAAa,MAAM,QAAQ,EAAS,GAAG,EAAS,KAAK,GAAG,GAAI,KAAY,IAIxF,KAAY,GAAM,GAAM,MAAU;CACtC,IAAM,IAAU,EAAK,MAAM;AAI3B,QAHK,IAGE,GAFS,EAAK,MAAM,GAAG,EAAK,SAAS,EAAK,WAAW,CAAC,OAAO,GAEhD,IAAO,IAAU,IADpB,EAAK,MAAM,EAAK,SAAS,CAAC,OAAO,KAF7B;;AAiBvB,SAAgB,EAAwB,GAAa,GAAY;AA2F/D,QA1Fe,EAAiB;EAC9B;EACA,SAAS;EACT,SAAS;GACP,aAAa;IAGX,WAAY,EAAE,eAAY;AAMxB,YALa,EAAa,EAAS,CAAC,MAAM,CAEvC,MAAM,KAAK,CACX,KAAI,MAAQ,IAAO,KAAK,MAAS,IAAI,CACrC,KAAK,KAAK,GACG;;IAIlB,UAAW,EAAE,SAAM,eAAY;AAE7B,YAAO,SADM,EAAK,OAAO,YAAY,GAChB,IAAI,EAAa,EAAS,CAAC;;IAIlD,QAAS,EAAE,WAAQ;AAIjB,YAAO,0BAHI,EAAK,OAAO,MAAM,GAGO,oBAFjB,EAAK,OAAO,cAAc,GAEsB,cADtD,EAAK,OAAO,QAAQ,GACqD;;IAGxF,QAAS,EAAE,WAAQ;AAKjB,YAAO,0BAJI,EAAK,OAAO,MAAM,GAIO,oBAHjB,EAAK,OAAO,cAAc,GAGsB,cAFtD,EAAK,OAAO,QAAQ,GAEqD,gBADvE,OAAO,EAAK,OAAO,UAAU,GAAG,CAC8D;;IAG/G,iBAAkB,EAAE,WAAQ;AAC1B,YAAO,IAAI,EAAK,OAAO,WAAW;;IAGpC,MAAO,EAAE,WAAQ;AACf,YAAO,EAAK,OAAO,QAAQ;;IAG7B,SAAU,EAAE,WAAQ;AAGlB,YAAO,KAFI,EAAK,OAAO,MAAM,GAEd,GADC,EAAK,OAAO,WAAW,GACb;;IAE7B;GAED,aAAa;IACX,KAAM,EAAE,eAAY;AAClB,YAAO,EAAS,EAAa,EAAS,EAAE,MAAM,KAAK;;IAIrD,OAAQ,EAAE,eAAY;AACpB,YAAO,EAAS,EAAa,EAAS,EAAE,KAAK,IAAI;;IAGnD,OAAQ,EAAE,eAAY;AACpB,YAAO,EAAS,EAAa,EAAS,EAAE,MAAM,KAAK;;IAGrD,KAAM,EAAE,eAAY;AAClB,YAAO,EAAS,EAAa,EAAS,EAAE,KAAK,IAAI;;IAGnD,KAAM,EAAE,SAAM,eAAY;KACxB,IAAM,IAAO,EAAa,EAAS,EAC7B,IAAO,EAAK,OAAO,QAAQ,IAC3B,IAAU,EAAK,MAAM;AAG3B,YAAO,GAFS,EAAK,MAAM,GAAG,EAAK,SAAS,EAAK,WAAW,CAAC,OAAO,CAElD,GAAG,EAAQ,IAAI,EAAK,GADrB,EAAK,MAAM,EAAK,SAAS,CAAC,OAAO;;IAKpD,UAAW,EAAE,eAAY;AACvB,YAAO,EAAa,EAAS;;IAEhC;GACF;EACF,CAAC,CAIY,QAAQ,WAAW,OAAO,CAAC,QAAQ,cAAc,GAAG"}