@dialpad/dialtone 9.83.1 → 9.84.0

package/dist/vue3/components/rich_text_editor/extensions/slash_command/suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.js","sources":["../../../../../components/rich_text_editor/extensions/slash_command/suggestion.js"],"sourcesContent":["import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport SlashCommandSuggestion from './SlashCommandSuggestion.vue';\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  startOfLine: 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          props: {\n            itemComponent: markRaw(SlashCommandSuggestion),\n            itemType: 'slash-command',\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":["this"],"mappings":";;;;;;AAQA,MAAe,yBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAI,YAAY,gBAAgB;AAAA,UAC1C,QAAQA;AAAAA,UACR,OAAO;AAAA,YACL,eAAe,QAAQ,sBAAsB;AAAA,YAC7C,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,CAAC,SAAS;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;"}

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

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const list_item = require("../../../list_item/list_item.vue.cjs");
+const _sfc_main = {
+  name: "SuggestionList",
+  components: {
+    DtListItem: list_item.default
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    command: {
+      type: Function,
+      required: true
+    },
+    itemComponent: {
+      type: Object,
+      required: true
+    },
+    itemType: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      selectedIndex: 0
+    };
+  },
+  watch: {
+    items() {
+      this.selectedIndex = 0;
+    }
+  },
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === "ArrowUp") {
+        this.upHandler();
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        this.downHandler();
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        this.selectHandler();
+        return true;
+      }
+      return false;
+    },
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length;
+      this.scrollActiveElementIntoView();
+    },
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
+      this.scrollActiveElementIntoView();
+    },
+    async scrollActiveElementIntoView() {
+      await this.$nextTick();
+      const activeElement = this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");
+      if (activeElement) {
+        activeElement.scrollIntoView({
+          behaviour: "smooth",
+          block: "center"
+        });
+      }
+    },
+    selectHandler() {
+      this.selectItem(this.selectedIndex);
+    },
+    selectItem(index) {
+      const item = this.items[index];
+      switch (this.itemType) {
+        case "emoji":
+          this.command(item);
+          return;
+        case "mention":
+          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });
+          break;
+        case "channel":
+          this.command({ name: item.name, id: item.id });
+          break;
+        case "slash-command":
+          this.command({ command: item.command });
+          break;
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "d-popover__dialog dt-suggestion-list__container" };
+const _hoisted_2 = {
+  ref: "suggestionList",
+  class: "dt-suggestion-list"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_list_item = vue.resolveComponent("dt-list-item");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.withDirectives(vue.createElementVNode("ul", _hoisted_2, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.items, (item, index) => {
+        return vue.openBlock(), vue.createBlock(_component_dt_list_item, {
+          key: item.id,
+          class: vue.normalizeClass([
+            "dt-suggestion-list--item",
+            { "dt-list-item--highlighted": index === $data.selectedIndex }
+          ]),
+          "navigation-type": "arrow-keys",
+          onClick: ($event) => $options.selectItem(index),
+          onKeydown: vue.withModifiers($options.onKeyDown, ["prevent"])
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.itemComponent), { item }, null, 8, ["item"]))
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick", "onKeydown"]);
+      }), 128))
+    ], 512), [
+      [vue.vShow, $props.items.length]
+    ])
+  ]);
+}
+const SuggestionList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SuggestionList;
+//# sourceMappingURL=SuggestionList.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionList.vue.cjs","sources":["../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<template>\n  <div class=\"d-popover__dialog dt-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-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('.dt-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\n<style>\n.dt-suggestion-list__container {\n  max-height: var(--dt-size-875);\n}\n\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n"],"names":["DtListItem","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withModifiers","_withCtx","_resolveDynamicComponent","_vShow"],"mappings":"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"}

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

