@dialpad/dialtone 9.177.1 → 9.177.2

package/dist/vue3/{toast-0QfP90_3.cjs.map → toast-BZ8qQHML.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-BZ8qQHML.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/{toast-B1zeUPtg.js → toast-jpudprAC.js}

@@ -419,4 +419,4 @@ var J = /* @__PURE__ */ n(K, [["render", q]]);
 //#endregion
 export { J as t };
 
-//# sourceMappingURL=toast-B1zeUPtg.js.map
+//# sourceMappingURL=toast-jpudprAC.js.map

package/dist/vue3/{toast-B1zeUPtg.js.map → toast-jpudprAC.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-jpudprAC.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.177.1",
+  "version": "9.177.2",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -85,9 +85,9 @@
     "tippy.js": "6.3.7",
     "vue-tsc": "3.2.6",
     "@dialpad/dialtone-emojis": "1.2.4",
-    "@dialpad/dialtone-icons": "4.51.0",
+    "@dialpad/dialtone-mcp-server": "1.3.0",
     "@dialpad/dialtone-tokens": "1.47.4",
-    "@dialpad/dialtone-mcp-server": "1.3.0"
+    "@dialpad/dialtone-icons": "4.51.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",

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"}

package/dist/vue3/rich_text_editor-CEwKDuzw.cjs

@@ -1,10 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./common/utils/index.cjs`),n=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`./common/emoji/index.cjs`),i=require(`./lib/avatar/avatar.cjs`),a=require(`./lib/badge/badge.cjs`),o=require(`./lib/link/link.cjs`),s=require(`./localization/index.cjs`),c=require(`./lib/button/button.cjs`),l=require(`./lib/list-item/list-item.cjs`),u=require(`./lib/stack/stack.cjs`),d=require(`./lib/popover/popover.cjs`),f=require(`./lib/emoji/emoji.cjs`),p=require(`./lib/input/input.cjs`),m=require(`./node_modules/@tiptap/vue-3.cjs`),h=require(`./lib/rich-text-editor/rich-text-editor-constants.cjs`),g=require(`./lib/rich-text-editor/markdownRenderer.cjs`);let _=require(`vue`),v=require(`regex-combined-emojis`),y=require(`@dialpad/dialtone-icons/vue3`),b=require(`@tiptap/core`),x=require(`@tiptap/pm/state`),S=require(`@tiptap/pm/tables`),C=require(`@tiptap/extension-blockquote`);C=e.t(C);let w=require(`@tiptap/extension-code-block`);w=e.t(w);let T=require(`@tiptap/extension-code`);T=e.t(T);let E=require(`@tiptap/extension-document`);E=e.t(E);let D=require(`@tiptap/extensions`),O=require(`@tiptap/extension-hard-break`);O=e.t(O);let k=require(`@tiptap/extension-paragraph`);k=e.t(k);let A=require(`@tiptap/extension-bold`);A=e.t(A);let j=require(`@tiptap/extension-list`),M=require(`@tiptap/extension-italic`);M=e.t(M);let N=require(`@tiptap/extension-link`);N=e.t(N);let ee=require(`@tiptap/extension-strike`);ee=e.t(ee);let te=require(`@tiptap/extension-underline`);te=e.t(te);let ne=require(`@tiptap/extension-text`);ne=e.t(ne);let re=require(`@tiptap/extension-text-align`);re=e.t(re);let ie=require(`@tiptap/extension-table`),ae=require(`@tiptap/extension-text-style`),oe=require(`@tiptap/suggestion`);oe=e.t(oe);let se=require(`@tiptap/extension-image`);se=e.t(se);let P=require(`@tiptap/extension-mention`);P=e.t(P);let ce=require(`@dialpad/dialtone-icons/vue3/hash`);ce=e.t(ce);let le=require(`@dialpad/dialtone-icons/vue3/lock`);le=e.t(le);let ue=require(`deep-equal`);ue=e.t(ue);var de=[`top`,`right`,`bottom`,`left`],fe=[`start`,`end`],pe=de.reduce((e,t)=>e.concat(t,t+`-`+fe[0],t+`-`+fe[1]),[]),F=Math.min,I=Math.max,me=Math.round,L=e=>({x:e,y:e}),he={left:`right`,right:`left`,bottom:`top`,top:`bottom`},ge={start:`end`,end:`start`};function _e(e,t,n){return I(e,F(t,n))}function R(e,t){return typeof e==`function`?e(t):e}function z(e){return e.split(`-`)[0]}function B(e){return e.split(`-`)[1]}function ve(e){return e===`x`?`y`:`x`}function ye(e){return e===`y`?`height`:`width`}var be=new Set([`top`,`bottom`]);function V(e){return be.has(z(e))?`y`:`x`}function xe(e){return ve(V(e))}function Se(e,t,n){n===void 0&&(n=!1);let r=B(e),i=xe(e),a=ye(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=je(o)),[o,je(o)]}function Ce(e){let t=je(e);return[we(e),t,we(t)]}function we(e){return e.replace(/start|end/g,e=>ge[e])}var Te=[`left`,`right`],Ee=[`right`,`left`],De=[`top`,`bottom`],Oe=[`bottom`,`top`];function ke(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Ee:Te:t?Te:Ee;case`left`:case`right`:return t?De:Oe;default:return[]}}function Ae(e,t,n,r){let i=B(e),a=ke(z(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(we)))),a}function je(e){return e.replace(/left|right|bottom|top/g,e=>he[e])}function Me(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ne(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:Me(e)}function H(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function Pe(e,t,n){let{reference:r,floating:i}=e,a=V(t),o=xe(t),s=ye(o),c=z(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(B(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function Fe(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=R(t,e),p=Ne(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=H(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=H(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var Ie=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=a.filter(Boolean),c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=Pe(l,r,c),f=r,p={},m=0;for(let n=0;n<s.length;n++){let{name:a,fn:h}=s[n],{x:g,y:_,data:v,reset:y}=await h({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:p,rects:l,platform:{...o,detectOverflow:o.detectOverflow??Fe},elements:{reference:e,floating:t}});u=g??u,d=_??d,p={...p,[a]:{...p[a],...v}},y&&m<=50&&(m++,typeof y==`object`&&(y.placement&&(f=y.placement),y.rects&&(l=y.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):y.rects),{x:u,y:d}=Pe(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:p}},Le=e=>({name:`arrow`,options:e,async fn(t){let{x:n,y:r,placement:i,rects:a,platform:o,elements:s,middlewareData:c}=t,{element:l,padding:u=0}=R(e,t)||{};if(l==null)return{};let d=Ne(u),f={x:n,y:r},p=xe(i),m=ye(p),h=await o.getDimensions(l),g=p===`y`,_=g?`top`:`left`,v=g?`bottom`:`right`,y=g?`clientHeight`:`clientWidth`,b=a.reference[m]+a.reference[p]-f[p]-a.floating[m],x=f[p]-a.reference[p],S=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l)),C=S?S[y]:0;(!C||!await(o.isElement==null?void 0:o.isElement(S)))&&(C=s.floating[y]||a.floating[m]);let w=b/2-x/2,T=C/2-h[m]/2-1,E=F(d[_],T),D=F(d[v],T),O=E,k=C-h[m]-D,A=C/2-h[m]/2+w,j=_e(O,A,k),M=!c.arrow&&B(i)!=null&&A!==j&&a.reference[m]/2-(A<O?E:D)-h[m]/2<0,N=M?A<O?A-O:A-k:0;return{[p]:f[p]+N,data:{[p]:j,centerOffset:A-j-N,...M&&{alignmentOffset:N}},reset:M}}});function Re(e,t,n){return(e?[...n.filter(t=>B(t)===e),...n.filter(t=>B(t)!==e)]:n.filter(e=>z(e)===e)).filter(n=>e?B(n)===e||(t?we(n)!==n:!1):!0)}var ze=function(e){return e===void 0&&(e={}),{name:`autoPlacement`,options:e,async fn(t){let{rects:n,middlewareData:r,placement:i,platform:a,elements:o}=t,{crossAxis:s=!1,alignment:c,allowedPlacements:l=pe,autoAlignment:u=!0,...d}=R(e,t),f=c!==void 0||l===pe?Re(c||null,u,l):l,p=await a.detectOverflow(t,d),m=r.autoPlacement?.index||0,h=f[m];if(h==null)return{};let g=Se(h,n,await(a.isRTL==null?void 0:a.isRTL(o.floating)));if(i!==h)return{reset:{placement:f[0]}};let _=[p[z(h)],p[g[0]],p[g[1]]],v=[...r.autoPlacement?.overflows||[],{placement:h,overflows:_}],y=f[m+1];if(y)return{data:{index:m+1,overflows:v},reset:{placement:y}};let b=v.map(e=>{let t=B(e.placement);return[e.placement,t&&s?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),x=b.filter(e=>e[2].slice(0,B(e[0])?2:3).every(e=>e<=0))[0]?.[0]||b[0][0];return x===i?{}:{data:{index:m+1,overflows:v},reset:{placement:x}}}}},Be=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=R(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=z(r),_=V(o),v=z(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[je(o)]:Ce(o)),x=p!==`none`;!d&&x&&b.push(...Ae(o,m,p,y));let S=[o,...b],C=await s.detectOverflow(t,h),w=[],T=i.flip?.overflows||[];if(l&&w.push(C[g]),u){let e=Se(r,a,y);w.push(C[e[0]],C[e[1]])}if(T=[...T,{placement:r,overflows:w}],!w.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=S[e];if(t&&(!(u===`alignment`&&_!==V(t))||T.every(e=>V(e.placement)===_?e.overflows[0]>0:!0)))return{data:{index:e,overflows:T},reset:{placement:t}};let n=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=T.filter(e=>{if(x){let t=V(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}};function Ve(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function He(e){return de.some(t=>e[t]>=0)}var Ue=function(e){return e===void 0&&(e={}),{name:`hide`,options:e,async fn(t){let{rects:n,platform:r}=t,{strategy:i=`referenceHidden`,...a}=R(e,t);switch(i){case`referenceHidden`:{let e=Ve(await r.detectOverflow(t,{...a,elementContext:`reference`}),n.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:He(e)}}}case`escaped`:{let e=Ve(await r.detectOverflow(t,{...a,altBoundary:!0}),n.floating);return{data:{escapedOffsets:e,escaped:He(e)}}}default:return{}}}}};function We(e){let t=F(...e.map(e=>e.left)),n=F(...e.map(e=>e.top)),r=I(...e.map(e=>e.right)),i=I(...e.map(e=>e.bottom));return{x:t,y:n,width:r-t,height:i-n}}function Ge(e){let t=e.slice().sort((e,t)=>e.y-t.y),n=[],r=null;for(let e=0;e<t.length;e++){let i=t[e];!r||i.y-r.y>r.height/2?n.push([i]):n[n.length-1].push(i),r=i}return n.map(e=>H(We(e)))}var Ke=function(e){return e===void 0&&(e={}),{name:`inline`,options:e,async fn(t){let{placement:n,elements:r,rects:i,platform:a,strategy:o}=t,{padding:s=2,x:c,y:l}=R(e,t),u=Array.from(await(a.getClientRects==null?void 0:a.getClientRects(r.reference))||[]),d=Ge(u),f=H(We(u)),p=Ne(s);function m(){if(d.length===2&&d[0].left>d[1].right&&c!=null&&l!=null)return d.find(e=>c>e.left-p.left&&c<e.right+p.right&&l>e.top-p.top&&l<e.bottom+p.bottom)||f;if(d.length>=2){if(V(n)===`y`){let e=d[0],t=d[d.length-1],r=z(n)===`top`,i=e.top,a=t.bottom,o=r?e.left:t.left,s=r?e.right:t.right;return{top:i,bottom:a,left:o,right:s,width:s-o,height:a-i,x:o,y:i}}let e=z(n)===`left`,t=I(...d.map(e=>e.right)),r=F(...d.map(e=>e.left)),i=d.filter(n=>e?n.left===r:n.right===t),a=i[0].top,o=i[i.length-1].bottom,s=r,c=t;return{top:a,bottom:o,left:s,right:c,width:c-s,height:o-a,x:s,y:a}}return f}let h=await a.getElementRects({reference:{getBoundingClientRect:m},floating:r.floating,strategy:o});return i.reference.x!==h.reference.x||i.reference.y!==h.reference.y||i.reference.width!==h.reference.width||i.reference.height!==h.reference.height?{reset:{rects:h}}:{}}}},qe=new Set([`left`,`top`]);async function Je(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=z(n),s=B(n),c=V(n)===`y`,l=qe.has(o)?-1:1,u=a&&c?-1:1,d=R(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var Ye=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await Je(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}},Xe=function(e){return e===void 0&&(e={}),{name:`shift`,options:e,async fn(t){let{x:n,y:r,placement:i,platform:a}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:c={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...l}=R(e,t),u={x:n,y:r},d=await a.detectOverflow(t,l),f=V(z(i)),p=ve(f),m=u[p],h=u[f];if(o){let e=p===`y`?`top`:`left`,t=p===`y`?`bottom`:`right`,n=m+d[e],r=m-d[t];m=_e(n,m,r)}if(s){let e=f===`y`?`top`:`left`,t=f===`y`?`bottom`:`right`,n=h+d[e],r=h-d[t];h=_e(n,h,r)}let g=c.fn({...t,[p]:m,[f]:h});return{...g,data:{x:g.x-n,y:g.y-r,enabled:{[p]:o,[f]:s}}}}}},Ze=function(e){return e===void 0&&(e={}),{name:`size`,options:e,async fn(t){var n,r;let{placement:i,rects:a,platform:o,elements:s}=t,{apply:c=()=>{},...l}=R(e,t),u=await o.detectOverflow(t,l),d=z(i),f=B(i),p=V(i)===`y`,{width:m,height:h}=a.floating,g,_;d===`top`||d===`bottom`?(g=d,_=f===(await(o.isRTL==null?void 0:o.isRTL(s.floating))?`start`:`end`)?`left`:`right`):(_=d,g=f===`end`?`top`:`bottom`);let v=h-u.top-u.bottom,y=m-u.left-u.right,b=F(h-u[g],v),x=F(m-u[_],y),S=!t.middlewareData.shift,C=b,w=x;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(w=y),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(C=v),S&&!f){let e=I(u.left,0),t=I(u.right,0),n=I(u.top,0),r=I(u.bottom,0);p?w=m-2*(e!==0||t!==0?e+t:I(u.left,u.right)):C=h-2*(n!==0||r!==0?n+r:I(u.top,u.bottom))}await c({...t,availableWidth:w,availableHeight:C});let T=await o.getDimensions(s.floating);return m!==T.width||h!==T.height?{reset:{rects:!0}}:{}}}};function Qe(){return typeof window<`u`}function U(e){return $e(e)?(e.nodeName||``).toLowerCase():`#document`}function W(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function G(e){return(($e(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function $e(e){return Qe()?e instanceof Node||e instanceof W(e).Node:!1}function K(e){return Qe()?e instanceof Element||e instanceof W(e).Element:!1}function q(e){return Qe()?e instanceof HTMLElement||e instanceof W(e).HTMLElement:!1}function et(e){return!Qe()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof W(e).ShadowRoot}var tt=new Set([`inline`,`contents`]);function J(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=X(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!tt.has(i)}var nt=new Set([`table`,`td`,`th`]);function rt(e){return nt.has(U(e))}var it=[`:popover-open`,`:modal`];function at(e){return it.some(t=>{try{return e.matches(t)}catch{return!1}})}var ot=[`transform`,`translate`,`scale`,`rotate`,`perspective`],st=[`transform`,`translate`,`scale`,`rotate`,`perspective`,`filter`],ct=[`paint`,`layout`,`strict`,`content`];function lt(e){let t=dt(),n=K(e)?X(e):e;return ot.some(e=>n[e]?n[e]!==`none`:!1)||(n.containerType?n.containerType!==`normal`:!1)||!t&&(n.backdropFilter?n.backdropFilter!==`none`:!1)||!t&&(n.filter?n.filter!==`none`:!1)||st.some(e=>(n.willChange||``).includes(e))||ct.some(e=>(n.contain||``).includes(e))}function ut(e){let t=Z(e);for(;q(t)&&!Y(t);){if(lt(t))return t;if(at(t))return null;t=Z(t)}return null}function dt(){return typeof CSS>`u`||!CSS.supports?!1:CSS.supports(`-webkit-backdrop-filter`,`none`)}var ft=new Set([`html`,`body`,`#document`]);function Y(e){return ft.has(U(e))}function X(e){return W(e).getComputedStyle(e)}function pt(e){return K(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Z(e){if(U(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||et(e)&&e.host||G(e);return et(t)?t.host:t}function mt(e){let t=Z(e);return Y(t)?e.ownerDocument?e.ownerDocument.body:e.body:q(t)&&J(t)?t:mt(t)}function ht(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=mt(e),i=r===e.ownerDocument?.body,a=W(r);if(i){let e=gt(a);return t.concat(a,a.visualViewport||[],J(r)?r:[],e&&n?ht(e):[])}return t.concat(r,ht(r,[],n))}function gt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function _t(e){let t=X(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=q(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=me(n)!==a||me(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function vt(e){return K(e)?e:e.contextElement}function Q(e){let t=vt(e);if(!q(t))return L(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=_t(t),o=(a?me(n.width):n.width)/r,s=(a?me(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var yt=L(0);function bt(e){let t=W(e);return!dt()||!t.visualViewport?yt:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function xt(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==W(e)?!1:t}function St(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=vt(e),o=L(1);t&&(r?K(r)&&(o=Q(r)):o=Q(e));let s=xt(a,n,r)?bt(a):L(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=W(a),t=r&&K(r)?W(r):r,n=e,i=gt(n);for(;i&&r&&t!==n;){let e=Q(i),t=i.getBoundingClientRect(),r=X(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=W(i),i=gt(n)}}return H({width:u,height:d,x:c,y:l})}function Ct(e,t){let n=pt(e).scrollLeft;return t?t.left+n:St(G(e)).left+n}function wt(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Ct(e,n),y:n.top+t.scrollTop}}function Tt(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=G(r),s=t?at(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=L(1),u=L(0),d=q(r);if((d||!d&&!a)&&((U(r)!==`body`||J(o))&&(c=pt(r)),q(r))){let e=St(r);l=Q(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?wt(o,c):L(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function Et(e){return Array.from(e.getClientRects())}function Dt(e){let t=G(e),n=pt(e),r=e.ownerDocument.body,i=I(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=I(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Ct(e),s=-n.scrollTop;return X(r).direction===`rtl`&&(o+=I(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var Ot=25;function kt(e,t){let n=W(e),r=G(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=dt();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=Ct(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=Ot&&(a-=o)}else l<=Ot&&(a+=l);return{width:a,height:o,x:s,y:c}}var At=new Set([`absolute`,`fixed`]);function jt(e,t){let n=St(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=q(e)?Q(e):L(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function Mt(e,t,n){let r;if(t===`viewport`)r=kt(e,n);else if(t===`document`)r=Dt(G(e));else if(K(t))r=jt(t,n);else{let n=bt(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return H(r)}function Nt(e,t){let n=Z(e);return n===t||!K(n)||Y(n)?!1:X(n).position===`fixed`||Nt(n,t)}function Pt(e,t){let n=t.get(e);if(n)return n;let r=ht(e,[],!1).filter(e=>K(e)&&U(e)!==`body`),i=null,a=X(e).position===`fixed`,o=a?Z(e):e;for(;K(o)&&!Y(o);){let t=X(o),n=lt(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&At.has(i.position)||J(o)&&!n&&Nt(e,o))?r=r.filter(e=>e!==o):i=t,o=Z(o)}return t.set(e,r),r}function Ft(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?at(t)?[]:Pt(t,this._c):[].concat(n),r],o=a[0],s=a.reduce((e,n)=>{let r=Mt(t,n,i);return e.top=I(r.top,e.top),e.right=F(r.right,e.right),e.bottom=F(r.bottom,e.bottom),e.left=I(r.left,e.left),e},Mt(t,o,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function It(e){let{width:t,height:n}=_t(e);return{width:t,height:n}}function Lt(e,t,n){let r=q(t),i=G(t),a=n===`fixed`,o=St(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=L(0);function l(){c.x=Ct(i)}if(r||!r&&!a)if((U(t)!==`body`||J(i))&&(s=pt(t)),r){let e=St(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?wt(i,s):L(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function Rt(e){return X(e).position===`static`}function zt(e,t){if(!q(e)||X(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return G(e)===n&&(n=n.ownerDocument.body),n}function Bt(e,t){let n=W(e);if(at(e))return n;if(!q(e)){let t=Z(e);for(;t&&!Y(t);){if(K(t)&&!Rt(t))return t;t=Z(t)}return n}let r=zt(e,t);for(;r&&rt(r)&&Rt(r);)r=zt(r,t);return r&&Y(r)&&Rt(r)&&!lt(r)?n:r||ut(e)||n}var Vt=async function(e){let t=this.getOffsetParent||Bt,n=this.getDimensions,r=await n(e.floating);return{reference:Lt(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Ht(e){return X(e).direction===`rtl`}var Ut={convertOffsetParentRelativeRectToViewportRelativeRect:Tt,getDocumentElement:G,getClippingRect:Ft,getOffsetParent:Bt,getElementRects:Vt,getClientRects:Et,getDimensions:It,getScale:Q,isElement:K,isRTL:Ht},Wt=Ye,Gt=ze,Kt=Xe,qt=Be,Jt=Ze,Yt=Ue,Xt=Le,Zt=Ke,Qt=(e,t,n)=>{let r=new Map,i={platform:Ut,...n},a={...i.platform,_c:r};return Ie(e,t,{...i,platform:a})};function $t(e,t){let n=Math.min(e.top,t.top),r=Math.max(e.bottom,t.bottom),i=Math.min(e.left,t.left),a=Math.max(e.right,t.right)-i,o=r-n,s=i,c=n;return new DOMRect(s,c,a,o)}var en=class{constructor({editor:e,element:t,view:n,updateDelay:r=250,resizeDelay:i=60,shouldShow:a,appendTo:o,getReferencedVirtualElement:s,options:c}){this.preventHide=!1,this.isVisible=!1,this.scrollTarget=window,this.floatingUIOptions={strategy:`absolute`,placement:`top`,offset:8,flip:{},shift:{},arrow:!1,size:!1,autoPlacement:!1,hide:!1,inline:!1,onShow:void 0,onHide:void 0,onUpdate:void 0,onDestroy:void 0},this.shouldShow=({view:e,state:t,from:n,to:r})=>{let{doc:i,selection:a}=t,{empty:o}=a,s=!i.textBetween(n,r).length&&(0,b.isTextSelection)(t.selection),c=this.element.contains(document.activeElement);return!(!(e.hasFocus()||c)||o||s||!this.editor.isEditable)},this.mousedownHandler=()=>{this.preventHide=!0},this.dragstartHandler=()=>{this.hide()},this.resizeHandler=()=>{this.resizeDebounceTimer&&clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=window.setTimeout(()=>{this.updatePosition()},this.resizeDelay)},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:e})=>{if(this.editor.isDestroyed){this.destroy();return}if(this.preventHide){this.preventHide=!1;return}e?.relatedTarget&&this.element.parentNode?.contains(e.relatedTarget)||e?.relatedTarget!==this.editor.view.dom&&this.hide()},this.handleDebouncedUpdate=(e,t)=>{let n=!t?.selection.eq(e.state.selection),r=!t?.doc.eq(e.state.doc);!n&&!r||(this.updateDebounceTimer&&clearTimeout(this.updateDebounceTimer),this.updateDebounceTimer=window.setTimeout(()=>{this.updateHandler(e,n,r,t)},this.updateDelay))},this.updateHandler=(e,t,n,r)=>{let{composing:i}=e;if(!(i||!t&&!n)){if(!this.getShouldShow(r)){this.hide();return}this.updatePosition(),this.show()}},this.transactionHandler=({transaction:e})=>{let t=e.getMeta(`bubbleMenu`);t===`updatePosition`?this.updatePosition():t&&typeof t==`object`&&t.type===`updateOptions`&&this.updateOptions(t.options)},this.editor=e,this.element=t,this.view=n,this.updateDelay=r,this.resizeDelay=i,this.appendTo=o,this.scrollTarget=c?.scrollTarget??window,this.getReferencedVirtualElement=s,this.floatingUIOptions={...this.floatingUIOptions,...c},this.element.tabIndex=0,a&&(this.shouldShow=a),this.element.addEventListener(`mousedown`,this.mousedownHandler,{capture:!0}),this.view.dom.addEventListener(`dragstart`,this.dragstartHandler),this.editor.on(`focus`,this.focusHandler),this.editor.on(`blur`,this.blurHandler),this.editor.on(`transaction`,this.transactionHandler),window.addEventListener(`resize`,this.resizeHandler),this.scrollTarget.addEventListener(`scroll`,this.resizeHandler),this.update(n,n.state),this.getShouldShow()&&(this.show(),this.updatePosition())}get middlewares(){let e=[];return this.floatingUIOptions.flip&&e.push(qt(typeof this.floatingUIOptions.flip==`boolean`?void 0:this.floatingUIOptions.flip)),this.floatingUIOptions.shift&&e.push(Kt(typeof this.floatingUIOptions.shift==`boolean`?void 0:this.floatingUIOptions.shift)),this.floatingUIOptions.offset&&e.push(Wt(typeof this.floatingUIOptions.offset==`boolean`?void 0:this.floatingUIOptions.offset)),this.floatingUIOptions.arrow&&e.push(Xt(this.floatingUIOptions.arrow)),this.floatingUIOptions.size&&e.push(Jt(typeof this.floatingUIOptions.size==`boolean`?void 0:this.floatingUIOptions.size)),this.floatingUIOptions.autoPlacement&&e.push(Gt(typeof this.floatingUIOptions.autoPlacement==`boolean`?void 0:this.floatingUIOptions.autoPlacement)),this.floatingUIOptions.hide&&e.push(Yt(typeof this.floatingUIOptions.hide==`boolean`?void 0:this.floatingUIOptions.hide)),this.floatingUIOptions.inline&&e.push(Zt(typeof this.floatingUIOptions.inline==`boolean`?void 0:this.floatingUIOptions.inline)),e}get virtualElement(){let{selection:e}=this.editor.state,t=this.getReferencedVirtualElement?.call(this);if(t)return t;if(!this.view?.dom?.parentNode)return;let n=(0,b.posToDOMRect)(this.view,e.from,e.to),r={getBoundingClientRect:()=>n,getClientRects:()=>[n]};if(e instanceof x.NodeSelection){let t=this.view.nodeDOM(e.from),n=t.dataset.nodeViewWrapper?t:t.querySelector(`[data-node-view-wrapper]`);n&&(t=n),t&&(r={getBoundingClientRect:()=>t.getBoundingClientRect(),getClientRects:()=>[t.getBoundingClientRect()]})}if(e instanceof S.CellSelection){let{$anchorCell:t,$headCell:n}=e,i=t?t.pos:n.pos,a=n?n.pos:t.pos,o=this.view.nodeDOM(i),s=this.view.nodeDOM(a);if(!o||!s)return;let c=o===s?o.getBoundingClientRect():$t(o.getBoundingClientRect(),s.getBoundingClientRect());r={getBoundingClientRect:()=>c,getClientRects:()=>[c]}}return r}updatePosition(){let e=this.virtualElement;e&&Qt(e,this.element,{placement:this.floatingUIOptions.placement,strategy:this.floatingUIOptions.strategy,middleware:this.middlewares}).then(({x:e,y:t,strategy:n,middlewareData:r})=>{if(r.hide?.referenceHidden||r.hide?.escaped){this.element.style.visibility=`hidden`;return}this.element.style.visibility=`visible`,this.element.style.width=`max-content`,this.element.style.position=n,this.element.style.left=`${e}px`,this.element.style.top=`${t}px`,this.isVisible&&this.floatingUIOptions.onUpdate&&this.floatingUIOptions.onUpdate()})}update(e,t){let{state:n}=e,r=n.selection.from!==n.selection.to;if(this.updateDelay>0&&r){this.handleDebouncedUpdate(e,t);return}let i=!t?.selection.eq(e.state.selection),a=!t?.doc.eq(e.state.doc);this.updateHandler(e,i,a,t)}getShouldShow(e){let{state:t}=this.view,{selection:n}=t,{ranges:r}=n,i=Math.min(...r.map(e=>e.$from.pos)),a=Math.max(...r.map(e=>e.$to.pos));return this.shouldShow?.call(this,{editor:this.editor,element:this.element,view:this.view,state:t,oldState:e,from:i,to:a})||!1}show(){var e;this.isVisible||(this.element.style.visibility=`visible`,this.element.style.opacity=`1`,(e=(typeof this.appendTo==`function`?this.appendTo():this.appendTo)??this.view.dom.parentElement)==null||e.appendChild(this.element),this.floatingUIOptions.onShow&&this.floatingUIOptions.onShow(),this.isVisible=!0)}hide(){this.isVisible&&(this.element.style.visibility=`hidden`,this.element.style.opacity=`0`,this.element.remove(),this.floatingUIOptions.onHide&&this.floatingUIOptions.onHide(),this.isVisible=!1)}updateOptions(e){if(e.updateDelay!==void 0&&(this.updateDelay=e.updateDelay),e.resizeDelay!==void 0&&(this.resizeDelay=e.resizeDelay),e.appendTo!==void 0&&(this.appendTo=e.appendTo),e.getReferencedVirtualElement!==void 0&&(this.getReferencedVirtualElement=e.getReferencedVirtualElement),e.shouldShow!==void 0&&e.shouldShow&&(this.shouldShow=e.shouldShow),e.options!==void 0){let t=e.options.scrollTarget??window;t!==this.scrollTarget&&(this.scrollTarget.removeEventListener(`scroll`,this.resizeHandler),this.scrollTarget=t,this.scrollTarget.addEventListener(`scroll`,this.resizeHandler)),this.floatingUIOptions={...this.floatingUIOptions,...e.options}}}destroy(){this.hide(),this.element.removeEventListener(`mousedown`,this.mousedownHandler,{capture:!0}),this.view.dom.removeEventListener(`dragstart`,this.dragstartHandler),window.removeEventListener(`resize`,this.resizeHandler),this.scrollTarget.removeEventListener(`scroll`,this.resizeHandler),this.editor.off(`focus`,this.focusHandler),this.editor.off(`blur`,this.blurHandler),this.editor.off(`transaction`,this.transactionHandler),this.floatingUIOptions.onDestroy&&this.floatingUIOptions.onDestroy()}},tn=e=>new x.Plugin({key:typeof e.pluginKey==`string`?new x.PluginKey(e.pluginKey):e.pluginKey,view:t=>new en({view:t,...e})}),nn=(0,_.defineComponent)({name:`BubbleMenu`,inheritAttrs:!1,props:{pluginKey:{type:[String,Object],default:`bubbleMenu`},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},resizeDelay:{type:Number,default:void 0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null},getReferencedVirtualElement:{type:Function,default:void 0}},setup(e,{slots:t,attrs:n}){let r=(0,_.ref)(null);return(0,_.onMounted)(()=>{let{editor:t,options:n,pluginKey:i,resizeDelay:a,appendTo:o,shouldShow:s,getReferencedVirtualElement:c,updateDelay:l}=e,u=r.value;u&&(u.style.visibility=`hidden`,u.style.position=`absolute`,u.remove(),(0,_.nextTick)(()=>{t.registerPlugin(tn({editor:t,element:u,options:n,pluginKey:i,resizeDelay:a,appendTo:o,shouldShow:s,getReferencedVirtualElement:c,updateDelay:l}))}))}),(0,_.onBeforeUnmount)(()=>{let{pluginKey:t,editor:n}=e;n.unregisterPlugin(t)}),()=>(0,_.h)(`div`,{ref:r,...n},t.default?.call(t))}}),rn=class{constructor({editor:e,element:t,view:n,updateDelay:r=250,resizeDelay:i=60,options:a,appendTo:o,shouldShow:s}){this.preventHide=!1,this.isVisible=!1,this.scrollTarget=window,this.shouldShow=({view:e,state:t})=>{let{selection:n}=t,{$anchor:r,empty:i}=n,a=r.depth===1,o=r.parent.isTextblock&&!r.parent.type.spec.code&&!r.parent.textContent&&r.parent.childCount===0&&!this.getTextContent(r.parent);return!(!e.hasFocus()||!i||!a||!o||!this.editor.isEditable)},this.floatingUIOptions={strategy:`absolute`,placement:`right`,offset:8,flip:{},shift:{},arrow:!1,size:!1,autoPlacement:!1,hide:!1,inline:!1},this.updateHandler=(e,t,n,r)=>{let{composing:i}=e;if(!(i||!t&&!n)){if(!this.getShouldShow(r)){this.hide();return}this.updatePosition(),this.show()}},this.mousedownHandler=()=>{this.preventHide=!0},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:e})=>{if(this.preventHide){this.preventHide=!1;return}e?.relatedTarget&&this.element.parentNode?.contains(e.relatedTarget)||e?.relatedTarget!==this.editor.view.dom&&this.hide()},this.transactionHandler=({transaction:e})=>{let t=e.getMeta(`floatingMenu`);t===`updatePosition`?this.updatePosition():t&&typeof t==`object`&&t.type===`updateOptions`&&this.updateOptions(t.options)},this.resizeHandler=()=>{this.resizeDebounceTimer&&clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=window.setTimeout(()=>{this.updatePosition()},this.resizeDelay)},this.editor=e,this.element=t,this.view=n,this.updateDelay=r,this.resizeDelay=i,this.appendTo=o,this.scrollTarget=a?.scrollTarget??window,this.floatingUIOptions={...this.floatingUIOptions,...a},this.element.tabIndex=0,s&&(this.shouldShow=s),this.element.addEventListener(`mousedown`,this.mousedownHandler,{capture:!0}),this.editor.on(`focus`,this.focusHandler),this.editor.on(`blur`,this.blurHandler),this.editor.on(`transaction`,this.transactionHandler),window.addEventListener(`resize`,this.resizeHandler),this.scrollTarget.addEventListener(`scroll`,this.resizeHandler),this.update(n,n.state),this.getShouldShow()&&(this.show(),this.updatePosition())}getTextContent(e){return(0,b.getText)(e,{textSerializers:(0,b.getTextSerializersFromSchema)(this.editor.schema)})}get middlewares(){let e=[];return this.floatingUIOptions.flip&&e.push(qt(typeof this.floatingUIOptions.flip==`boolean`?void 0:this.floatingUIOptions.flip)),this.floatingUIOptions.shift&&e.push(Kt(typeof this.floatingUIOptions.shift==`boolean`?void 0:this.floatingUIOptions.shift)),this.floatingUIOptions.offset&&e.push(Wt(typeof this.floatingUIOptions.offset==`boolean`?void 0:this.floatingUIOptions.offset)),this.floatingUIOptions.arrow&&e.push(Xt(this.floatingUIOptions.arrow)),this.floatingUIOptions.size&&e.push(Jt(typeof this.floatingUIOptions.size==`boolean`?void 0:this.floatingUIOptions.size)),this.floatingUIOptions.autoPlacement&&e.push(Gt(typeof this.floatingUIOptions.autoPlacement==`boolean`?void 0:this.floatingUIOptions.autoPlacement)),this.floatingUIOptions.hide&&e.push(Yt(typeof this.floatingUIOptions.hide==`boolean`?void 0:this.floatingUIOptions.hide)),this.floatingUIOptions.inline&&e.push(Zt(typeof this.floatingUIOptions.inline==`boolean`?void 0:this.floatingUIOptions.inline)),e}getShouldShow(e){let{state:t}=this.view,{selection:n}=t,{ranges:r}=n,i=Math.min(...r.map(e=>e.$from.pos)),a=Math.max(...r.map(e=>e.$to.pos));return this.shouldShow?.call(this,{editor:this.editor,view:this.view,state:t,oldState:e,from:i,to:a})}updateOptions(e){if(e.updateDelay!==void 0&&(this.updateDelay=e.updateDelay),e.resizeDelay!==void 0&&(this.resizeDelay=e.resizeDelay),e.appendTo!==void 0&&(this.appendTo=e.appendTo),e.shouldShow!==void 0&&e.shouldShow&&(this.shouldShow=e.shouldShow),e.options!==void 0){let t=e.options.scrollTarget??window;t!==this.scrollTarget&&(this.scrollTarget.removeEventListener(`scroll`,this.resizeHandler),this.scrollTarget=t,this.scrollTarget.addEventListener(`scroll`,this.resizeHandler)),this.floatingUIOptions={...this.floatingUIOptions,...e.options}}}updatePosition(){let{selection:e}=this.editor.state,t=(0,b.posToDOMRect)(this.view,e.from,e.to);Qt({getBoundingClientRect:()=>t,getClientRects:()=>[t]},this.element,{placement:this.floatingUIOptions.placement,strategy:this.floatingUIOptions.strategy,middleware:this.middlewares}).then(({x:e,y:t,strategy:n,middlewareData:r})=>{if(r.hide?.referenceHidden||r.hide?.escaped){this.element.style.visibility=`hidden`;return}this.element.style.visibility=`visible`,this.element.style.width=`max-content`,this.element.style.position=n,this.element.style.left=`${e}px`,this.element.style.top=`${t}px`,this.isVisible&&this.floatingUIOptions.onUpdate&&this.floatingUIOptions.onUpdate()})}update(e,t){let n=!t?.selection.eq(e.state.selection),r=!t?.doc.eq(e.state.doc);this.updateHandler(e,n,r,t)}show(){var e;this.isVisible||(this.element.style.visibility=`visible`,this.element.style.opacity=`1`,(e=(typeof this.appendTo==`function`?this.appendTo():this.appendTo)??this.view.dom.parentElement)==null||e.appendChild(this.element),this.floatingUIOptions.onShow&&this.floatingUIOptions.onShow(),this.isVisible=!0)}hide(){this.isVisible&&(this.element.style.visibility=`hidden`,this.element.style.opacity=`0`,this.element.remove(),this.floatingUIOptions.onHide&&this.floatingUIOptions.onHide(),this.isVisible=!1)}destroy(){this.hide(),this.element.removeEventListener(`mousedown`,this.mousedownHandler,{capture:!0}),window.removeEventListener(`resize`,this.resizeHandler),this.scrollTarget.removeEventListener(`scroll`,this.resizeHandler),this.editor.off(`focus`,this.focusHandler),this.editor.off(`blur`,this.blurHandler),this.editor.off(`transaction`,this.transactionHandler),this.floatingUIOptions.onDestroy&&this.floatingUIOptions.onDestroy()}},an=e=>new x.Plugin({key:typeof e.pluginKey==`string`?new x.PluginKey(e.pluginKey):e.pluginKey,view:t=>new rn({view:t,...e})});(0,_.defineComponent)({name:`FloatingMenu`,inheritAttrs:!1,props:{pluginKey:{type:null,default:`floatingMenu`},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},resizeDelay:{type:Number,default:void 0},options:{type:Object,default:()=>({})},appendTo:{type:[Object,Function],default:void 0},shouldShow:{type:Function,default:null}},setup(e,{slots:t,attrs:n}){let r=(0,_.ref)(null);return(0,_.onMounted)(()=>{let{pluginKey:t,editor:n,updateDelay:i,resizeDelay:a,options:o,appendTo:s,shouldShow:c}=e,l=r.value;l&&(l.style.visibility=`hidden`,l.style.position=`absolute`,l.remove(),n.registerPlugin(an({pluginKey:t,editor:n,element:l,updateDelay:i,resizeDelay:a,options:o,appendTo:s,shouldShow:c})))}),(0,_.onBeforeUnmount)(()=>{let{pluginKey:t,editor:n}=e;n.unregisterPlugin(t)}),()=>(0,_.h)(`div`,{ref:r,...n},t.default?.call(t))}});var $=e=>({default:null,parseHTML:t=>t.getAttribute(e),renderHTML:t=>t[e]?{[e]:t[e]}:{}}),on=()=>{let e=$(`style`);return e.renderHTML=e=>e.style?{style:sn(e.style)}:{},e};function sn(e){return e.replace(/(?<![a-z-])width\s*:\s*([^;]+);?/gi,(e,t)=>/^\s*0\s*[a-z%]*\s*(!important)?\s*$/i.test(t)?`width: 100%;`:e)}var cn=ie.Table.extend({addAttributes(){return{...this.parent?.(),border:$(`border`),cellpadding:$(`cellpadding`),cellspacing:$(`cellspacing`),style:on()}},renderHTML({HTMLAttributes:e}){return[`table`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e),[`tbody`,0]]}}),ln=ie.TableRow.extend({addAttributes(){return{...this.parent?.(),style:$(`style`)}}}),un={style:$(`style`),valign:$(`valign`),width:$(`width`)},dn=ie.TableCell.extend({addAttributes(){return{...this.parent?.(),...un}}}),fn=ie.TableHeader.extend({addAttributes(){return{...this.parent?.(),...un}}}),pn=ae.TextStyle.extend({parseHTML(){return[...this.parent?.()||[],{tag:`div`,consuming:!1,getAttrs:e=>e.hasAttribute(`style`)?{}:!1},{tag:`a`,consuming:!1,getAttrs:e=>e.hasAttribute(`style`)?{}:!1}]}}),mn={compatConfig:{MODE:3},name:`EmojiComponent`,components:{NodeViewWrapper:m.NodeViewWrapper,DtEmoji:f.default},props:m.nodeViewProps};function hn(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-emoji`),s=(0,_.resolveComponent)(`node-view-wrapper`);return(0,_.openBlock)(),(0,_.createBlock)(s,{class:`d-d-inline-block d-va-bottom d-lh0`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{size:`500`,code:e.node.attrs.code},null,8,[`code`])]),_:1})}var gn=n.t(mn,[[`render`,hn]]),_n={compatConfig:{MODE:3},name:`SuggestionList`,components:{DtListItem:l.default},props:{items:{type:Array,required:!0},command:{type:Function,required:!0},itemComponent:{type:Object,required:!0},itemType:{type:String,required:!0}},data(){return{selectedIndex:0}},watch:{items(){this.selectedIndex=0}},methods:{onKeyDown({event:e}){return e.key===`ArrowUp`?(this.upHandler(),!0):e.key===`ArrowDown`?(this.downHandler(),!0):e.key===`Enter`||e.key===`Tab`?(this.selectHandler(),!0):!1},upHandler(){this.selectedIndex=(this.selectedIndex+this.items.length-1)%this.items.length,this.scrollActiveElementIntoView()},downHandler(){this.selectedIndex=(this.selectedIndex+1)%this.items.length,this.scrollActiveElementIntoView()},async scrollActiveElementIntoView(){await this.$nextTick();let e=this.$refs.suggestionList.querySelector(`.d-list-item--highlighted`);e&&e.scrollIntoView({behavior:`smooth`,block:`nearest`})},selectHandler(){this.selectItem(this.selectedIndex)},selectItem(e){let t=this.items[e];switch(this.itemType){case`emoji`:this.command(t);return;case`mention`:this.command({name:t.name,id:t.id,avatarSrc:t.avatarSrc,contactKey:t.contactKey});break;case`channel`:this.command({name:t.name,id:t.id,locked:t.locked,channelKey:t.channelKey});break;case`slash-command`:this.command({command:t.command});break}}}},vn={class:`d-popover__dialog d-suggestion-list__container`},yn={ref:`suggestionList`,class:`d-suggestion-list`};function bn(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-list-item`);return(0,_.openBlock)(),(0,_.createElementBlock)(`div`,vn,[(0,_.withDirectives)((0,_.createElementVNode)(`ul`,yn,[((0,_.openBlock)(!0),(0,_.createElementBlock)(_.Fragment,null,(0,_.renderList)(n.items,(e,t)=>((0,_.openBlock)(),(0,_.createBlock)(o,{key:e.id,class:(0,_.normalizeClass)([`d-suggestion-list__item`,{"d-list-item--highlighted":t===i.selectedIndex}]),"navigation-type":`arrow-keys`,onClick:e=>a.selectItem(t),onKeydown:(0,_.withModifiers)(a.onKeyDown,[`prevent`])},{default:(0,_.withCtx)(()=>[((0,_.openBlock)(),(0,_.createBlock)((0,_.resolveDynamicComponent)(n.itemComponent),{item:e},null,8,[`item`]))]),_:2},1032,[`class`,`onClick`,`onKeydown`]))),128))],512),[[_.vShow,n.items.length]])])}var xn=n.t(_n,[[`render`,bn]]),Sn=`top-start`;function Cn(){return{getBoundingClientRect:()=>({width:0,height:0,x:0,y:0,top:0,left:0,right:0,bottom:0})}}function wn(e){return{getBoundingClientRect:e}}async function Tn(e,t,n={}){if(!e||!t?.getBoundingClientRect)return;let{placement:r=Sn,middleware:i=[Wt(0),qt(),Kt({padding:8})]}=n,{x:a,y:o}=await Qt(t,e,{placement:r,middleware:i});Object.assign(e.style,{left:`${a}px`,top:`${o}px`})}function En(e,t={}){let{zIndex:n=`650`}=t;e.style.position=`absolute`,e.style.zIndex=n,e.style.display=`none`}function Dn(e){e&&(e.style.display=`block`)}function On(e){e&&(e.style.display=`none`)}function kn(e,t){return n=>{n.key===`Escape`&&t()&&e()}}function An(e){document.addEventListener(`keydown`,e)}function jn(e){document.removeEventListener(`keydown`,e)}function Mn(e,t,n,r){return new m.VueRenderer(e,{props:{itemComponent:(0,_.markRaw)(t),itemType:n,...r},editor:r.editor})}function Nn(e){e.escHandler&&jn(e.escHandler),e.floatingEl?.remove(),e.component?.destroy()}function Pn(e,t,n={}){let{listComponent:r=xn,placement:i=Sn,zIndex:a=`650`}=n;return()=>{let n=null,o=null,s=!1,c=Cn(),l=null;function u(){Tn(o,c,{placement:i})}function d(){o&&(Dn(o),s=!0,u())}function f(){o&&(On(o),s=!1)}return{onStart:i=>{n=Mn(r,e,t,i),i.clientRect&&(o=n.element,En(o,{zIndex:a}),document.body.appendChild(o),c=wn(i.clientRect),l=kn(f,()=>s),An(l),i.items.length>0&&d())},onUpdate(e){n?.updateProps(e),e.items.length>0?d():f(),e.clientRect&&(c=wn(e.clientRect),u())},onKeyDown(e){if(s)return n?.ref?.onKeyDown(e)},onExit(){Nn({escHandler:l,floatingEl:o,component:n}),l=null,o=null,n=null}}}}var Fn={compatConfig:{MODE:3},name:`EmojiSuggestion`,components:{DtEmoji:f.default,DtStack:u.default},props:{item:{type:Object,required:!0}}};function In(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-emoji`),s=(0,_.resolveComponent)(`dt-stack`);return(0,_.openBlock)(),(0,_.createBlock)(s,{direction:`row`,gap:`400`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{size:`200`,code:n.item.code},null,8,[`code`]),(0,_.createTextVNode)(` `+(0,_.toDisplayString)(n.item.code),1)]),_:1})}var Ln=n.t(Fn,[[`render`,In]]),Rn=20,zn=(e,t,n)=>{let r=e.shortname?.replaceAll(`:`,``),i=t.shortname?.replaceAll(`:`,``),a=r.startsWith(n),o=i.startsWith(n);return a&&!o?-1:!a&&o?1:r.localeCompare(i)},Bn={items:({query:e})=>{if(e.length<2)return[];let t=Object.values(r.getEmojiData());return e=e.toLowerCase(),t.filter(t=>[t.name,t.shortname?.replaceAll(`:`,``),...t.keywords||[]].some(t=>t&&t.startsWith(e))).splice(0,Rn).sort((t,n)=>zn(t,n,e)).map(e=>({code:e.shortname}))},command:({editor:e,range:t,props:n})=>{e.view.state.selection.$to.nodeAfter?.text?.startsWith(` `)&&(t.to+=1),e.chain().focus().insertContentAt(t,[{type:`emoji`,attrs:n}]).run(),window.getSelection()?.collapseToEnd()},render:Pn(Ln,`emoji`)},Vn=/(:\w+:)$/,Hn=RegExp(v.emojiPattern+`$`),Un=e=>{if(e&&r.codeToEmojiData(e[0]))return{text:e[2]||e[0]}},Wn=e=>[...e.matchAll(r.emojiShortCodeRegex)].filter(e=>r.codeToEmojiData(e[0])).map(e=>({index:e.index,text:e[0],match:e})),Gn=b.Node.create({name:`emoji`,addOptions(){return{HTMLAttributes:{}}},group:`inline`,inline:!0,selectable:!1,atom:!0,addNodeView(){return m.VueNodeViewRenderer(gn)},addAttributes(){return{code:{default:null}}},parseHTML(){return[{tag:`emoji-component`}]},renderText({node:e}){return r.stringToUnicode(r.codeToEmojiData(e.attrs.code).unicode_output)},renderHTML({HTMLAttributes:e}){return[`emoji-component`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e)]},addInputRules(){return[new b.InputRule({find:e=>{let t=e.match(Vn)||e.match(Hn);if(t)return Un(t)},handler:({state:e,range:t,match:n})=>{let{tr:r}=e,i=t.from,a=t.to;r.replaceWith(i,a,this.type.create({code:n[0]}))}})]},addPasteRules(){return[(0,b.nodePasteRule)({find:Wn,type:this.type,getAttributes(e){return{code:e[0]}}}),(0,b.nodePasteRule)({find:r.emojiRegex,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[(0,oe.default)({char:`:`,pluginKey:new x.PluginKey(`emoji`),editor:this.editor,...this.options.suggestion,...Bn})]},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let n=!1,{selection:r}=t,{empty:i,anchor:a}=r;return i?(t.doc.nodesBetween(a-1,a,(t,r)=>{if(t.type.name===this.name)return n=!0,e.insertText(``,r,r+t.nodeSize),!1}),n):!1})}}});function Kn(e,t,n=()=>!0){let r=[];t.lastIndex=0;let i;for(;i=t.exec(e);)n(e,i)&&r.push(i);return r}function qn(e,t){return![`#`,`@`].includes(e.charAt(t.index))&&![`#`,`@`].includes(e.charAt(t.index-1))}function Jn(e){let t=RegExp(`(?:`+[`[!?.,:;'"]`,`(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$`].join(`|`),`g`);return e.replace(t,``)}function Yn(e,t){let n=e.slice(0,t+1).search(/\S+\s*$/),r=e.slice(t).search(/\s/);if(r<0){let t=e.slice(n);return{text:t,from:n,to:n+t.length}}return{text:e.slice(n,r+t),from:n,to:r+t}}function Xn(e,t,n,r){let i=Yn(e,t);if(r.lastIndex=0,!r.test(i.text))return i;let a=n===`left`?i.from-1:i.to+1;return a<=0||a>=e.length||a===t?i:Xn(e,a,n,r)}function Zn(e,t,n,r){let i=(0,b.getMarksBetween)(Math.max(e.from-1,0),Math.min(e.to+1,t.content.size),t);for(let e of i)e.mark.type===r&&n.removeMark(e.from,e.to,r)}var Qn=t.getPhoneNumberRegex(1,15);function $n(e,n,r,i,a,o){if(!e)return;let s=r-n-1;s=s<0?0:s;let c=i-n,l=Xn(e,s,`left`,Qn),u=Xn(e,c,`right`,Qn);Kn(e.slice(l.from,u.to),t.linkRegex,qn).forEach(e=>{let t=Jn(e[0]),r=n+l.from+e.index+1,i=r+t.length;a.addMark(r,i,o.create())})}function er(e){let t=!1;return new x.Plugin({key:new x.PluginKey(`autolink`),appendTransaction:(n,r,i)=>{let a=n.some(e=>e.docChanged)&&!r.doc.eq(i.doc);if(t&&!a)return;let{tr:o}=i,{textContent:s}=i.doc;return t||$n(s,0,0,s.length,o,e.type),t=!0,(0,b.getChangedRanges)((0,b.combineTransactionSteps)(r.doc,[...n])).forEach(({oldRange:t,newRange:n})=>{Zn(n,i.doc,o,e.type),(0,b.findChildrenInRange)(i.doc,n,e=>e.isTextblock).forEach(({node:r,pos:i})=>{$n(r.textContent,i,t.from,n.to,o,e.type)})}),o}})}var tr={class:`d-link d-c-text d-d-inline-block d-wb-break-all`,rel:`noopener noreferrer nofollow`},nr=b.Mark.create({name:`CustomLink`,renderHTML({HTMLAttributes:e}){return[`a`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e,tr)]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[er({type:this.type})]}}),rr=se.default.extend({name:`ConfigurableImage`,addAttributes(){return{src:{default:``},alt:{default:void 0},title:{default:void 0},width:{default:void 0},height:{default:void 0},style:{default:void 0}}}}).configure({inline:!0,allowBase64:!0}),ir=new Set(`address.article.aside.blockquote.dd.details.dialog.div.dl.dt.fieldset.figcaption.figure.footer.form.h1.h2.h3.h4.h5.h6.header.hgroup.hr.li.main.nav.ol.p.pre.section.table.ul`.split(`.`)),ar=k.default.extend({parseHTML(){return[{tag:`div`,getAttrs:e=>{for(let t of e.children)if(ir.has(t.tagName.toLowerCase()))return!1;return null}}]},renderHTML({HTMLAttributes:e}){return[`div`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e),0]}}),or={compatConfig:{MODE:3},name:`MentionComponent`,components:{NodeViewWrapper:m.NodeViewWrapper,DtLink:o.default},props:m.nodeViewProps,computed:{text(){return`@`+this.$props.node.attrs.name}},methods:{getMentionData(){return{name:this.$props.node.attrs.name,id:this.$props.node.attrs.id,avatarSrc:this.$props.node.attrs.avatarSrc,contactKey:this.$props.node.attrs.contactKey}},handleClick(){this.$props.editor.emit(`mention-click`,this.getMentionData())},handleMouseEnter(e){this.$props.editor.emit(`mention-hover`,{...this.getMentionData(),event:e})},handleMouseLeave(e){this.$props.editor.emit(`mention-leave`,{...this.getMentionData(),event:e})}}};function sr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-link`),s=(0,_.resolveComponent)(`node-view-wrapper`);return(0,_.openBlock)(),(0,_.createBlock)(s,{class:`d-d-inline-block`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{kind:`mention`,onClick:(0,_.withModifiers)(a.handleClick,[`prevent`]),onMouseenter:a.handleMouseEnter,onMouseleave:a.handleMouseLeave,onFocusin:a.handleMouseEnter,onFocusout:a.handleMouseLeave},{default:(0,_.withCtx)(()=>[(0,_.createTextVNode)((0,_.toDisplayString)(a.text),1)]),_:1},8,[`onClick`,`onMouseenter`,`onMouseleave`,`onFocusin`,`onFocusout`])]),_:1})}var cr=n.t(or,[[`render`,sr]]),lr=P.default.extend({addNodeView(){return m.VueNodeViewRenderer(cr)},parseHTML(){return[{tag:`mention-component`}]},addAttributes(){return{name:{default:``},avatarSrc:{default:``},id:{default:``},contactKey:{default:``}}},renderText({node:e}){return`@${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return[`mention-component`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:`@`,pluginKey:new x.PluginKey(`mentionSuggestion`)}}),ur={compatConfig:{MODE:3},name:`ChannelComponent`,components:{NodeViewWrapper:m.NodeViewWrapper,DtLink:o.default,DtIconLock:y.DtIconLock,DtStack:u.default},props:m.nodeViewProps,computed:{text(){return this.$props.node.attrs.locked?this.$props.node.attrs.name:`#`+this.$props.node.attrs.name}},methods:{handleClick(){let e={name:this.$props.node.attrs.name,id:this.$props.node.attrs.id,locked:this.$props.node.attrs.locked,channelKey:this.$props.node.attrs.channelKey};this.$props.editor.emit(`channel-click`,e)}}};function dr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-icon-lock`),s=(0,_.resolveComponent)(`dt-stack`),c=(0,_.resolveComponent)(`dt-link`),l=(0,_.resolveComponent)(`node-view-wrapper`);return(0,_.openBlock)(),(0,_.createBlock)(l,{class:`d-d-inline-block`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(c,{kind:`mention`,onClick:(0,_.withModifiers)(a.handleClick,[`prevent`])},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(s,{direction:`row`,gap:`0`},{default:(0,_.withCtx)(()=>[e.$props.node.attrs.locked?((0,_.openBlock)(),(0,_.createBlock)(o,{key:0,size:`200`})):(0,_.createCommentVNode)(``,!0),(0,_.createElementVNode)(`span`,null,(0,_.toDisplayString)(a.text),1)]),_:1})]),_:1},8,[`onClick`])]),_:1})}var fr=n.t(ur,[[`render`,dr]]),pr=P.default.extend({name:`channel`,addNodeView(){return m.VueNodeViewRenderer(fr)},parseHTML(){return[{tag:`channel-component`}]},addAttributes(){return{name:{default:``},id:{default:``},locked:{default:!1},channelKey:{default:``}}},renderText({node:e}){return`#${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return[`channel-component`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:`#`,pluginKey:new x.PluginKey(`channelSuggestion`)}}),mr={compatConfig:{MODE:3},name:`SlashCommandsComponent`,components:{NodeViewWrapper:m.NodeViewWrapper},props:{...m.nodeViewProps},emits:[`selected-command`],computed:{text(){return`/`+this.$props.node.attrs.command}},created(){let e=this.$props.node.attrs.command;this.$emit(`selected-command`,e);let t=this.editor?.storage?.[`slash-commands`]?.onSelectedCommand;t&&typeof t==`function`&&t(e)}};function hr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`node-view-wrapper`);return(0,_.openBlock)(),(0,_.createBlock)(o,{class:`d-d-inline-block`},{default:(0,_.withCtx)(()=>[(0,_.createTextVNode)((0,_.toDisplayString)(a.text),1)]),_:1})}var gr=n.t(mr,[[`render`,hr]]),_r=(e,t)=>[...e.matchAll(t)].map(e=>{let t=e[2];return t.endsWith(` `)||(t+=` `),{index:e.index,text:t,match:e}}),vr=P.default.extend({name:`slash-commands`,group:`inline`,inline:!0,addOptions(){return{...this.parent?.(),onSelectedCommand:null}},addStorage(){return{onSelectedCommand:this.options.onSelectedCommand}},addNodeView(){return m.VueNodeViewRenderer(gr)},parseHTML(){return[{tag:`command-component`}]},addAttributes(){return{command:{default:``},parametersExample:{default:``},description:{default:``}}},renderText({node:e}){return`/${e.attrs.command}`},renderHTML({HTMLAttributes:e}){return[`command-component`,(0,b.mergeAttributes)(this.options.HTMLAttributes,e)]},addInputRules(){let e=this.options.suggestion?.items({query:``}).map(e=>e.command);return[(0,b.nodeInputRule)({find:RegExp(`^((?:\\/)(${e.join(`|`)})) $`),type:this.type,getAttributes(e){return{command:e[2]}}})]},addPasteRules(){let e=this.options.suggestion?.items({query:``}).map(e=>e.command),t=RegExp(`^((?:\\/)(${e.join(`|`)})) ?$`,`g`);return[(0,b.nodePasteRule)({find:e=>_r(e,t),type:this.type,getAttributes(e){return{command:e[0].trim()}}})]}}).configure({suggestion:{char:`/`,pluginKey:new x.PluginKey(`slashCommandSuggestion`)}}),yr=100,br={name:`VariableComponent`,components:{DtBadge:a.default,DtButton:c.default,DtPopover:d.default,DtInput:p.default,NodeViewWrapper:m.NodeViewWrapper},props:m.nodeViewProps,data(){return{i18n:new s.DialtoneLocalization,MAX_VARIABLE_ALT_LENGTH:yr}},computed:{altText:{get(){return this.node?.attrs?.altText||``},set(e){this.updateAttributes({altText:e})}},variableId(){return this.node?.attrs?.id},placeholder(){return this.variableData?.placeholder||``},variableItems(){return this.extension?.options?.variableItems||[]},variableData(){return this.variableItems.find(e=>e.id===this.variableId)},enableAltText(){return this.node?.attrs?.enableAltText},badgeLabel(){return`{} ${this.placeholder}`},placeholderText(){return`Replaces ${this.placeholder}`}}};function xr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-badge`),s=(0,_.resolveComponent)(`dt-button`),c=(0,_.resolveComponent)(`dt-input`),l=(0,_.resolveComponent)(`dt-popover`),u=(0,_.resolveComponent)(`node-view-wrapper`);return(0,_.openBlock)(),(0,_.createBlock)(u,{class:`d-d-inline-block`},{default:(0,_.withCtx)(()=>[a.enableAltText?((0,_.openBlock)(),(0,_.createBlock)(l,{key:0,padding:`small`,"navigation-type":`arrow-keys`,placement:`top-start`,modal:!1},{anchor:(0,_.withCtx)(({attrs:e})=>[(0,_.createVNode)(s,(0,_.mergeProps)(e,{kind:`unstyled`}),{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{text:a.badgeLabel,contenteditable:`false`},null,8,[`text`])]),_:1},16)]),content:(0,_.withCtx)(({close:e})=>[(0,_.createVNode)(c,{modelValue:a.altText,"onUpdate:modelValue":t[0]||(t[0]=e=>a.altText=e),"root-class":`d-p8 d-w332`,label:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_LABEL`),placeholder:a.placeholderText,validate:{length:{description:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION`),message:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE`),max:i.MAX_VARIABLE_ALT_LENGTH,warn:i.MAX_VARIABLE_ALT_LENGTH,limitMaxLength:!0}},onKeyup:(0,_.withKeys)(t=>e(),[`enter`])},null,8,[`modelValue`,`label`,`placeholder`,`validate`,`onKeyup`])]),_:1})):((0,_.openBlock)(),(0,_.createBlock)(o,{key:1,text:a.badgeLabel,contenteditable:`false`},null,8,[`text`]))]),_:1})}var Sr=n.t(br,[[`render`,xr]]),Cr=b.Node.create({name:`variable`,group:`inline`,inline:!0,selectable:!0,atom:!0,addOptions(){return{HTMLAttributes:{},variableItems:[]}},addNodeView(){return m.VueNodeViewRenderer(Sr)},addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute(`data-variable-id`),renderHTML:e=>e.id?{"data-variable-id":e.id}:{}},altText:{default:``,parseHTML:e=>e.getAttribute(`data-alt-text`),renderHTML:e=>e.altText?{"data-alt-text":e.altText}:{}},enableAltText:{default:!0,parseHTML:e=>e.getAttribute(`data-enable-alt-text`)===`true`,renderHTML:e=>({"data-enable-alt-text":String(e.enableAltText)})}}},parseHTML(){return[{tag:`variable`}]},renderText({node:e}){return e.attrs.altText},renderHTML({node:e,HTMLAttributes:t}){return[`variable`,(0,b.mergeAttributes)(this.options.HTMLAttributes,t,{"data-variable-id":e.attrs.id,"data-alt-text":e.attrs.altText,"data-enable-alt-text":String(e.attrs.enableAltText)})]},addCommands(){return{insertVariable:(e={})=>({commands:t})=>t.insertContent({type:this.name,attrs:{id:e.id||null,altText:e.altText||``,enableAltText:e.enableAltText}})}}}),wr={compatConfig:{MODE:3},name:`MentionSuggestion`,components:{DtAvatar:i.default,DtStack:u.default},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc},presence(){return this.item.presence},status(){return this.item.status},presenceText(){return this.item.presenceText},presenceFontColorClass(){return{active:`d-recipe-contact-row--active`,busy:`d-recipe-contact-row--busy`,away:`d-recipe-contact-row--away`,offline:`d-recipe-contact-row--busy`}[this.presence]},showDetails(){return this.item.showDetails}}},Tr={class:`d-mention-suggestion__name`},Er={key:1,class:`d-mention-suggestion__divider`},Dr={key:2,class:`d-mention-suggestion__status`};function Or(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-avatar`),s=(0,_.resolveComponent)(`dt-stack`);return(0,_.openBlock)(),(0,_.createBlock)(s,{direction:`row`,class:`d-mention-suggestion__container`,gap:`400`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{"full-name":a.name,"image-src":a.avatarSrc,"image-alt":a.name,"show-presence":a.showDetails,presence:a.presence,size:`sm`},null,8,[`full-name`,`image-src`,`image-alt`,`show-presence`,`presence`]),(0,_.createVNode)(s,{class:`d-mention-suggestion__details-container`,gap:`100`},{default:(0,_.withCtx)(()=>[(0,_.createElementVNode)(`span`,Tr,(0,_.toDisplayString)(a.name),1),a.showDetails?((0,_.openBlock)(),(0,_.createBlock)(s,{key:0,direction:`row`,gap:`300`,class:`d-label--sm-plain`},{default:(0,_.withCtx)(()=>[a.presenceText?((0,_.openBlock)(),(0,_.createElementBlock)(`span`,{key:0,class:(0,_.normalizeClass)([`d-mention-suggestion__presence`,[a.presenceFontColorClass]])},(0,_.toDisplayString)(a.presenceText),3)):(0,_.createCommentVNode)(``,!0),a.status&&a.presenceText?((0,_.openBlock)(),(0,_.createElementBlock)(`div`,Er,` • `)):(0,_.createCommentVNode)(``,!0),a.status?((0,_.openBlock)(),(0,_.createElementBlock)(`div`,Dr,(0,_.toDisplayString)(a.status),1)):(0,_.createCommentVNode)(``,!0)]),_:1})):(0,_.createCommentVNode)(``,!0)]),_:1})]),_:1})}var kr={allowSpaces:!0,render:Pn(n.t(wr,[[`render`,Or]]),`mention`)},Ar={compatConfig:{MODE:3},name:`ChannelSuggestion`,components:{DtStack:u.default,DtIconHash:ce.default,DtIconLock:le.default},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name}}};function jr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-icon-hash`),s=(0,_.resolveComponent)(`dt-icon-lock`),c=(0,_.resolveComponent)(`dt-stack`);return(0,_.openBlock)(),(0,_.createBlock)(c,{direction:`row`,gap:`400`},{default:(0,_.withCtx)(()=>[n.item.locked?((0,_.openBlock)(),(0,_.createBlock)(s,{key:1,size:`300`})):((0,_.openBlock)(),(0,_.createBlock)(o,{key:0,size:`300`})),(0,_.createElementVNode)(`span`,null,(0,_.toDisplayString)(a.name),1)]),_:1})}var Mr={allowSpaces:!0,render:Pn(n.t(Ar,[[`render`,jr]]),`channel`)},Nr={compatConfig:{MODE:3},name:`SlashCommandSuggestion`,props:{item:{type:Object,required:!0}},computed:{command(){return this.item.command},description(){return this.item.description},parametersExample(){return this.item.parametersExample}}},Pr={class:`d-body--md-compact`},Fr={key:0},Ir={class:`d-body--sm d-fc-tertiary`};function Lr(e,t,n,r,i,a){return(0,_.openBlock)(),(0,_.createElementBlock)(`div`,null,[(0,_.createElementVNode)(`div`,Pr,[(0,_.createElementVNode)(`span`,null,`/`+(0,_.toDisplayString)(a.command),1),a.parametersExample?((0,_.openBlock)(),(0,_.createElementBlock)(`span`,Fr,(0,_.toDisplayString)(a.parametersExample),1)):(0,_.createCommentVNode)(``,!0)]),(0,_.createElementVNode)(`div`,Ir,(0,_.toDisplayString)(a.description),1)])}var Rr={allowSpaces:!0,startOfLine:!0,render:Pn(n.t(Nr,[[`render`,Lr]]),`slash-command`)},zr={compatConfig:{MODE:3},name:`DtRichTextEditor`,components:{EditorContent:m.EditorContent,BubbleMenu:nn,DtButton:c.default,DtStack:u.default},props:{modelValue:{type:[Object,String],default:``},editable:{type:Boolean,default:!0},preventTyping:{type:Boolean,default:!1},pasteRichText:{type:Boolean,default:!0},allowLineBreaks:{type:Boolean,default:!1},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:``},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e==`string`?h.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},outputFormat:{type:String,default:`html`,validator(e){return h.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(e)}},placeholder:{type:String,default:``},link:{type:[Boolean,Object],default:!1},customLink:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},allowBlockquote:{type:Boolean,default:!0},allowBold:{type:Boolean,default:!0},allowBulletList:{type:Boolean,default:!0},allowItalic:{type:Boolean,default:!0},allowStrike:{type:Boolean,default:!0},allowUnderline:{type:Boolean,default:!0},allowCode:{type:Boolean,default:!0},allowCodeblock:{type:Boolean,default:!0},allowInlineImages:{type:Boolean,default:!1},allowFontColor:{type:Boolean,default:!1},allowBackgroundColor:{type:Boolean,default:!1},allowFontSize:{type:Boolean,default:!1},allowFontFamily:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},allowVariable:{type:Boolean,default:!1},variableItems:{type:Array,default:()=>[]},additionalExtensions:{type:Array,default:()=>[]},hideLinkBubbleMenu:{type:Boolean,default:!1},preserveWhitespace:{type:[Boolean,String],default:`full`},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1},allowImageResize:{type:Boolean,default:!1}},emits:[`input`,`json-input`,`html-input`,`text-input`,`markdown-input`,`update:modelValue`,`blur`,`focus`,`enter`,`edit-link`,`selected`,`selected-command`,`mention-click`,`mention-hover`,`mention-leave`,`channel-click`],data(){return{editor:null,appendTo:()=>t.returnFirstEl(this.$refs.editor.$el).getRootNode()?.querySelector(`body`),floatingOptions:{placement:`top-start`},i18n:new s.DialtoneLocalization}},computed:{attrs(){return{...this.$attrs,onInput:()=>{},onFocus:()=>{},onBlur:()=>{}}},extensions(){let e=[E.default,ne.default,D.UndoRedo,O.default];e.push(this.useDivTags?ar:k.default),this.allowBold&&e.push(A.default),this.allowBlockquote&&e.push(C.default),this.allowBulletList&&(e.push(j.BulletList),e.push(j.ListItem.extend({renderText({node:e}){return e.textContent}})),e.push(j.OrderedList)),this.allowItalic&&e.push(M.default),this.allowStrike&&e.push(ee.default),this.allowUnderline&&e.push(te.default),this.placeholder&&e.push(D.Placeholder.configure({placeholder:this.placeholder}));let t=this,n=b.Extension.create({addKeyboardShortcuts(){return{"Shift-Enter":({editor:e})=>t.allowLineBreaks?!1:(e.commands.first(({commands:e})=>[()=>e.newlineInCode(),()=>t.allowBulletList&&e.splitListItem(`listItem`),()=>e.createParagraphNear(),()=>e.liftEmptyBlock(),()=>e.splitBlock()]),!0),Enter:()=>t.allowLineBreaks?!1:(t.$emit(`enter`),!0)}}});if(e.push(n),this.link&&e.push(N.default.extend({inclusive:!1,addKeyboardShortcuts(){return{"Mod-k":()=>(t.$emit(`edit-link`),!0)}}}).configure({HTMLAttributes:{class:`d-link d-wb-break-all`},openOnClick:!1,autolink:!0,protocols:h.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS})),this.customLink&&e.push(this.getExtension(nr,this.customLink)),this.mentionSuggestion){let t={...this.mentionSuggestion,...kr};e.push(lr.configure({suggestion:t}))}if(this.channelSuggestion){let t={...this.channelSuggestion,...Mr};e.push(pr.configure({suggestion:t}))}if(this.slashCommandSuggestion){let t={...this.slashCommandSuggestion,...Rr};e.push(vr.configure({suggestion:t,onSelectedCommand:e=>{this.$emit(`selected-command`,e)}}))}return this.allowVariable&&e.push(Cr.configure({variableItems:this.variableItems})),e.push(Gn),e.push(re.default.configure({types:[`paragraph`]})),this.allowCode&&e.push(T.default),this.allowCodeblock&&e.push(w.default.extend({renderText({node:e}){return`\`\`\`\n${e.textContent}\n\`\`\``}}).configure({HTMLAttributes:{class:`d-rich-text-editor__code-block`}})),this.allowInlineImages&&e.push(rr.configure({resize:{enabled:this.allowImageResize,alwaysPreserveAspectRatio:!0}})),(this.allowFontFamily||this.allowFontColor||this.allowFontSize||this.allowBackgroundColor||this.allowLineHeight)&&(e.push(ae.TextStyleKit.configure({color:this.allowFontColor,backgroundColor:this.allowBackgroundColor,fontFamily:this.allowFontFamily,fontSize:this.allowFontSize,lineHeight:this.allowLineHeight})),e.push(pn)),this.additionalExtensions.length&&e.push(...this.additionalExtensions),this.allowTables&&e.push(cn.configure({resizable:!0}),ln,fn,dn,D.Gapcursor),e},inputAttrs(){let e={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:`textbox`};return this.editable||(e[`aria-readonly`]=!0),e}},watch:{editable(e){this.editor.setEditable(e),this.updateEditorAttributes({"aria-readonly":!e})},inputClass(e){this.updateEditorAttributes({class:e})},inputAriaLabel(e){this.updateEditorAttributes({"aria-label":e})},extensions(){this.destroyEditor(),this.createEditor()},modelValue(e){this.processValue(e)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},mounted(){t.warnIfUnmounted(t.returnFirstEl(this.$el),this.$options.name),this.processValue(this.modelValue,!1)},methods:{createEditor(){this.editor=new m.Editor({autofocus:this.autoFocus,content:this.modelValue,editable:this.editable,extensions:this.extensions,shouldRerenderOnTransaction:!1,parseOptions:{preserveWhitespace:this.preserveWhitespace},editorProps:{attributes:{...this.inputAttrs,class:this.inputClass},handleKeyDown:(e,t)=>{if(!this.preventTyping)return!1;let n=[`Backspace`];return!this.allowLineBreaks&&!t.shiftKey&&n.push(`Enter`),!n.includes(t.key)},handlePaste:(e,t)=>{let n=t.clipboardData||window.clipboardData,r=n.getData(`text/plain`),i=n.getData(`text/html`);return this.processPasteData(e,r,i)},transformPastedHTML(e){return e.replace(/(<\/\w+>)((<br \/>)+)/g,`$2$3$1`)}}}),this.addEditorListeners()},bubbleMenuShouldShow({editor:e}){return e.isActive(`link`)},getSelectedLinkText(e){let{view:t,state:n}=e,{from:r,to:i}=t.state.selection,a=n.doc.textBetween(r,i,``),o=this.editor.state.doc.nodeAt(r);return o&&o.marks?.at(0)?.type?.name===`link`?o.textContent:a},editLink(){let e=this.getSelectedLinkText(this.editor),t={href:this.editor.getAttributes(`link`).href,text:e};this.$emit(`edit-link`,t)},removeLink(){this.editor?.chain()?.focus()?.unsetLink()?.run()},openLink(){this.editor?.chain()?.focus();let e=this.editor.getAttributes(`link`).href;window.open(e,`_blank`)},setLink(e,t,n,r=h.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,i){if(!e){this.removeLink();return}r.find(t=>t.test(e))||(e=`${i}${e}`),this.editor.chain().focus().extendMarkRange(`link`).run();let a=this.editor?.view?.state?.selection;this.editor.chain().focus().insertContent(t).setTextSelection({from:a.from,to:a.from+t.length}).setLink({href:e,class:n.class}).run()},processValue(e,t=!0){if(!this.editor)return;let n=this.getOutput();if(!(t&&(0,ue.default)(e,n))){if(typeof e==`string`&&this.outputFormat===`text`){let t=RegExp(`(${v.emojiPattern})`,`g`);e=e?.replace(t,`<emoji-component code="$1"></emoji-component>`)}this.editor.commands.setContent(e,{emitUpdate:!1,parseOptions:{preserveWhitespace:this.preserveWhitespace}})}},destroyEditor(){this.editor.destroy()},insertPlainTextWithHardBreaks(e,t){let n=(this.pasteRichText?t:t.replace(/\r\n/g,`
-`).replace(/\n\n/g,`
-`)).replace(/[\r\n]+$/,``).split(/\r?\n/),r=[];for(let e=0;e<n.length;e++)e>0&&r.push({type:`hardBreak`}),n[e]&&r.push({type:`text`,text:n[e]});this.editor.chain().focus().insertContent(r).run()},shouldPreserveLineBreaks(e,t){return this.pasteRichText?!t&&e&&this.hasBlankLines(e):!!e},processPasteData(e,t,n){if(this.shouldPreserveLineBreaks(t,n))return this.insertPlainTextWithHardBreaks(e,t),!0;if(this.shouldHandlePreformattedHTML(n)){let t=this.extractPreformattedText(n);if(t&&t.includes(`
-`))return this.insertPlainTextWithHardBreaks(e,t),!0}return!1},shouldHandlePreformattedHTML(e){return this.pasteRichText&&e&&this.containsPreformattedContent(e)},containsPreformattedContent(e){let t=document.createElement(`div`);t.innerHTML=e;let n=t.querySelectorAll(`*`);for(let e of n)if(this.hasPreWhitespace(e)&&this.hasLineBreaks(e))return!0;return!1},hasPreWhitespace(e){let t=e.getAttribute(`style`)||``,n=e.style.whiteSpace||``,r=n===`pre`||n===`pre-wrap`,i=t.includes(`white-space: pre`);return r||i},hasLineBreaks(e){return e.textContent&&e.textContent.includes(`
-`)},hasBlankLines(e){return e.includes(`
-
-`)||/\n\s*\n/.test(e)},extractPreformattedText(e){let t=document.createElement(`div`);return t.innerHTML=e,this.walkAndExtractText(t)},walkAndExtractText(e){let t=``;if(e.nodeType===Node.TEXT_NODE)t+=e.textContent;else if(e.nodeType===Node.ELEMENT_NODE)if(this.hasPreWhitespace(e))t+=e.textContent;else for(let n of e.childNodes)t+=this.walkAndExtractText(n);return t},triggerInputChangeEvents(){let e=this.getOutput();this.$emit(`input`,e),this.$emit(`update:modelValue`,e);let t=this.editor.getJSON();this.$emit(`json-input`,t);let n=this.editor.getHTML();this.$emit(`html-input`,n);let r=this.editor.getText({blockSeparator:`
-`});this.$emit(`text-input`,r);let i=g.renderEditorToMarkdown(t,this.extensions);this.$emit(`markdown-input`,i)},addEditorListeners(){this.editor.on(`create`,()=>{this.triggerInputChangeEvents()}),this.editor.on(`update`,()=>{this.triggerInputChangeEvents()}),this.editor.on(`selectionUpdate`,({editor:e})=>{this.$emit(`selected`,this.getSelectedLinkText(e))}),this.editor.on(`focus`,({event:e})=>{this.$emit(`focus`,e)}),this.editor.on(`blur`,({event:e})=>{this.$emit(`blur`,e)}),this.editor.on(`mention-click`,e=>{this.$emit(`mention-click`,e)}),this.editor.on(`mention-hover`,e=>{this.$emit(`mention-hover`,e)}),this.editor.on(`mention-leave`,e=>{this.$emit(`mention-leave`,e)}),this.editor.on(`channel-click`,e=>{this.$emit(`channel-click`,e)})},getOutput(){switch(this.outputFormat){case`json`:return this.editor.getJSON();case`html`:return this.editor.getHTML();case`markdown`:return g.renderEditorToMarkdown(this.editor.getJSON(),this.extensions);default:return this.editor.getText({blockSeparator:`
-`})}},getExtension(e,t){return typeof t==`boolean`?e:e.configure?.(t)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:{...this.inputAttrs,class:this.inputClass,...e}}})},focusEditor(){this.editor.commands.focus()}}},Br={class:`d-popover__dialog`};function Vr(e,t,n,r,i,a){let o=(0,_.resolveComponent)(`dt-button`),s=(0,_.resolveComponent)(`dt-stack`),c=(0,_.resolveComponent)(`bubble-menu`),l=(0,_.resolveComponent)(`editor-content`);return(0,_.openBlock)(),(0,_.createElementBlock)(`div`,null,[i.editor&&n.link&&!n.hideLinkBubbleMenu?((0,_.openBlock)(),(0,_.createBlock)(c,{key:0,editor:i.editor,"should-show":a.bubbleMenuShouldShow,options:i.floatingOptions,"append-to":i.appendTo,style:{visibility:`visible`}},{default:(0,_.withCtx)(()=>[(0,_.createElementVNode)(`div`,Br,[(0,_.createVNode)(s,{direction:`row`,class:`d-rich-text-editor-bubble-menu__button-stack`,gap:`0`},{default:(0,_.withCtx)(()=>[(0,_.createVNode)(o,{kind:`muted`,importance:`clear`,onClick:a.editLink},{default:(0,_.withCtx)(()=>[(0,_.createTextVNode)((0,_.toDisplayString)(i.i18n.$t(`DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL`)),1)]),_:1},8,[`onClick`]),(0,_.createVNode)(o,{kind:`muted`,importance:`clear`,onClick:a.openLink},{default:(0,_.withCtx)(()=>[(0,_.createTextVNode)((0,_.toDisplayString)(i.i18n.$t(`DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL`)),1)]),_:1},8,[`onClick`]),(0,_.createVNode)(o,{kind:`danger`,importance:`clear`,onClick:a.removeLink},{default:(0,_.withCtx)(()=>[(0,_.createTextVNode)((0,_.toDisplayString)(i.i18n.$t(`DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL`)),1)]),_:1},8,[`onClick`])]),_:1})])]),_:1},8,[`editor`,`should-show`,`options`,`append-to`])):(0,_.createCommentVNode)(``,!0),(0,_.createVNode)(l,(0,_.mergeProps)({ref:`editor`,editor:i.editor,class:`d-rich-text-editor`,"data-qa":`dt-rich-text-editor`},a.attrs),null,16,[`editor`])])}var Hr=n.t(zr,[[`render`,Vr]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return Hr}});
-//# sourceMappingURL=rich_text_editor-CEwKDuzw.cjs.map