@dialpad/dialtone-vue 3.119.0 → 3.120.0

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","sources":["../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue","../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue","../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue","../../components/rich_text_editor/extensions/emoji/suggestion.js","../../components/rich_text_editor/extensions/emoji/emoji.js","../../components/rich_text_editor/extensions/link/utils.js","../../components/rich_text_editor/extensions/link/autolink.js","../../components/rich_text_editor/extensions/link/link.js","../../components/rich_text_editor/extensions/mentions/MentionComponent.vue","../../components/rich_text_editor/extensions/mentions/mention.js","../../components/rich_text_editor/rich_text_editor_constants.js","../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue","../../components/rich_text_editor/extensions/mentions/suggestion.js","../../components/rich_text_editor/rich_text_editor.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","<template>\n  <div class=\"d-popover__dialog\">\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.stop=\"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        event.preventDefault(); // prevent moving the focus for the tab key\n        this.selectHandler();\n        event.stopPropagation();\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    scrollActiveElementIntoView () {\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      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  max-height: var(--dt-size-875) !important;\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","<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","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    const filteredEmoji = emojiList.filter(function (item) {\n      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {\n        return true;\n      }\n      return false;\n    });\n    return filteredEmoji.map(item => { return { id: item.unicode_character, code: item.shortname }; });\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\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: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          contentElement: null,\n          zIndex: 650,\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\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 (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component.ref?.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","import { mergeAttributes, Node, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport EmojiComponent from './EmojiComponent.vue';\nimport { shortcodeToEmojiData, codeToEmojiData } from '@/common/emoji';\nimport { PluginKey } from '@tiptap/pm/state';\n\nimport Suggestion from '@tiptap/suggestion';\nimport suggestionOptions from './suggestion';\n\nexport const EmojiPluginKey = new PluginKey('emoji');\n\nconst inputShortCodeRegex = /:\\w+:$/;\nconst pasteShortCodeRegex = /:\\w+:/g;\n/* eslint-disable max-len */\nconst inputUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\nconst pasteUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\n/* eslint-enable max-len */\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return {\n      index: match.index,\n      text: match[0],\n      match,\n    };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(pasteShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n      suggestion: {\n        char: ':',\n        pluginKey: EmojiPluginKey,\n      },\n    };\n  },\n  name: 'emoji',\n  group: 'inline',\n  inline: true,\n  selectable: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n\n      id: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.code;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      // shortcode input\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputUnicodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          const unicode = shortcodeToEmojiData(attrs[0]).unicode_output;\n          const emoji = String.fromCodePoint(parseInt(unicode, 16));\n          return {\n            code: emoji,\n            label: 'emoji',\n          };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: pasteUnicodeRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n});\n","import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n","import {\n  combineTransactionSteps,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core';\nimport {\n  Plugin,\n  PluginKey,\n} from '@tiptap/pm/state';\nimport {\n  addMarks,\n  removeMarks,\n} from './utils';\n\n/**\n * Plugin to automatically add links into content.\n */\nexport function autolink (options) {\n  // Flag to see if we've loaded this plugin once already. This is used to run\n  // the initial content through the plugin if the editor was mounted with some.\n  let hasInitialized = false;\n\n  return new Plugin({\n    key: new PluginKey('autolink'),\n\n    appendTransaction: (transactions, oldState, newState) => {\n      const contentChanged = transactions.some(tr => tr.docChanged) &&\n        !oldState.doc.eq(newState.doc);\n\n      // Every interaction with the editor is a transaction, but we only care\n      // about the ones with content changes.\n      if (hasInitialized && !contentChanged) {\n        return;\n      }\n\n      // The original transaction that we're manipulating.\n      const { tr } = newState;\n\n      // Text content after the original transaction.\n      const { textContent } = newState.doc;\n\n      // When the editor is initialized we want to add links to it.\n      if (!hasInitialized) {\n        addMarks(textContent, 0, 0, textContent.length, tr, options.type);\n      }\n\n      hasInitialized = true;\n\n      // The transformed state of the document.\n      const transform = combineTransactionSteps(\n        oldState.doc,\n        [...transactions],\n      );\n\n      // All the changes within the document.\n      const changes = getChangedRanges(transform);\n\n      changes.forEach(({ oldRange, newRange }) => {\n        // Remove all link marks in the changed range since we'll add them\n        // right back if they're still valid links.\n        removeMarks(newRange, newState.doc, tr, options.type);\n\n        // Find all paragraphs (Textblocks) that were affected since we want to\n        // handle matches in each paragraph separately.\n        const paragraphs = findChildrenInRange(\n          newState.doc,\n          newRange,\n          node => node.isTextblock,\n        );\n\n        paragraphs.forEach(({ node, pos }) => {\n          addMarks(\n            node.textContent,\n            pos,\n            oldRange.from,\n            newRange.to,\n            tr,\n            options.type,\n          );\n        });\n      });\n\n      // Return the modified transaction or the changes above wont have effect.\n      return tr;\n    },\n  });\n}\n","import {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const Link = Mark.create({\n  name: 'Link',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n      0,\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n","<!-- 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","import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\nimport { mergeAttributes } from '@tiptap/core';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  },\n});\n","export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n  'text',\n  'json',\n  'html',\n];\n\nexport const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [\n  'start',\n  'end',\n  'all',\n];\n\nexport const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  'https',\n  'http',\n  'ftp',\n  'ftps',\n  'sftp',\n  'mailto',\n];\n\nexport default {\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n};\n","<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    {{ name }}\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","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.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\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\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: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\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 (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <editor-content\n    :editor=\"editor\"\n    data-qa=\"dt-rich-text-editor\"\n    class=\"dt-rich-text-editor\"\n  />\n</template>\n\n<script>\nimport { Editor, EditorContent } from '@tiptap/vue-3';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Italic from '@tiptap/extension-italic';\nimport TipTapLink from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport Text from '@tiptap/extension-text';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Emoji from './extensions/emoji';\nimport Link from './extensions/link';\nimport { MentionPlugin } from './extensions/mentions/mention';\nimport {\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n} from './rich_text_editor_constants';\n\nimport suggestion from './extensions/mentions/suggestion';\n\nexport default {\n  name: 'DtRichTextEditor',\n\n  components: {\n    EditorContent,\n  },\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for line breaks to be introduced in the text.\n     */\n    allowLineBreaks: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * The output format that the editor uses when emitting the \"@input\" event.\n     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n     * examples.\n     * @values text, json, html\n     */\n    outputFormat: {\n      type: String,\n      default: 'text',\n      validator (outputFormat) {\n        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Enables the Link extension and optionally passes configurations to it\n     */\n    link: {\n      type: [Boolean, Object],\n      default: false,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the contacts for suggestion.\n     * items({ query }) => { return [ContactObject]; }\n     * ContactObject format:\n     * { name: string, avatarSrc: string, id: string }\n     *\n     * When null, it does not add the plugin.\n     */\n    mentionSuggestion: {\n      type: Object,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Editor input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event to sync the value with the parent\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Editor blur event\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Editor focus event\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n  ],\n\n  data () {\n    return {\n      editor: null,\n      popoverOpened: false,\n    };\n  },\n\n  computed: {\n    extensions () {\n      // These are the default extensions needed just for plain text.\n      const extensions = [\n        Blockquote,\n        Bold,\n        BulletList,\n        Document,\n        Italic,\n        ListItem,\n        Paragraph,\n        Strike,\n        Text,\n        Underline,\n      ];\n      if (this.link) {\n        extensions.push(this.getExtension(Link, this.link));\n      }\n\n      // Enable placeholderText\n      extensions.push(\n        Placeholder.configure({ placeholder: this.placeholder }),\n      );\n\n      // make sure that this is defined before any other extensions\n      // where Enter and Shift+Enter should have its own interaction. otherwise it will be ignored\n      if (!this.allowLineBreaks) {\n        extensions.push(\n          HardBreak.extend({\n            addKeyboardShortcuts () {\n              return {\n                Enter: () => true,\n                'Shift-Enter': () => this.editor.commands.first(({ commands }) => [\n                  () => commands.newlineInCode(),\n                  () => commands.createParagraphNear(),\n                  () => commands.liftEmptyBlock(),\n                  () => commands.splitBlock(),\n                ]),\n              };\n            },\n          }),\n        );\n      }\n\n      extensions.push(TipTapLink.extend({ inclusive: false }).configure({\n        autolink: true,\n        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n      }));\n\n      if (this.mentionSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.mentionSuggestion, ...suggestion };\n        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      // Emoji has some interactions with Enter key\n      // hence this should be done last otherwise the enter wont add a emoji.\n      extensions.push(Emoji);\n\n      extensions.push(TextAlign.configure({\n        types: ['paragraph'],\n        defaultAlignment: 'left',\n      }));\n\n      extensions.push(CodeBlock.configure({\n        HTMLAttributes: {\n          class: 'dt-rich-text-editor--code-block',\n        },\n      }));\n\n      extensions.push(OrderedList.configure({\n        itemTypeName: 'listItem',\n      }));\n\n      return extensions;\n    },\n\n    inputAttrs () {\n      const attrs = {\n        'aria-label': this.inputAriaLabel,\n        'aria-multiline': true,\n        role: 'textbox',\n      };\n      if (!this.editable) {\n        attrs['aria-readonly'] = true;\n      }\n      return attrs;\n    },\n  },\n\n  /**\n    * Because the Editor instance is initialized when mounted it does not get\n    * updated props automatically, so the ones that can change after mount have\n    * to be hooked up to the Editor's own API.\n    */\n  watch: {\n    editable (isEditable) {\n      this.editor.setEditable(isEditable);\n      this.updateEditorAttributes({ 'aria-readonly': !isEditable });\n    },\n\n    inputClass (newClass) {\n      this.updateEditorAttributes({ class: newClass });\n    },\n\n    inputAriaLabel (newLabel) {\n      this.updateEditorAttributes({ 'aria-label': newLabel });\n    },\n\n    extensions () {\n      // Extensions can't be registered on the fly, so just recreate the editor.\n      // https://github.com/ueberdosis/tiptap/issues/1044\n      this.destroyEditor();\n      this.createEditor();\n    },\n\n    modelValue (newValue) {\n      let currentValue = this.getOutput();\n      if (this.outputFormat === 'json') {\n        newValue = JSON.stringify(newValue);\n        currentValue = JSON.stringify(currentValue);\n      }\n      if (newValue === currentValue) {\n        // The new value came from this component and was passed back down\n        // through the parent, so don't do anything here.\n        return;\n      }\n      // Otherwise replace the content (resets the cursor position).\n      this.editor.commands.setContent(newValue, false);\n    },\n  },\n\n  created () {\n    this.createEditor();\n  },\n\n  beforeUnmount () {\n    this.destroyEditor();\n  },\n\n  methods: {\n    createEditor () {\n      // For all available options, see https://tiptap.dev/api/editor#settings\n      this.editor = new Editor({\n        autofocus: this.autoFocus,\n        content: this.modelValue,\n        editable: this.editable,\n        extensions: this.extensions,\n        editorProps: {\n          attributes: {\n            ...this.inputAttrs,\n            class: this.inputClass,\n          },\n        },\n      });\n      this.addEditorListeners();\n    },\n\n    destroyEditor () {\n      this.editor.destroy();\n    },\n\n    /**\n     * The Editor exposes event hooks that we have to map our emits into. See\n     * https://tiptap.dev/api/events for all events.\n     */\n    addEditorListeners () {\n      // The content has changed.\n      this.editor.on('update', () => {\n        const value = this.getOutput();\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      });\n\n      // The editor is focused.\n      this.editor.on('focus', ({ event }) => {\n        this.$emit('focus', event);\n      });\n\n      // The editor isn’t focused anymore.\n      this.editor.on('blur', ({ event }) => {\n        this.$emit('blur', event);\n      });\n    },\n\n    getOutput () {\n      switch (this.outputFormat) {\n        case 'json':\n          return this.editor.getJSON();\n        case 'html':\n          return this.editor.getHTML();\n        case 'text':\n        default:\n          return this.editor.getText();\n      }\n    },\n\n    getExtension (extension, options) {\n      if (typeof options === 'boolean') {\n        return extension;\n      }\n      return extension.configure?.(options);\n    },\n\n    updateEditorAttributes (attributes) {\n      this.editor.setOptions({ editorProps: { attributes } });\n    },\n\n    focusEditor () {\n      this.editor.commands.focus();\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n  .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: var(--dt-color-foreground-placeholder);\n    pointer-events: none;\n    height: 0;\n  }\n\n  .ProseMirror ul > li {\n    list-style-type: disc;\n  }\n\n  .ProseMirror ol > li {\n    list-style-type: decimal;\n  }\n\n  .ProseMirror blockquote {\n    padding-left: var(--dt-space-400);\n    border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);\n    margin-left: 0;\n  }\n\n  .dt-rich-text-editor--code-block {\n    background: var(--dt-color-surface-secondary);\n    padding: var(--dt-space-400);\n  }\n\n  .dt-rich-text-editor {\n    overflow: hidden;\n  }\n</style>\n"],"names":["_sfc_main","NodeViewWrapper","DtEmoji","nodeViewProps","_createBlock","_component_node_view_wrapper","_createVNode","_component_dt_emoji","_ctx","DtListItem","event","activeElement","index","item","_hoisted_1","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_hoisted_2","_Fragment","_renderList","$props","_component_dt_list_item","_normalizeClass","$data","$event","$options","_resolveDynamicComponent","_vShow","DtStack","_component_dt_stack","_toDisplayString","suggestionOptions","query","emojisIndexed","editor","range","props","nodeAfter","_a","_b","component","popup","VueRenderer","SuggestionList","markRaw","EmojiSuggestion","tippy","EmojiPluginKey","PluginKey","inputShortCodeRegex","pasteShortCodeRegex","inputUnicodeRegex","pasteUnicodeRegex","inputRuleMatch","match","codeToEmojiData","shortCodePasteMatch","text","Emoji","Node","VueNodeViewRenderer","EmojiComponent","node","HTMLAttributes","mergeAttributes","nodeInputRule","attrs","unicode","shortcodeToEmojiData","nodePasteRule","Suggestion","getRegexMatches","regex","validator","matches","hasValidPrefix","trimEndPunctiation","string","endPunctuationRegex","getWordAt","left","right","word","getWordAtUntil","direction","newIndex","removeMarks","doc","tr","type","from","to","marksInRange","getMarksBetween","mark","partialPhoneNumberRegex","getPhoneNumberRegex","addMarks","pos","rangeFrom","rangeTo","firstWordInRange","lastWordInRange","wordsInRange","linkRegex","autolink","options","hasInitialized","Plugin","transactions","oldState","newState","contentChanged","textContent","transform","combineTransactionSteps","getChangedRanges","oldRange","newRange","findChildrenInRange","defaultAttributes","Link","Mark","DtLink","_component_dt_link","MentionPlugin","Mention","MentionComponent","RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","DtAvatar","_component_dt_avatar","_createTextVNode","suggestion","MentionSuggestion","EditorContent","autoFocus","outputFormat","extensions","Blockquote","Bold","BulletList","Document","Italic","ListItem","Paragraph","Strike","Text","Underline","Placeholder","HardBreak","commands","TipTapLink","suggestionObject","TextAlign","CodeBlock","OrderedList","isEditable","newClass","newLabel","newValue","currentValue","Editor","value","extension","attributes","_component_editor_content"],"mappings":"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"}
+{"version":3,"file":"rich-text-editor.js","sources":["../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue","../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue","../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue","../../components/rich_text_editor/extensions/emoji/suggestion.js","../../components/rich_text_editor/extensions/emoji/emoji.js","../../components/rich_text_editor/extensions/link/utils.js","../../components/rich_text_editor/extensions/link/autolink.js","../../components/rich_text_editor/extensions/link/link.js","../../components/rich_text_editor/extensions/mentions/MentionComponent.vue","../../components/rich_text_editor/extensions/mentions/mention.js","../../components/rich_text_editor/rich_text_editor_constants.js","../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue","../../components/rich_text_editor/extensions/mentions/suggestion.js","../../components/rich_text_editor/rich_text_editor.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","<template>\n  <div class=\"d-popover__dialog\">\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.stop=\"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        event.preventDefault(); // prevent moving the focus for the tab key\n        this.selectHandler();\n        event.stopPropagation();\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    scrollActiveElementIntoView () {\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      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  max-height: var(--dt-size-875) !important;\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","<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","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    const filteredEmoji = emojiList.filter(function (item) {\n      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {\n        return true;\n      }\n      return false;\n    });\n    return filteredEmoji.map(item => { return { id: item.unicode_character, code: item.shortname }; });\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\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: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          contentElement: null,\n          zIndex: 650,\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\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 (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component.ref?.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","import { mergeAttributes, Node, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport EmojiComponent from './EmojiComponent.vue';\nimport { shortcodeToEmojiData, codeToEmojiData } from '@/common/emoji';\nimport { PluginKey } from '@tiptap/pm/state';\n\nimport Suggestion from '@tiptap/suggestion';\nimport suggestionOptions from './suggestion';\n\nexport const EmojiPluginKey = new PluginKey('emoji');\n\nconst inputShortCodeRegex = /:\\w+:$/;\nconst pasteShortCodeRegex = /:\\w+:/g;\n/* eslint-disable max-len */\nconst inputUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\nconst pasteUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\n/* eslint-enable max-len */\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return {\n      index: match.index,\n      text: match[0],\n      match,\n    };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(pasteShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n      suggestion: {\n        char: ':',\n        pluginKey: EmojiPluginKey,\n      },\n    };\n  },\n  name: 'emoji',\n  group: 'inline',\n  inline: true,\n  selectable: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n\n      id: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.code;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      // shortcode input\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputUnicodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          const unicode = shortcodeToEmojiData(attrs[0]).unicode_output;\n          const emoji = String.fromCodePoint(parseInt(unicode, 16));\n          return {\n            code: emoji,\n            label: 'emoji',\n          };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: pasteUnicodeRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n});\n","import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n","import {\n  combineTransactionSteps,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core';\nimport {\n  Plugin,\n  PluginKey,\n} from '@tiptap/pm/state';\nimport {\n  addMarks,\n  removeMarks,\n} from './utils';\n\n/**\n * Plugin to automatically add links into content.\n */\nexport function autolink (options) {\n  // Flag to see if we've loaded this plugin once already. This is used to run\n  // the initial content through the plugin if the editor was mounted with some.\n  let hasInitialized = false;\n\n  return new Plugin({\n    key: new PluginKey('autolink'),\n\n    appendTransaction: (transactions, oldState, newState) => {\n      const contentChanged = transactions.some(tr => tr.docChanged) &&\n        !oldState.doc.eq(newState.doc);\n\n      // Every interaction with the editor is a transaction, but we only care\n      // about the ones with content changes.\n      if (hasInitialized && !contentChanged) {\n        return;\n      }\n\n      // The original transaction that we're manipulating.\n      const { tr } = newState;\n\n      // Text content after the original transaction.\n      const { textContent } = newState.doc;\n\n      // When the editor is initialized we want to add links to it.\n      if (!hasInitialized) {\n        addMarks(textContent, 0, 0, textContent.length, tr, options.type);\n      }\n\n      hasInitialized = true;\n\n      // The transformed state of the document.\n      const transform = combineTransactionSteps(\n        oldState.doc,\n        [...transactions],\n      );\n\n      // All the changes within the document.\n      const changes = getChangedRanges(transform);\n\n      changes.forEach(({ oldRange, newRange }) => {\n        // Remove all link marks in the changed range since we'll add them\n        // right back if they're still valid links.\n        removeMarks(newRange, newState.doc, tr, options.type);\n\n        // Find all paragraphs (Textblocks) that were affected since we want to\n        // handle matches in each paragraph separately.\n        const paragraphs = findChildrenInRange(\n          newState.doc,\n          newRange,\n          node => node.isTextblock,\n        );\n\n        paragraphs.forEach(({ node, pos }) => {\n          addMarks(\n            node.textContent,\n            pos,\n            oldRange.from,\n            newRange.to,\n            tr,\n            options.type,\n          );\n        });\n      });\n\n      // Return the modified transaction or the changes above wont have effect.\n      return tr;\n    },\n  });\n}\n","import {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const Link = Mark.create({\n  name: 'Link',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n      0,\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n","<!-- 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","import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\nimport { mergeAttributes } from '@tiptap/core';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  },\n});\n","export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n  'text',\n  'json',\n  'html',\n];\n\nexport const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [\n  'start',\n  'end',\n  'all',\n];\n\nexport const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  'https',\n  'http',\n  'ftp',\n  'ftps',\n  'sftp',\n  'mailto',\n];\n\nexport default {\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n};\n","<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    {{ name }}\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","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.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\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\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: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\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 (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <editor-content\n    :editor=\"editor\"\n    data-qa=\"dt-rich-text-editor\"\n    class=\"dt-rich-text-editor\"\n  />\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { Editor, EditorContent } from '@tiptap/vue-3';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Italic from '@tiptap/extension-italic';\nimport TipTapLink from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport Text from '@tiptap/extension-text';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Emoji from './extensions/emoji';\nimport Link from './extensions/link';\nimport { MentionPlugin } from './extensions/mentions/mention';\nimport {\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n} from './rich_text_editor_constants';\n\nimport suggestion from './extensions/mentions/suggestion';\n\nexport default {\n  name: 'DtRichTextEditor',\n\n  components: {\n    EditorContent,\n  },\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for line breaks to be introduced in the text.\n     */\n    allowLineBreaks: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * The output format that the editor uses when emitting the \"@input\" event.\n     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n     * examples.\n     * @values text, json, html\n     */\n    outputFormat: {\n      type: String,\n      default: 'text',\n      validator (outputFormat) {\n        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Enables the Link extension and optionally passes configurations to it\n     */\n    link: {\n      type: [Boolean, Object],\n      default: false,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the contacts for suggestion.\n     * items({ query }) => { return [ContactObject]; }\n     * ContactObject format:\n     * { name: string, avatarSrc: string, id: string }\n     *\n     * When null, it does not add the plugin.\n     */\n    mentionSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Whether the input allows for block quote.\n     */\n    allowBlockquote: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bold to be introduced in the text.\n     */\n    allowBold: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bullet list to be introduced in the text.\n    */\n    allowBulletList: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for italic to be introduced in the text.\n     */\n    allowItalic: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for strike to be introduced in the text.\n     */\n    allowStrike: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for underline to be introduced in the text.\n     */\n    allowUnderline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Editor input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event to sync the value with the parent\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Editor blur event\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Editor focus event\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n  ],\n\n  data () {\n    return {\n      editor: null,\n      popoverOpened: false,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    extensions () {\n      // These are the default extensions needed just for plain text.\n      const extensions = [Document, Paragraph, Text];\n      if (this.link) {\n        extensions.push(this.getExtension(Link, this.link));\n      }\n      if (this.allowBlockquote) {\n        extensions.push(Blockquote);\n      }\n      if (this.allowBold) {\n        extensions.push(Bold);\n      }\n      if (this.allowBulletList) {\n        extensions.push(BulletList);\n        extensions.push(ListItem);\n        extensions.push(OrderedList.configure({\n          itemTypeName: 'listItem',\n        }));\n      }\n      if (this.allowItalic) {\n        extensions.push(Italic);\n      }\n      if (this.allowStrike) {\n        extensions.push(Strike);\n      }\n      if (this.allowUnderline) {\n        extensions.push(Underline);\n      }\n\n      // Enable placeholderText\n      extensions.push(\n        Placeholder.configure({ placeholder: this.placeholder }),\n      );\n\n      // make sure that this is defined before any other extensions\n      // where Enter and Shift+Enter should have its own interaction. otherwise it will be ignored\n      if (!this.allowLineBreaks) {\n        extensions.push(\n          HardBreak.extend({\n            addKeyboardShortcuts () {\n              return {\n                Enter: () => true,\n                'Shift-Enter': () => this.editor.commands.first(({ commands }) => [\n                  () => commands.newlineInCode(),\n                  () => commands.createParagraphNear(),\n                  () => commands.liftEmptyBlock(),\n                  () => commands.splitBlock(),\n                ]),\n              };\n            },\n          }),\n        );\n      }\n\n      extensions.push(TipTapLink.extend({ inclusive: false }).configure({\n        autolink: true,\n        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n      }));\n\n      if (this.mentionSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.mentionSuggestion, ...suggestion };\n        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      // Emoji has some interactions with Enter key\n      // hence this should be done last otherwise the enter wont add a emoji.\n      extensions.push(Emoji);\n\n      extensions.push(TextAlign.configure({\n        types: ['paragraph'],\n        defaultAlignment: 'left',\n      }));\n\n      extensions.push(CodeBlock.configure({\n        HTMLAttributes: {\n          class: 'dt-rich-text-editor--code-block',\n        },\n      }));\n\n      return extensions;\n    },\n\n    inputAttrs () {\n      const attrs = {\n        'aria-label': this.inputAriaLabel,\n        'aria-multiline': true,\n        role: 'textbox',\n      };\n      if (!this.editable) {\n        attrs['aria-readonly'] = true;\n      }\n      return attrs;\n    },\n  },\n\n  /**\n    * Because the Editor instance is initialized when mounted it does not get\n    * updated props automatically, so the ones that can change after mount have\n    * to be hooked up to the Editor's own API.\n    */\n  watch: {\n    editable (isEditable) {\n      this.editor.setEditable(isEditable);\n      this.updateEditorAttributes({ 'aria-readonly': !isEditable });\n    },\n\n    inputClass (newClass) {\n      this.updateEditorAttributes({ class: newClass });\n    },\n\n    inputAriaLabel (newLabel) {\n      this.updateEditorAttributes({ 'aria-label': newLabel });\n    },\n\n    extensions () {\n      // Extensions can't be registered on the fly, so just recreate the editor.\n      // https://github.com/ueberdosis/tiptap/issues/1044\n      this.destroyEditor();\n      this.createEditor();\n    },\n\n    modelValue (newValue) {\n      let currentValue = this.getOutput();\n      if (this.outputFormat === 'json') {\n        newValue = JSON.stringify(newValue);\n        currentValue = JSON.stringify(currentValue);\n      }\n      if (newValue === currentValue) {\n        // The new value came from this component and was passed back down\n        // through the parent, so don't do anything here.\n        return;\n      }\n      // Otherwise replace the content (resets the cursor position).\n      this.editor.commands.setContent(newValue, false);\n    },\n  },\n\n  created () {\n    this.createEditor();\n  },\n\n  beforeUnmount () {\n    this.destroyEditor();\n  },\n\n  methods: {\n    createEditor () {\n      // For all available options, see https://tiptap.dev/api/editor#settings\n      this.editor = new Editor({\n        autofocus: this.autoFocus,\n        content: this.modelValue,\n        editable: this.editable,\n        extensions: this.extensions,\n        editorProps: {\n          attributes: {\n            ...this.inputAttrs,\n            class: this.inputClass,\n          },\n        },\n      });\n      this.addEditorListeners();\n    },\n\n    destroyEditor () {\n      this.editor.destroy();\n    },\n\n    /**\n     * The Editor exposes event hooks that we have to map our emits into. See\n     * https://tiptap.dev/api/events for all events.\n     */\n    addEditorListeners () {\n      // The content has changed.\n      this.editor.on('update', () => {\n        const value = this.getOutput();\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      });\n\n      // The editor is focused.\n      this.editor.on('focus', ({ event }) => {\n        this.$emit('focus', event);\n      });\n\n      // The editor isn’t focused anymore.\n      this.editor.on('blur', ({ event }) => {\n        this.$emit('blur', event);\n      });\n    },\n\n    getOutput () {\n      switch (this.outputFormat) {\n        case 'json':\n          return this.editor.getJSON();\n        case 'html':\n          return this.editor.getHTML();\n        case 'text':\n        default:\n          return this.editor.getText();\n      }\n    },\n\n    getExtension (extension, options) {\n      if (typeof options === 'boolean') {\n        return extension;\n      }\n      return extension.configure?.(options);\n    },\n\n    updateEditorAttributes (attributes) {\n      this.editor.setOptions({ editorProps: { attributes } });\n    },\n\n    focusEditor () {\n      this.editor.commands.focus();\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n  .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: var(--dt-color-foreground-placeholder);\n    pointer-events: none;\n    height: 0;\n  }\n\n  .ProseMirror ul > li {\n    list-style-type: disc;\n  }\n\n  .ProseMirror ol > li {\n    list-style-type: decimal;\n  }\n\n  .ProseMirror blockquote {\n    padding-left: var(--dt-space-400);\n    border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);\n    margin-left: 0;\n  }\n\n  .dt-rich-text-editor--code-block {\n    background: var(--dt-color-surface-secondary);\n    padding: var(--dt-space-400);\n  }\n\n  .dt-rich-text-editor {\n    overflow: hidden;\n  }\n</style>\n"],"names":["_sfc_main","NodeViewWrapper","DtEmoji","nodeViewProps","_createBlock","_component_node_view_wrapper","_createVNode","_component_dt_emoji","_ctx","DtListItem","event","activeElement","index","item","_hoisted_1","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_hoisted_2","_Fragment","_renderList","$props","_component_dt_list_item","_normalizeClass","$data","$event","$options","_resolveDynamicComponent","_vShow","DtStack","_component_dt_stack","_toDisplayString","suggestionOptions","query","emojisIndexed","editor","range","props","nodeAfter","_a","_b","component","popup","VueRenderer","SuggestionList","markRaw","EmojiSuggestion","tippy","EmojiPluginKey","PluginKey","inputShortCodeRegex","pasteShortCodeRegex","inputUnicodeRegex","pasteUnicodeRegex","inputRuleMatch","match","codeToEmojiData","shortCodePasteMatch","text","Emoji","Node","VueNodeViewRenderer","EmojiComponent","node","HTMLAttributes","mergeAttributes","nodeInputRule","attrs","unicode","shortcodeToEmojiData","nodePasteRule","Suggestion","getRegexMatches","regex","validator","matches","hasValidPrefix","trimEndPunctiation","string","endPunctuationRegex","getWordAt","left","right","word","getWordAtUntil","direction","newIndex","removeMarks","doc","tr","type","from","to","marksInRange","getMarksBetween","mark","partialPhoneNumberRegex","getPhoneNumberRegex","addMarks","pos","rangeFrom","rangeTo","firstWordInRange","lastWordInRange","wordsInRange","linkRegex","autolink","options","hasInitialized","Plugin","transactions","oldState","newState","contentChanged","textContent","transform","combineTransactionSteps","getChangedRanges","oldRange","newRange","findChildrenInRange","defaultAttributes","Link","Mark","DtLink","_component_dt_link","MentionPlugin","Mention","MentionComponent","RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","DtAvatar","_component_dt_avatar","_createTextVNode","suggestion","MentionSuggestion","EditorContent","autoFocus","outputFormat","extensions","Document","Paragraph","Text","Blockquote","Bold","BulletList","ListItem","OrderedList","Italic","Strike","Underline","Placeholder","HardBreak","commands","TipTapLink","suggestionObject","TextAlign","CodeBlock","isEditable","newClass","newLabel","newValue","currentValue","Editor","value","extension","attributes","_component_editor_content"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAKA,KAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,SAAAC;AAAA,EACD;AAAA,EAED,OAAOC;AACT;;;cAvBEC,EAOoBC,GAAA,EANlB,OAAM,wCAAoC;AAAA,eAE1C,MAGE;AAAA,MAHFC,EAGEC,GAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAMC,EAAA,KAAK,MAAM;AAAA;;;;;oDCuBnBR,KAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAS;AAAA,EACD;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,OAAAC,KAAS;AACpB,aAAIA,EAAM,QAAQ,aAChB,KAAK,UAAS,GACP,MAGLA,EAAM,QAAQ,eAChB,KAAK,YAAW,GACT,MAGLA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAc,GACpB,KAAK,cAAa,GAClBA,EAAM,gBAAe,GACd,MAGF;AAAA,IACR;AAAA,IAED,YAAa;AACX,WAAK,iBAAkB,KAAK,gBAAgB,KAAK,MAAM,SAAU,KAAK,KAAK,MAAM,QAEjF,KAAK,4BAA2B;AAAA,IACjC;AAAA,IAED,cAAe;AACb,WAAK,iBAAiB,KAAK,gBAAgB,KAAK,KAAK,MAAM,QAE3D,KAAK,4BAA2B;AAAA,IACjC;AAAA,IAED,8BAA+B;AAC7B,YAAMC,IAAgB,KAAK,MAAM,eAAe,cAAc,4BAA4B;AAC1F,MAAIA,KACFA,EAAc,eAAe;AAAA,QAC3B,WAAW;AAAA,QACX,OAAO;AAAA,MACT,CAAC;AAAA,IAEJ;AAAA,IAED,gBAAiB;AACf,WAAK,WAAW,KAAK,aAAa;AAAA,IACnC;AAAA,IAED,WAAYC,GAAO;AACjB,YAAMC,IAAO,KAAK,MAAMD,CAAK;AAE7B,cAAQ,KAAK,UAAQ;AAAA,QACnB,KAAK;AACH,eAAK,QAAQC,CAAI;AACjB;AAAA,QACF,KAAK;AACH,eAAK,QAAQ,EAAE,MAAMA,EAAK,MAAM,IAAIA,EAAK,IAAI,WAAWA,EAAK,UAAW,CAAA;AACxE;AAAA,MACJ;AAAA,IACD;AAAA,EACF;AACH,GAlIOC,KAAA,EAAA,OAAM,oBAAmB;EAG1B,KAAI;AAAA,EACJ,OAAM;;;;AAJV,SAAAC,EAAA,GAAAC,EAuBM,OAvBNF,IAuBM;AAAA,IAtBJG,GAAAC,GAqBK,MArBLC,IAqBK;AAAA,OAhBHJ,EAAA,EAAA,GAAAC,EAeeI,IAdW,MAAAC,GAAAC,EAAA,OAAhB,CAAAT,GAAMD,YADhBR,EAeemB,GAAA;AAAA,QAbZ,KAAKV,EAAK;AAAA,QACV,OAAKW,GAAA;AAAA;UAAmF,EAAA,6BAAAZ,MAAUa,EAAa,cAAA;AAAA;QAIhH,mBAAgB;AAAA,QACf,SAAK,CAAAC,MAAEC,EAAU,WAACf,CAAK;AAAA,QACvB,cAAsBe,EAAS,WAAA,CAAA,WAAA,MAAA,CAAA;AAAA;mBAEhC,MAGE;AAAA,WAHFZ,EAAA,GAAAX,EAGEwB,GAFKN,EAAA,aAAa,GACjB,EAAA,MAAMT,EAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;;;MAjBP,CAAAgB,IAAAP,EAAA,MAAM,MAAM;AAAA;;;mDCcrBtB,KAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAE;AAAA,IACA,SAAA4B;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;cA7BE1B,EASW2B,GAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;eAEJ,MAGE;AAAA,MAHFzB,EAGEC,GAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAMe,EAAI,KAAC;AAAA;QACZ,MACFU,EAAGV,EAAI,KAAC,IAAI,GAAA,CAAA;AAAA;;;;oDCADW,KAAA;AAAA,EACb,OAAO,CAAC,EAAE,OAAAC,QACJA,EAAM,SAAS,IACV,KAES,OAAO,OAAOC,EAAa,EACb,OAAO,SAAUtB,GAAM;AACrD,WAAI,EAAAA,EAAK,UAAU,UAAU,GAAGA,EAAK,UAAU,SAAS,CAAC,EAAE,WAAWqB,EAAM,YAAa,CAAA;AAAA,EAI/F,CAAK,EACoB,IAAI,CAAArB,OAAiB,EAAE,IAAIA,EAAK,mBAAmB,MAAMA,EAAK,UAAW,EAAG;AAAA,EAGnG,SAAS,CAAC,EAAE,QAAAuB,GAAQ,OAAAC,GAAO,OAAAC,EAAK,MAAO;;AAGrC,UAAMC,IAAYH,EAAO,KAAK,MAAM,UAAU,IAAI;AAGlD,MAFsBI,IAAAD,KAAA,gBAAAA,EAAW,SAAX,gBAAAC,EAAiB,WAAW,UAGhDH,EAAM,MAAM,IAGdD,EACG,MAAO,EACP,MAAO,EACP,gBAAgBC,GAAO;AAAA,MACtB;AAAA,QACE,MAAM;AAAA,QACN,OAAOC;AAAA,MACR;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,IACT,CAAO,EACA,QAEHG,IAAA,OAAO,mBAAP,QAAAA,EAAuB;AAAA,EACxB;AAAA,EAED,QAAQ,MAAM;AACZ,QAAIC,GACAC;AAEJ,WAAO;AAAA,MACL,SAAS,CAAAL,MAAS;AAUhB,QATAI,IAAY,IAAIE,EAAYC,GAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAeC,EAAQC,EAAe;AAAA,YACtC,UAAU;AAAA,YACV,GAAGT;AAAA,UACJ;AAAA,UACD,QAAQA,EAAM;AAAA,QACxB,CAAS,GAEIA,EAAM,eAIXK,IAAQK,EAAM,QAAQ;AAAA,UACpB,wBAAwBV,EAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAASI,EAAU;AAAA,UACnB,cAAc;AAAA,UACd,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,QAAQ;AAAA,QAClB,CAAS;AAAA,MACF;AAAA,MAED,SAAUJ,GAAO;AAGf,QAFAI,EAAU,YAAYJ,CAAK,GAEtBA,EAAM,cAIXK,EAAM,CAAC,EAAE,SAAS;AAAA,UAChB,wBAAwBL,EAAM;AAAA,QACxC,CAAS;AAAA,MACF;AAAA,MAED,UAAWA,GAAO;;AAChB,eAAIA,EAAM,MAAM,QAAQ,YACtBK,EAAM,CAAC,EAAE,QAEF,OAGFH,IAAAE,EAAU,QAAV,gBAAAF,EAAe,UAAUF;AAAA,MACjC;AAAA,MAED,SAAU;AACR,QAAAK,EAAM,CAAC,EAAE,WACTD,EAAU,QAAO;AAAA,MAClB;AAAA,IACP;AAAA,EACG;AACH,GCvGaO,KAAiB,IAAIC,EAAU,OAAO,GAE7CC,KAAsB,UACtBC,KAAsB,UAEtBC,KAAoB,sGACpBC,KAAoB,sGAGpBC,IAAiB,CAACC,MAAU;AAChC,MAAIA,KAASC,EAAgBD,EAAM,CAAC,CAAC;AAInC,WAAO;AAAA,MACL,OAAOA,EAAM;AAAA,MACb,MAAMA,EAAM,CAAC;AAAA,MACb,OAAAA;AAAA,IACN;AAEA,GAEME,KAAsB,CAACC,MACX,CAAC,GAAGA,EAAK,SAASP,EAAmB,CAAC,EAGnD,OAAO,CAAAI,MAASC,EAAgBD,EAAM,CAAC,CAAC,CAAC,EACzC,IAAI,CAAAA,OAAU;AAAA,EACb,OAAOA,EAAM;AAAA,EACb,MAAMA,EAAM,CAAC;AAAA,EACb,OAAAA;AACD,EAAC,GAGOI,KAAQC,GAAK,OAAO;AAAA,EAC/B,aAAc;AACZ,WAAO;AAAA,MACL,gBAAgB,CAAE;AAAA,MAClB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,WAAWZ;AAAA,MACZ;AAAA,IACP;AAAA,EACG;AAAA,EACD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EAEZ,cAAe;AACb,WAAOa,EAAoBC,EAAc;AAAA,EAC1C;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MAED,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,MAAAC,KAAQ;AACpB,WAAOA,EAAK,MAAM;AAAA,EACnB;AAAA,EAED,WAAY,EAAE,gBAAAC,KAAkB;AAC9B,WAAO,CAAC,mBAAmBC,EAAgB,KAAK,QAAQ,gBAAgBD,CAAc,CAAC;AAAA,EACxF;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA;AAAA,MAELE,EAAc;AAAA,QACZ,MAAM,CAACR,MAAS;AACd,gBAAMH,IAAQG,EAAK,MAAMR,EAAmB;AAC5C,iBAAOI,EAAeC,CAAK;AAAA,QAC5B;AAAA,QACD,MAAM,KAAK;AAAA,QACX,cAAeY,GAAO;AACpB,iBAAO;AAAA,YACL,MAAMA,EAAM,CAAC;AAAA,UACzB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,MAEDD,EAAc;AAAA,QACZ,MAAM,CAACR,MAAS;AACd,gBAAMH,IAAQG,EAAK,MAAMN,EAAiB;AAC1C,iBAAOE,EAAeC,CAAK;AAAA,QAC5B;AAAA,QACD,MAAM,KAAK;AAAA,QACX,cAAeY,GAAO;AACpB,gBAAMC,IAAUC,GAAqBF,EAAM,CAAC,CAAC,EAAE;AAE/C,iBAAO;AAAA,YACL,MAFY,OAAO,cAAc,SAASC,GAAS,EAAE,CAAC;AAAA,YAGtD,OAAO;AAAA,UACnB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACLE,EAAc;AAAA,QACZ,MAAMb;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAeU,GAAO;AACpB,iBAAO;AAAA,YACL,MAAMA,EAAM,CAAC;AAAA,UACzB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,MACDG,EAAc;AAAA,QACZ,MAAMjB;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAec,GAAO;AACpB,iBAAO;AAAA,YACL,MAAMA,EAAM,CAAC;AAAA,UACzB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,wBAAyB;AACvB,WAAO;AAAA,MACLI,GAAW;AAAA,QACT,QAAQ,KAAK;AAAA,QACb,GAAG,KAAK,QAAQ;AAAA,QAChB,GAAGvC;AAAA,MACX,CAAO;AAAA,IACP;AAAA,EACG;AACH,CAAC;AClJM,SAASwC,GAAiBd,GAAMe,GAAOC,IAAY,MAAM,IAAM;AACpE,QAAMC,IAAU,CAAA;AAGhB,EAAAF,EAAM,YAAY;AAElB,MAAIlB;AACJ,SAAQA,IAAQkB,EAAM,KAAKf,CAAI;AAC7B,IAAIgB,EAAUhB,GAAMH,CAAK,KACvBoB,EAAQ,KAAKpB,CAAK;AAItB,SAAOoB;AACT;AAKO,SAASC,GAAgBlB,GAAMH,GAAO;AAG3C,SAAO,CAAC,CAAC,KAAK,GAAG,EAAE,SAASG,EAAK,OAAOH,EAAM,KAAK,CAAC,KAClD,CAAC,CAAC,KAAK,GAAG,EAAE,SAASG,EAAK,OAAOH,EAAM,QAAQ,CAAC,CAAC;AACrD;AAMO,SAASsB,GAAoBC,GAAQ;AAC1C,QAAMC,IAAsB,IAAI;AAAA,IAC9B,QACA;AAAA,MACE;AAAA,MACA;AAAA,IACN,EAAM,KAAK,GAAG;AAAA,IACV;AAAA,EACJ;AACE,SAAOD,EAAO,QAAQC,GAAqB,EAAE;AAC/C;AAQO,SAASC,GAAWtB,GAAM/C,GAAO;AAGtC,QAAMsE,IAAOvB,EAAK,MAAM,GAAG/C,IAAQ,CAAC,EAAE,OAAO,SAAS,GAGhDuE,IAAQxB,EAAK,MAAM/C,CAAK,EAAE,OAAO,IAAI;AAG3C,MAAIuE,IAAQ,GAAG;AACb,UAAMC,IAAOzB,EAAK,MAAMuB,CAAI;AAC5B,WAAO;AAAA,MACL,MAAME;AAAA,MACN,MAAMF;AAAA,MACN,IAAIA,IAAOE,EAAK;AAAA,IACtB;AAAA,EACG;AAED,SAAO;AAAA,IACL,MAAMzB,EAAK,MAAMuB,GAAMC,IAAQvE,CAAK;AAAA,IACpC,MAAMsE;AAAA,IACN,IAAIC,IAAQvE;AAAA,EAChB;AACA;AAOO,SAASyE,EAAgB1B,GAAM/C,GAAO0E,GAAWZ,GAAO;AAC7D,QAAMU,IAAOH,GAAUtB,GAAM/C,CAAK;AAMlC,MAHA8D,EAAM,YAAY,GAGd,CAACA,EAAM,KAAKU,EAAK,IAAI;AACvB,WAAOA;AAKT,QAAMG,IAAWD,MAAc,SAASF,EAAK,OAAO,IAAIA,EAAK,KAAK;AAGlE,SAAIG,KAAY,KAAKA,KAAY5B,EAAK,UAAU4B,MAAa3E,IACpDwE,IAKFC,EAAe1B,GAAM4B,GAAUD,GAAWZ,CAAK;AACxD;AAKO,SAASc,GAAanD,GAAOoD,GAAKC,GAAIC,GAAM;AACjD,QAAMC,IAAO,KAAK,IAAIvD,EAAM,OAAO,GAAG,CAAC,GACjCwD,IAAK,KAAK,IAAIxD,EAAM,KAAK,GAAGoD,EAAI,QAAQ,IAAI,GAC5CK,IAAeC,GAAgBH,GAAMC,GAAIJ,CAAG;AAElD,aAAWO,KAAQF;AACjB,IAAIE,EAAK,KAAK,SAASL,KAIvBD,EAAG,WAAWM,EAAK,MAAMA,EAAK,IAAIL,CAAI;AAE1C;AAGA,MAAMM,IAA0BC,GAAoB,GAAG,EAAE;AAKlD,SAASC,EAAUxC,GAAMyC,GAAKR,GAAMC,GAAIH,GAAIC,GAAM;AACvD,MAAI,CAAChC;AACH;AAMF,MAAI0C,IAAYT,IAAOQ,IAAM;AAI7B,EAAAC,IAAYA,IAAY,IAAI,IAAIA;AAIhC,QAAMC,IAAUT,IAAKO,GAGfG,IAAmBlB;AAAA,IACvB1B;AAAA,IACA0C;AAAA,IACA;AAAA,IACAJ;AAAA,EACJ,GAGQO,IAAkBnB;AAAA,IACtB1B;AAAA,IACA2C;AAAA,IACA;AAAA,IACAL;AAAA,EACJ,GAGQQ,IAAe9C,EAAK,MAAM4C,EAAiB,MAAMC,EAAgB,EAAE;AAMzE,EAHgB/B,GAAgBgC,GAAcC,IAAW7B,EAAc,EAG/D,QAAQ,CAAArB,MAAS;AAEvB,UAAM4B,IAAON,GAAmBtB,EAAM,CAAC,CAAC,GAMlCoC,IAAOQ,IAAMG,EAAiB,OAAO/C,EAAM,QAAQ,GAGnDqC,IAAKD,IAAOR,EAAK;AAEvB,IAAAM,EAAG,QAAQE,GAAMC,GAAIF,EAAK,OAAM,CAAE;AAAA,EACtC,CAAG;AACH;AC/KO,SAASgB,GAAUC,GAAS;AAGjC,MAAIC,IAAiB;AAErB,SAAO,IAAIC,GAAO;AAAA,IAChB,KAAK,IAAI5D,EAAU,UAAU;AAAA,IAE7B,mBAAmB,CAAC6D,GAAcC,GAAUC,MAAa;AACvD,YAAMC,IAAiBH,EAAa,KAAK,CAAArB,MAAMA,EAAG,UAAU,KAC1D,CAACsB,EAAS,IAAI,GAAGC,EAAS,GAAG;AAI/B,UAAIJ,KAAkB,CAACK;AACrB;AAIF,YAAM,EAAE,IAAAxB,EAAI,IAAGuB,GAGT,EAAE,aAAAE,EAAW,IAAKF,EAAS;AAGjC,MAAKJ,KACHV,EAASgB,GAAa,GAAG,GAAGA,EAAY,QAAQzB,GAAIkB,EAAQ,IAAI,GAGlEC,IAAiB;AAGjB,YAAMO,IAAYC;AAAA,QAChBL,EAAS;AAAA,QACT,CAAC,GAAGD,CAAY;AAAA,MACxB;AAKM,aAFgBO,GAAiBF,CAAS,EAElC,QAAQ,CAAC,EAAE,UAAAG,GAAU,UAAAC,EAAQ,MAAO;AAG1C,QAAAhC,GAAYgC,GAAUP,EAAS,KAAKvB,GAAIkB,EAAQ,IAAI,GAIjCa;AAAA,UACjBR,EAAS;AAAA,UACTO;AAAA,UACA,CAAAxD,MAAQA,EAAK;AAAA,QACvB,EAEmB,QAAQ,CAAC,EAAE,MAAAA,GAAM,KAAAoC,EAAG,MAAO;AACpC,UAAAD;AAAA,YACEnC,EAAK;AAAA,YACLoC;AAAA,YACAmB,EAAS;AAAA,YACTC,EAAS;AAAA,YACT9B;AAAA,YACAkB,EAAQ;AAAA,UACpB;AAAA,QACA,CAAS;AAAA,MACT,CAAO,GAGMlB;AAAA,IACR;AAAA,EACL,CAAG;AACH;AChFA,MAAMgC,KAAoB;AAAA,EACxB,OAAO;AAAA,EACP,KAAK;AACP,GAIaC,KAAOC,GAAK,OAAO;AAAA,EAC9B,MAAM;AAAA,EAEN,WAAY,EAAE,gBAAA3D,KAAkB;AAC9B,WAAO;AAAA,MACL;AAAA,MACAC;AAAA,QACE,KAAK,QAAQ;AAAA,QACbD;AAAA,QACAyD;AAAA,MACD;AAAA,MACD;AAAA,IACN;AAAA,EACG;AAAA,EAED,WAAY,EAAE,MAAA1D,KAAQ;AACpB,WAAOA,EAAK,MAAM;AAAA,EACnB;AAAA,EAED,wBAAyB;AACvB,WAAO;AAAA,MACL2C,GAAS,EAAE,MAAM,KAAK,KAAI,CAAE;AAAA,IAClC;AAAA,EACG;AACH,CAAC,GCnBI3G,KAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,QAAA4H;AAAA,EACD;AAAA,EAED,OAAO1H;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;cA9BEC,EAQoBC,GAAA,EAPlB,OAAM,sBAAkB;AAAA,eAExB,MAIU;AAAA,MAJVC,EAIUwH,GAAA,EAHR,MAAK,UAAS,GAAA;AAAA,mBAEd,MAAU;AAAA,cAAPnG,EAAI,IAAA,GAAA,CAAA;AAAA;;;;;;;oDCDAoG,KAAgBC,GAAQ,OAAO;AAAA,EAE1C,cAAe;AACb,WAAOlE,EAAoBmE,EAAgB;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,WAAW;AAAA,QACT,SAAS;AAAA,MACV;AAAA,MACD,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,MAAAjE,KAAQ;AACpB,WAAO,IAAIA,EAAK,MAAM,EAAE;AAAA,EACzB;AAAA,EAED,WAAY,EAAE,gBAAAC,KAAkB;AAC9B,WAAO,CAAC,qBAAqBC,EAAgB,KAAK,QAAQ,gBAAgBD,CAAc,GAAG,CAAC;AAAA,EAC7F;AACH,CAAC,GC1CYiE,KAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAA4C;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GCAKpI,KAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAqI;AAAA,IACA,SAAAvG;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;;;cAzCE1B,EAWW2B,GAAA;AAAA,IAVT,WAAU;AAAA,IACV,KAAI;AAAA;eAEJ,MAKE;AAAA,MALFzB,EAKEgI,GAAA;AAAA,QAJC,aAAW3G,EAAI;AAAA,QACf,aAAWA,EAAS;AAAA,QACpB,aAAWA,EAAI;AAAA,QAChB,MAAK;AAAA;MACL4G,EAAA,QACC5G,EAAI,IAAA,GAAA,CAAA;AAAA;;;;oDCJI6G,KAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EAEb,QAAQ,MAAM;AACZ,QAAI9F,GACAC;AAEJ,WAAO;AAAA,MACL,SAAS,CAAAL,MAAS;AAUhB,QATAI,IAAY,IAAIE,EAAYC,GAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAeC,EAAQ2F,EAAiB;AAAA,YACxC,UAAU;AAAA,YACV,GAAGnG;AAAA,UACJ;AAAA,UACD,QAAQA,EAAM;AAAA,QACxB,CAAS,GAEIA,EAAM,eAIXK,IAAQK,EAAM,QAAQ;AAAA,UACpB,wBAAwBV,EAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAASI,EAAU;AAAA,UACnB,cAAc;AAAA,UACd,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,QACrB,CAAS;AAAA,MACF;AAAA,MAED,SAAUJ,GAAO;AAGf,QAFAI,EAAU,YAAYJ,CAAK,GAEtBA,EAAM,cAIXK,EAAM,CAAC,EAAE,SAAS;AAAA,UAChB,wBAAwBL,EAAM;AAAA,QACxC,CAAS;AAAA,MACF;AAAA,MAED,UAAWA,GAAO;AAChB,eAAIA,EAAM,MAAM,QAAQ,YACtBK,EAAM,CAAC,EAAE,QAEF,MAGFD,KAAA,gBAAAA,EAAW,IAAI,UAAUJ;AAAA,MACjC;AAAA,MAED,SAAU;AACR,QAAAK,EAAM,CAAC,EAAE,WACTD,EAAU,QAAO;AAAA,MAClB;AAAA,IACP;AAAA,EACG;AACH,GCnCK1C,KAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAA0I;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,WAAW;AAAA,MACT,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,MACT,UAAWC,GAAW;AACpB,eAAI,OAAOA,KAAc,WAChBR,GAAiC,SAASQ,CAAS,IAErD;AAAA,MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAWC,GAAc;AACvB,eAAOV,GAAgC,SAASU,CAAY;AAAA,MAC7D;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,eAAe;AAAA;EAElB;AAAA,EAED,UAAU;AAAA;AAAA,IAER,aAAc;AAEZ,YAAMC,IAAa,CAACC,GAAUC,GAAWC,EAAI;AAyD7C,UAxDI,KAAK,QACPH,EAAW,KAAK,KAAK,aAAalB,IAAM,KAAK,IAAI,CAAC,GAEhD,KAAK,mBACPkB,EAAW,KAAKI,CAAU,GAExB,KAAK,aACPJ,EAAW,KAAKK,CAAI,GAElB,KAAK,oBACPL,EAAW,KAAKM,CAAU,GAC1BN,EAAW,KAAKO,EAAQ,GACxBP,EAAW,KAAKQ,GAAY,UAAU;AAAA,QACpC,cAAc;AAAA,MACf,CAAA,CAAC,IAEA,KAAK,eACPR,EAAW,KAAKS,CAAM,GAEpB,KAAK,eACPT,EAAW,KAAKU,EAAM,GAEpB,KAAK,kBACPV,EAAW,KAAKW,EAAS,GAI3BX,EAAW;AAAA,QACTY,EAAY,UAAU,EAAE,aAAa,KAAK,YAAY,CAAC;AAAA,SAKpD,KAAK,mBACRZ,EAAW;AAAA,QACTa,EAAU,OAAO;AAAA,UACf,uBAAwB;AACtB,mBAAO;AAAA,cACL,OAAO,MAAM;AAAA,cACb,eAAe,MAAM,KAAK,OAAO,SAAS,MAAM,CAAC,EAAE,UAAAC,QAAe;AAAA,gBAChE,MAAMA,EAAS,cAAe;AAAA,gBAC9B,MAAMA,EAAS,oBAAqB;AAAA,gBACpC,MAAMA,EAAS,eAAgB;AAAA,gBAC/B,MAAMA,EAAS,WAAY;AAAA,cAC7B,CAAC;AAAA;UAEJ;AAAA,QACH,CAAC;AAAA,SAILd,EAAW,KAAKe,GAAW,OAAO,EAAE,WAAW,GAAM,CAAC,EAAE,UAAU;AAAA,QAChE,UAAU;AAAA,QACV,WAAWxB;AAAA,MACZ,CAAA,CAAC,GAEE,KAAK,mBAAmB;AAE1B,cAAMyB,IAAmB,EAAE,GAAG,KAAK,mBAAmB,GAAGrB;AACzD,QAAAK,EAAW,KAAKd,GAAc,UAAU,EAAE,YAAY8B,EAAkB,CAAA,CAAC;AAAA,MAC3E;AAIA,aAAAhB,EAAW,KAAKjF,EAAK,GAErBiF,EAAW,KAAKiB,GAAU,UAAU;AAAA,QAClC,OAAO,CAAC,WAAW;AAAA,QACnB,kBAAkB;AAAA,MACnB,CAAA,CAAC,GAEFjB,EAAW,KAAKkB,EAAU,UAAU;AAAA,QAClC,gBAAgB;AAAA,UACd,OAAO;AAAA,QACR;AAAA,MACF,CAAA,CAAC,GAEKlB;AAAA,IACR;AAAA,IAED,aAAc;AACZ,YAAMzE,IAAQ;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,kBAAkB;AAAA,QAClB,MAAM;AAAA;AAER,aAAK,KAAK,aACRA,EAAM,eAAe,IAAI,KAEpBA;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,OAAO;AAAA,IACL,SAAU4F,GAAY;AACpB,WAAK,OAAO,YAAYA,CAAU,GAClC,KAAK,uBAAuB,EAAE,iBAAiB,CAACA,EAAY,CAAA;AAAA,IAC7D;AAAA,IAED,WAAYC,GAAU;AACpB,WAAK,uBAAuB,EAAE,OAAOA,EAAU,CAAA;AAAA,IAChD;AAAA,IAED,eAAgBC,GAAU;AACxB,WAAK,uBAAuB,EAAE,cAAcA,EAAU,CAAA;AAAA,IACvD;AAAA,IAED,aAAc;AAGZ,WAAK,cAAa,GAClB,KAAK,aAAY;AAAA,IAClB;AAAA,IAED,WAAYC,GAAU;AACpB,UAAIC,IAAe,KAAK;AAKxB,MAJI,KAAK,iBAAiB,WACxBD,IAAW,KAAK,UAAUA,CAAQ,GAClCC,IAAe,KAAK,UAAUA,CAAY,IAExCD,MAAaC,KAMjB,KAAK,OAAO,SAAS,WAAWD,GAAU,EAAK;AAAA,IAChD;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,aAAY;AAAA,EAClB;AAAA,EAED,gBAAiB;AACf,SAAK,cAAa;AAAA,EACnB;AAAA,EAED,SAAS;AAAA,IACP,eAAgB;AAEd,WAAK,SAAS,IAAIE,EAAO;AAAA,QACvB,WAAW,KAAK;AAAA,QAChB,SAAS,KAAK;AAAA,QACd,UAAU,KAAK;AAAA,QACf,YAAY,KAAK;AAAA,QACjB,aAAa;AAAA,UACX,YAAY;AAAA,YACV,GAAG,KAAK;AAAA,YACR,OAAO,KAAK;AAAA,UACb;AAAA,QACF;AAAA,MACH,CAAC,GACD,KAAK,mBAAkB;AAAA,IACxB;AAAA,IAED,gBAAiB;AACf,WAAK,OAAO;IACb;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,qBAAsB;AAEpB,WAAK,OAAO,GAAG,UAAU,MAAM;AAC7B,cAAMC,IAAQ,KAAK;AACnB,aAAK,MAAM,SAASA,CAAK,GACzB,KAAK,MAAM,qBAAqBA,CAAK;AAAA,MACvC,CAAC,GAGD,KAAK,OAAO,GAAG,SAAS,CAAC,EAAE,OAAA5J,EAAI,MAAQ;AACrC,aAAK,MAAM,SAASA,CAAK;AAAA,MAC3B,CAAC,GAGD,KAAK,OAAO,GAAG,QAAQ,CAAC,EAAE,OAAAA,EAAI,MAAQ;AACpC,aAAK,MAAM,QAAQA,CAAK;AAAA,MAC1B,CAAC;AAAA,IACF;AAAA,IAED,YAAa;AACX,cAAQ,KAAK,cAAY;AAAA,QACvB,KAAK;AACH,iBAAO,KAAK,OAAO;QACrB,KAAK;AACH,iBAAO,KAAK,OAAO;QACrB,KAAK;AAAA,QACL;AACE,iBAAO,KAAK,OAAO;MACvB;AAAA,IACD;AAAA,IAED,aAAc6J,GAAW3D,GAAS;;AAChC,aAAI,OAAOA,KAAY,YACd2D,KAEF/H,IAAA+H,EAAU,cAAV,gBAAA/H,EAAA,KAAA+H,GAAsB3D;AAAA,IAC9B;AAAA,IAED,uBAAwB4D,GAAY;AAClC,WAAK,OAAO,WAAW,EAAE,aAAa,EAAE,YAAAA,EAAa,EAAA,CAAC;AAAA,IACvD;AAAA,IAED,cAAe;AACb,WAAK,OAAO,SAAS;IACtB;AAAA,EACF;AACH;;;cA9cEpK,EAIEqK,GAAA;AAAA,IAHC,QAAQhJ,EAAM;AAAA,IACf,WAAQ;AAAA,IACR,OAAM;AAAA;;;"}

package/dist/lib/root-layout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),a={LEFT:"left",RIGHT:"right"},r=["sm","md","lg",null],s={name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"left",validator:t=>Object.values(a).includes(t)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:t=>r.includes(t)}},computed:{isInverted(){return this.sidebarPosition===a.RIGHT}}};function n(t,u,o,y,c,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["root-layout","d-root-layout",{"d-root-layout--fixed":o.fixed,"d-root-layout--inverted":l.isInverted,[`d-root-layout__responsive--${o.responsiveBreakpoint}`]:!!o.responsiveBreakpoint}]),"data-qa":"dt-root-layout"},[e.createElementVNode("header",{class:e.normalizeClass(["d-root-layout__header",{"d-root-layout__header--sticky":o.headerSticky},o.headerClass]),"data-qa":"dt-root-layout-header"},[e.renderSlot(t.$slots,"header")],2),e.createElementVNode("aside",{ref:"root-layout-sidebar",tabindex:"0",class:e.normalizeClass(["d-root-layout__sidebar",o.sidebarClass]),"data-qa":"dt-root-layout-sidebar"},[e.renderSlot(t.$slots,"sidebar")],2),e.createElementVNode("main",{ref:"root-layout-content",class:e.normalizeClass(["d-root-layout__content",o.contentClass]),"data-qa":"dt-root-layout-content",tabindex:"0"},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("footer",{class:e.normalizeClass(["d-root-layout__footer",o.footerClass]),"data-qa":"dt-root-layout-footer"},[e.renderSlot(t.$slots,"footer")],2)],2)}const i=d._(s,[["render",n]]);exports.DtRootLayout=i;exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=r;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=a;
+//# sourceMappingURL=root-layout.cjs.map

