@dialpad/dialtone 9.98.0 → 9.99.0

package/dist/vue3/components/presence/presence.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"presence.vue.js","sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass"],"mappings":";;;AA8BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,gBAAgB;AAAA,MACzB,WAAW,CAAC,SAAS;AACnB,eAAO,qBAAqB,SAAS,IAAI;AAAA,MAC1C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH;AAzDA,MAAA,aAAA,CAAA,WAAA;;EAAA,KAAA;AAAA,EASM,WAAQ;AAAA,EACR,OAAM;;;sBATVA,mBAoBM,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAW,KAAM,OAAC,YAAQ;AAAA;IAGnB,OAAM,uBADdA,mBAIqB,QAJrB,YAIqBC,gBAAjB,OAAM,MAAA,GAAA,CAAA,KAXdC,mBAAA,IAAA,IAAA;AAAA,IAYIC,mBAQE,OAAA;AAAA,MAPA,OAbNC,gBAaY,qBAAmB;AAAA,qCACsB,OAAQ,aAAA;AAAA,mCAAkD,OAAQ,aAAA;AAAA,mCAAgD,OAAQ,aAAA;AAAA,sCAAmD,OAAQ,aAAA;AAAA;;EAd1O,GAAA,GAAA,UAAA;;;"}
+{"version":3,"file":"presence.vue.js","sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass"],"mappings":";;;AA8BA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,gBAAgB;AAAA,MACzB,WAAW,CAAC,SAAS;AACnB,eAAO,qBAAqB,SAAS,IAAI;AAAA,MAC1C;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH;AA1DA,MAAA,aAAA,CAAA,WAAA;;EAAA,KAAA;AAAA,EASM,WAAQ;AAAA,EACR,OAAM;;;sBATVA,mBAoBM,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAW,KAAM,OAAC,YAAQ;AAAA;IAGnB,OAAM,uBADdA,mBAIqB,QAJrB,YAIqBC,gBAAjB,OAAM,MAAA,GAAA,CAAA,KAXdC,mBAAA,IAAA,IAAA;AAAA,IAYIC,mBAQE,OAAA;AAAA,MAPA,OAbNC,gBAaY,qBAAmB;AAAA,qCACsB,OAAQ,aAAA;AAAA,mCAAkD,OAAQ,aAAA;AAAA,mCAAgD,OAAQ,aAAA;AAAA,sCAAmD,OAAQ,aAAA;AAAA;;EAd1O,GAAA,GAAA,UAAA;;;"}

package/dist/vue3/components/radio/radio.vue.cjs

