@dialpad/dialtone-vue 2.163.1 → 2.163.3

package/dist/packages/dialtone-vue2/components/radio/radio.vue.js

@@ -1,108 +0,0 @@
-import { InputMixin, CheckableMixin, GroupableMixin, MessagesMixin } from "../../common/mixins/input.js";
-import { RADIO_INPUT_VALIDATION_CLASSES } from "./radio_constants.js";
-import normalizeComponent from "../../../../_virtual/_plugin-vue2_normalizer.js";
-import DtValidationMessages from "../validation_messages/validation_messages.vue.js";
-const _sfc_main = {
-  name: "DtRadio",
-  components: { DtValidationMessages },
-  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
-  inheritAttrs: false,
-  props: {
-    /**
-     * A provided value for the radio
-     */
-    value: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input",
-    /**
-     * Native input focusin event
-     *
-     * @event focusin
-     * @property {FocusEvent}
-     */
-    "focusin",
-    /**
-     * Native input focusout event
-     *
-     * @event focusout
-     * @property {FocusEvent}
-     */
-    "focusout"
-  ],
-  computed: {
-    inputValidationClass() {
-      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
-    },
-    radioGroupValue() {
-      var _a;
-      return (_a = this.groupContext) == null ? void 0 : _a.selectedValue;
-    },
-    inputListeners() {
-      return {
-        /* TODO
-            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
-            and migration prior to upgrading to Vue 3.x
-        */
-        ...this.$listeners,
-        /*
-         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
-         * element which will result in the hander being called twice (once on the input element and once by the emitted
-         * input event by the change listener).
-        */
-        input: () => {
-        },
-        change: (event) => this.emitValue(event.target.value)
-      };
-    }
-  },
-  watch: {
-    radioGroupValue: {
-      immediate: true,
-      handler(newRadioGroupValue) {
-        if (this.hasGroup) {
-          this.internalChecked = newRadioGroupValue === this.value;
-        }
-      }
-    }
-  },
-  methods: {
-    emitValue(value) {
-      if (value !== this.radioGroupValue) {
-        this.setGroupValue(value);
-        this.$emit("input", value);
-      }
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", [_c("label", [_c("div", { class: ["d-radio-group", { "d-radio-group--disabled": _vm.internalDisabled }] }, [_c("div", { staticClass: "d-radio__input" }, [_c("input", _vm._g(_vm._b({ class: ["d-radio", _vm.inputValidationClass, _vm.inputClass], attrs: { "name": _vm.internalName, "disabled": _vm.internalDisabled, "type": "radio" }, domProps: { "checked": _vm.internalChecked, "value": _vm.value } }, "input", _vm.$attrs, false), _vm.inputListeners))]), _c("div", { staticClass: "d-radio__copy d-radio__label", attrs: { "data-qa": "radio-label-description-container" } }, [_c("div", _vm._b({ class: _vm.labelClass, attrs: { "data-qa": "radio-label" } }, "div", _vm.labelChildProps, false), [_vm._t("default", function() {
-    return [_vm._v(_vm._s(_vm.label))];
-  })], 2), _vm.$slots.description || _vm.description ? _c("div", _vm._b({ class: ["d-description", _vm.descriptionClass], attrs: { "data-qa": "radio-description" } }, "div", _vm.descriptionChildProps, false), [_vm._t("description", function() {
-    return [_vm._v(_vm._s(_vm.description))];
-  })], 2) : _vm._e(), _c("dt-validation-messages", _vm._b({ class: _vm.messagesClass, attrs: { "validation-messages": _vm.formattedMessages, "show-messages": _vm.showMessages, "data-qa": "dt-radio-validation-messages" } }, "dt-validation-messages", _vm.messagesChildProps, false))], 1)])])]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const radio = __component__.exports;
-export {
-  radio as default
-};
-//# sourceMappingURL=radio.vue.js.map

package/dist/packages/dialtone-vue2/components/radio/radio.vue.js.map