package/dist/lib/root-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-layout.cjs","sources":["../../components/root_layout/root_layout_constants.js","../../components/root_layout/root_layout.vue"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n","<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n        [`d-root-layout__responsive--${responsiveBreakpoint}`]: !!responsiveBreakpoint,\n      },\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n  },\n};\n</script>\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_sfc_main","s","bp","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":"oKAAaA,EAAgC,CAC3C,KAAM,OACN,MAAO,OACT,EAEaC,EAAqC,CAAC,KAAM,KAAM,KAAM,IAAI,ECmDpEC,EAAU,CACb,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,EACV,EAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,MACV,EAMD,aAAc,CACZ,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,OACV,EAOD,gBAAiB,CACf,KAAM,OACN,QAAS,OACT,UAAYC,GAAM,OAAO,OAAOH,CAA6B,EAAE,SAASG,CAAC,CAC1E,EAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,MACV,EAMD,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAYC,GAAOH,EAAmC,SAASG,CAAE,CAClE,CACF,EAED,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoBJ,EAA8B,KAC/D,CACF,CACH,+CAzKEK,EA8CM,mBAAA,MAAA,CA7CH,MAAKC,EAAAA,eAAA,uDAAwFC,EAAK,gCAAqCC,EAAU,WAAyC,CAAA,8BAAAD,EAAA,oBAAoB,MAAOA,EAAoB,wBAS1O,UAAQ,mBAERE,EAAAA,mBAOS,SAAA,CANN,MAAKH,EAAAA,eAAA,CAAA,wBAAA,CAAA,gCAA+DC,EAAY,YAAA,EAAIA,EAAW,WAAA,CAAA,EAChG,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA,MAExBF,EAAAA,mBAQQ,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,iDAAkCF,EAAY,YAAA,CAAA,EAC/C,UAAQ,2BAGRG,aAAuBC,EAAA,OAAA,SAAA,MAEzBF,EAAAA,mBAQO,OAAA,CAPL,IAAI,sBACH,iDAAkCF,EAAY,YAAA,CAAA,EAC/C,UAAQ,yBACR,SAAS,MAGTG,aAAQC,EAAA,OAAA,SAAA,MAEVF,EAAAA,mBAOS,SAAA,CANN,gDAAiCF,EAAW,WAAA,CAAA,EAC7C,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA"}