@@ -7,6 +7,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
 const validation_messages = require("../validation_messages/validation_messages.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRadio",
   components: { DtValidationMessages: validation_messages.default },
   mixins: [input.InputMixin, input.CheckableMixin, input.GroupableMixin, input.MessagesMixin],

package/dist/vue3/components/radio/radio.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.vue.cjs","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}
+{"version":3,"file":"radio.vue.cjs","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/vue3/components/radio/radio.vue.js

@@ -5,6 +5,7 @@ import { resolveComponent, openBlock, createElementBlock, createElementVNode, no
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 import DtValidationMessages from "../validation_messages/validation_messages.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRadio",
   components: { DtValidationMessages },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],

package/dist/vue3/components/radio/radio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.vue.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}
+{"version":3,"file":"radio.vue.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label>\n      <div :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n        <div class=\"d-radio__input\">\n          <input\n            :checked=\"internalChecked\"\n            :name=\"internalName\"\n            :value=\"value\"\n            :disabled=\"internalDisabled\"\n            type=\"radio\"\n            :class=\"['d-radio', inputValidationClass, inputClass]\"\n            v-bind=\"$attrs\"\n            v-on=\"inputListeners\"\n          >\n        </div>\n        <div\n          class=\"d-radio__copy d-radio__label\"\n          data-qa=\"radio-label-description-container\"\n        >\n          <div\n            :class=\"labelClass\"\n            v-bind=\"labelChildProps\"\n            data-qa=\"radio-label\"\n          >\n            <!-- @slot slot for Radio Label -->\n            <slot>{{ label }}</slot>\n          </div>\n          <div\n            v-if=\"$slots.description || description\"\n            :class=\"['d-description', descriptionClass]\"\n            v-bind=\"descriptionChildProps\"\n            data-qa=\"radio-description\"\n          >\n            <!-- @slot slot for Radio Description -->\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n          <dt-validation-messages\n            :validation-messages=\"formattedMessages\"\n            :show-messages=\"showMessages\"\n            :class=\"messagesClass\"\n            v-bind=\"messagesChildProps\"\n            data-qa=\"dt-radio-validation-messages\"\n          />\n        </div>\n      </div>\n    </label>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_mergeProps","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_openBlock","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/vue3/components/radio_group/radio_group.vue.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const input_group = require("../input_group/input_group.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRadioGroup",
   extends: input_group.default,
   props: {

package/dist/vue3/components/radio_group/radio_group.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio_group.vue.cjs","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["DtInputGroup"],"mappings":";;;AAOA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAASA,YAAY;AAAA,EAErB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;;"}
+{"version":3,"file":"radio_group.vue.cjs","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["DtInputGroup"],"mappings":";;;AAOA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,SAASA,YAAY;AAAA,EAErB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;;"}

package/dist/vue3/components/radio_group/radio_group.vue.js

@@ -1,5 +1,6 @@
 import DtInputGroup from "../input_group/input_group.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRadioGroup",
   extends: DtInputGroup,
   props: {

package/dist/vue3/components/radio_group/radio_group.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio_group.vue.js","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";AAOA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;"}
+{"version":3,"file":"radio_group.vue.js","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted radios.\n    * need this to pass value to slotted checkboxes if modified outside\n    * radio group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValue = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";AAOA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA;EAEvB;AAAA,EAED,OAAO;AAAA,IACL,MAAO,UAAU;AACf,WAAK,gBAAgB;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAAS,kBAAkB;AACzB,aAAK,WAAW,gBAAgB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAe,UAAU;AACvB,WAAK,MAAM,SAAS,QAAQ;AAAA,IAC7B;AAAA,IAED,cAAe,MAAM,OAAO;AAC1B,aAAO,uBAAuB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH;;"}

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs

@@ -5,6 +5,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const link = require("../../../link/link.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: vue3.NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA9BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}
+{"version":3,"file":"ChannelComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA/BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js

@@ -3,6 +3,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createT
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtLink from "../../../link/link.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
     NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA9BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
+{"version":3,"file":"ChannelComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA/BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs

@@ -6,6 +6,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const stack = require("../../../stack/stack.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack: stack.default,

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["DtStack","_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;0BAzCEC,IAaW,YAAA,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,2BADdD,IAGE,YAAA,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,8BAEPA,IAGE,YAAA,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,IAAA,mBAAuB,kCAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;;"}
+{"version":3,"file":"ChannelSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["DtStack","_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;AAsBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;0BA1CEC,IAaW,YAAA,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,2BADdD,IAGE,YAAA,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,8BAEPA,IAGE,YAAA,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,IAAA,mBAAuB,kCAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js

@@ -4,6 +4,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode,
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtStack from "../../../stack/stack.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
     DtStack,

package/dist/vue3/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;sBAzCEA,YAaW,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,uBADdD,YAGE,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,0BAEPA,YAGE,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,mBAAuB,8BAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;"}
+{"version":3,"file":"ChannelSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;AAsBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;;;;;sBA1CEA,YAaW,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAFO,CAAA,OAAA,KAAK,uBADdD,YAGE,yBAAA;AAAA,QARN,KAAA;AAAA,QAOM,MAAK;AAAA,0BAEPA,YAGE,yBAAA;AAAA,QAZN,KAAA;AAAA,QAWM,MAAK;AAAA;MAEPE,mBAAuB,8BAAd,SAAI,IAAA,GAAA,CAAA;AAAA;IAbjB,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.cjs

@@ -5,6 +5,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const emoji = require("../../../emoji/emoji.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: vue3.NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["NodeViewWrapper","DtEmoji","nodeViewProps","_createBlock","_withCtx","_createVNode"],"mappings":";;;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAOC,KAAa;AACtB;;;;0BAvBEC,IAOoB,YAAA,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;;"}
+{"version":3,"file":"EmojiComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["NodeViewWrapper","DtEmoji","nodeViewProps","_createBlock","_withCtx","_createVNode"],"mappings":";;;;;;AAiBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAOC,KAAa;AACtB;;;;0BAxBEC,IAOoB,YAAA,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.js

@@ -3,6 +3,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode } from "
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtEmoji from "../../../emoji/emoji.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
     NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AACT;;;;sBAvBEA,YAOoB,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;"}
+{"version":3,"file":"EmojiComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AACT;;;;sBAxBEA,YAOoB,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.cjs

@@ -5,6 +5,7 @@ const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export
 const emoji = require("../../../emoji/emoji.vue.cjs");
 const stack = require("../../../stack/stack.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
     DtEmoji: emoji.default,

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["DtEmoji","DtStack","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;0BA7BEC,IASW,YAAA,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,IAAA,gBAQM,MACFC,oBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;;"}
+{"version":3,"file":"EmojiSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["DtEmoji","DtStack","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAiBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA,MAAO;AAAA,IACP,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;0BA9BEC,IASW,YAAA,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,IAAA,gBAQM,MACFC,oBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.js

@@ -3,6 +3,7 @@ import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtEmoji from "../../../emoji/emoji.vue.js";
 import DtStack from "../../../stack/stack.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
     DtEmoji,

package/dist/vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;sBA7BEA,YASW,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,gBAQM,MACFC,gBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;"}
+{"version":3,"file":"EmojiSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;sBA9BEA,YASW,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,gBAQM,MACFC,gBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.cjs

@@ -5,6 +5,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const link = require("../../../link/link.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
     NodeViewWrapper: vue3.NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MentionComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA9BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}
+{"version":3,"file":"MentionComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA/BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.js

@@ -3,6 +3,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createT
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtLink from "../../../link/link.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
     NodeViewWrapper,

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA9BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
+{"version":3,"file":"MentionComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA/BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs

@@ -5,6 +5,7 @@ const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export
 const avatar = require("../../../avatar/avatar.vue.cjs");
 const stack = require("../../../stack/stack.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
     DtAvatar: avatar.default,

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MentionSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <!-- eslint-disable-next-line vue/no-restricted-class -->\n    <span class=\"d-mention-suggestion__name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n"],"names":["DtAvatar","DtStack","_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA,OAAQ;AAAA,IACR,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCU,MAAA,aAAA,EAAA,OAAM,6BAA4B;;;;0BAX1CC,IAcW,YAAA,qBAAA;AAAA,IAbT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAKE;AAAA,MALFC,IAAAA,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAGPC,IAEO,mBAAA,QAFP,YAEOC,IAAAA,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAbb,GAAA;AAAA;;;;"}
+{"version":3,"file":"MentionSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <!-- eslint-disable-next-line vue/no-restricted-class -->\n    <span class=\"d-mention-suggestion__name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n"],"names":["DtAvatar","DtStack","_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;AAsBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA,OAAQ;AAAA,IACR,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAlCU,MAAA,aAAA,EAAA,OAAM,6BAA4B;;;;0BAX1CC,IAcW,YAAA,qBAAA;AAAA,IAbT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAKE;AAAA,MALFC,IAAAA,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAGPC,IAEO,mBAAA,QAFP,YAEOC,IAAAA,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAbb,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js

@@ -3,6 +3,7 @@ import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtAvatar from "../../../avatar/avatar.vue.js";
 import DtStack from "../../../stack/stack.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
     DtAvatar,

package/dist/vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <!-- eslint-disable-next-line vue/no-restricted-class -->\n    <span class=\"d-mention-suggestion__name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;AAsBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCU,MAAA,aAAA,EAAA,OAAM,6BAA4B;;;;sBAX1CA,YAcW,qBAAA;AAAA,IAbT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAKE;AAAA,MALFC,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAGPC,mBAEO,QAFP,YAEOC,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAbb,GAAA;AAAA;;;"}
+{"version":3,"file":"MentionSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <!-- eslint-disable-next-line vue/no-restricted-class -->\n    <span class=\"d-mention-suggestion__name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;AAsBA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAlCU,MAAA,aAAA,EAAA,OAAM,6BAA4B;;;;sBAX1CA,YAcW,qBAAA;AAAA,IAbT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAKE;AAAA,MALFC,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAGPC,mBAEO,QAFP,YAEOC,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAbb,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.cjs

@@ -4,6 +4,7 @@ const vue3 = require("@tiptap/vue-3");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: vue3.NodeViewWrapper

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","nodeViewProps","_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,EAChB;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;0BA7BEC,IAIoB,YAAA,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAAU;AAAA,MALdC,IAAAA,gBAAAC,IAAAA,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;;"}
+{"version":3,"file":"SlashCommandComponent.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","nodeViewProps","_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAYA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,EAChB;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;0BA9BEC,IAIoB,YAAA,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAAU;AAAA,MALdC,IAAAA,gBAAAC,IAAAA,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.js

@@ -2,6 +2,7 @@ import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
 import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;sBA7BEA,YAIoB,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAAU;AAAA,MALdC,gBAAAC,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;"}
+{"version":3,"file":"SlashCommandComponent.vue.js","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;sBA9BEA,YAIoB,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAAU;AAAA,MALdC,gBAAAC,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
     item: {

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;0BAJvCA,uBAOM,OAAA,MAAA;AAAA,IANJC,IAAA,mBAEM,OAFN,YAEM;AAAA,MADJA,uBAA2B,QAAA,MAArB,MAACC,IAAA,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,sCAA7BF,IAA8D,mBAAA,QAJ/F,gCAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,IAAA,mBAAA,IAAA,IAAA;AAAA;IAMIF,IAEM,mBAAA,OAFN,YAEMC,IAAAA,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"SlashCommandSuggestion.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAaA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAlCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;0BAJvCA,uBAOM,OAAA,MAAA;AAAA,IANJC,IAAA,mBAEM,OAFN,YAEM;AAAA,MADJA,uBAA2B,QAAA,MAArB,MAACC,IAAA,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,sCAA7BF,IAA8D,mBAAA,QAJ/F,gCAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,IAAA,mBAAA,IAAA,IAAA;AAAA;IAMIF,IAEM,mBAAA,OAFN,YAEMC,IAAAA,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.js

@@ -1,6 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
     item: {

package/dist/vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;sBAJvCA,mBAOM,OAAA,MAAA;AAAA,IANJC,mBAEM,OAFN,YAEM;AAAA,MADJA,mBAA2B,QAAA,MAArB,MAACC,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,kCAA7BF,mBAA8D,QAJ/F,4BAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,mBAAA,IAAA,IAAA;AAAA;IAMIF,mBAEM,OAFN,YAEMC,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"SlashCommandSuggestion.vue.js","sources":["../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAaA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAlCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;sBAJvCA,mBAOM,OAAA,MAAA;AAAA,IANJC,mBAEM,OAFN,YAEM;AAAA,MADJA,mBAA2B,QAAA,MAArB,MAACC,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,kCAA7BF,mBAA8D,QAJ/F,4BAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,mBAAA,IAAA,IAAA;AAAA;IAMIF,mBAEM,OAFN,YAEMC,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;"}

package/dist/vue3/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs

@@ -4,6 +4,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const list_item = require("../../../list_item/list_item.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
     DtListItem: list_item.default

package/dist/vue3/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionList.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div class=\"d-popover__dialog d-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"d-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'd-suggestion-list__item',\n          { 'd-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        this.selectHandler();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    async scrollActiveElementIntoView () {\n      await this.$nextTick();\n      const activeElement = this.$refs.suggestionList.querySelector('.d-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n        case 'slash-command':\n          this.command({ command: item.command });\n          break;\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtListItem","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withModifiers","_withCtx","_resolveDynamicComponent","_vShow"],"mappings":"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"}
+{"version":3,"file":"SuggestionList.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div class=\"d-popover__dialog d-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"d-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'd-suggestion-list__item',\n          { 'd-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        this.selectHandler();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    async scrollActiveElementIntoView () {\n      await this.$nextTick();\n      const activeElement = this.$refs.suggestionList.querySelector('.d-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n        case 'slash-command':\n          this.command({ command: item.command });\n          break;\n      }\n    },\n  },\n};\n</script>\n"],"names":["DtListItem","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withModifiers","_withCtx","_resolveDynamicComponent","_vShow"],"mappings":";;;;;AA+BA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,gBACVA,UAAU;AAAA,EACX;AAAA,EAED,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,eAAe;AAAA,MACb,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe;AAAA;EAElB;AAAA,EAED,OAAO;AAAA,IACL,QAAS;AACP,WAAK,gBAAgB;AAAA,IACtB;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,UAAW,EAAE,SAAS;AACpB,UAAI,MAAM,QAAQ,WAAW;AAC3B,aAAK,UAAS;AACd,eAAO;AAAA,MACT;AAEA,UAAI,MAAM,QAAQ,aAAa;AAC7B,aAAK,YAAW;AAChB,eAAO;AAAA,MACT;AAEA,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,OAAO;AAChD,aAAK,cAAa;AAClB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACR;AAAA,IAED,YAAa;AACX,WAAK,iBAAkB,KAAK,gBAAgB,KAAK,MAAM,SAAU,KAAK,KAAK,MAAM;AAEjF,WAAK,4BAA2B;AAAA,IACjC;AAAA,IAED,cAAe;AACb,WAAK,iBAAiB,KAAK,gBAAgB,KAAK,KAAK,MAAM;AAE3D,WAAK,4BAA2B;AAAA,IACjC;AAAA,IAED,MAAM,8BAA+B;AACnC,YAAM,KAAK;AACX,YAAM,gBAAgB,KAAK,MAAM,eAAe,cAAc,2BAA2B;AACzF,UAAI,eAAe;AACjB,sBAAc,eAAe;AAAA,UAC3B,WAAW;AAAA,UACX,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACD;AAAA,IAED,gBAAiB;AACf,WAAK,WAAW,KAAK,aAAa;AAAA,IACnC;AAAA,IAED,WAAY,OAAO;AACjB,YAAM,OAAO,KAAK,MAAM,KAAK;AAE7B,cAAQ,KAAK,UAAQ;AAAA,QACnB,KAAK;AACH,eAAK,QAAQ,IAAI;AACjB;AAAA,QACF,KAAK;AACH,eAAK,QAAQ,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,IAAI,WAAW,KAAK,UAAW,CAAA;AACxE;AAAA,QACF,KAAK;AACH,eAAK,QAAQ,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,GAAC,CAAG;AAC7C;AAAA,QACF,KAAK;AACH,eAAK,QAAQ,EAAE,SAAS,KAAK,QAAS,CAAA;AACtC;AAAA,MACJ;AAAA,IACD;AAAA,EACF;AACH;AAxIO,MAAA,aAAA,EAAA,OAAM,iDAAgD;;EAGvD,KAAI;AAAA,EACJ,OAAM;;;;AAJV,SAAAC,cAAA,GAAAC,uBAuBM,OAvBN,YAuBM;AAAA,IAtBJC,mBAAAC,IAAAA,mBAqBK,MArBL,YAqBK;AAAA,OAhBHH,IAAAA,UAAA,IAAA,GAAAC,IAAA,mBAeeG,oBAvBrBC,IASgC,WAAA,OAAA,OAThC,CASgB,MAAM,UAAK;gCADrBC,IAee,YAAA,yBAAA;AAAA,UAbZ,KAAK,KAAK;AAAA,UACV,OAXTC,IAAAA,eAAA;AAAA;YAW+F,EAAA,4BAAA,UAAU,MAAa,cAAA;AAAA;UAI9G,mBAAgB;AAAA,UACf,SAAK,YAAE,SAAU,WAAC,KAAK;AAAA,UACvB,WAjBTC,IAAAA,cAiB0B,SAAS,WAAA,CAAA,SAAA,CAAA;AAAA;UAjBnC,SAAAC,IAAA,QAmBQ,MAGE;AAAA,aAHFT,IAAAA,UAAA,GAAAM,IAAA,YAGEI,4BAFK,OAAA,aAAa,GACjB,EAAA,KAAU,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;UArBrB,GAAA;AAAA;;;MAIc,CAAAC,WAAA,OAAA,MAAM,MAAM;AAAA;;;;;"}

package/dist/vue3/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.js

@@ -2,6 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, withDirectives, create
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 import DtListItem from "../../../list_item/list_item.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "SuggestionList",
   components: {
     DtListItem