@@ -1 +0,0 @@
-{"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';\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 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  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        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\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 hander being called twice (once on the input element and once by the emitted\n         * input event by the change listener).\n        */\n        input: () => {},\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":[],"mappings":";;;;AAiEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,qBAAA;AAAA,EAEA,QAAA,CAAA,YAAA,gBAAA,gBAAA,aAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,uBAAA;AACA,aAAA,+BAAA,KAAA,uBAAA;AAAA,IACA;AAAA,IAEA,kBAAA;;AACA,cAAA,UAAA,iBAAA,mBAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA,GAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,OAAA,MAAA;AAAA,QAAA;AAAA,QACA,QAAA,WAAA,KAAA,UAAA,MAAA,OAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,oBAAA;AACA,YAAA,KAAA,UAAA;AAEA,eAAA,kBAAA,uBAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA,OAAA;AACA,UAAA,UAAA,KAAA,iBAAA;AAEA,aAAA,cAAA,KAAA;AAEA,aAAA,MAAA,SAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/radio/radio_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio_constants.cjs","sources":["../../../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,iCAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;;"}

package/dist/packages/dialtone-vue2/components/radio/radio_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio_constants.js","sources":["../../../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,iCAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;"}

package/dist/packages/dialtone-vue2/components/radio_group/radio_group.vue.cjs

@@ -1,90 +0,0 @@
-"use strict";
-const _pluginVue2_normalizer = require("../../../../_virtual/_plugin-vue2_normalizer.cjs");
-const input_group = require("../input_group/input_group.vue.cjs");
-const _sfc_main = {
-  name: "DtRadioGroup",
-  extends: input_group,
-  props: {
-    /**
-     * A provided value for the radio group
-     * @model value
-     */
-    value: {
-      type: [String, Number],
-      default: ""
-    },
-    /**
-     * A data qa tag for the radio group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "radio-group"
-    },
-    /**
-     * A data qa tag for the radio group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "radio-group-legend"
-    },
-    /**
-     * A data qa tag for the radio group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "radio-group-messages"
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input"
-  ],
-  data() {
-    return {
-      // wrap values in object to make reactive
-      provideObj: {
-        selectedValue: this.value
-      }
-    };
-  },
-  watch: {
-    /*
-     * watching value to support 2 way binding for slotted radios.
-     * need this to pass value to slotted radios if modified outside
-     * radio group.
-     */
-    value(newValue) {
-      this.provideObj.selectedValue = newValue;
-    }
-  },
-  methods: {
-    /*
-     * provided value to support 2 way binding for slotted radios.
-     * slotted radios will change this value and need to emit new value up.
-     */
-    setGroupValue(newValue) {
-      this.$emit("input", newValue);
-    },
-    getMessageKey(type, index) {
-      return `radio-group-message-${type}-${index}-${this.id}`;
-    }
-  }
-};
-const _sfc_render = null;
-const _sfc_staticRenderFns = null;
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const radio_group = __component__.exports;
-module.exports = radio_group;
-//# sourceMappingURL=radio_group.vue.cjs.map

package/dist/packages/dialtone-vue2/components/radio_group/radio_group.vue.cjs.map

@@ -1 +0,0 @@
-{"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      // wrap values in object to make reactive\n      provideObj: {\n        selectedValue: this.value,\n      },\n    };\n  },\n\n  watch: {\n    /*\n     * watching value to support 2 way binding for slotted radios.\n     * need this to pass value to slotted radios if modified outside\n     * radio group.\n     */\n    value (newValue) {\n      this.provideObj.selectedValue = newValue;\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,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,SAAAA;AAAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA;AAAA,MAEA,YAAA;AAAA,QACA,eAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA,UAAA;AACA,WAAA,WAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA,UAAA;AACA,WAAA,MAAA,SAAA,QAAA;AAAA,IACA;AAAA,IAEA,cAAA,MAAA,OAAA;AACA,aAAA,uBAAA,IAAA,IAAA,KAAA,IAAA,KAAA,EAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/radio_group/radio_group.vue.js

@@ -1,91 +0,0 @@
-import normalizeComponent from "../../../../_virtual/_plugin-vue2_normalizer.js";
-import DtInputGroup from "../input_group/input_group.vue.js";
-const _sfc_main = {
-  name: "DtRadioGroup",
-  extends: DtInputGroup,
-  props: {
-    /**
-     * A provided value for the radio group
-     * @model value
-     */
-    value: {
-      type: [String, Number],
-      default: ""
-    },
-    /**
-     * A data qa tag for the radio group
-     */
-    dataQaGroup: {
-      type: String,
-      default: "radio-group"
-    },
-    /**
-     * A data qa tag for the radio group legend
-     */
-    dataQaGroupLegend: {
-      type: String,
-      default: "radio-group-legend"
-    },
-    /**
-     * A data qa tag for the radio group messages
-     */
-    dataQaGroupMessages: {
-      type: String,
-      default: "radio-group-messages"
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {String | Number}
-     */
-    "input"
-  ],
-  data() {
-    return {
-      // wrap values in object to make reactive
-      provideObj: {
-        selectedValue: this.value
-      }
-    };
-  },
-  watch: {
-    /*
-     * watching value to support 2 way binding for slotted radios.
-     * need this to pass value to slotted radios if modified outside
-     * radio group.
-     */
-    value(newValue) {
-      this.provideObj.selectedValue = newValue;
-    }
-  },
-  methods: {
-    /*
-     * provided value to support 2 way binding for slotted radios.
-     * slotted radios will change this value and need to emit new value up.
-     */
-    setGroupValue(newValue) {
-      this.$emit("input", newValue);
-    },
-    getMessageKey(type, index) {
-      return `radio-group-message-${type}-${index}-${this.id}`;
-    }
-  }
-};
-const _sfc_render = null;
-const _sfc_staticRenderFns = null;
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const radio_group = __component__.exports;
-export {
-  radio_group as default
-};
-//# sourceMappingURL=radio_group.vue.js.map

package/dist/packages/dialtone-vue2/components/radio_group/radio_group.vue.js.map

@@ -1 +0,0 @@
-{"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      // wrap values in object to make reactive\n      provideObj: {\n        selectedValue: this.value,\n      },\n    };\n  },\n\n  watch: {\n    /*\n     * watching value to support 2 way binding for slotted radios.\n     * need this to pass value to slotted radios if modified outside\n     * radio group.\n     */\n    value (newValue) {\n      this.provideObj.selectedValue = newValue;\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,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,SAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA;AAAA,MAEA,YAAA;AAAA,QACA,eAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA,UAAA;AACA,WAAA,WAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA,UAAA;AACA,WAAA,MAAA,SAAA,QAAA;AAAA,IACA;AAAA,IAEA,cAAA,MAAA,OAAA;AACA,aAAA,uBAAA,IAAA,IAAA,KAAA,IAAA,KAAA,EAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs

@@ -1,33 +0,0 @@
-"use strict";
-const vue2 = require("@tiptap/vue-2");
-const _pluginVue2_normalizer = require("../../../../../../_virtual/_plugin-vue2_normalizer.cjs");
-const link = require("../../../link/link.vue.cjs");
-const _sfc_main = {
-  name: "ChannelComponent",
-  components: {
-    NodeViewWrapper: vue2.NodeViewWrapper,
-    DtLink: link
-  },
-  props: vue2.nodeViewProps,
-  computed: {
-    text() {
-      return "#" + this.$props.node.attrs.name;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ChannelComponent = __component__.exports;
-module.exports = ChannelComponent;
-//# sourceMappingURL=ChannelComponent.vue.cjs.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelComponent.vue.cjs.map

@@ -1 +0,0 @@
-{"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-2';\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"],"mappings":";;;;AAkBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAA,KAAA;AAAA,IACA,QAAAC;AAAAA,EACA;AAAA,EAEA,OAAAC,KAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js

@@ -1,34 +0,0 @@
-import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-2";
-import normalizeComponent from "../../../../../../_virtual/_plugin-vue2_normalizer.js";
-import DtLink from "../../../link/link.vue.js";
-const _sfc_main = {
-  name: "ChannelComponent",
-  components: {
-    NodeViewWrapper,
-    DtLink
-  },
-  props: nodeViewProps,
-  computed: {
-    text() {
-      return "#" + this.$props.node.attrs.name;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ChannelComponent = __component__.exports;
-export {
-  ChannelComponent as default
-};
-//# sourceMappingURL=ChannelComponent.vue.js.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelComponent.vue.js.map

@@ -1 +0,0 @@
-{"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-2';\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":[],"mappings":";;;AAkBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs

@@ -1,40 +0,0 @@
-"use strict";
-const DtIconHash = require("@dialpad/dialtone-icons/vue2/hash");
-const DtIconLock = require("@dialpad/dialtone-icons/vue2/lock");
-const _pluginVue2_normalizer = require("../../../../../../_virtual/_plugin-vue2_normalizer.cjs");
-const stack = require("../../../stack/stack.vue.cjs");
-const _sfc_main = {
-  name: "ChannelSuggestion",
-  components: {
-    DtStack: stack,
-    DtIconHash,
-    DtIconLock
-  },
-  props: {
-    item: {
-      type: Object,
-      required: true
-    }
-  },
-  computed: {
-    name() {
-      return this.item.name;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [!_vm.item.locked ? _c("dt-icon-hash", { attrs: { "size": "300" } }) : _c("dt-icon-lock", { attrs: { "size": "300" } }), _c("span", [_vm._v(_vm._s(_vm.name))])], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ChannelSuggestion = __component__.exports;
-module.exports = ChannelSuggestion;
-//# sourceMappingURL=ChannelSuggestion.vue.cjs.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.cjs.map

@@ -1 +0,0 @@
-{"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/vue2/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue2/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"],"mappings":";;;;;AAsBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,SAAAA;AAAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js

@@ -1,41 +0,0 @@
-import DtIconHash from "@dialpad/dialtone-icons/vue2/hash";
-import DtIconLock from "@dialpad/dialtone-icons/vue2/lock";
-import normalizeComponent from "../../../../../../_virtual/_plugin-vue2_normalizer.js";
-import DtStack from "../../../stack/stack.vue.js";
-const _sfc_main = {
-  name: "ChannelSuggestion",
-  components: {
-    DtStack,
-    DtIconHash,
-    DtIconLock
-  },
-  props: {
-    item: {
-      type: Object,
-      required: true
-    }
-  },
-  computed: {
-    name() {
-      return this.item.name;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [!_vm.item.locked ? _c("dt-icon-hash", { attrs: { "size": "300" } }) : _c("dt-icon-lock", { attrs: { "size": "300" } }), _c("span", [_vm._v(_vm._s(_vm.name))])], 1);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const ChannelSuggestion = __component__.exports;
-export {
-  ChannelSuggestion as default
-};
-//# sourceMappingURL=ChannelSuggestion.vue.js.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/ChannelSuggestion.vue.js.map

@@ -1 +0,0 @@
-{"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/vue2/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue2/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":[],"mappings":";;;;AAsBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/channel.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Mention = require("@tiptap/extension-mention");
-const core = require("@tiptap/core");
-const vue2 = require("@tiptap/vue-2");
-const state = require("@tiptap/pm/state");
-const ChannelComponent = require("./ChannelComponent.vue.cjs");
-const ChannelPlugin = Mention.extend({
-  name: "channel",
-  addNodeView() {
-    return vue2.VueNodeViewRenderer(ChannelComponent);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "channel-component"
-      }
-    ];
-  },
-  addAttributes() {
-    return {
-      name: {
-        default: ""
-      },
-      id: {
-        default: ""
-      },
-      locked: {
-        default: false
-      }
-    };
-  },
-  renderText({ node }) {
-    return `#${node.attrs.id}`;
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["channel-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
-  }
-}).configure({
-  suggestion: {
-    char: "#",
-    pluginKey: new state.PluginKey("channelSuggestion")
-  }
-});
-exports.ChannelPlugin = ChannelPlugin;
-//# sourceMappingURL=channel.cjs.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/channel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"channel.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-2';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Channel Mention component\nimport ChannelComponent from './ChannelComponent.vue';\n\nexport const ChannelPlugin = Mention.extend({\n  name: 'channel',\n\n  addNodeView () {\n    return VueNodeViewRenderer(ChannelComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'channel-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n      locked: {\n        default: false,\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `#${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['channel-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n}).configure({\n  suggestion: {\n    char: '#',\n    pluginKey: new PluginKey('channelSuggestion'),\n  },\n});\n"],"names":["VueNodeViewRenderer","mergeAttributes","PluginKey"],"mappings":";;;;;;;AAQY,MAAC,gBAAgB,QAAQ,OAAO;AAAA,EAC1C,MAAM;AAAA,EAEN,cAAe;AACb,WAAOA,KAAAA,oBAAoB,gBAAgB;AAAA,EAC5C;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,MACD,QAAQ;AAAA,QACN,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,EAAE;AAAA,EACzB;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqBC,qBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAEH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAIC,MAAS,UAAC,mBAAmB;AAAA,EAC7C;AACH,CAAC;;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/channel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"channel.js","sources":["../../../../../../../components/rich_text_editor/extensions/channels/channel.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-2';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Channel Mention component\nimport ChannelComponent from './ChannelComponent.vue';\n\nexport const ChannelPlugin = Mention.extend({\n  name: 'channel',\n\n  addNodeView () {\n    return VueNodeViewRenderer(ChannelComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'channel-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n      locked: {\n        default: false,\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `#${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['channel-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n}).configure({\n  suggestion: {\n    char: '#',\n    pluginKey: new PluginKey('channelSuggestion'),\n  },\n});\n"],"names":[],"mappings":";;;;;AAQY,MAAC,gBAAgB,QAAQ,OAAO;AAAA,EAC1C,MAAM;AAAA,EAEN,cAAe;AACb,WAAO,oBAAoB,gBAAgB;AAAA,EAC5C;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,MACD,QAAQ;AAAA,QACN,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,EAAE;AAAA,EACzB;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqB,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAEH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAI,UAAU,mBAAmB;AAAA,EAC7C;AACH,CAAC;"}

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/suggestion.cjs

@@ -1,81 +0,0 @@
-"use strict";
-const vue2 = require("@tiptap/vue-2");
-const tippy = require("tippy.js");
-const SuggestionList = require("../suggestion/SuggestionList.vue.cjs");
-const ChannelSuggestion = require("./ChannelSuggestion.vue.cjs");
-const hide_on_esc = require("../tippy_plugins/hide_on_esc.cjs");
-const channelSuggestion = {
-  // This function comes from the user and passed to the editor directly.
-  // This will also activate the mention plugin on the editor
-  // items: ({ query }) => { return [] },
-  allowSpaces: true,
-  render: () => {
-    let component;
-    let popup;
-    let popupIsOpen = false;
-    return {
-      onStart: (props) => {
-        component = new vue2.VueRenderer(SuggestionList, {
-          parent: void 0,
-          propsData: {
-            itemComponent: ChannelSuggestion,
-            itemType: "channel",
-            ...props
-          },
-          editor: props.editor
-        });
-        if (!props.clientRect) {
-          return;
-        }
-        popup = tippy("body", {
-          getReferenceClientRect: props.clientRect,
-          appendTo: () => document.body,
-          content: component.element,
-          showOnCreate: false,
-          onShow: () => {
-            popupIsOpen = true;
-          },
-          onHidden: () => {
-            popupIsOpen = false;
-          },
-          interactive: true,
-          trigger: "manual",
-          placement: "top-start",
-          zIndex: 650,
-          plugins: [hide_on_esc]
-        });
-        if (props.items.length > 0) {
-          popup == null ? void 0 : popup[0].show();
-        }
-      },
-      onUpdate(props) {
-        component == null ? void 0 : component.updateProps(props);
-        if (props.items.length > 0) {
-          popup == null ? void 0 : popup[0].show();
-        } else {
-          popup == null ? void 0 : popup[0].hide();
-        }
-        if (!props.clientRect) {
-          return;
-        }
-        popup == null ? void 0 : popup[0].setProps({
-          getReferenceClientRect: props.clientRect
-        });
-      },
-      onKeyDown(props) {
-        var _a;
-        if (popupIsOpen) {
-          return (_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props);
-        }
-      },
-      onExit() {
-        popup == null ? void 0 : popup[0].destroy();
-        popup = null;
-        component == null ? void 0 : component.destroy();
-        component = null;
-      }
-    };
-  }
-};
-module.exports = channelSuggestion;
-//# sourceMappingURL=suggestion.cjs.map

package/dist/packages/dialtone-vue2/components/rich_text_editor/extensions/channels/suggestion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/channels/suggestion.js"],"sourcesContent":["import { VueRenderer } from '@tiptap/vue-2';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport ChannelSuggestion from './ChannelSuggestion.vue';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n    let popupIsOpen = false;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          parent: this,\n          propsData: {\n            itemComponent: ChannelSuggestion,\n            itemType: 'channel',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: false,\n          onShow: () => { popupIsOpen = true; },\n          onHidden: () => { popupIsOpen = false; },\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          zIndex: 650,\n          plugins: [hideOnEsc],\n        });\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        }\n      },\n\n      onUpdate (props) {\n        component?.updateProps(props);\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        } else {\n          popup?.[0].hide();\n        }\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup?.[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (popupIsOpen) {\n          return component?.ref?.onKeyDown(props);\n        }\n      },\n\n      onExit () {\n        popup?.[0].destroy();\n        popup = null;\n        component?.destroy();\n        component = null;\n      },\n    };\n  },\n};\n"],"names":["VueRenderer","this","hideOnEsc"],"mappings":";;;;;;AAOA,MAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EAEb,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAIA,KAAW,YAAC,gBAAgB;AAAA,UAC1C,QAAQC;AAAAA,UACR,WAAW;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,YACV,GAAG;AAAA,UACJ;AAAA,UACD,QAAQ,MAAM;AAAA,QACxB,CAAS;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,gBAAQ,MAAM,QAAQ;AAAA,UACpB,wBAAwB,MAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAAS,UAAU;AAAA,UACnB,cAAc;AAAA,UACd,QAAQ,MAAM;AAAE,0BAAc;AAAA,UAAO;AAAA,UACrC,UAAU,MAAM;AAAE,0BAAc;AAAA,UAAQ;AAAA,UACxC,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS,CAACC,WAAS;AAAA,QAC7B,CAAS;AAED,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,MAED,SAAU,OAAO;AACf,+CAAW,YAAY;AAEvB,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACrB,OAAe;AACL,yCAAQ,GAAG;AAAA,QACZ;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,uCAAQ,GAAG,SAAS;AAAA,UAClB,wBAAwB,MAAM;AAAA,QACxC;AAAA,MACO;AAAA,MAED,UAAW,OAAO;;AAChB,YAAI,aAAa;AACf,kBAAO,4CAAW,QAAX,mBAAgB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,MAED,SAAU;AACR,uCAAQ,GAAG;AACX,gBAAQ;AACR,+CAAW;AACX,oBAAY;AAAA,MACb;AAAA,IACP;AAAA,EACG;AACH;;"}