package/dist/lib/scroller.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),fe=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),ie={__name:"core_scroller",props:{items:{type:Array,required:!0},keyField:{type:String,default:"id"},direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},itemSize:{type:Number,default:null},minItemSize:{type:[Number,String],default:null},sizeField:{type:String,default:"size"},buffer:{type:Number,default:200},skipHover:{type:Boolean,default:!1},listTag:{type:String,default:"div"},itemTag:{type:String,default:"div"},listClass:{type:[String,Object,Array],default:""},itemClass:{type:[String,Object,Array],default:""}},emits:["user-position"],setup(e,{expose:s,emit:n}){const i=e,y=n,m=t.reactive(new Map),z=t.reactive(new Map),h=t.ref([]),S=t.ref(null),g=t.ref(!1),p=t.ref(null),B=t.ref("top");let I=0,F=!1,A=0,R=null,U=null,j=0,se=0;const N=t.computed(()=>{if(i.itemSize===null){const o={"-1":{accumulator:0}},a=i.items,l=i.sizeField,D=i.minItemSize;let v=1e4,w=0,u;for(let k=0,P=a.length;k<P;k++)u=a[k][l]||D,u<v&&(v=u),w+=u,o[k]={accumulator:w,size:u};return U=v,o}return[]}),le=t.computed(()=>i.items.length&&typeof i.items[0]!="object"),re=t.computed(()=>{const o={};for(let a=0,l=i.items.length;a<l;a++)o[i.items[a][i.keyField]]=a;return o});t.watch(N,()=>{V(!1)},{deep:!0}),t.onMounted(()=>{t.nextTick(()=>{V(!0),g.value=!0})});const E=(o,a,l,D,v)=>{const w=t.markRaw({id:se++,index:a,used:!0,key:D,type:v}),u=t.shallowReactive({item:l,position:0,nr:w});return o.value.push(u),u},W=(o,a=!1)=>{const l=z,D=o.nr.type;let v=l.get(D);v||(v=[],l.set(D,v)),v.push(o),a||(o.nr.used=!1,o.position=-9999)},oe=()=>{const o=i.direction==="vertical";let a;return o?a={start:p.value.scrollTop,end:p.value.scrollTop+p.value.clientHeight}:a={start:p.value.scrollLeft,end:p.value.scrollLeft+p.value.clientWidth},a},ne=()=>{throw setTimeout(()=>{console.error("It seems the scroller element isn't scrolling, so it tries to render all the items at once.","Scroller:",p),console.error("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.")}),new Error("Rendered items limit reached")},ae=()=>{h.value.sort((o,a)=>o.nr.index-a.nr.index)},V=(o,a=!1)=>{var Y,X,G,J,Q,Z;const l=i.itemSize,D=U,v=le.value?null:i.keyField,w=i.items,u=w.length,k=N.value,P=m,L=z,M=h,me=re;let $,f,H;if(!u)$=f=H=0;else{const c=oe();if(a){let d=c.start-A.value;if(d<0&&(d=-d),l===null&&d<D.value||d<l)return{continuous:!0}}A=c.start;const _=i.buffer;if(c.start-=_,c.end+=_,l===null){let d,O=0,ee=u-1,b=~~(u/2),te;do te=b,d=(Y=k[b])==null?void 0:Y.accumulator,d<c.start?O=b:b<u-1&&((X=k[b+1])==null?void 0:X.accumulator)>c.start&&(ee=b),b=~~((O+ee)/2);while(b!==te);for(b<0&&(b=0),$=b,H=(G=k[u-1])==null?void 0:G.accumulator,f=b;f<u&&((J=k[f])==null?void 0:J.accumulator)<c.end;f++);f===-1?f=w.length-1:(f++,f>u&&(f=u))}else{$=~~(c.start/l);const d=$%1;$-=d,f=Math.ceil(c.end/l),$<0&&($=0),f>u&&(f=u),H=Math.ceil(u/1)*l}}f-$>1e3&&ne(),j=H;let r;const C=$<=I&&f>=$;if(C)for(let c=0,_=M.value.length;c<_;c++)r=M.value[c],r!=null&&r.nr.used&&(o&&(r.nr.index=me[r.item[v]]),(r.nr.index==null||r.nr.index<$||r.nr.index>=f)&&W(r));const K=C?null:new Map;let T,x,q;for(let c=$;c<f;c++){T=w[c];const _=v?T==null?void 0:T[v]:T;if(_==null)throw new Error(`Key is ${_} on item (keyField is '${v}')`);if(r=P.get(_),!l&&!((Q=k[c])!=null&&Q.size)){r&&W(r);continue}x=T.type;let d=L.get(x);if(!r)C?d&&d.length?r=d.pop():r=E(M,c,T,_,x):(q=K.get(x)||0,(!d||q>=d.length)&&(r=E(M,c,T,_,x),W(r,!0),d=L.get(x)),r=d[q],K.set(x,q+1)),P.delete(r.nr.key),r.nr.used=!0,r.nr.index=c,r.nr.key=_,r.nr.type=x,P.set(_,r);else if(!r.nr.used&&(r.nr.used=!0,d)){const O=d.indexOf(r);O!==-1&&d.splice(O,1)}r.item=T,l===null?(r.position=(Z=k[c-1])==null?void 0:Z.accumulator,r.offset=0):(r.position=Math.floor(c)*l,r.offset=c%1*l)}return I=f,clearTimeout(R),R=setTimeout(ae,300),{continuous:C}},ce=o=>{const a=i.direction==="vertical"?{scroll:"scrollTop",start:"top"}:{scroll:"scrollLeft",start:"left"},l=p.value,D=a.scroll;l[D]=o},de=o=>{var l;let a;i.itemSize===null?a=o>0?(l=N.value[o-1])==null?void 0:l.accumulator:0:a=Math.floor(o)*i.itemSize,ce(a)},ue=()=>{const o=p.value;B.value!=="middle"&&(B.value="middle",y("user-position","middle")),o.scrollTop===0&&(B.value="top",y("user-position","top")),o.scrollTop+o.clientHeight===o.scrollHeight&&(B.value="bottom",y("user-position","bottom")),F||(F=!0,requestAnimationFrame(()=>{F=!1,V(!1,!0)}))};return s({scrollToItem:de,_updateVisibleItems:V}),(o,a)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"scroller",ref:p,class:t.normalizeClass(["vue-recycle-scroller",{ready:g.value,[`direction-${e.direction}`]:!0}]),onScrollPassive:ue},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.listTag),{ref:"wrapper",style:t.normalizeStyle({[e.direction==="vertical"?"minHeight":"minWidth"]:`${t.unref(j)}px`}),class:t.normalizeClass(["vue-recycle-scroller__item-wrapper",e.listClass])},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(h.value,l=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.itemTag),t.mergeProps({key:l.nr.id,style:g.value?{transform:`translate${e.direction==="vertical"?"Y":"X"}(${l.position}px) translate${e.direction==="vertical"?"X":"Y"}(${l.offset}px)`,width:void 0,height:void 0}:null,class:["vue-recycle-scroller__item-view",[e.itemClass,{hover:!e.skipHover&&S.value===l.nr.key}]]},t.toHandlers(e.skipHover?{}:{mouseenter:()=>{S.value=l.nr.key},mouseleave:()=>{S.value=null}})),{default:t.withCtx(()=>[t.renderSlot(o.$slots,"default",{item:l.item,index:l.nr.index,active:l.nr.used})]),_:2},1040,["style","class"]))),128))]),_:3},8,["style","class"]))],34))}},he={name:"DtScrollerItem",inject:["vscrollData","vscrollParent","vscrollResizeObserver"],props:{item:{required:!0},watchData:{type:Boolean,default:!1},active:{type:Boolean,required:!0},index:{type:Number,default:void 0},sizeDependencies:{type:[Array,Object],default:null},tag:{type:String,default:"div"}},computed:{id(){if(this.vscrollData.simpleArray)return this.index;if(this.vscrollData.keyField in this.item)return this.item[this.vscrollData.keyField];throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`)},size(){return this.vscrollData.sizes[this.id]||0},finalActive(){return this.active&&this.vscrollData.active}},watch:{watchData:"updateWatchData",id(e,s){if(this.$el.$_vs_id=this.id,this.size||this.onDataUpdate(),this.$_sizeObserved){const n=this.vscrollData.sizes[s],i=this.vscrollData.sizes[e];n!=null&&n!==i&&this.applySize(n)}},finalActive(e){this.size||(e?this.vscrollParent.$_undefinedMap[this.id]||(this.vscrollParent.$_undefinedSizes++,this.vscrollParent.$_undefinedMap[this.id]=!0):this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=!1)),this.vscrollResizeObserver?e?this.observeSize():this.unobserveSize():e&&this.$_pendingVScrollUpdate===this.id&&this.updateSize()}},created(){if(!this.$isServer&&(this.$_forceNextVScrollUpdate=null,this.updateWatchData(),!this.vscrollResizeObserver))for(const e in this.sizeDependencies)this.$watch(()=>this.sizeDependencies[e],this.onDataUpdate)},mounted(){this.finalActive&&(this.updateSize(),this.observeSize())},beforeUnmount(){this.unobserveSize()},methods:{updateSize(){this.finalActive?this.$_pendingSizeUpdate!==this.id&&(this.$_pendingSizeUpdate=this.id,this.$_forceNextVScrollUpdate=null,this.$_pendingVScrollUpdate=null,this.computeSize(this.id)):this.$_forceNextVScrollUpdate=this.id},updateWatchData(){this.watchData&&!this.vscrollResizeObserver?this.$_watchData=this.$watch("item",()=>{this.onDataUpdate()},{deep:!0}):this.$_watchData&&(this.$_watchData(),this.$_watchData=null)},onVscrollUpdate({force:e}){!this.finalActive&&e&&(this.$_pendingVScrollUpdate=this.id),(this.$_forceNextVScrollUpdate===this.id||e||!this.size)&&this.updateSize()},onDataUpdate(){this.updateSize()},computeSize(e){this.$nextTick(()=>{if(this.id===e){const s=this.$el.offsetWidth,n=this.$el.offsetHeight;this.applyWidthHeight(s,n)}this.$_pendingSizeUpdate=null})},applyWidthHeight(e,s){const n=~~(this.vscrollParent.direction==="vertical"?s:e);n&&this.size!==n&&this.applySize(n)},applySize(e){this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=void 0),this.vscrollData.sizes[this.id]=e},observeSize(){this.vscrollResizeObserver&&(this.$_sizeObserved||(this.vscrollResizeObserver.observe(this.$el),this.$el.$_vs_id=this.id,this.$el.$_vs_onResize=this.onResize,this.$_sizeObserved=!0))},unobserveSize(){this.vscrollResizeObserver&&this.$_sizeObserved&&(this.vscrollResizeObserver.unobserve(this.$el),this.$el.$_vs_onResize=void 0,this.$_sizeObserved=!1)},onResize(e,s,n){this.id===e&&this.applyWidthHeight(s,n)}},render(){return t.h(this.tag,this.$slots.default())}},pe={name:"DynamicScroller",components:{CoreScroller:ie,DtScrollerItem:he},provide(){return typeof ResizeObserver<"u"&&(this.$_resizeObserver=new ResizeObserver(e=>{requestAnimationFrame(()=>{if(Array.isArray(e)){for(const s of e)if(s.target&&s.target.$_vs_onResize){let n,i;if(s.borderBoxSize){const y=s.borderBoxSize[0];n=y.inlineSize,i=y.blockSize}else n=s.contentRect.width,i=s.contentRect.height;s.target.$_vs_onResize(s.target.$_vs_id,n,i)}}})})),{vscrollData:this.vscrollData,vscrollParent:this,vscrollResizeObserver:this.$_resizeObserver}},inheritAttrs:!1,props:{items:{type:Array,required:!0},dynamic:{type:Boolean,default:!1},keyField:{type:String,default:"id"},direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},listTag:{type:String,default:"div"},itemTag:{type:String,default:"div"},minItemSize:{type:[Number,String]}},data(){return{vscrollData:{active:!0,sizes:{},keyField:this.keyField,simpleArray:!1}}},computed:{simpleArray(){return this.items.length&&typeof this.items[0]!="object"},itemsWithSize(){const e=[],{items:s,keyField:n,simpleArray:i}=this,y=this.vscrollData.sizes,m=s.length;for(let z=0;z<m;z++){const h=s[z],S=i?z:h[n];let g=y[S];typeof g>"u"&&!this.$_undefinedMap[S]&&(g=0),e.push({item:h,[n]:S,size:g})}return e}},watch:{simpleArray:{handler(e){this.vscrollData.simpleArray=e},immediate:!0},itemsWithSize(e,s){const n=this.$el.scrollTop;let i=0,y=0;const m=Math.min(e.length,s.length);for(let h=0;h<m&&!(i>=n);h++)i+=s[h].size||this.minItemSize,y+=e[h].size||this.minItemSize;const z=y-i;z!==0&&(this.$el.scrollTop+=z)}},beforeCreate(){this.$_updates=[],this.$_undefinedSizes=0,this.$_undefinedMap={}},activated(){this.vscrollData.active=!0},deactivated(){this.vscrollData.active=!1},methods:{dynamicScrollerUpdateItems(){const e=this.$refs.scroller;e&&e._updateVisibleItems(!0)},dynamicScrollerUpdateItemsFromBottom(){const e=this.$refs.scroller;e&&e._updateVisibleItems(!1,!0)},scrollToItem(e){const s=this.$refs.scroller;s&&s.scrollToItem(e)},scrollToBottom(){if(this.$_scrollingToBottom)return;this.$_scrollingToBottom=!0;const e=this.$el;this.$nextTick(()=>{e.scrollTop=e.scrollHeight+5e3;const s=()=>{e.scrollTop=e.scrollHeight+5e3,requestAnimationFrame(()=>{e.scrollTop=e.scrollHeight+5e3,this.$_undefinedSizes===0?this.$_scrollingToBottom=!1:requestAnimationFrame(s)})};requestAnimationFrame(s)})}}};function ve(e,s,n,i,y,m){const z=t.resolveComponent("dt-scroller-item"),h=t.resolveComponent("core-scroller");return t.openBlock(),t.createBlock(h,t.mergeProps({ref:"scroller",items:m.itemsWithSize,"min-item-size":n.minItemSize,direction:n.direction,"key-field":n.keyField,"list-tag":n.listTag,"item-tag":n.itemTag},e.$attrs),{default:t.withCtx(({item:S,index:g,active:p})=>[t.createVNode(z,{item:S,active:p,"size-dependencies":[S.message],"data-index":g},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",t.normalizeProps(t.guardReactiveProps({item:S.item,index:g,active:p,itemWithSize:S})))]),_:2},1032,["item","active","size-dependencies","data-index"])]),_:3},16,["items","min-item-size","direction","key-field","list-tag","item-tag"])}const ye=fe._(pe,[["render",ve]]),ze={__name:"DtScroller",props:{direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},dynamic:{type:Boolean,default:!1},itemSize:{type:Number,default:null},itemTag:{type:String,default:"div"},items:{type:Array,required:!0},keyField:{type:String,default:"id"},listTag:{type:String,default:"div"},minItemSize:{type:[Number,String],default:null},scrollerHeight:{type:[String,Number],default:"100%"},scrollerWidth:{type:[String,Number],default:"100%"}},emits:["user-position"],setup(e,{expose:s,emit:n}){const i=e,y=n;t.provide("emit",y);const m=t.ref(null),z=t.computed(()=>({width:typeof i.scrollerWidth=="number"?`${i.scrollerWidth}px`:i.scrollerWidth,height:typeof i.scrollerHeight=="number"?`${i.scrollerHeight}px`:i.scrollerHeight}));t.watch(i,()=>{B()},{deep:!0,immediate:!0});function h(){m.value&&m.value.scrollToBottom()}function S(I){m.value&&m.value.scrollToItem(I)}function g(){m.value&&(i.dynamic?m.value.dynamicScrollerUpdateItems():m.value._updateVisibleItems(!0))}function p(){m.value&&(i.dynamic?m.value.dynamicScrollerUpdateItemsFromBottom():m.value._updateVisibleItems(!1,!0))}function B(){i.dynamic&&!i.minItemSize&&console.error("scroller error: 'minItemSize' is required on 'dynamic' mode."),!i.dynamic&&!i.itemSize&&console.error("scroller error: 'itemSize' is required.")}return s({scrollToBottom:h,scrollToItem:S,updateItems:g,updateItemsFromBottom:p}),(I,F)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.dynamic?ye:ie),{ref_key:"scroller",ref:m,"data-qa":"dt-scroller",items:e.items,"item-size":e.itemSize,"min-item-size":e.minItemSize,direction:e.direction,"key-field":e.keyField,"list-tag":e.listTag,"item-tag":e.itemTag,style:t.normalizeStyle(z.value),tabindex:"0",onUserPosition:F[0]||(F[0]=A=>I.$emit("user-position",A))},{default:t.withCtx(({item:A,index:R,active:U})=>[t.renderSlot(I.$slots,"default",t.normalizeProps(t.guardReactiveProps({item:A,index:R,active:U})))]),_:3},40,["items","item-size","min-item-size","direction","key-field","list-tag","item-tag","style"]))}};exports.DtScroller=ze;
+//# sourceMappingURL=scroller.cjs.map

package/dist/lib/scroller.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.cjs","sources":["../../components/scroller/modules/core_scroller.vue","../../components/scroller/modules/scroller_item.vue","../../components/scroller/modules/dynamic_scroller.vue","../../components/scroller/DtScroller.vue"],"sourcesContent":["<!-- eslint-disable max-len -->\n<template>\n  <div\n    ref=\"scroller\"\n    class=\"vue-recycle-scroller\"\n    :class=\"{\n      ready,\n      [`direction-${direction}`]: true,\n    }\"\n    @scroll.passive=\"handleScroll\"\n  >\n    <component\n      :is=\"listTag\"\n      ref=\"wrapper\"\n      :style=\"{ [direction === 'vertical' ? 'minHeight' : 'minWidth']: `${totalSize}px` }\"\n      class=\"vue-recycle-scroller__item-wrapper\"\n      :class=\"listClass\"\n    >\n      <component\n        :is=\"itemTag\"\n        v-for=\"view in pool\"\n        :key=\"view.nr.id\"\n        :style=\"ready ? {\n          transform: `translate${direction === 'vertical' ? 'Y' : 'X'}(${view.position}px) translate${direction === 'vertical' ? 'X' : 'Y'}(${view.offset}px)`,\n          width: undefined,\n          height: undefined,\n        } : null\"\n        class=\"vue-recycle-scroller__item-view\"\n        :class=\"[\n          itemClass,\n          {\n            hover: !skipHover && hoverKey === view.nr.key,\n          },\n        ]\"\n        v-on=\"skipHover ? {} : {\n          mouseenter: () => { hoverKey = view.nr.key },\n          mouseleave: () => { hoverKey = null },\n        }\"\n      >\n        <slot\n          :item=\"view.item\"\n          :index=\"view.nr.index\"\n          :active=\"view.nr.used\"\n        />\n      </component>\n    </component>\n  </div>\n</template>\n\n<script setup>\n/*\nThis is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/RecycleScroller.vue)\nWe have modified it for our own specific use.\n*/\nimport { computed, watch, markRaw, shallowReactive, onMounted, nextTick, reactive, ref } from 'vue';\n\nconst props = defineProps({\n  /**\n     * List of items you want to display in the scroller.\n     */\n  items: {\n    type: Array,\n    required: true,\n  },\n\n  /**\n     *\n     * Field used to identify items and optimize managing rendered views\n     */\n  keyField: {\n    type: String,\n    default: 'id',\n  },\n\n  /**\n     * Direction of the scroller. Can be either `vertical` or `horizontal`.\n     */\n  direction: {\n    type: String,\n    default: 'vertical',\n    validator: (value) => ['vertical', 'horizontal'].includes(value),\n  },\n\n  /**\n     * Size of the items in the list.\n     * If it is set to null (the default value), it will use variable size mode.\n     */\n  itemSize: {\n    type: Number,\n    default: null,\n  },\n\n  /**\n     * Minimum size used if the height (or width in horizontal mode) of an item is unknown.\n     */\n  minItemSize: {\n    type: [Number, String],\n    default: null,\n  },\n\n  /**\n     * Field used to get the item's size in variable size mode.\n     */\n  sizeField: {\n    type: String,\n    default: 'size',\n  },\n\n  /**\n     * Amount of pixel to add to edges of the scrolling visible area to start rendering items further away.\n     */\n  buffer: {\n    type: Number,\n    default: 200,\n  },\n\n  /**\n     * If true, the hover state will be skipped.\n     * This can be useful if you want to use the hover state for other purposes.\n     */\n  skipHover: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * The element to render as the list's wrapper.\n     */\n  listTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n     * The element to render as the list item.\n     */\n  itemTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n     * The custom classes added to the item list wrapper.\n     */\n  listClass: {\n    type: [String, Object, Array],\n    default: '',\n  },\n\n  /**\n     * The custom classes added to each item.\n     */\n  itemClass: {\n    type: [String, Object, Array],\n    default: '',\n  },\n});\n\nconst emit = defineEmits(['user-position']);\n\nconst views = reactive(new Map());\n// const reactiveItems = reactive(props.items);\nconst unusedViews = reactive(new Map());\nconst updateTimeout = null;\nconst pool = ref([]);\nconst hoverKey = ref(null);\nconst ready = ref(false);\nconst scroller = ref(null);\nconst userPosition = ref('top');\n\nlet startIndex = 0;\nlet endIndex = 0;\nlet scrollDirty = false;\nlet lastUpdateScrollPosition = 0;\nlet sortTimer = null;\nlet computedMinItemSize = null;\nlet totalSize = 0;\nlet uid = 0;\n\nconst sizes = computed(() => {\n  if (props.itemSize === null) {\n    const sizes = {\n      '-1': { accumulator: 0 },\n    };\n    const items = props.items;\n    const field = props.sizeField;\n    const minItemSize = props.minItemSize;\n    let computedMinSize = 10000;\n    let accumulator = 0;\n    let current;\n    for (let i = 0, l = items.length; i < l; i++) {\n      current = items[i][field] || minItemSize;\n      if (current < computedMinSize) {\n        computedMinSize = current;\n      }\n      accumulator += current;\n      sizes[i] = { accumulator, size: current };\n    }\n\n    computedMinItemSize = computedMinSize;\n    return sizes;\n  }\n  return [];\n});\n\nconst simpleArray = computed(() => {\n  return props.items.length && typeof props.items[0] !== 'object';\n});\n\nconst itemIndexByKey = computed(() => {\n  const result = {};\n  for (let i = 0, l = props.items.length; i < l; i++) {\n    result[props.items[i][props.keyField]] = i;\n  }\n  return result;\n});\n\n// watch(reactiveItems, () => {\n//   // if add to the top\n//   // _updateVisibleItems(true);\n//   // if autoscrolling  if add to the bottom\n//   // _updateVisibleItems(false, true);\n// });\n\nwatch(sizes, () => {\n  _updateVisibleItems(false);\n}, { deep: true });\n\nonMounted(() => {\n  nextTick(() => {\n    // In SSR mode, render the real number of visible items\n    _updateVisibleItems(true);\n    ready.value = true;\n  });\n});\n\nconst _addView = (pool, index, item, key, type) => {\n  const nr = markRaw({\n    id: uid++,\n    index,\n    used: true,\n    key,\n    type,\n  });\n  const view = shallowReactive({\n    item,\n    position: 0,\n    nr,\n  });\n  pool.value.push(view);\n  return view;\n};\n\nconst _unuseView = (view, fake = false) => {\n  const _unusedViews = unusedViews;\n  const type = view.nr.type;\n  let unusedPool = _unusedViews.get(type);\n  if (!unusedPool) {\n    unusedPool = [];\n    _unusedViews.set(type, unusedPool);\n  }\n  unusedPool.push(view);\n  if (!fake) {\n    view.nr.used = false;\n    view.position = -9999;\n  }\n};\n\nconst _getScroll = () => {\n  const isVertical = props.direction === 'vertical';\n  let scrollState;\n\n  if (isVertical) {\n    scrollState = {\n      start: scroller.value.scrollTop,\n      end: scroller.value.scrollTop + scroller.value.clientHeight,\n    };\n  } else {\n    scrollState = {\n      start: scroller.value.scrollLeft,\n      end: scroller.value.scrollLeft + scroller.value.clientWidth,\n    };\n  }\n\n  return scrollState;\n};\n\nconst _itemsLimitError = () => {\n  setTimeout(() => {\n    // eslint-disable-next-line max-len\n    console.error('It seems the scroller element isn\\'t scrolling, so it tries to render all the items at once.', 'Scroller:', scroller);\n    // eslint-disable-next-line max-len\n    console.error('Make sure the scroller has a fixed height (or width) and \\'overflow-y\\' (or \\'overflow-x\\') set to \\'auto\\' so it can scroll correctly and only render the items visible in the scroll viewport.');\n  });\n  throw new Error('Rendered items limit reached');\n};\n\nconst _sortViews = () => {\n  pool.value.sort((viewA, viewB) => viewA.nr.index - viewB.nr.index);\n};\n\nconst _updateVisibleItems = (checkItem, checkPositionDiff = false) => {\n  const itemSize = props.itemSize;\n  const minItemSize = computedMinItemSize;\n  const keyField = simpleArray.value ? null : props.keyField;\n  const items = props.items;\n  const count = items.length;\n  const _sizes = sizes.value;\n  const _views = views;\n  const _unusedViews = unusedViews;\n  const _pool = pool;\n  const _itemIndexByKey = itemIndexByKey;\n  let _startIndex, _endIndex;\n  let _totalSize;\n  let visibleStartIndex, visibleEndIndex;\n\n  if (!count) {\n    _startIndex = _endIndex = visibleStartIndex = visibleEndIndex = _totalSize = 0;\n  } else {\n    const scroll = _getScroll();\n\n    // Skip update if use hasn't scrolled enough\n    if (checkPositionDiff) {\n      let positionDiff = scroll.start - lastUpdateScrollPosition.value;\n      if (positionDiff < 0) positionDiff = -positionDiff;\n      if ((itemSize === null && positionDiff < minItemSize.value) || positionDiff < itemSize) {\n        return {\n          continuous: true,\n        };\n      }\n    }\n    lastUpdateScrollPosition = scroll.start;\n\n    const _buffer = props.buffer;\n    scroll.start -= _buffer;\n    scroll.end += _buffer;\n\n    // Variable size mode\n    if (itemSize === null) {\n      let h;\n      let a = 0;\n      let b = count - 1;\n      let i = ~~(count / 2);\n      let oldI;\n\n      // Searching for _startIndex\n      do {\n        oldI = i;\n        h = _sizes[i]?.accumulator;\n        if (h < scroll.start) {\n          a = i;\n        } else if (i < count - 1 && _sizes[i + 1]?.accumulator > scroll.start) {\n          b = i;\n        }\n        i = ~~((a + b) / 2);\n      } while (i !== oldI);\n      i < 0 && (i = 0);\n      _startIndex = i;\n\n      // For container style\n      _totalSize = _sizes[count - 1]?.accumulator;\n\n      // Searching for _endIndex\n      for (\n        _endIndex = i;\n        _endIndex < count && _sizes[_endIndex]?.accumulator < scroll.end;\n        _endIndex++\n      );\n\n      if (_endIndex === -1) {\n        _endIndex = items.length - 1;\n      } else {\n        _endIndex++;\n        // Bounds\n        _endIndex > count && (_endIndex = count);\n      }\n\n      // search visible _startIndex\n      for (\n        visibleStartIndex = startIndex;\n        visibleStartIndex < count && (_sizes[visibleStartIndex]?.accumulator) < scroll.start;\n        visibleStartIndex++\n      );\n\n      // search visible endIndex\n      for (\n        visibleEndIndex = visibleStartIndex;\n        visibleEndIndex < count && (_sizes[visibleEndIndex]?.accumulator) < scroll.end;\n        visibleEndIndex++\n      );\n    } else {\n      // Fixed size mode\n      _startIndex = ~~(scroll.start / itemSize);\n      const remainer = _startIndex % 1;\n      _startIndex -= remainer;\n      _endIndex = Math.ceil(scroll.end / itemSize);\n      visibleStartIndex = Math.max(0, Math.floor((scroll.start) / itemSize));\n      visibleEndIndex = Math.floor((scroll.end) / itemSize);\n\n      // Bounds\n      _startIndex < 0 && (_startIndex = 0);\n      _endIndex > count && (_endIndex = count);\n      visibleStartIndex < 0 && (visibleStartIndex = 0);\n      visibleEndIndex > count && (visibleEndIndex = count);\n\n      _totalSize = Math.ceil(count / 1) * itemSize;\n    }\n  }\n\n  // items limit 1000\n  if (_endIndex - _startIndex > 1000) {\n    _itemsLimitError();\n  }\n\n  totalSize = _totalSize;\n\n  let view;\n\n  const continuous = _startIndex <= endIndex && _endIndex >= _startIndex;\n\n  // Unuse views that are no longer visible\n  if (continuous) {\n    for (let i = 0, l = _pool.value.length; i < l; i++) {\n      view = _pool.value[i];\n      if (view?.nr.used) {\n        // Update view item index\n        if (checkItem) {\n          view.nr.index = _itemIndexByKey[view.item[keyField]];\n        }\n\n        // Check if index is still in visible range\n        if (\n          view.nr.index == null ||\n          view.nr.index < _startIndex ||\n          view.nr.index >= _endIndex\n        ) {\n          _unuseView(view);\n        }\n      }\n    }\n  }\n\n  const unusedIndex = continuous ? null : new Map();\n\n  let item, type;\n  let v;\n  for (let i = _startIndex; i < _endIndex; i++) {\n    item = items[i];\n    const key = keyField ? item?.[keyField] : item;\n\n    if (key == null) {\n      throw new Error(`Key is ${key} on item (keyField is '${keyField}')`);\n    }\n    view = _views.get(key);\n\n    if (!itemSize && !_sizes[i]?.size) {\n      if (view) _unuseView(view);\n      continue;\n    }\n\n    type = item.type;\n\n    let unusedPool = _unusedViews.get(type);\n    // let newlyUsedView = false;\n\n    // No view assigned to item\n    if (!view) {\n      if (continuous) {\n        // Reuse existing view\n        if (unusedPool && unusedPool.length) {\n          view = unusedPool.pop();\n        } else {\n          view = _addView(_pool, i, item, key, type);\n        }\n      } else {\n        // Use existing view\n        // We don't care if they are already used\n        // because we are not in continous scrolling\n        v = unusedIndex.get(type) || 0;\n\n        if (!unusedPool || v >= unusedPool.length) {\n          view = _addView(_pool, i, item, key, type);\n          _unuseView(view, true);\n          unusedPool = _unusedViews.get(type);\n        }\n\n        view = unusedPool[v];\n        unusedIndex.set(type, v + 1);\n      }\n\n      // Assign view to item\n      _views.delete(view.nr.key);\n      view.nr.used = true;\n      view.nr.index = i;\n      view.nr.key = key;\n      view.nr.type = type;\n      _views.set(key, view);\n\n      // newlyUsedView = true;\n    } else {\n      // View already assigned to item\n      if (!view.nr.used) {\n        view.nr.used = true;\n        // newlyUsedView = true;\n        if (unusedPool) {\n          const index = unusedPool.indexOf(view);\n          if (index !== -1) unusedPool.splice(index, 1);\n        }\n      }\n    }\n\n    // Always set item in case it's a new object with the same key\n    view.item = item;\n\n    // if (newlyUsedView) {\n    //   if (items.length === 0) return;\n    //   if (i === items.length - 1) emit('scroll-end');\n    //   if (i === 0) emit('scroll-start');\n    // }\n\n    // Update position\n    if (itemSize === null) {\n      view.position = _sizes[i - 1]?.accumulator;\n      view.offset = 0;\n    } else {\n      view.position = Math.floor(i) * itemSize;\n      view.offset = (i % 1) * itemSize;\n    }\n  }\n\n  startIndex = _startIndex;\n  endIndex = _endIndex;\n\n  // After the user has finished scrolling\n  // Sort views so text selection is correct\n  clearTimeout(sortTimer);\n  sortTimer = setTimeout(_sortViews, 300);\n\n  return {\n    continuous,\n  };\n};\n\nconst _scrollToPosition = (position) => {\n  const direction = props.direction === 'vertical'\n    ? { scroll: 'scrollTop', start: 'top' }\n    : { scroll: 'scrollLeft', start: 'left' };\n\n  const viewport = scroller.value;\n  const scrollDirection = direction.scroll;\n\n  viewport[scrollDirection] = position;\n};\n\nconst scrollToItem = (index) => {\n  let scroll;\n  if (props.itemSize === null) {\n    scroll = index > 0 ? sizes.value[index - 1]?.accumulator : 0;\n  } else {\n    scroll = Math.floor(index) * props.itemSize;\n  }\n  _scrollToPosition(scroll);\n};\n\nconst handleScroll = () => {\n  const container = scroller.value;\n\n  if (userPosition.value !== 'middle') {\n    userPosition.value = 'middle';\n    emit('user-position', 'middle');\n  }\n\n  // Check if the scroll is at the top of the container\n  if (container.scrollTop === 0) {\n    userPosition.value = 'top';\n    emit('user-position', 'top');\n  }\n\n  // Check if the scroll is at the bottom of the container\n  if (container.scrollTop + container.clientHeight === container.scrollHeight) {\n    userPosition.value = 'bottom';\n    emit('user-position', 'bottom');\n  }\n\n  if (!scrollDirty) {\n    scrollDirty = true;\n    if (updateTimeout) return;\n\n    const requestUpdate = () => requestAnimationFrame(() => {\n      scrollDirty = false;\n      _updateVisibleItems(false, true);\n    });\n\n    requestUpdate();\n  }\n};\n\ndefineExpose({\n  scrollToItem,\n  _updateVisibleItems,\n});\n</script>\n\n<style>\n.vue-recycle-scroller{\n    position:relative\n}\n.vue-recycle-scroller.direction-vertical:not(.page-mode){\n    overflow-y:auto\n}\n.vue-recycle-scroller.direction-horizontal:not(.page-mode){\n    overflow-x:auto\n}\n.vue-recycle-scroller.direction-horizontal{\n    display:flex\n}\n.vue-recycle-scroller__slot{\n    flex:auto 0 0\n}\n.vue-recycle-scroller__item-wrapper{\n    flex:1;\n    box-sizing:border-box;\n    overflow:hidden;\n    position:relative\n}\n.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{\n    position:absolute;\n    top:0;\n    left:0;\n    will-change:transform\n}\n.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{\n    width:100%\n}\n.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{\n    height:100%\n}\n.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{\n    width:100%\n}\n.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{\n    height:100%\n}\n </style>\n","<script>\n/*\nThis is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/DynamicScrollerItem.vue)\nWe have modified it for our own specific use.\n*/\nimport { h } from 'vue';\n\nexport default {\n  name: 'DtScrollerItem',\n\n  inject: [\n    'vscrollData',\n    'vscrollParent',\n    'vscrollResizeObserver',\n  ],\n\n  props: {\n    // eslint-disable-next-line vue/require-prop-types\n    item: {\n      required: true,\n    },\n\n    watchData: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Indicates if the view is actively used to display an item.\n     */\n    active: {\n      type: Boolean,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      default: undefined,\n    },\n\n    sizeDependencies: {\n      type: [Array, Object],\n      default: null,\n    },\n\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  computed: {\n    id () {\n      if (this.vscrollData.simpleArray) return this.index;\n      // eslint-disable-next-line no-prototype-builtins\n      if (this.vscrollData.keyField in this.item) return this.item[this.vscrollData.keyField];\n      throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);\n    },\n\n    size () {\n      return this.vscrollData.sizes[this.id] || 0;\n    },\n\n    finalActive () {\n      return this.active && this.vscrollData.active;\n    },\n  },\n\n  watch: {\n    watchData: 'updateWatchData',\n\n    id (value, oldValue) {\n      this.$el.$_vs_id = this.id;\n      if (!this.size) {\n        this.onDataUpdate();\n      }\n\n      if (this.$_sizeObserved) {\n        // In case the old item had the same size, it won't trigger the ResizeObserver\n        // since we are reusing the same DOM node\n        const oldSize = this.vscrollData.sizes[oldValue];\n        const size = this.vscrollData.sizes[value];\n        if (oldSize != null && oldSize !== size) {\n          this.applySize(oldSize);\n        }\n      }\n    },\n\n    finalActive (value) {\n      if (!this.size) {\n        if (value) {\n          if (!this.vscrollParent.$_undefinedMap[this.id]) {\n            this.vscrollParent.$_undefinedSizes++;\n            this.vscrollParent.$_undefinedMap[this.id] = true;\n          }\n        } else {\n          if (this.vscrollParent.$_undefinedMap[this.id]) {\n            this.vscrollParent.$_undefinedSizes--;\n            this.vscrollParent.$_undefinedMap[this.id] = false;\n          }\n        }\n      }\n\n      if (this.vscrollResizeObserver) {\n        if (value) {\n          this.observeSize();\n        } else {\n          this.unobserveSize();\n        }\n      } else if (value && this.$_pendingVScrollUpdate === this.id) {\n        this.updateSize();\n      }\n    },\n  },\n\n  created () {\n    if (this.$isServer) return;\n\n    this.$_forceNextVScrollUpdate = null;\n    this.updateWatchData();\n\n    if (!this.vscrollResizeObserver) {\n      for (const k in this.sizeDependencies) {\n        this.$watch(() => this.sizeDependencies[k], this.onDataUpdate);\n      }\n    }\n  },\n\n  mounted () {\n    if (this.finalActive) {\n      this.updateSize();\n      this.observeSize();\n    }\n  },\n\n  beforeUnmount () {\n    this.unobserveSize();\n  },\n\n  methods: {\n    updateSize () {\n      if (this.finalActive) {\n        if (this.$_pendingSizeUpdate !== this.id) {\n          this.$_pendingSizeUpdate = this.id;\n          this.$_forceNextVScrollUpdate = null;\n          this.$_pendingVScrollUpdate = null;\n          this.computeSize(this.id);\n        }\n      } else {\n        this.$_forceNextVScrollUpdate = this.id;\n      }\n    },\n\n    updateWatchData () {\n      if (this.watchData && !this.vscrollResizeObserver) {\n        this.$_watchData = this.$watch('item', () => {\n          this.onDataUpdate();\n        }, {\n          deep: true,\n        });\n      } else if (this.$_watchData) {\n        this.$_watchData();\n        this.$_watchData = null;\n      }\n    },\n\n    onVscrollUpdate ({ force }) {\n      // If not active, sechedule a size update when it becomes active\n      if (!this.finalActive && force) {\n        this.$_pendingVScrollUpdate = this.id;\n      }\n\n      if (this.$_forceNextVScrollUpdate === this.id || force || !this.size) {\n        this.updateSize();\n      }\n    },\n\n    onDataUpdate () {\n      this.updateSize();\n    },\n\n    computeSize (id) {\n      this.$nextTick(() => {\n        if (this.id === id) {\n          const width = this.$el.offsetWidth;\n          const height = this.$el.offsetHeight;\n          this.applyWidthHeight(width, height);\n        }\n        this.$_pendingSizeUpdate = null;\n      });\n    },\n\n    applyWidthHeight (width, height) {\n      const size = ~~(this.vscrollParent.direction === 'vertical' ? height : width);\n      if (size && this.size !== size) {\n        this.applySize(size);\n      }\n    },\n\n    applySize (size) {\n      if (this.vscrollParent.$_undefinedMap[this.id]) {\n        this.vscrollParent.$_undefinedSizes--;\n        this.vscrollParent.$_undefinedMap[this.id] = undefined;\n      }\n      this.vscrollData.sizes[this.id] = size;\n    },\n\n    observeSize () {\n      if (!this.vscrollResizeObserver) return;\n      if (this.$_sizeObserved) return;\n      this.vscrollResizeObserver.observe(this.$el);\n      this.$el.$_vs_id = this.id;\n      this.$el.$_vs_onResize = this.onResize;\n      this.$_sizeObserved = true;\n    },\n\n    unobserveSize () {\n      if (!this.vscrollResizeObserver) return;\n      if (!this.$_sizeObserved) return;\n      this.vscrollResizeObserver.unobserve(this.$el);\n      this.$el.$_vs_onResize = undefined;\n      this.$_sizeObserved = false;\n    },\n\n    onResize (id, width, height) {\n      if (this.id === id) {\n        this.applyWidthHeight(width, height);\n      }\n    },\n  },\n\n  render () {\n    return h(this.tag, this.$slots.default());\n  },\n};\n</script>\n","<template>\n  <core-scroller\n    ref=\"scroller\"\n    :items=\"itemsWithSize\"\n    :min-item-size=\"minItemSize\"\n    :direction=\"direction\"\n    :key-field=\"keyField\"\n    :list-tag=\"listTag\"\n    :item-tag=\"itemTag\"\n    v-bind=\"$attrs\"\n  >\n    <template\n      #default=\"{ item: itemWithSize, index, active }\"\n    >\n      <dt-scroller-item\n        :item=\"itemWithSize\"\n        :active=\"active\"\n        :size-dependencies=\"[\n          itemWithSize.message,\n        ]\"\n        :data-index=\"index\"\n      >\n        <slot\n          v-bind=\"{\n            item: itemWithSize.item,\n            index,\n            active,\n            itemWithSize,\n          }\"\n        />\n      </dt-scroller-item>\n    </template>\n  </core-scroller>\n</template>\n\n<!-- eslint-disable-next-line max-len -->\n<!-- This is a code from external library (https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/src/components/DynamicScroller.vue)\nWe have modified it for our own specific use. -->\n<script>\nimport CoreScroller from './core_scroller.vue';\nimport DtScrollerItem from './scroller_item.vue';\n\nexport default {\n  name: 'DynamicScroller',\n\n  components: {\n    CoreScroller,\n    DtScrollerItem,\n  },\n\n  provide () {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.$_resizeObserver = new ResizeObserver(entries => {\n        requestAnimationFrame(() => {\n          if (!Array.isArray(entries)) {\n            return;\n          }\n          for (const entry of entries) {\n            if (entry.target && entry.target.$_vs_onResize) {\n              let width, height;\n              if (entry.borderBoxSize) {\n                const resizeObserverSize = entry.borderBoxSize[0];\n                width = resizeObserverSize.inlineSize;\n                height = resizeObserverSize.blockSize;\n              } else {\n                // @TODO remove when contentRect is deprecated\n                width = entry.contentRect.width;\n                height = entry.contentRect.height;\n              }\n              entry.target.$_vs_onResize(entry.target.$_vs_id, width, height);\n            }\n          }\n        });\n      });\n    }\n\n    return {\n      vscrollData: this.vscrollData,\n      vscrollParent: this,\n      vscrollResizeObserver: this.$_resizeObserver,\n    };\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /*\n      * The items to render.\n      * If the items are simple arrays, the index will be used as the key.\n      * If the items are objects, the keyField will be used as the key.\n     */\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    /*\n      * Indicates if the items are dynamic.\n      * If true, the items will be wrapped in a DtScrollerItem component.\n      * This is required for dynamic items to be able to react to changes in their size.\n     */\n    dynamic: {\n      type: Boolean,\n      default: false,\n    },\n\n    /*\n      * The key field to use for the items.\n      * Only used if the items are objects.\n     */\n    keyField: {\n      type: String,\n      default: 'id',\n    },\n\n    /*\n      * The direction of the scroller.\n      * Can be either 'vertical' or 'horizontal'.\n     */\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (value) => ['vertical', 'horizontal'].includes(value),\n    },\n\n    /*\n      * The tag to use for the list.\n     */\n    listTag: {\n      type: String,\n      default: 'div',\n    },\n\n    /*\n      * The tag to use for the items.\n     */\n    itemTag: {\n      type: String,\n      default: 'div',\n    },\n\n    /*\n      * Display height (or width in horizontal mode) of the items in pixels\n      * used to calculate the scroll size and position.\n      * Is required for the initial render of items in DYNAMIC size mode.\n     */\n    minItemSize: {\n      type: [Number, String],\n    },\n  },\n\n  data () {\n    return {\n      vscrollData: {\n        active: true,\n        sizes: {},\n        keyField: this.keyField,\n        simpleArray: false,\n      },\n    };\n  },\n\n  computed: {\n    simpleArray () {\n      return this.items.length && typeof this.items[0] !== 'object';\n    },\n\n    itemsWithSize () {\n      const result = [];\n      const { items, keyField, simpleArray } = this;\n      const sizes = this.vscrollData.sizes;\n      const l = items.length;\n      for (let i = 0; i < l; i++) {\n        const item = items[i];\n        const id = simpleArray ? i : item[keyField];\n        let size = sizes[id];\n        if (typeof size === 'undefined' && !this.$_undefinedMap[id]) {\n          size = 0;\n        }\n        result.push({\n          item,\n          [keyField]: id,\n          size,\n        });\n      }\n      return result;\n    },\n  },\n\n  watch: {\n    simpleArray: {\n      handler (value) {\n        this.vscrollData.simpleArray = value;\n      },\n\n      immediate: true,\n    },\n\n    itemsWithSize (next, prev) {\n      const scrollTop = this.$el.scrollTop;\n\n      // Calculate total diff between prev and next sizes\n      // over current scroll top. Then add it to scrollTop to\n      // avoid jumping the contents that the user is seeing.\n      let prevActiveTop = 0; let activeTop = 0;\n      const length = Math.min(next.length, prev.length);\n      for (let i = 0; i < length; i++) {\n        if (prevActiveTop >= scrollTop) {\n          break;\n        }\n        prevActiveTop += prev[i].size || this.minItemSize;\n        activeTop += next[i].size || this.minItemSize;\n      }\n      const offset = activeTop - prevActiveTop;\n\n      if (offset === 0) {\n        return;\n      }\n\n      this.$el.scrollTop += offset;\n    },\n  },\n\n  beforeCreate () {\n    this.$_updates = [];\n    this.$_undefinedSizes = 0;\n    this.$_undefinedMap = {};\n  },\n\n  activated () {\n    this.vscrollData.active = true;\n  },\n\n  deactivated () {\n    this.vscrollData.active = false;\n  },\n\n  methods: {\n    dynamicScrollerUpdateItems () {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller._updateVisibleItems(true);\n    },\n\n    dynamicScrollerUpdateItemsFromBottom () {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller._updateVisibleItems(false, true);\n    },\n\n    scrollToItem (index) {\n      const scroller = this.$refs.scroller;\n      if (scroller) scroller.scrollToItem(index);\n    },\n\n    scrollToBottom () {\n      if (this.$_scrollingToBottom) return;\n      this.$_scrollingToBottom = true;\n      const el = this.$el;\n      // Item is inserted to the DOM\n      this.$nextTick(() => {\n        el.scrollTop = el.scrollHeight + 5000;\n        // Item sizes are computed\n        const cb = () => {\n          el.scrollTop = el.scrollHeight + 5000;\n          requestAnimationFrame(() => {\n            el.scrollTop = el.scrollHeight + 5000;\n            if (this.$_undefinedSizes === 0) {\n              this.$_scrollingToBottom = false;\n            } else {\n              requestAnimationFrame(cb);\n            }\n          });\n        };\n        requestAnimationFrame(cb);\n      });\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"dynamic ? DynamicScroller : CoreScroller\"\n    ref=\"scroller\"\n    data-qa=\"dt-scroller\"\n    :items=\"items\"\n    :item-size=\"itemSize\"\n    :min-item-size=\"minItemSize\"\n    :direction=\"direction\"\n    :key-field=\"keyField\"\n    :list-tag=\"listTag\"\n    :item-tag=\"itemTag\"\n    :style=\"computedStyle\"\n    tabindex=\"0\"\n    @user-position=\"$emit('user-position', $event)\"\n  >\n    <template\n      #default=\"{ item, index, active }\"\n    >\n      <slot\n        v-bind=\"{\n          item: item,\n          index,\n          active,\n        }\"\n      />\n    </template>\n  </component>\n</template>\n\n<script setup>\nimport CoreScroller from './modules/core_scroller.vue';\nimport DynamicScroller from './modules/dynamic_scroller.vue';\nimport { provide, computed, watch, ref } from 'vue';\n\nconst props = defineProps({\n  /**\n      * The direction of the scroller.\n      * @values vertical, horizontal\n     */\n  direction: {\n    type: String,\n    default: 'vertical',\n    validator: (value) => ['vertical', 'horizontal'].includes(value),\n  },\n\n  /**\n     * Indicates if the items need to react to changes in their size.\n     * If disabled the itemSize prop is required and you will get improved performance.\n     * If enabled the minItemSize prop is required and you\n     * will have reduced performance but the ability to reactively size list items\n      * @values true, false\n     */\n  dynamic: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n      * Display height (or width in horizontal mode) of the items in pixels\n      * used to calculate the scroll size and position.\n     *  Required if DYNAMIC is false\n     */\n  itemSize: {\n    type: Number,\n    default: null,\n  },\n\n  /**\n      * The tag to use for the items.\n     */\n  itemTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n      * The items to render.\n      * If the items are simple arrays, the index will be used as the key.\n      * If the items are objects, the keyField will be used as the key.\n     * @example items: [ 'item1', 'item2', 'item3' ]\n     * @example items: [ { id: 1, name: 'item1' }, { id: 2, name: 'item2' }, { id: 3, name: 'item3' } ]\n     */\n  items: {\n    type: Array,\n    required: true,\n  },\n\n  /**\n      * The key field to use for the items.\n      * If the items are objects, the scroller needs to be able to identify them.\n      * By default it will look for an id field on the items.\n      * This can be configured with this prop if you are using another field name.\n     */\n  keyField: {\n    type: String,\n    default: 'id',\n  },\n\n  /**\n      * The tag to use for the list.\n     */\n  listTag: {\n    type: String,\n    default: 'div',\n  },\n\n  /**\n      * Minimum size used if the height (or width in horizontal mode) of a item is unknown.\n      * Is required for the initial render of items in DYNAMIC size mode.\n     */\n  minItemSize: {\n    type: [Number, String],\n    default: null,\n  },\n\n  /**\n      * The height of the scroller.\n      * Can be a number (in pixels) or a string (in CSS units).\n     */\n  scrollerHeight: {\n    type: [String, Number],\n    default: '100%',\n  },\n\n  /**\n    * The width of the scroller.\n    * Can be a number (in pixels) or a string (in CSS units).\n    */\n  scrollerWidth: {\n    type: [String, Number],\n    default: '100%',\n  },\n});\n\nconst emits = defineEmits([\n  /**\n   * Describe when the scroller changes from start/middle/end\n   * @param {string} position The position of the scroller.\n   * @values start, middle, end\n   */\n  'user-position',\n]);\n\nprovide('emit', emits);\n\nconst scroller = ref(null);\n\nconst computedStyle = computed(() => {\n  return {\n    width: typeof props.scrollerWidth === 'number' ? `${props.scrollerWidth}px` : props.scrollerWidth,\n    height: typeof props.scrollerHeight === 'number' ? `${props.scrollerHeight}px` : props.scrollerHeight,\n  };\n});\n\nwatch(props, () => {\n  validateProps();\n}, { deep: true, immediate: true });\n\nfunction scrollToBottom () {\n  if (scroller.value) scroller.value.scrollToBottom();\n}\n\nfunction scrollToItem (index) {\n  if (scroller.value) scroller.value.scrollToItem(index);\n}\n\nfunction updateItems () {\n  if (!scroller.value) return;\n  if (props.dynamic) {\n    scroller.value.dynamicScrollerUpdateItems();\n  } else {\n    scroller.value._updateVisibleItems(true);\n  }\n}\n\nfunction updateItemsFromBottom () {\n  if (!scroller.value) return;\n  if (props.dynamic) {\n    scroller.value.dynamicScrollerUpdateItemsFromBottom();\n  } else {\n    scroller.value._updateVisibleItems(false, true);\n  }\n}\n\nfunction validateProps () {\n  if (props.dynamic && !props.minItemSize) {\n    console.error('scroller error: \\'minItemSize\\' is required on \\'dynamic\\' mode.');\n  }\n\n  if (!props.dynamic && !props.itemSize) {\n    console.error('scroller error: \\'itemSize\\' is required.');\n  }\n}\n\ndefineExpose({\n  scrollToBottom,\n  scrollToItem,\n  updateItems,\n  updateItemsFromBottom,\n});\n</script>\n"],"names":["props","__props","emit","__emit","views","reactive","unusedViews","pool","ref","hoverKey","ready","scroller","userPosition","endIndex","scrollDirty","lastUpdateScrollPosition","sortTimer","computedMinItemSize","totalSize","uid","sizes","computed","items","field","minItemSize","computedMinSize","accumulator","current","i","l","simpleArray","itemIndexByKey","result","watch","_updateVisibleItems","onMounted","nextTick","_addView","index","item","key","type","nr","markRaw","view","shallowReactive","_unuseView","fake","_unusedViews","unusedPool","_getScroll","isVertical","scrollState","_itemsLimitError","_sortViews","viewA","viewB","checkItem","checkPositionDiff","itemSize","keyField","count","_sizes","_views","_pool","_itemIndexByKey","_startIndex","_endIndex","_totalSize","scroll","positionDiff","_buffer","h","a","b","oldI","_a","_b","_c","_d","remainer","continuous","unusedIndex","v","_e","_f","_scrollToPosition","position","direction","viewport","scrollDirection","scrollToItem","handleScroll","container","__expose","_sfc_main","value","oldValue","oldSize","size","k","force","id","width","height","CoreScroller","DtScrollerItem","entries","entry","resizeObserverSize","next","prev","scrollTop","prevActiveTop","activeTop","length","offset","el","cb","_openBlock","_createBlock","_component_core_scroller","_mergeProps","$options","$props","_ctx","itemWithSize","active","_createVNode","_component_dt_scroller_item","_renderSlot","_normalizeProps","_guardReactiveProps","emits","provide","computedStyle","validateProps","scrollToBottom","updateItems","updateItemsFromBottom"],"mappings":"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"}

package/dist/lib/select-menu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./constants.cjs"),n=require("./utils.cjs"),m=require("../chunks/input-0Uksk4DP.js"),S=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),p=require("./validation-messages.cjs");require("./validators.cjs");const o={xs:"d-select--xs",sm:"d-select--sm",md:"",lg:"d-select--lg",xl:"d-select--xl"},c={error:"d-select__input--error",warning:"d-select__input--warning",success:"d-select__input--success"},E=e=>!e.index||typeof e.index=="number",g=e=>e.value?typeof e.value=="string"||typeof e.value=="number":!1,h=e=>e.label?typeof e.label=="string":!1,_=e=>e?e.every(l=>!(!E(l)||!g(l)||!h(l))):!0,f={name:"DtSelectMenu",components:{DtValidationMessages:p.DtValidationMessages},mixins:[m.M],inheritAttrs:!1,props:{label:{type:String,default:""},description:{type:String,default:""},options:{type:Array,default:()=>[],validator:e=>_(e)},size:{type:String,default:"md",validator:e=>Object.keys(o).includes(e)},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},selectClass:{type:[String,Array,Object],default:""},optionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["input","change"],data(){return{LABEL_SIZE_MODIFIERS:d.LABEL_SIZE_MODIFIERS,DESCRIPTION_SIZE_MODIFIERS:d.DESCRIPTION_SIZE_MODIFIERS,SELECT_SIZE_MODIFIERS:o,SELECT_STATE_MODIFIERS:c,hasSlotContent:n.hasSlotContent}},computed:{selectListeners(){return{input:()=>{},change:e=>this.emitValue(e.target.value,e)}},state(){return n.getValidationState(this.formattedMessages)},selectKey(){return n.getUniqueString()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs["aria-details"]}},watch:{options(){this.$nextTick(()=>{this.emitValue(this.$refs.selectElement.value,null)})}},mounted(){this.emitValue(this.$refs.selectElement.value,null),this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()},methods:{emitValue(e,l){this.$emit("input",e,l),this.$emit("change",e,l)},getOptionKey(e){return`select-${this.selectKey}-option-${e}`},validateOptionsPresence(){var e;((e=this.options)==null?void 0:e.length)<1&&!this.$slots.default&&t.warn("Options are expected to be provided via prop or slot",this)}}},b=["aria-details"],I=["id"],y=["disabled"],C=["value"];function O(e,l,s,D,a,i){const u=t.resolveComponent("dt-validation-messages");return t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("label",null,[a.hasSlotContent(e.$slots.label)||s.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,"aria-details":i.labelAriaDetails,class:["d-label",a.LABEL_SIZE_MODIFIERS[s.size],s.labelClass]},s.labelChildProps,{"data-qa":"dt-select-label"}),[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(s.label),1)])],16,b)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.description)||s.description?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,id:i.descriptionKey,class:["d-description",a.DESCRIPTION_SIZE_MODIFIERS[s.size],s.descriptionClass]},s.descriptionChildProps,{"data-qa":"dt-select-description"}),[t.renderSlot(e.$slots,"description",{},()=>[t.createTextVNode(t.toDisplayString(s.description),1)])],16,I)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-select",a.SELECT_SIZE_MODIFIERS[s.size],s.selectClass,{"d-select--disabled":s.disabled}]),"data-qa":"dt-select-wrapper"},[t.createElementVNode("select",t.mergeProps({ref:"selectElement",class:["d-select__input",a.SELECT_STATE_MODIFIERS[i.state]]},e.$attrs,{"data-qa":"dt-select",disabled:s.disabled},t.toHandlers(i.selectListeners,!0)),[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.options,r=>(t.openBlock(),t.createElementBlock("option",t.mergeProps({key:i.getOptionKey(r.value),value:r.value,class:s.optionClass},s.optionChildProps),t.toDisplayString(r.label),17,C))),128))])],16,y)],2)]),t.createVNode(u,t.mergeProps({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":"dt-select-messages"}),null,16,["validation-messages","show-messages","class"])])}const v=S._(f,[["render",O]]);exports.DtSelectMenu=v;exports.SELECT_SIZE_MODIFIERS=o;exports.SELECT_STATE_MODIFIERS=c;
+//# sourceMappingURL=select-menu.cjs.map

package/dist/lib/select-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu.cjs","sources":["../../components/select_menu/select_menu_constants.js","../../components/select_menu/select_menu_validators.js","../../components/select_menu/select_menu.vue"],"sourcesContent":["export const SELECT_SIZE_MODIFIERS = {\n  xs: 'd-select--xs',\n  sm: 'd-select--sm',\n  md: '',\n  lg: 'd-select--lg',\n  xl: 'd-select--xl',\n};\n\nexport const SELECT_STATE_MODIFIERS = {\n  error: 'd-select__input--error',\n  warning: 'd-select__input--warning',\n  success: 'd-select__input--success',\n};\n\nexport default {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n};\n","const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';\n\nconst hasValidOptionValue = option => {\n  if (!option.value) {\n    return false;\n  }\n\n  return typeof option.value === 'string' || typeof option.value === 'number';\n};\n\nconst hasValidOptionLabel = option => {\n  if (!option.label) {\n    return false;\n  }\n\n  return typeof option.label === 'string';\n};\n\nexport const optionsValidator = options => {\n  if (!options) {\n    return true;\n  }\n\n  return options.every(option => {\n    if (!hasValidOptionIndex(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionValue(option)) {\n      return false;\n    }\n\n    if (!hasValidOptionLabel(option)) {\n      return false;\n    }\n\n    return true;\n  });\n};\n","<template>\n  <div>\n    <label>\n      <div\n        v-if=\"hasSlotContent($slots.label) || label\"\n        :aria-details=\"labelAriaDetails\"\n        :class=\"[\n          'd-label',\n          LABEL_SIZE_MODIFIERS[size],\n          labelClass,\n        ]\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"dt-select-label\"\n      >\n        <!-- @slot Slot for label, defaults to label prop -->\n        <slot name=\"label\">{{ label }}</slot>\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.description) || description\"\n        :id=\"descriptionKey\"\n        :class=\"[\n          'd-description',\n          DESCRIPTION_SIZE_MODIFIERS[size],\n          descriptionClass,\n        ]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"dt-select-description\"\n      >\n        <!-- @slot Slot for description, defaults to description prop -->\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n      <div\n        :class=\"[\n          'd-select',\n          SELECT_SIZE_MODIFIERS[size],\n          selectClass,\n          { 'd-select--disabled': disabled },\n        ]\"\n        data-qa=\"dt-select-wrapper\"\n      >\n        <select\n          ref=\"selectElement\"\n          :class=\"[\n            'd-select__input',\n            SELECT_STATE_MODIFIERS[state],\n          ]\"\n          v-bind=\"$attrs\"\n          data-qa=\"dt-select\"\n          :disabled=\"disabled\"\n          v-on=\"selectListeners\"\n        >\n          <!-- @slot Slot for select menu options, defaults to options prop -->\n          <slot>\n            <option\n              v-for=\"option in options\"\n              :key=\"getOptionKey(option.value)\"\n              :value=\"option.value\"\n              :class=\"optionClass\"\n              v-bind=\"optionChildProps\"\n            >\n              {{ option.label }}\n            </option>\n          </slot>\n        </select>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-select-messages\"\n    />\n  </div>\n</template>\n\n<script>\nimport { warn } from 'vue';\nimport {\n  LABEL_SIZE_MODIFIERS,\n  DESCRIPTION_SIZE_MODIFIERS,\n} from '@/common/constants';\nimport {\n  SELECT_SIZE_MODIFIERS,\n  SELECT_STATE_MODIFIERS,\n} from './select_menu_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n} from '@/common/utils';\nimport { MessagesMixin } from '@/common/mixins/input';\nimport { optionsValidator } from './select_menu_validators.js';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * A select menu is an input control that allows users to choose one option from a list.\n * @property {Boolean} disabled attribute\n * @property {String} name attribute\n * @property {String} value attribute\n * @see https://dialtone.dialpad.com/components/select.html\n */\nexport default {\n  name: 'DtSelectMenu',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Label for the select\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Description for the select\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Select Menu Options, overridden by default slot. Each option has the following structure:\n     * `{ index: number (optional), value: number || string (required), label: string (required) }`\n     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options\n     * @param {number} options[].index - Optional - The index of the option\n     * @param {number|string} options[].value - Required - The option value\n     * @param {string} options[].label - Required - The option Label\n     */\n    options: {\n      type: Array,\n      default: () => [],\n      validator: options => optionsValidator(options),\n    },\n\n    /**\n     * Controls the size of the select\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(SELECT_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the select\n     */\n    selectClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize each option, should options be provided via prop\n     */\n    optionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into each option, should options be provided via prop\n     */\n    optionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Disabled state of the select\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\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 change event\n     *\n     * @event change\n     * @type {String | Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      LABEL_SIZE_MODIFIERS,\n      DESCRIPTION_SIZE_MODIFIERS,\n      SELECT_SIZE_MODIFIERS,\n      SELECT_STATE_MODIFIERS,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    selectListeners () {\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 (once on the select element and once by the\n         * emitted input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value, event),\n      };\n    },\n\n    state () {\n      return getValidationState(this.formattedMessages);\n    },\n\n    selectKey () {\n      return getUniqueString();\n    },\n\n    descriptionKey () {\n      return `select-${this.selectKey}-description`;\n    },\n\n    labelAriaDetails () {\n      if (this.$slots.description || this.description) {\n        return this.descriptionKey;\n      }\n\n      return this.$attrs['aria-details'];\n    },\n  },\n\n  watch: {\n    // whenever question changes, this function will run\n    options () {\n      this.$nextTick(() => {\n        this.emitValue(this.$refs.selectElement.value, null);\n      });\n    },\n  },\n\n  mounted () {\n    this.emitValue(this.$refs.selectElement.value, null);\n    this.validateOptionsPresence();\n  },\n\n  beforeUpdate () {\n    this.validateOptionsPresence();\n  },\n\n  methods: {\n    emitValue (value, event) {\n      this.$emit('input', value, event);\n      this.$emit('change', value, event);\n    },\n\n    getOptionKey (value) {\n      return `select-${this.selectKey}-option-${value}`;\n    },\n\n    validateOptionsPresence () {\n      if (this.options?.length < 1 && !this.$slots.default) {\n        warn('Options are expected to be provided via prop or slot', this);\n      }\n    },\n  },\n};\n</script>\n"],"names":["SELECT_SIZE_MODIFIERS","SELECT_STATE_MODIFIERS","hasValidOptionIndex","option","hasValidOptionValue","hasValidOptionLabel","optionsValidator","options","_sfc_main","DtValidationMessages","MessagesMixin","s","LABEL_SIZE_MODIFIERS","DESCRIPTION_SIZE_MODIFIERS","hasSlotContent","event","getValidationState","getUniqueString","value","_a","warn","_createElementBlock","_createElementVNode","$data","_ctx","$props","_openBlock","_mergeProps","$options","_renderSlot","_normalizeClass","_toHandlers","_Fragment","_renderList","_toDisplayString","_hoisted_4","_createVNode","_component_dt_validation_messages"],"mappings":"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"}

package/dist/lib/settings-menu-button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./button.cjs"),e=require("vue"),a=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),u=require("./icon.cjs");require("./utils.cjs");require("./constants.cjs");require("../chunks/link_constants-Kn6kP4i1.js");require("@dialpad/dialtone-icons/vue3");require("../chunks/icon_constants-2S_OSQ1t.js");require("@dialpad/dialtone-icons/icons.json");const s={name:"DtRecipeSettingsMenuButton",components:{DtButton:i.DtButton,DtIcon:u.DtIcon},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function c(t,d,n,p,b,_){const r=e.resolveComponent("dt-icon"),o=e.resolveComponent("dt-button");return n.updateAvailable?(e.openBlock(),e.createBlock(o,e.mergeProps({key:0,importance:"outlined",size:"xs","icon-position":"right",class:"settings-menu-button-update","aria-label":n.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(r,{name:"more-vertical",size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(o,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"settings-menu-button","aria-label":n.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(r,{name:"more-vertical",size:"300"})]),_:1},16,["aria-label"]))}const l=a._(s,[["render",c],["__scopeId","data-v-b0dfa8b3"]]);exports.DtRecipeSettingsMenuButton=l;
+//# sourceMappingURL=settings-menu-button.cjs.map

package/dist/lib/settings-menu-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-menu-button.cjs","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_sfc_main","DtButton","DtIcon","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon","_renderSlot"],"mappings":"8bAuCA,MAAKA,EAAU,CACb,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAQ,SACR,OAAAC,EAAM,MACP,EAED,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,SAAU,EACX,CACF,CAEH,yGAnEUC,EAAe,iBADvBC,EAAAA,YAAAC,EAAAA,YAgBYC,EAhBZC,aAgBY,OAdV,WAAW,WACX,KAAK,KACL,gBAAc,QACd,MAAM,8BACL,aAAYJ,EAAS,WACdK,EAAM,MAAA,EAAA,CAGH,eACT,IAGE,CAHFC,EAAAA,YAGEC,EAAA,CAFA,KAAK,gBACL,KAAK,4BAJT,IAAQ,CAARC,EAAQ,WAAAH,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,8BAQVJ,EAAAA,YAAAC,EAAAA,YAcYC,EAdZC,aAcY,OAZV,WAAW,QACX,KAAK,WACL,MAAM,uBACL,aAAYJ,EAAS,WACdK,EAAM,MAAA,EAAA,CAEH,eACT,IAGE,CAHFC,EAAAA,YAGEC,EAAA,CAFA,KAAK,gBACL,KAAK"}

package/dist/lib/settings-menu-button.js

@@ -8,7 +8,6 @@ import "../chunks/link_constants-vIUB92L4.js";
 import "@dialpad/dialtone-icons/vue3";
 import "../chunks/icon_constants-OpYAAKwF.js";
 import "@dialpad/dialtone-icons/icons.json";
-import "./skeleton.js";
 const _ = {
   name: "DtRecipeSettingsMenuButton",
   components: {
@@ -71,8 +70,8 @@ function b(t, f, e, g, v, B) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const I = /* @__PURE__ */ u(_, [["render", b], ["__scopeId", "data-v-b0dfa8b3"]]);
+const C = /* @__PURE__ */ u(_, [["render", b], ["__scopeId", "data-v-b0dfa8b3"]]);
 export {
-  I as DtRecipeSettingsMenuButton
+  C as DtRecipeSettingsMenuButton
 };
 //# sourceMappingURL=settings-menu-button.js.map