@@ -0,0 +1,129 @@
+import { resolveComponent, openBlock, createElementBlock, withDirectives, createElementVNode, Fragment, renderList, createBlock, normalizeClass, withModifiers, withCtx, resolveDynamicComponent, vShow } from "vue";
+/* empty css                    */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtListItem from "../../../list_item/list_item.vue.js";
+const _sfc_main = {
+  name: "SuggestionList",
+  components: {
+    DtListItem
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    command: {
+      type: Function,
+      required: true
+    },
+    itemComponent: {
+      type: Object,
+      required: true
+    },
+    itemType: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      selectedIndex: 0
+    };
+  },
+  watch: {
+    items() {
+      this.selectedIndex = 0;
+    }
+  },
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === "ArrowUp") {
+        this.upHandler();
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        this.downHandler();
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        this.selectHandler();
+        return true;
+      }
+      return false;
+    },
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length;
+      this.scrollActiveElementIntoView();
+    },
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
+      this.scrollActiveElementIntoView();
+    },
+    async scrollActiveElementIntoView() {
+      await this.$nextTick();
+      const activeElement = this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");
+      if (activeElement) {
+        activeElement.scrollIntoView({
+          behaviour: "smooth",
+          block: "center"
+        });
+      }
+    },
+    selectHandler() {
+      this.selectItem(this.selectedIndex);
+    },
+    selectItem(index) {
+      const item = this.items[index];
+      switch (this.itemType) {
+        case "emoji":
+          this.command(item);
+          return;
+        case "mention":
+          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });
+          break;
+        case "channel":
+          this.command({ name: item.name, id: item.id });
+          break;
+        case "slash-command":
+          this.command({ command: item.command });
+          break;
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "d-popover__dialog dt-suggestion-list__container" };
+const _hoisted_2 = {
+  ref: "suggestionList",
+  class: "dt-suggestion-list"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_list_item = resolveComponent("dt-list-item");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    withDirectives(createElementVNode("ul", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (item, index) => {
+        return openBlock(), createBlock(_component_dt_list_item, {
+          key: item.id,
+          class: normalizeClass([
+            "dt-suggestion-list--item",
+            { "dt-list-item--highlighted": index === $data.selectedIndex }
+          ]),
+          "navigation-type": "arrow-keys",
+          onClick: ($event) => $options.selectItem(index),
+          onKeydown: withModifiers($options.onKeyDown, ["prevent"])
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent($props.itemComponent), { item }, null, 8, ["item"]))
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick", "onKeydown"]);
+      }), 128))
+    ], 512), [
+      [vShow, $props.items.length]
+    ])
+  ]);
+}
+const SuggestionList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SuggestionList as default
+};
+//# sourceMappingURL=SuggestionList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionList.vue.js","sources":["../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<template>\n  <div class=\"d-popover__dialog dt-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-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('.dt-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\n<style>\n.dt-suggestion-list__container {\n  max-height: var(--dt-size-875);\n}\n\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withModifiers","_withCtx","_resolveDynamicComponent","_vShow"],"mappings":"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"}

package/dist/vue3/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide_on_esc.cjs","sources":["../../../../../components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.js"],"sourcesContent":["export default {\n  name: 'hideOnEsc',\n  defaultValue: true,\n  fn ({ hide }) {\n    function onKeyDown (event) {\n      if (event.keyCode === 27) {\n        hide();\n      }\n    }\n\n    return {\n      onShow () {\n        document.addEventListener('keydown', onKeyDown);\n      },\n      onHide () {\n        document.removeEventListener('keydown', onKeyDown);\n      },\n    };\n  },\n};\n"],"names":[],"mappings":";;AAAA,MAAe,YAAA;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAAA,EACd,GAAI,EAAE,QAAQ;AACZ,aAAS,UAAW,OAAO;AACzB,UAAI,MAAM,YAAY,IAAI;AACxB;MACD;AAAA,IACF;AAED,WAAO;AAAA,MACL,SAAU;AACR,iBAAS,iBAAiB,WAAW,SAAS;AAAA,MAC/C;AAAA,MACD,SAAU;AACR,iBAAS,oBAAoB,WAAW,SAAS;AAAA,MAClD;AAAA,IACP;AAAA,EACG;AACH;;"}

package/dist/vue3/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide_on_esc.js","sources":["../../../../../components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.js"],"sourcesContent":["export default {\n  name: 'hideOnEsc',\n  defaultValue: true,\n  fn ({ hide }) {\n    function onKeyDown (event) {\n      if (event.keyCode === 27) {\n        hide();\n      }\n    }\n\n    return {\n      onShow () {\n        document.addEventListener('keydown', onKeyDown);\n      },\n      onHide () {\n        document.removeEventListener('keydown', onKeyDown);\n      },\n    };\n  },\n};\n"],"names":[],"mappings":"AAAA,MAAe,YAAA;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAAA,EACd,GAAI,EAAE,QAAQ;AACZ,aAAS,UAAW,OAAO;AACzB,UAAI,MAAM,YAAY,IAAI;AACxB;MACD;AAAA,IACF;AAED,WAAO;AAAA,MACL,SAAU;AACR,iBAAS,iBAAiB,WAAW,SAAS;AAAA,MAC/C;AAAA,MACD,SAAU;AACR,iBAAS,oBAAoB,WAAW,SAAS;AAAA,MAClD;AAAA,IACP;AAAA,EACG;AACH;"}