@onereach/ui-components 25.3.2 → 25.3.3-beta.5799.0

package/dist/esm/OrRichTextEditor-D0UmlBKz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrRichTextEditor-D0UmlBKz.mjs","sources":["../../../components/or-rich-text-editor-v3/src/props.ts","../../../components/or-rich-text-editor-v3/src/styles.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/theme.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/codemirrorView.ts","../../../components/or-rich-text-editor-v3/src/utils/codemirror/codemirrorNode.ts","../../../components/or-rich-text-editor-v3/src/utils/markdown.ts","../../../components/or-rich-text-editor-v3/src/OrRichTextEditor.vue"],"sourcesContent":["export enum Formats {\n  Markdown = 'markdown',\n  Markup = 'markup',\n}\n\nexport type Tools = string[][]; // TODO: Improve this type\n\nexport enum RichTextEditorIcons {\n  bold = 'format_bold',\n  italic = 'format_italic',\n  underline = 'format_underlined',\n  strike = 'format_strikethrough',\n  bulletList = 'format_list_bulleted',\n  orderedList = 'format_list_numbered',\n  link = 'link',\n  highlight = 'highlight',\n  redo = 'redo',\n  undo = 'undo',\n  codeBlock = 'code_blocks',\n  blockquote = 'format_quote',\n  file = 'attach_file',\n  source = 'source_notes',\n}\n\nexport enum RichTextEditorTooltips {\n  bold = 'Bold',\n  italic = 'Italic',\n  underline = 'Underline',\n  strike = 'Strike',\n  bulletList = 'Bulleted List',\n  orderedList = 'Numbered List',\n  link = 'Link',\n  highlight = 'Highlight',\n  redo = 'Redo',\n  undo = 'Undo',\n  codeBlock = 'Code Block',\n  blockquote = 'Quote',\n  file = 'File',\n  source = 'Source',\n}\n","export const RichTextEditor: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n\n  // Box\n  'max-h-full',\n];\n\nexport const RichTextEditorToolbar: string[] = [\n  // Layout\n  'layout-row',\n\n  // Overflow\n  'overflow-x-scroll md:overflow-x-hidden',\n  'scrollbar-hidden',\n\n  // Spacing\n  'px-0',\n  'py-sm',\n\n  // Theme\n  'border-b-1',\n\n  'theme-border-outline',\n  'dark:theme-border-outline-dark',\n];\n\nexport const RichTextEditorToolbarGroup: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-sm',\n  'py-0',\n\n  'gap-md',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  'border-e-1 last:border-e-0',\n\n  'theme-border-outline',\n  'dark:theme-border-outline-dark',\n];\n\nexport const RichTextEditorControl: string[] = [\n  // Typography\n  'typography-body-2-regular',\n\n  // Size\n  'h-full',\n];\n","import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\n\n// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors\n\nimport { useTheme } from '@onereach/ui-components-common/hooks';\n\nconst themes = useTheme();\n\nconst chalky = themes?.backgroundColor['custom-colors-custom-6'],\n  coral = themes?.backgroundColor['custom-colors-custom-1'],\n  cyan = themes?.backgroundColor['custom-colors-custom-3'],\n  invalid = themes?.backgroundColor?.white,\n  ivory = themes?.backgroundColor['custom-colors-custom-6'],\n  stone = themes?.backgroundColor['custom-colors-custom-5'], // Brightened compared to original to increase contrast\n  malibu = themes?.backgroundColor['custom-colors-custom-3'],\n  sage = themes?.backgroundColor.success,\n  whiskey = themes?.backgroundColor.warning,\n  violet = themes?.backgroundColor['custom-colors-custom-1'];\n  // darkBackground = themes?.colors?.neutral?.[100],\n  // highlightBackground = themes?.colors?.neutral?.[200],\n  // background = themes?.colors?.neutral?.[100],\n  // tooltipBackground = themes?.colors?.neutral?.[200],\n  // selection = themes?.colors?.blue?.[100],\n  // cursor = themes?.colors?.blue?.[700];\n\n/// The colors used in the theme, as CSS color strings.\nexport const color = {\n  chalky,\n  coral,\n  cyan,\n  invalid,\n  ivory,\n  stone,\n  malibu,\n  sage,\n  whiskey,\n  violet,\n  // darkBackground,\n  // highlightBackground,\n  // background,\n  // tooltipBackground,\n  // selection,\n  // cursor,\n};\n\n/// The editor theme styles for One Dark.\nexport const orCodeTheme = EditorView.theme({\n  '&': {\n    color: ivory,\n    backgroundColor: themes?.backgroundColor?.['bg-primary-container'],\n  },\n\n  '.cm-editor': {\n    border: 'none',\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '&.cm-focused': {\n    outline: 'none',\n  },\n\n  '.cm-scroller': {\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '.cm-content': {\n    // caretColor: cursor,\n  },\n\n  '.cm-button': {\n    // background: highlightBackground,\n    // color: themes?.colors?.neutral?.[600],\n    border: 0,\n    borderRadius: themes?.spacing?.xs,\n  },\n\n  '.cm-panel.cm-search input[type=checkbox]': {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n  },\n\n  // '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },\n  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {\n    // backgroundColor: selection,\n  },\n\n  '.cm-panels': {\n    // backgroundColor: darkBackground,\n    color: ivory,\n  },\n  // '.cm-panels.cm-panels-top': { borderBottom: `2px solid ${themes?.colors?.neutral?.[200]}` },\n  // '.cm-panels.cm-panels-bottom': { borderTop: `2px solid ${themes?.colors?.neutral?.[200]}` },\n\n  '.cm-searchMatch': {\n    // backgroundColor: themes?.colors?.neutral?.[100],\n    // outline: `1px solid ${themes?.colors?.neutral?.[200]}`,\n  },\n\n  '.cm-searchMatch.cm-searchMatch-selected': {\n    // backgroundColor: themes?.colors?.sky?.[100],\n  },\n\n  '.cm-activeLine': {\n    backgroundColor: themes?.backgroundColor?.['bg-secondary-container'],\n  },\n\n  // '.cm-selectionMatch': { backgroundColor: themes?.colors?.lime?.[500] },\n\n  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n    // backgroundColor: themes?.colors?.lime?.[600],\n  },\n\n  '.cm-gutters': {\n    backgroundColor: themes?.backgroundColor?.['primary-opacity-0-12'],\n    color: stone,\n    border: 'none',\n  },\n\n  '.cm-lineNumbers .cm-gutterElement': {\n    paddingLeft: themes?.spacing?.['sm+*'],\n    paddingRight: themes?.spacing?.['sm+*'],\n  },\n\n  '.cm-activeLineGutter': {\n    backgroundColor: themes?.backgroundColor?.['primary-opacity-0-16'],\n  },\n\n  '.cm-foldPlaceholder': {\n    backgroundColor: 'transparent',\n    border: 'none',\n    // color: themes?.colors?.neutral?.[200],\n  },\n\n  '.cm-tooltip': {\n    border: 'none',\n    // backgroundColor: tooltipBackground,\n  },\n  '.cm-tooltip .cm-tooltip-arrow:before': {\n    borderTopColor: 'transparent',\n    borderBottomColor: 'transparent',\n  },\n  '.cm-tooltip .cm-tooltip-arrow:after': {\n    // borderTopColor: tooltipBackground,\n    // borderBottomColor: tooltipBackground,\n  },\n  '.cm-tooltip-autocomplete': {\n    '& > ul > li[aria-selected]': {\n      // backgroundColor: highlightBackground,\n      color: ivory,\n    },\n  },\n  '.cm-textfield': {\n    outline: 'none',\n    // background: background,\n    // color: themes?.colors?.neutral?.[600],\n    // backgroundColor: themes?.colors?.neutral?.[100],\n    // border: `1px solid ${themes?.colors?.neutral?.[200]}`,\n    borderRadius: themes?.spacing?.xs,\n  },\n}, { dark: true });\n\n/// The highlighting style for code in the One Dark theme.\nexport const orCodeHighlightStyle = HighlightStyle.define([\n  {\n    tag: t.keyword,\n    color: violet,\n  },\n  {\n    tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n    color: coral,\n  },\n  {\n    tag: [t.function(t.variableName), t.labelName],\n    color: malibu,\n  },\n  {\n    tag: [t.color, t.constant(t.name), t.standard(t.name)],\n    color: whiskey,\n  },\n  {\n    tag: [t.definition(t.name), t.separator],\n    color: ivory,\n  },\n  {\n    tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n    color: chalky,\n  },\n  {\n    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n    color: cyan,\n  },\n  {\n    tag: [t.meta, t.comment],\n    color: stone,\n  },\n  {\n    tag: t.strong,\n    fontWeight: 'bold',\n  },\n  {\n    tag: t.emphasis,\n    fontStyle: 'italic',\n  },\n  {\n    tag: t.strikethrough,\n    textDecoration: 'line-through',\n  },\n  {\n    tag: t.link,\n    color: stone,\n    textDecoration: 'underline',\n  },\n  {\n    tag: t.heading,\n    fontWeight: 'bold',\n    color: coral,\n  },\n  {\n    tag: [t.atom, t.bool, t.special(t.variableName)],\n    color: whiskey,\n  },\n  {\n    tag: [t.processingInstruction, t.string, t.inserted],\n    color: sage,\n  },\n  {\n    tag: t.invalid,\n    color: invalid,\n  },\n]);\n\n/// Extension to enable the One Dark theme (both the editor theme and\n/// the highlight style).\nconst theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];\n\nexport default theme;\n","import { EditorState as CMState, Transaction as CMTransaction, Extension } from '@codemirror/state';\nimport {\n  Command,\n  EditorView as CMView,\n  keymap,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n} from '@codemirror/view';\nimport { exitCode } from 'prosemirror-commands';\nimport { Node as ProsemirrorNode } from 'prosemirror-model';\nimport { Selection, TextSelection } from 'prosemirror-state';\nimport { EditorView, NodeView } from 'prosemirror-view';\n\nimport orCodeTheme from './theme';\nimport { ComputeChange, CodeMirrorViewOptions } from './types';\n\nconst computeChange = (oldVal: string, newVal: string): ComputeChange | null => {\n  if (oldVal === newVal) {\n    return null;\n  }\n\n  let start = 0;\n  let oldEnd = oldVal.length;\n  let newEnd = newVal.length;\n\n  while (start < oldEnd && oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {\n    start += 1;\n  }\n\n  while (oldEnd > start && newEnd > start && oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {\n    oldEnd -= 1;\n    newEnd -= 1;\n  }\n\n  return {\n    from: start,\n    to: oldEnd,\n    text: newVal.slice(start, newEnd),\n  };\n};\n\nclass CodeMirrorView implements NodeView {\n  name: string;\n\n  node: ProsemirrorNode;\n\n  view: EditorView;\n\n  dom: HTMLElement;\n\n  cm: CMView;\n\n  getPos: () => number;\n\n  updating = false;\n\n  constructor(options: CodeMirrorViewOptions) {\n    // Store for later\n    this.node = options.node;\n    this.view = options.view;\n    const cmExtensions = options.cmOptions?.extensions || [];\n    this.name = 'codeBlock',\n\n    this.getPos = options.getPos as () => number;\n\n    const changeFilter = CMState.changeFilter.of((tr) => {\n      if (!tr.docChanged && !this.updating) {\n        this.forwardSelection();\n      }\n      return true;\n    });\n\n    // Create a CodeMirror instancew\n    this.cm = new CMView({\n      dispatch: this.dispatch.bind(this),\n    });\n\n    // The editor's outer node is our DOM representation\n    this.dom = this.cm.dom;\n\n    const cmState = CMState.create({\n      doc: this.node.textContent,\n      extensions: [\n        orCodeTheme as Extension,\n        changeFilter,\n        highlightActiveLine(),\n        highlightActiveLineGutter(),\n        lineNumbers(),\n        keymap.of([\n          {\n            key: 'ArrowUp',\n            run: this.mayBeEscape('line', -1),\n          },\n          {\n            key: 'ArrowLeft',\n            run: this.mayBeEscape('char', -1),\n          },\n          {\n            key: 'ArrowDown',\n            run: this.mayBeEscape('line', 1),\n          },\n          {\n            key: 'ArrowRight',\n            run: this.mayBeEscape('char', 1),\n          },\n          {\n            key: 'Ctrl-Enter',\n            run: () => {\n              if (exitCode(this.view.state, this.view.dispatch)) {\n                this.view.focus();\n                return true;\n              }\n              return false;\n            },\n          },\n        ]),\n        cmExtensions,\n      ],\n    });\n\n    this.cm.setState(cmState);\n  }\n\n  forwardSelection() {\n    if (!this.cm.hasFocus) {\n      return;\n    }\n\n    const { state } = this.view;\n    const selection = this.asProseMirrorSelection(state.doc);\n\n    if (!selection.eq(state.selection)) {\n      this.view.dispatch(state.tr.setSelection(selection));\n    }\n  }\n\n  asProseMirrorSelection(doc: ProsemirrorNode) {\n    const offset = this.getPos() + 1;\n    const { anchor, head } = this.cm.state.selection.main;\n    return TextSelection.create(doc, anchor + offset, head + offset);\n  }\n\n  dispatch(cmTr: CMTransaction) {\n    this.cm.setState(cmTr.state);\n\n    if (cmTr.docChanged && !this.updating) {\n      const start = this.getPos() + 1;\n\n      const cmValue = cmTr.state.doc.toString();\n      const change = computeChange(this.node.textContent, cmValue);\n\n      if (!change) {\n        return;\n      }\n\n      const content = change.text ? this.view.state.schema.text(change.text) : null;\n\n      const tr = this.view.state.tr.replaceWith(change.from + start, change.to + start, content as ProsemirrorNode);\n      this.view.dispatch(tr);\n      this.forwardSelection();\n    }\n  }\n\n  mayBeEscape(unit: 'char' | 'line', dir: -1 | 1): Command {\n    return (view) => {\n      const { state } = view;\n      const { selection } = state;\n\n      const offsetToPos = () => {\n        const offset = selection.main.from;\n        const line = state.doc.lineAt(offset);\n        return {\n          line: line.number,\n          ch: offset - line.from,\n        };\n      };\n\n      const pos = offsetToPos();\n      const hasSelection = state.selection.ranges.some((r) => !r.empty);\n\n      const firstLine = 1;\n      const lastLine = state.doc.lineAt(state.doc.length).number;\n\n      if (\n        hasSelection\n        || pos.line !== (dir < 0 ? firstLine : lastLine)\n        || (unit === 'char' && pos.ch !== (dir < 0 ? 0 : state.doc.line(pos.line).length))\n      ) {\n        return false;\n      }\n\n      const targetPos = this.getPos() + (dir < 0 ? 0 : this.node.nodeSize);\n      const pmSelection = Selection.near(this.view.state.doc.resolve(targetPos), dir);\n      this.view.dispatch(this.view.state.tr.setSelection(pmSelection).scrollIntoView());\n      this.view.focus();\n      return true;\n    };\n  }\n\n  update(node: ProsemirrorNode) {\n    if (node.type !== this.node.type) {\n      return false;\n    }\n\n    this.node = node;\n    const change = computeChange(this.cm.state.doc.toString(), node.textContent);\n\n    if (change) {\n      this.updating = true;\n      this.cm.dispatch({\n        changes: {\n          from: change.from,\n          to: change.to,\n          insert: change.text,\n        },\n      });\n      this.updating = false;\n    }\n\n    return true;\n  }\n\n  setSelection(anchor: number, head: number): void {\n    this.focus();\n    this.updating = true;\n    this.cm.dispatch({\n      selection: {\n        anchor,\n        head,\n      },\n    });\n    this.updating = false;\n  }\n\n  focus() {\n    this.cm.focus();\n    this.forwardSelection();\n  }\n\n  selectNode() {\n    this.focus();\n  }\n\n  stopEvent() {\n    return true;\n  }\n\n  destroy() {\n    this.cm.destroy();\n  }\n}\n\nexport default CodeMirrorView;\n","import { javascript } from '@codemirror/lang-javascript';\nimport { Node } from '@tiptap/core';\nimport { minimalSetup } from 'codemirror';\n\nimport CodeBlockView from './codemirrorView';\n\nexport default Node.create({\n  name: 'codeBlock',\n  content: 'text*',\n  marks: '',\n  group: 'block',\n  code: true,\n  defining: true,\n  isolating: true,\n\n  parseHTML() {\n    return [\n      {\n        tag: 'pre',\n        preserveWhitespace: 'full',\n      },\n    ];\n  },\n\n  renderHTML() {\n    return ['pre', ['code', 0]];\n  },\n\n  addNodeView() {\n    return ({ node, editor, getPos }) => {\n      return new CodeBlockView({\n        node,\n        view: editor.view,\n        getPos: getPos as () => number,\n        cmOptions: {\n          extensions: [minimalSetup, javascript()],\n        },\n      });\n    };\n  },\n});\n","import Blockquote from '@tiptap/extension-blockquote';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Highlight from '@tiptap/extension-highlight';\nimport HorizontalRule from '@tiptap/extension-horizontal-rule';\nimport Italic from '@tiptap/extension-italic';\nimport Link from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport { marked } from 'marked';\nimport {\n  MarkdownSerializer as ProseMirrorMarkdownSerializer,\n  defaultMarkdownSerializer,\n} from 'prosemirror-markdown';\nimport { DOMParser as ProseMirrorDOMParser, Node, Mark } from 'prosemirror-model';\n\nconst mdSerializerNodes = {\n  ...defaultMarkdownSerializer.nodes,\n  [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,\n  [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,\n  [ListItem.name]: defaultMarkdownSerializer.nodes.list_item,\n  [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,\n  [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break,\n  [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,\n  [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,\n  [HorizontalRule.name]: defaultMarkdownSerializer.nodes.horizontal_rule,\n};\n\nconst mdSerializerMarks = {\n  ...defaultMarkdownSerializer.marks,\n  [Bold.name]: defaultMarkdownSerializer.marks.strong,\n  [Strike.name]: {\n    open: '~~',\n    close: '~~',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Italic.name]: {\n    open: ' _',\n    close: '_ ',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Highlight.name]: {\n    open: '==',\n    close: '==',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Underline.name]: {\n    open: '<u>',\n    close: '</u>',\n    mixable: true,\n    expelEnclosingWhitespace: true,\n  },\n  [Link.name]: {\n    open(state: any, mark: Mark, parent: Node, index: number) {\n      return isPlainURL(mark, parent, index, 1) ? '<' : '[';\n    },\n    close(state: any, mark: Mark, parent: Node, index: number) {\n      const href = mark.attrs.canonicalSrc || mark.attrs.href;\n\n      return isPlainURL(mark, parent, index, -1)\n        ? '>'\n        : `](${state.esc(href)}${\n          mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''\n        })`;\n    },\n  },\n};\n\nfunction isPlainURL(link: Mark, parent: Node, index: number, side: number) {\n  if (link.attrs.title || !/^\\w+:/.test(link.attrs.href)) return false;\n  const content = parent.child(index + (side < 0 ? -1 : 0));\n  if (\n    !content.isText ||\n  content.text !== link.attrs.href ||\n  content.marks[content.marks.length - 1] !== link\n  )\n    return false;\n  if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;\n  const next = parent.child(index + (side < 0 ? -2 : 1));\n  return !link.isInSet(next.marks);\n}\n\nexport function serialize(schema: any, content: any) {\n  const mdSerializer = new ProseMirrorMarkdownSerializer(\n    mdSerializerNodes,\n    mdSerializerMarks,\n  );\n\n  const proseMirrorDocument = schema.nodeFromJSON(content);\n\n  return mdSerializer.serialize(proseMirrorDocument, { tightLists: true });\n}\n\nexport function deserialize(schema: any, content?: string) {\n  if (!content) return null;\n  const html = marked.parse(content);\n\n  if (!html) return null;\n\n  const parser = new DOMParser();\n  const { body } = parser.parseFromString(html, 'text/html');\n\n  // append original source as a comment that nodes can access\n  body.append(document.createComment(content));\n\n  const state = ProseMirrorDOMParser.fromSchema(schema).parse(body);\n  return state.toJSON();\n}\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'containerRef'\"\n      class=\"grow\"\n      :direction=\"'column'\"\n      :invalid=\"!!error\"\n      :disabled=\"disabled\"\n      @click=\"handleEditorClick()\"\n    >\n      <div\n        :ref=\"'toolbarRef'\"\n        :class=\"toolbarStyles\"\n        :disabled=\"disabled || !isFocused\"\n      >\n        <div\n          v-for=\"(tools, index) in toolbar\"\n          :key=\"index\"\n          :class=\"[...toolbarGroupStyles, { 'hidden': !isVisible(tools)}]\"\n          :disabled=\"disabled || !isFocused\"\n        >\n          <div\n            v-for=\"item in tools\"\n            :key=\"item\"\n            :class=\"['flex gap-md', { 'hidden': !isVisible(item)}]\"\n          >\n            <OrIconButton\n              v-if=\"item === 'heading'\"\n              :ref=\"'toolbarButtonRef'\"\n              :icon=\"{ icon: headingIcon, variant: 'inherit' }\"\n              :tooltip=\"{ content: item, placement: 'top' }\"\n              :selected=\"isActive[item]\"\n              :disabled=\"disabled || !isFocused\"\n              @click=\"menuRef && menuRef.toggle()\"\n            />\n\n            <OrIconButton\n              v-else-if=\"isVisible(item)\"\n              :icon=\"{ icon: getRichTextEditorIcon(item), variant: 'inherit' }\"\n              :tooltip=\"{ content: getRichTextEditorTooltipIcon(item), placement: 'top' }\"\n              :selected=\"isActive[item]\"\n              :disabled=\"disabled || !isFocused\"\n              @click=\"handleToolbarClick(item)\"\n            />\n          </div>\n        </div>\n\n        <OrIconButton\n          v-if=\"countOfNotVisibleTools > 0 && !isMobile\"\n          :ref=\"'moreButtonRef'\"\n          :class=\"['mx-sm']\"\n          :icon=\"{ icon: 'more_horiz', variant: 'inherit' }\"\n          :disabled=\"disabled || !isFocused\"\n          :force-state=\"morePopoverRef && morePopoverRef.state === 'open' ? 'hover' : undefined\"\n          @click=\"morePopoverRef && morePopoverRef.open()\"\n        />\n      </div>\n\n      <div :class=\"['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']\">\n        <textarea\n          v-show=\"disableMarkdown\"\n          :ref=\"'textareaRef'\"\n          v-model=\"sourceValue\"\n          :activated=\"disableMarkdown\"\n          class=\"block w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular\"\n          @input=\"handleInput\"\n        />\n\n        <div\n          v-show=\"!disableMarkdown\"\n          :ref=\"'controlRef'\"\n          :class=\"controlStyles\"\n        />\n\n        <slot name=\"files\" />\n      </div>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n\n    <OrPopover\n      v-if=\"moreButtonRef\"\n      :ref=\"'morePopoverRef'\"\n      :trigger=\"moreButtonRef && moreButtonRef.root\"\n      :placement=\"'top-end'\"\n    >\n      <div class=\"flex p-sm gap-md\">\n        <OrIconButton\n          v-for=\"item in notVisibleTools\"\n          :key=\"item\"\n          :icon=\"{ icon: getRichTextEditorIcon(item), variant: 'inherit' }\"\n          :tooltip=\"{ content: getRichTextEditorTooltipIcon(item), placement: 'top' }\"\n          :selected=\"isActive[item]\"\n          @click=\"handleToolbarClick(item)\"\n        />\n      </div>\n    </OrPopover>\n\n    <OrMenu\n      v-if=\"toolbarButtonRef\"\n      :ref=\"'menuRef'\"\n      :trigger=\"toolbarButtonRef[getIndexOfHeading] && toolbarButtonRef[getIndexOfHeading].root\"\n      :placement=\"'bottom-start'\"\n    >\n      <OrMenuItem\n        v-for=\"heading in headingLevels\"\n        :key=\"heading\"\n        :selected=\"activeHeadingLevel === heading\"\n        @click=\"handleToolbarClick('heading', heading)\"\n      >\n        Heading {{ heading }}\n      </OrMenuItem>\n\n      <OrMenuItem\n        :selected=\"!activeHeadingLevel\"\n        @click=\"handleToolbarClick('heading')\"\n      >\n        None\n      </OrMenuItem>\n    </OrMenu>\n\n    <OrModal\n      :is-open=\"isOpenLinkModal\"\n      :size=\"'s'\"\n    >\n      <template v-slot:header>\n        Add Link\n      </template>\n\n      <div :class=\"['layout-column', 'gap-md']\">\n        <OrInput\n          v-model=\"text\"\n          :label=\"'Text'\"\n          :placeholder=\"'Enter text'\"\n        />\n\n        <OrInput\n          v-model=\"link\"\n          :label=\"'Link'\"\n          :placeholder=\"'Enter link'\"\n        />\n      </div>\n\n      <template v-slot:footer>\n        <div :class=\"['layout-row-reverse', 'gap-md']\">\n          <OrButton\n            :variant=\"'contained'\"\n            @click=\"attachLink()\"\n          >\n            Save\n          </OrButton>\n\n          <OrButton\n            :variant=\"'outlined'\"\n            @click=\"discardLink()\"\n          >\n            Cancel\n          </OrButton>\n        </div>\n      </template>\n    </OrModal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isArray } from '@onereach/ui-components-common/utils';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { Editor, mergeAttributes } from '@tiptap/core';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Heading, { Level } from '@tiptap/extension-heading';\nimport Highlight from '@tiptap/extension-highlight';\nimport Link from '@tiptap/extension-link';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport { onClickOutside, useDebounceFn, useResizeObserver } from '@vueuse/core';\nimport { UseFocusTrapReturn, useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { ComponentPublicInstance, PropType, computed, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';\n\nimport { Formats, Tools, RichTextEditorIcons, RichTextEditorTooltips } from './props';\nimport * as Styles from './styles';\nimport codemirrorNode from './utils/codemirror/codemirrorNode';\nimport { deserialize, serialize } from './utils/markdown';\n\nexport default defineComponent({\n  name: 'OrRichTextEditor',\n\n  components: {\n    OrButton,\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInput,\n    OrInputBox,\n    OrLabel,\n    OrMenu,\n    OrMenuItem,\n    OrModal,\n    OrPopover,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    toolbar: {\n      type: Array as PropType<Tools>,\n      default: () => [],\n    },\n\n    autofocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    format: {\n      type: String as PropType<`${Formats}`>,\n      default: () => Formats.Markup,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'file-upload',\n\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n    'editor',\n  ],\n\n  setup(props, context) {\n    let editor = shallowRef<Editor>();\n    const controlRef = ref<HTMLDivElement>();\n    const toolbarRef = ref<ComponentPublicInstance<HTMLInputElement>>();\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const textareaRef = ref<HTMLTextAreaElement>();\n    const containerRef = ref<ComponentPublicInstance<HTMLInputElement>>();\n    const moreButtonRef = ref<InstanceType<typeof OrIconButton>>();\n    const morePopoverRef = ref<InstanceType<typeof OrPopover>>();\n    const toolbarButtonRef = ref<InstanceType<typeof OrIconButton>>();\n    const menuRef = ref<InstanceType<typeof OrMenu>>();\n\n    // isActive should be set with default values for all toolbar buttons, otherwise it will not work in vue2\n    const isActive = ref<{[key: string]: boolean;}>({\n      bold: false,\n      italic: false,\n      underline: false,\n      strike: false,\n      bulletList: false,\n      orderedList: false,\n      link: false,\n      highlight: false,\n      redo: false,\n      undo: false,\n      codeBlock: false,\n      blockquote: false,\n      file: false,\n      source: false,\n    });\n\n    const isFocused = ref<boolean>(props.autofocus);\n    const headingLevels = [1, 2, 3, 4] as Level[];\n    const activeHeadingLevel = ref<number>(0);\n    const markdownOutput = ref<string>('');\n    const disableMarkdown = ref<boolean>(false);\n\n    // Attach link modal\n    const isOpenLinkModal = ref<boolean>(false);\n    const text = ref<string>('');\n    const link = ref<string>('');\n\n    const countOfNotVisibleTools = ref<number>(0);\n    const sourceValue = ref<string>('');\n\n    const { isMobile } = useResponsive();\n\n    let trap: UseFocusTrapReturn = useFocusTrap(controlRef, {\n      fallbackFocus: '.container',\n      allowOutsideClick: true,\n    });\n\n\n    useResizeObserver(root, useDebounceFn((entries) => {\n      const entry = entries[0];\n      const { width } = entry.contentRect;\n      if (containerRef.value && toolbarRef.value && toolbarLength.value) {\n        let lengthOfItem = 0;\n        lengthOfItem = (toolbarRef.value.firstElementChild?.firstElementChild as HTMLDivElement)?.offsetWidth + 16;\n\n        const count = (width / lengthOfItem) - 2;\n        countOfNotVisibleTools.value = Math.round(toolbarLength.value - count);\n      }\n    }, 10));\n\n    onMounted(() => {\n      editor.value = new Editor({\n        onUpdate: ({ editor }) => {\n          isFocused.value = true;\n          setActiveFormats();\n          const html = editor.getHTML();\n          const text = editor.getText();\n          if (props.format === 'markdown') {\n            markdownOutput.value = serialize(editor.schema, editor.getJSON());\n            model.value = markdownOutput.value;\n          } else {\n            model.value = text === '' ? text : html;\n          }\n        },\n        onCreate: ({ editor }) => {\n          if (props.format === 'markdown') {\n            editor.commands.setContent(deserialize(editor.schema, model.value));\n          } else {\n            editor.commands.setContent(model.value as string);\n          }\n        },\n        onFocus(props) {\n          context.emit('focus', props);\n        },\n        onBlur(props) {\n          context.emit('blur', props);\n        },\n        element: controlRef.value,\n        autofocus: props.autofocus,\n        enableInputRules: true,\n        enablePasteRules: true,\n        extensions: [\n          codemirrorNode,\n          StarterKit.configure({\n            heading: false,\n            codeBlock: false,\n            paragraph: false,\n            bulletList: false,\n            orderedList: false,\n            blockquote: false,\n          }),\n          Paragraph.configure({\n            HTMLAttributes: {\n              class: 'or-cm-paragraph my-xs',\n            },\n          }),\n          BulletList.configure({\n            HTMLAttributes: {\n              class: 'or-cm-bulletList mx-lg my-xs list-disc',\n            },\n          }),\n          OrderedList.configure({\n            HTMLAttributes: {\n              class: 'or-cm-orderedList mx-lg my-xs list-decimal',\n            },\n          }),\n          Blockquote.configure({\n            HTMLAttributes: {\n              class: 'or-cm-blockquote my-sm mx-lg px-lg border-l-2 border-outline',\n            },\n          }),\n          Heading.configure({ levels: headingLevels }).extend({\n            levels: headingLevels,\n            renderHTML({ node, HTMLAttributes }) {\n              return [\n                'h' + node.attrs.level,\n                mergeAttributes(HTMLAttributes, {\n                  class: `typography-headline-${node.attrs.level} my-xs`,\n                }),\n                0,\n              ];\n            },\n          }),\n          Underline,\n          Link.configure({\n            openOnClick: true,\n            linkOnPaste: true,\n            autolink: false,\n            protocols: ['ftp', 'mailto', 'http', 'https'],\n            validate: href => /^https?:\\/\\//.test(href),\n            HTMLAttributes: {\n              class: 'or-cm-link text-primary cursor-pointer',\n            },\n          }),\n          Highlight,\n          Placeholder\n            .configure({\n              placeholder: props.placeholder,\n              emptyEditorClass: 'or-cm-placeholder text-outline is-editor-empty',\n            }),\n        ],\n        editorProps: {\n          attributes: {\n            class: 'or-cm-editorProps flex flex-col focus:outline-none gap-xs h-full',\n          },\n        },\n        parseOptions: {\n          preserveWhitespace: true,\n        },\n      });\n      setActiveFormats();\n      trap.activate();\n    });\n\n    onBeforeUnmount(() => {\n      editor.value?.destroy();\n    });\n\n    onClickOutside(root, () => {\n      isFocused.value = false;\n      trap.deactivate();\n    });\n\n    // Computed\n    const model = computed({\n      get: () => {\n        return props.modelValue;\n      },\n\n      set: (value) => {\n        context.emit('input', value);\n        context.emit('update:modelValue', value);\n      },\n    });\n\n    const getIndexOfHeading = computed(() => {\n      return props.toolbar.flat().indexOf('heading');\n    });\n\n    const getRichTextEditorIcon = computed(() => (item: string) => {\n      return RichTextEditorIcons[item as keyof typeof RichTextEditorTooltips];\n    });\n\n    const getRichTextEditorTooltipIcon = computed(() => (item: string) => {\n      return RichTextEditorTooltips[item as keyof typeof RichTextEditorTooltips];\n    });\n\n    const headingIcon = computed(() => {\n      if (activeHeadingLevel.value && isActive.value.heading) {\n        return `format_h${activeHeadingLevel.value}`;\n      }\n      return 'format_paragraph';\n    });\n\n    const toolbarLength = computed(() => {\n      return props.toolbar.flat().length;\n    });\n\n    const notVisibleTools = computed((): Set<string> => {\n      const count = countOfNotVisibleTools.value;\n      const toolbar = props.toolbar.flat();\n      let notVisible = new Set(toolbar.slice(toolbar.length - count, toolbar.length));\n      props.toolbar.forEach(tools => {\n        if (tools.some(item => notVisible.has(item))) {\n          tools.forEach(item => notVisible.add(item));\n        }\n      });\n      return notVisible;\n    });\n\n    //Methods\n    const handleEditorClick = () => {\n      setActiveFormats();\n      isFocused.value = true;\n      editor.value?.commands.focus();\n      activeHeadingLevel.value = editor.value?.getAttributes('heading')?.level || 0;\n    };\n\n    const isVisible = (value: string | Array<string>) => {\n      if (isMobile.value) return true;\n\n      if (isArray(value)) {\n        const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));\n        return !isHaveNotVisibleTools;\n      }\n      return !notVisibleTools.value.has(value);\n    };\n\n    const handleInput = (event: InputEvent) => {\n      const target = event.target as HTMLTextAreaElement;\n      const value = target.value;\n      editor.value?.commands.setContent(deserialize(editor.value?.schema, value));\n      markdownOutput.value = serialize(editor.value?.schema, editor.value?.getJSON());\n      model.value = markdownOutput.value;\n    };\n\n    const handleToolbarClick = (item: string, level?: number) => {\n      switch (item) {\n        case 'source':\n          disableMarkdown.value = !disableMarkdown.value;\n          sourceValue.value = serialize(editor.value?.schema, editor.value?.getJSON());\n\n          textareaRef.value?.style.setProperty('height', `${controlRef.value?.offsetHeight || 88}px`);\n\n          nextTick(() => textareaRef.value?.focus());\n          break;\n        case 'bulletList':\n        case 'orderedList':\n          item === 'bulletList' ? editor.value?.commands.toggleBulletList() : editor.value?.commands.toggleOrderedList();\n          break;\n        case 'link':\n          if (editor.value) {\n            const cursorPosition = editor.value?.state.selection.$anchor.pos || 0;\n            const { from, to, empty } = editor.value!.state.selection;\n            const isLink = editor.value!.view.state.doc.nodeAt(cursorPosition)?.marks.filter((mark) => mark.type.name === 'link');\n            const existedText = isLink?.length ? editor.value!.view.state.doc.nodeAt(cursorPosition)?.text || '' : '';\n\n            text.value = empty ? existedText : editor.value!.state.doc.textBetween(from, to, ' ');\n            link.value = editor.value!.getAttributes('link').href || '';\n          }\n          isOpenLinkModal.value = !isOpenLinkModal.value;\n          break;\n        case 'blockquote':\n          editor.value?.chain().toggleBlockquote().run();\n          break;\n        case 'codeBlock':\n          if (!isActive.value['codeBlock']) {\n            editor.value?.commands.setNode(item, { language: 'javascript' });\n          } else {\n            editor.value?.commands.setNode('paragraph');\n          }\n          break;\n        case 'heading':\n          if (!level) {\n            editor.value?.commands.setParagraph();\n            activeHeadingLevel.value = 0;\n          } else {\n            activeHeadingLevel.value = level;\n            editor.value?.commands.toggleHeading({ level: level as Level });\n          }\n          break;\n        case 'undo':\n        case 'redo':\n          item === 'undo' ? editor.value?.commands.undo() : editor.value?.commands.redo();\n          break;\n        case 'file':\n          context.emit('file-upload');\n          break;\n        default:\n          editor.value?.chain().toggleMark(item).run();\n          break;\n      }\n    };\n\n    const attachLink = async () => {\n      // empty\n      if (link.value === '') {\n        editor.value?.chain().focus().extendMarkRange('link').unsetLink().run();\n      }\n\n      const isEmptySelection = editor.value?.state.selection.empty;\n      const cursorPosition = editor.value?.state.selection.$anchor.pos || 0;\n      // Check if it's already link\n      const isLink = editor.value?.view.state.doc.nodeAt(cursorPosition)?.marks.filter((mark) => mark.type.name === 'link');\n      const existedText = isLink?.length ? editor.value?.view.state.doc.nodeAt(cursorPosition)?.text : '';\n\n      if (link.value && isEmptySelection && !existedText) {\n        editor.value?.chain()\n          .focus()\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .command(({ tr }) => {\n            const preparedValue = text.value[text.value.length - 1] === ' ' ? text.value : `${text.value} `;\n            tr.insertText(preparedValue);\n            return true;\n          })\n          .run();\n      }\n\n      if (link.value && existedText === text.value && isEmptySelection) {\n        editor.value?.chain()\n          .extendMarkRange('link')\n          .updateAttributes('link', {\n            href: link.value,\n          })\n          .run();\n      }\n\n      if (link.value && text.value !== existedText && !isEmptySelection) {\n        editor.value?.chain()\n          .focus()\n          .insertContentAt({\n            from: editor.value?.state.selection.from,\n            to: editor.value?.state.selection.to,\n          }, text.value)\n          .setTextSelection({\n            from: editor.value?.state.selection.from,\n            to: editor.value?.state.selection.from + text.value.length,\n          })\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .run();\n      }\n\n      if (link.value && !isEmptySelection) {\n        editor.value?.chain()\n          .focus()\n          .setMark('link', {\n            href: link.value,\n            target: '__blank',\n          })\n          .run();\n      }\n\n      text.value = '';\n      link.value = '';\n\n      isOpenLinkModal.value = false;\n    };\n\n    const discardLink = () => {\n      isOpenLinkModal.value = false;\n    };\n\n    const setActiveFormats = () => {\n      const toolbarList = props.toolbar.flat() as string[];\n      toolbarList.forEach((item) => {\n        if (item === 'source') {\n          isActive.value[item] = disableMarkdown.value;\n        } else {\n          isActive.value[item] = editor.value?.isActive(item) || false;\n        }\n      });\n    };\n\n\n    // Effects\n    watch([\n      editor,\n      model,\n      () => props.disabled,\n    ], ([\n      editor,\n      model,\n      disabled,\n    ]) => {\n      if (model !== editor?.getHTML() && props.format !== 'markdown') {\n        editor?.commands.setContent(model as string);\n      }\n\n      if (model !== markdownOutput.value && props.format === 'markdown') {\n        editor?.commands.setContent(deserialize(editor?.schema, model));\n      }\n\n      editor?.setEditable(!disabled);\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-rich-text-editor-v3',\n      ...Styles.RichTextEditor,\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.RichTextEditorToolbar,\n    ]);\n\n    const toolbarGroupStyles = computed(() => [\n      ...Styles.RichTextEditorToolbarGroup,\n    ]);\n\n    const controlStyles = computed(() => [\n      'tiptap-editor-v3',\n      ...Styles.RichTextEditorControl,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      toolbarRef,\n      toolbarStyles,\n\n      toolbarGroupStyles,\n\n      controlRef,\n      controlStyles,\n\n      editor,\n      containerRef,\n      toolbarButtonRef,\n      moreButtonRef,\n      textareaRef,\n      morePopoverRef,\n      menuRef,\n      handleToolbarClick,\n      handleEditorClick,\n      isActive,\n      getRichTextEditorIcon,\n      getRichTextEditorTooltipIcon,\n      getIndexOfHeading,\n      headingLevels,\n      headingIcon,\n      attachLink,\n      discardLink,\n      isOpenLinkModal,\n      text,\n      link,\n      isFocused,\n      isVisible,\n      isMobile,\n      countOfNotVisibleTools,\n      notVisibleTools,\n      handleInput,\n      model,\n      disableMarkdown,\n      sourceValue,\n      activeHeadingLevel,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n// Unavoidable hack for bundled (browser) build\n// Created by the fact that this is deep styles in editor\n// As far as we need scoping for browser builds, we can't rely on global existence of this classes\n:deep(.or-cm-paragraph) {\n  @apply my-xs;\n}\n\n:deep(.or-cm-bulletList) {\n  @apply mx-lg my-xs list-disc;\n}\n\n:deep(.or-cm-orderedList) {\n  @apply mx-lg my-xs list-decimal;\n}\n\n:deep(.or-cm-blockquote) {\n  @apply my-sm mx-lg px-lg border-l-2 border-outline;\n}\n\n:deep(.or-cm-link) {\n  @apply text-primary cursor-pointer;\n}\n\n:deep(.or-cm-placeholder) {\n  @apply text-outline;\n}\n\n:deep(.or-cm-editorProps) {\n  @apply flex flex-col focus:outline-none gap-xs h-full;\n}\n</style>\n\n<style lang=\"scss\">\n.tiptap-editor-v3 {\n  .is-editor-empty::before {\n    float: left;\n    height: 0;\n    pointer-events: none;\n    content: attr(data-placeholder);\n  }\n}\n</style>\n"],"names":["Formats","RichTextEditorIcons","RichTextEditorTooltips","RichTextEditor","RichTextEditorToolbar","RichTextEditorToolbarGroup","RichTextEditorControl","themes","useTheme","chalky","coral","cyan","invalid","_a","ivory","stone","malibu","sage","whiskey","violet","orCodeTheme","EditorView","_b","_c","_d","_e","_f","_g","_h","_i","_j","orCodeHighlightStyle","HighlightStyle","t","theme","syntaxHighlighting","computeChange","oldVal","newVal","start","oldEnd","newEnd","CodeMirrorView","options","cmExtensions","changeFilter","CMState","tr","CMView","cmState","highlightActiveLine","highlightActiveLineGutter","lineNumbers","keymap","exitCode","state","selection","doc","offset","anchor","head","TextSelection","cmTr","cmValue","change","content","unit","dir","view","pos","line","hasSelection","r","firstLine","lastLine","targetPos","pmSelection","Selection","node","codemirrorNode","Node","editor","getPos","CodeBlockView","minimalSetup","javascript","mdSerializerNodes","defaultMarkdownSerializer","Paragraph","BulletList","ListItem","OrderedList","HardBreak","CodeBlock","Blockquote","HorizontalRule","mdSerializerMarks","Bold","Strike","Italic","Highlight","Underline","Link","mark","parent","index","isPlainURL","href","link","side","next","serialize","schema","mdSerializer","ProseMirrorMarkdownSerializer","proseMirrorDocument","deserialize","html","marked","parser","body","ProseMirrorDOMParser","_sfc_main","defineComponent","OrButton","OrError","OrHint","OrIconButton","OrInput","OrInputBox","OrLabel","OrMenu","OrMenuItem","OrModal","OrPopover","props","context","shallowRef","controlRef","ref","toolbarRef","root","textareaRef","containerRef","moreButtonRef","morePopoverRef","toolbarButtonRef","menuRef","isActive","isFocused","headingLevels","activeHeadingLevel","markdownOutput","disableMarkdown","isOpenLinkModal","text","countOfNotVisibleTools","sourceValue","isMobile","useResponsive","trap","useFocusTrap","useResizeObserver","useDebounceFn","entries","entry","width","toolbarLength","lengthOfItem","count","onMounted","Editor","setActiveFormats","model","StarterKit","Heading","HTMLAttributes","mergeAttributes","Placeholder","onBeforeUnmount","onClickOutside","computed","value","getIndexOfHeading","getRichTextEditorIcon","item","getRichTextEditorTooltipIcon","headingIcon","notVisibleTools","toolbar","notVisible","tools","handleEditorClick","isVisible","isArray","handleInput","event","handleToolbarClick","level","nextTick","cursorPosition","from","to","empty","isLink","existedText","_l","_k","_n","_m","_o","_p","_q","attachLink","isEmptySelection","preparedValue","discardLink","watch","disabled","rootStyles","Styles.RichTextEditor","toolbarStyles","Styles.RichTextEditorToolbar","toolbarGroupStyles","Styles.RichTextEditorToolbarGroup","controlStyles","Styles.RichTextEditorControl","_hoisted_2","_hoisted_5","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_cache","$event","_withCtx","_createElementVNode","_Fragment","_renderList","_component_OrIconButton","_hoisted_1","_hoisted_3","_withDirectives","args","_hoisted_4","_vShow","_vModelText","_component_OrHint","_component_OrError","_component_OrPopover","_component_OrMenu","heading","_component_OrMenuItem","_component_OrModal","_createTextVNode","_hoisted_7","_component_OrButton","_hoisted_6","_component_OrInput"],"mappings":"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"}

package/dist/esm/{OrRichTooltip-CcQpjWtS.mjs → OrRichTooltip-8ybIdsqK.mjs}

@@ -1,8 +1,8 @@
-import { useElementHover as k } from "@vueuse/core";
-import { defineComponent as H, ref as u, computed as t, watch as T, resolveComponent as E, openBlock as r, createElementBlock as a, normalizeClass as s, renderSlot as p, createBlock as B, withCtx as N, createElementVNode as F, createCommentVNode as i } from "vue";
-import { usePopoverState as L } from "@onereach/ui-components-common/hooks";
-import { O as V, a as j } from "./OrPopover-FA8G-paf.mjs";
+import { usePopoverState as H } from "@onereach/ui-components-common/hooks";
+import { O as T, a as E } from "./OrPopover-GBPJ4IDN.mjs";
 import "@onereach/ui-components-common/utils";
+import { useElementHover as k } from "@vueuse/core";
+import { defineComponent as B, ref as u, computed as t, watch as N, resolveComponent as F, openBlock as r, createElementBlock as a, normalizeClass as s, renderSlot as p, createBlock as L, withCtx as V, createElementVNode as j, createCommentVNode as i } from "vue";
 import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const U = [
   // Layout
@@ -41,10 +41,10 @@ const U = [
   "gap-md"
 ];
 var v = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e))(v || {});
-const I = H({
+const I = B({
   name: "OrRichTooltip",
   components: {
-    OrPopover: V
+    OrPopover: T
   },
   props: {
     behavior: {
@@ -53,7 +53,7 @@ const I = H({
     },
     placement: {
       type: String,
-      default: () => j.Bottom
+      default: () => E.Bottom
     },
     offset: {
       type: [Number, Object, Function],
@@ -88,13 +88,13 @@ const I = H({
       ...D
     ]), S = t(() => [
       ...G
-    ]), { state: b, open: h, close: g, toggle: C } = L(u(!1), o.emit), O = k(d, {
+    ]), { state: b, open: h, close: g, toggle: C } = H(u(!1), o.emit), O = k(d, {
       delayEnter: 250,
       delayLeave: 1500
     }), R = k(f, {
       delayLeave: 1500
     });
-    return T([
+    return N([
       O,
       R,
       () => e.behavior
@@ -121,14 +121,14 @@ const I = H({
   }
 });
 function J(e, o, d, y, c, f) {
-  const m = E("OrPopover");
+  const m = F("OrPopover");
   return r(), a("div", {
     ref: "root",
     class: s(e.rootStyles),
     onClick: o[1] || (o[1] = (n) => e.behavior === "click" && e.toggle())
   }, [
     p(e.$slots, "default"),
-    e.$slots.header || e.$slots.content || e.$slots.footer ? (r(), B(m, {
+    e.$slots.header || e.$slots.content || e.$slots.footer ? (r(), L(m, {
       key: 0,
       ref: "popover",
       "is-open": e.state === "open",
@@ -139,8 +139,8 @@ function J(e, o, d, y, c, f) {
       "disable-default-styles": !0,
       "onUpdate:state": o[0] || (o[0] = (n) => n === "open" ? e.open() : e.close())
     }, {
-      default: N(() => [
-        F("div", {
+      default: V(() => [
+        j("div", {
           class: s(e.popoverStyles)
         }, [
           e.$slots.header ? (r(), a("div", {
@@ -172,4 +172,4 @@ export {
   Z as O,
   v as R
 };
-//# sourceMappingURL=OrRichTooltip-CcQpjWtS.mjs.map
+//# sourceMappingURL=OrRichTooltip-8ybIdsqK.mjs.map

package/dist/esm/OrRichTooltip-8ybIdsqK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrRichTooltip-8ybIdsqK.mjs","sources":["../../../components/or-rich-tooltip-v3/src/styles.ts","../../../components/or-rich-tooltip-v3/src/types.ts","../../../components/or-rich-tooltip-v3/src/OrRichTooltip.vue"],"sourcesContent":["export const RichTooltip: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Typography\n  'leading-[0]',\n];\n\nexport const RichTooltipPopover: string[] = [\n  // Layout\n  'layout-column',\n\n  // Interactivity\n  'interactivity-default',\n\n  // Shape\n  'rounded-lg',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const RichTooltipHeader: string[] = [\n  // Typography\n  'typography-headline-4',\n];\n\nexport const RichTooltipContent: string[] = [\n  // Typography\n  'typography-body-2-regular',\n];\n\nexport const RichTooltipFooter: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-md',\n];\n","export enum RichTooltipBehavior {\n  Click = 'click',\n  Hover = 'hover',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @click=\"behavior === 'click' && toggle()\"\n  >\n    <slot />\n\n    <template v-if=\"$slots['header'] || $slots['content'] || $slots['footer']\">\n      <OrPopover\n        :ref=\"'popover'\"\n        :is-open=\"state === 'open'\"\n        :variant=\"'popover'\"\n        :trigger=\"root\"\n        :placement=\"placement\"\n        :offset=\"offset\"\n        :disable-default-styles=\"true\"\n        @update:state=\"$event === 'open' ? open() : close()\"\n      >\n        <div :class=\"popoverStyles\">\n          <template v-if=\"$slots['header']\">\n            <div :class=\"headerStyles\">\n              <slot name=\"header\" />\n            </div>\n          </template>\n\n          <template v-if=\"$slots['content']\">\n            <div :class=\"contentStyles\">\n              <slot name=\"content\" />\n            </div>\n          </template>\n\n          <template v-if=\"$slots['footer']\">\n            <div :class=\"footerStyles\">\n              <slot name=\"footer\" />\n            </div>\n          </template>\n        </div>\n      </OrPopover>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { useElementHover } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, watch } from 'vue';\n\nimport * as Styles from './styles';\nimport { RichTooltipBehavior } from './types';\n\nexport default defineComponent({\n  name: 'OrRichTooltip',\n\n  components: {\n    OrPopover,\n  },\n\n  props: {\n    behavior: {\n      type: String as PropType<`${RichTooltipBehavior}`>,\n      default: () => RichTooltipBehavior.Click,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-rich-tooltip-v3',\n      ...Styles.RichTooltip,\n    ]);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n\n    const popoverRoot = computed(() => {\n      return popover.value?.root;\n    });\n\n    const popoverStyles = computed(() => [\n      'or-rich-tooltip-popover-v3',\n      ...Styles.RichTooltipPopover,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.RichTooltipHeader,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.RichTooltipContent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.RichTooltipFooter,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n    const rootHover = useElementHover(root, {\n      delayEnter: 250,\n      delayLeave: 1500,\n    });\n\n    const popoverHover = useElementHover(popoverRoot, {\n      delayLeave: 1500,\n    });\n\n    watch([\n      rootHover,\n      popoverHover,\n\n      () => props.behavior,\n    ], ([\n      rootHover,\n      popoverHover,\n\n      behavior,\n    ]) => {\n      if (behavior !== RichTooltipBehavior.Hover) {\n        return;\n      }\n\n      if (rootHover || popoverHover) {\n        open();\n      } else {\n        close();\n      }\n    });\n\n    return {\n      root,\n      rootStyles,\n\n      popover,\n      popoverRoot,\n      popoverStyles,\n\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["RichTooltip","RichTooltipPopover","RichTooltipHeader","RichTooltipContent","RichTooltipFooter","RichTooltipBehavior","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.RichTooltip","popover","popoverRoot","_a","popoverStyles","Styles.RichTooltipPopover","headerStyles","Styles.RichTooltipHeader","contentStyles","Styles.RichTooltipContent","footerStyles","Styles.RichTooltipFooter","state","open","close","toggle","usePopoverState","rootHover","useElementHover","popoverHover","watch","behavior","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_createBlock","_component_OrPopover","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":"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"}

package/dist/esm/{OrSearch-B3zonpwn.mjs → OrSearch-CRFuNmg2.mjs}

@@ -1,13 +1,13 @@
-import { watchDebounced as v } from "@vueuse/core";
-import { defineComponent as b, reactive as y, ref as s, computed as V, toRef as d, watch as m, resolveComponent as $, openBlock as S, createBlock as O, mergeProps as k } from "vue";
-import { useIdAttribute as w, useControlAttributes as I, useValidationAttributes as g, useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
-import { a as z } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as B } from "./OrInput-BrJzxNyE.mjs";
+import { useIdAttribute as v, useControlAttributes as b, useValidationAttributes as y, useProxyModelValue as V } from "@onereach/ui-components-common/hooks";
+import { a as $ } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
+import { defineComponent as S, reactive as O, ref as s, computed as k, toRef as d, watch as m, resolveComponent as w, openBlock as I, createBlock as g, mergeProps as A } from "vue";
+import { O as z } from "./OrInput-nExtCSw8.mjs";
+import { watchDebounced as B } from "@vueuse/core";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const C = b({
+const C = S({
   name: "OrSearch",
   components: {
-    OrInput: B
+    OrInput: z
   },
   model: {
     prop: "modelValue",
@@ -52,17 +52,17 @@ const C = b({
     "blur"
   ],
   setup(e, o) {
-    const a = y({
-      id: w(),
-      ...I(),
-      ...g()
-    }), n = s(), i = V(() => [
+    const a = O({
+      id: v(),
+      ...b(),
+      ...y()
+    }), n = s(), i = k(() => [
       "or-search-v3",
-      ...e.variant === z.Embedded ? ["grow"] : []
-    ]), l = A(d(e, "modelValue"), o.emit), u = s(e.modelValue);
+      ...e.variant === $.Embedded ? ["grow"] : []
+    ]), l = V(d(e, "modelValue"), o.emit), u = s(e.modelValue);
     m(l, (t) => {
       u.value = t;
-    }), v(u, (t) => {
+    }), B(u, (t) => {
       t && o.emit("search", l.value = t);
     }, {
       debounce: d(e, "debounce")
@@ -94,8 +94,8 @@ const C = b({
   }
 });
 function K(e, o, a, n, i, l) {
-  const u = $("OrInput");
-  return S(), O(u, k({ ref: "root" }, e.controlAttributes, {
+  const u = w("OrInput");
+  return I(), g(u, A({ ref: "root" }, e.controlAttributes, {
     modelValue: e.draft,
     "onUpdate:modelValue": o[0] || (o[0] = (r) => e.draft = r),
     class: e.rootStyles,
@@ -114,4 +114,4 @@ const R = /* @__PURE__ */ h(C, [["render", K]]);
 export {
   R as O
 };
-//# sourceMappingURL=OrSearch-B3zonpwn.mjs.map
+//# sourceMappingURL=OrSearch-CRFuNmg2.mjs.map

package/dist/esm/OrSearch-CRFuNmg2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrSearch-CRFuNmg2.mjs","sources":["../../../components/or-search-v3/src/OrSearch.vue"],"sourcesContent":["<template>\n  <OrInput\n    :ref=\"'root'\"\n    v-bind=\"controlAttributes\"\n    v-model=\"draft\"\n    :class=\"rootStyles\"\n    :type=\"'search'\"\n    :variant=\"variant\"\n    :size=\"size\"\n    :placeholder=\"placeholder\"\n    @input=\"$emit('input', $event)\"\n    @keydown=\"$emit('keydown', $event)\"\n    @keyup=\"$emit('keyup', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { watchDebounced } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch } from 'vue';\n\nimport { SearchModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrSearch',\n\n  components: {\n    OrInput,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<SearchModelValue>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: 'Search',\n    },\n\n    debounce: {\n      type: Number,\n      default: 500,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n\n    'search',\n    'clear',\n  ],\n\n  expose: [\n    'root',\n\n    'clear',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<InstanceType<typeof OrInput>>();\n\n    const rootStyles = computed(() => [\n      'or-search-v3',\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(props.modelValue);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    watchDebounced(draft, (value) => {\n      if (value) {\n        context.emit('search', model.value = value);\n      }\n    }, {\n      debounce: toRef(props, 'debounce'),\n    });\n\n    watch(draft, (nextValue, prevValue) => {\n      if (!nextValue && prevValue) {\n        context.emit('search', model.value = nextValue);\n        context.emit('clear');\n      }\n    });\n\n    // Methods\n    function clear(): void {\n      (root.value as { clear: () => void; } | undefined)?.clear(); // fixes error TS2349\n    }\n\n    function focus(): void {\n      (root.value as { focus: () => void; } | undefined)?.focus(); // fixes error TS2349\n    }\n\n    function blur(): void {\n      (root.value as { blur: () => void; } | undefined)?.blur(); // fixes error TS2349\n    }\n\n    return {\n      controlAttributes,\n\n      root,\n      rootStyles,\n\n      model,\n      draft,\n\n      clear,\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrInput","props","context","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","model","useProxyModelValue","toRef","draft","watch","value","watchDebounced","nextValue","prevValue","clear","_a","focus","blur","_resolveComponent","_ctx","_cache","$event"],"mappings":"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"}

package/dist/esm/{OrSegmentedControl-D5QoWe-N.mjs → OrSegmentedControl-DfPHDw7E.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as c, ref as u, computed as p, openBlock as l, createElementBlock as a, normalizeClass as m, createElementVNode as y, renderSlot as k, toRef as S, resolveComponent as C, Fragment as h, renderList as v, createBlock as b, withModifiers as $, withCtx as x, createTextVNode as V, toDisplayString as z } from "vue";
-import { useProxyModelValue as _ } from "@onereach/ui-components-common/hooks";
+import { useProxyModelValue as y } from "@onereach/ui-components-common/hooks";
+import { defineComponent as c, ref as u, computed as p, openBlock as l, createElementBlock as a, normalizeClass as m, createElementVNode as k, renderSlot as S, toRef as C, resolveComponent as h, Fragment as v, renderList as b, createBlock as $, withModifiers as x, withCtx as V, createTextVNode as z, toDisplayString as _ } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const M = [
   // Layout
@@ -75,8 +75,8 @@ function R(e, t, o, r, d, i) {
     disabled: e.disabled,
     onClick: t[0] || (t[0] = (...s) => e.onClick && e.onClick(...s))
   }, [
-    y("div", I, [
-      k(e.$slots, "default")
+    k("div", I, [
+      S(e.$slots, "default")
     ])
   ], 10, B);
 }
@@ -136,7 +136,7 @@ const N = [
       "or-segmented-control-v3",
       ...N,
       ...j[e.size]
-    ]), d = _(S(e, "modelValue"), t.emit);
+    ]), d = y(C(e, "modelValue"), t.emit);
     return {
       root: o,
       rootStyles: r,
@@ -145,20 +145,20 @@ const N = [
   }
 });
 function A(e, t, o, r, d, i) {
-  const s = C("OrSegmentedControlItem");
+  const s = h("OrSegmentedControlItem");
   return l(), a("div", {
     ref: "root",
     class: m(e.rootStyles)
   }, [
-    (l(!0), a(h, null, v(e.options, (n) => (l(), b(s, {
+    (l(!0), a(v, null, b(e.options, (n) => (l(), $(s, {
       key: n.value,
       size: e.size,
       selected: n.value === e.proxyModelValue,
       disabled: e.disabled,
-      onClick: $((D) => e.proxyModelValue = n.value, ["stop"])
+      onClick: x((D) => e.proxyModelValue = n.value, ["stop"])
     }, {
-      default: x(() => [
-        V(z(n.label), 1)
+      default: V(() => [
+        z(_(n.label), 1)
       ]),
       _: 2
     }, 1032, ["size", "selected", "disabled", "onClick"]))), 128))
@@ -169,4 +169,4 @@ export {
   T as O,
   g as S
 };
-//# sourceMappingURL=OrSegmentedControl-D5QoWe-N.mjs.map
+//# sourceMappingURL=OrSegmentedControl-DfPHDw7E.mjs.map

package/dist/esm/OrSegmentedControl-DfPHDw7E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrSegmentedControl-DfPHDw7E.mjs","sources":["../../../components/or-segmented-control-v3/src/partials/or-segmented-control-item/styles.ts","../../../components/or-segmented-control-v3/src/partials/or-segmented-control-item/OrSegmentedControlItem.vue","../../../components/or-segmented-control-v3/src/props.ts","../../../components/or-segmented-control-v3/src/styles.ts","../../../components/or-segmented-control-v3/src/OrSegmentedControl.vue"],"sourcesContent":["import { SegmentedControlSize } from '../../props';\n\nexport const SegmentedControlItemRoot: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Shape\n  'rounded-md',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (selected)\n  'selected:theme-background-default',\n  'dark:selected:theme-background-default-dark',\n\n  // Theme (selected, enabled)\n  'selected:enabled:shadow-card',\n  'dark:selected:enabled:shadow-card-dark',\n];\n\nexport const SegmentedControlItemRootSizes: Record<SegmentedControlSize, string[]> = {\n  'm': [\n    // Box\n    'h-[44px] md:h-[36px]',\n\n    // Spacing\n    'px-sm+ md:px-sm+',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's': [\n    // Box\n    'h-[36px] md:h-[32px]',\n\n    // Spacing\n    'px-sm+ md:px-sm',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"onClick\"\n  >\n    <div :class=\"['truncate']\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { isVue2 } from '@/constants';\n\nimport { SegmentedControlSize } from '../../props';\n\nimport { SegmentedControlItemRoot, SegmentedControlItemRootSizes } from './styles';\n\nexport default defineComponent({\n  name: 'OrSegmentedControlItem',\n\n  props: {\n    size: {\n      type: String as PropType<SegmentedControlSize>,\n      required: true,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-segmented-control-item-v3',\n      ...SegmentedControlItemRoot,\n      ...SegmentedControlItemRootSizes[props.size],\n    ]);\n\n    // Handlers\n    function onClick(event: Event): void {\n      if (isVue2) {\n        context.emit('click', event);\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      onClick,\n    };\n  },\n});\n</script>\n","export enum SegmentedControlSize {\n  M = 'm',\n  S = 's',\n}\n","import { SegmentedControlSize } from './props';\n\nexport const SegmentedControlRoot: string[] = [\n  // Layout\n  'grid',\n  'grid-flow-col',\n  'auto-cols-fr',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-[2px]',\n  'py-[2px]',\n\n  // Theme\n  'theme-background-surface-variant',\n  'dark:theme-background-surface-variant-dark',\n];\n\nexport const SegmentedControlRootSizes: Record<SegmentedControlSize, string[]> = {\n  'm': [],\n  's': [],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrSegmentedControlItem\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :size=\"size\"\n      :selected=\"option.value === proxyModelValue\"\n      :disabled=\"disabled\"\n      @click.stop=\"proxyModelValue = option.value\"\n    >\n      {{ option.label }}\n    </OrSegmentedControlItem>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport OrSegmentedControlItem from './partials/or-segmented-control-item/OrSegmentedControlItem.vue';\nimport { SegmentedControlSize } from './props';\nimport { SegmentedControlRoot, SegmentedControlRootSizes } from './styles';\nimport { SegmentedControlOption } from './types';\n\nexport default defineComponent({\n  name: 'OrSegmentedControl',\n\n  components: {\n    OrSegmentedControlItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    options: {\n      type: Array as PropType<SegmentedControlOption[]>,\n      default: () => [],\n    },\n\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${SegmentedControlSize}`>,\n      default: () => SegmentedControlSize.M,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-segmented-control-v3',\n      ...SegmentedControlRoot,\n      ...SegmentedControlRootSizes[props.size],\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n      proxyModelValue,\n    };\n  },\n});\n</script>\n"],"names":["SegmentedControlItemRoot","SegmentedControlItemRootSizes","_sfc_main$1","defineComponent","props","context","root","ref","rootStyles","computed","onClick","event","_hoisted_1","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","args","SegmentedControlSize","SegmentedControlRoot","SegmentedControlRootSizes","_sfc_main","OrSegmentedControlItem","proxyModelValue","useProxyModelValue","toRef","_component_OrSegmentedControlItem","_resolveComponent","_Fragment","_renderList","option","_createBlock","_withModifiers","$event"],"mappings":"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"}

package/dist/esm/{OrSelect--RHYurq6.mjs → OrSelect-Ch1X9fVC.mjs}

@@ -4,22 +4,22 @@ import { useProxyModelValue as ee, useResponsive as Re } from "@onereach/ui-comp
 import { isNil as De, toArray as Z, isEqual as ce, isEmpty as me, include as de, exclude as ie } from "@onereach/ui-components-common/utils";
 import { O as Fe } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as Ae } from "./OrError-B5ihH6-3.mjs";
-import { O as Ue } from "./OrExpansionPanel-BNGPdEnp.mjs";
+import { O as Ue } from "./OrExpansionPanel-CrGf7B-b.mjs";
 import { O as qe } from "./OrHint-NvbZyURY.mjs";
-import { O as ze } from "./OrIconButton-BajZRp1k.mjs";
+import { O as ze } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as Ne } from "./OrIcon-k8cyvh-D.mjs";
 import { O as He } from "./OrInputBox-6ciokFdU.mjs";
 import { a as je } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as We } from "./OrInput-BrJzxNyE.mjs";
+import { O as We } from "./OrInput-nExtCSw8.mjs";
 import { O as Ge } from "./OrLabel-K7_HgvcK.mjs";
 import { O as Je } from "./OrLoader-2SaTMxmZ.mjs";
-import { O as Ke } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as Qe } from "./OrPopover-FA8G-paf.mjs";
-import { O as Xe, T as ae } from "./OrTags-CREF3BTr.mjs";
+import { O as Ke } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as Qe } from "./OrPopover-GBPJ4IDN.mjs";
+import { O as Xe, T as ae } from "./OrTags-Ce70YtZr.mjs";
 import { defineComponent as G, ref as m, toRefs as oe, computed as a, withDirectives as z, openBlock as r, createElementBlock as O, normalizeStyle as Ye, normalizeClass as y, vModelDynamic as Ze, renderSlot as C, watch as _, resolveComponent as i, createVNode as L, createSlots as xe, withCtx as h, createTextVNode as B, toDisplayString as E, createElementVNode as q, vShow as x, createBlock as k, createCommentVNode as W, Fragment as F, getCurrentInstance as _e, nextTick as ue, resolveDirective as pe, withModifiers as Y, renderList as j } from "vue";
 import { useFocus as eo } from "@vueuse/core";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as oo } from "./OrTooltip-BIJSpzmX.mjs";
+import { O as oo } from "./OrTooltip-BCrAH95l.mjs";
 const lo = [
   // Base
   "appearance-none",
@@ -711,9 +711,9 @@ const go = /* @__PURE__ */ J(bo, [["render", So]]), Oo = [
       })));
     }
     function ne() {
-      const l = g.value;
-      l && l.open(), ue(() => {
-        if (n.value) {
+      ue(() => {
+        const l = g.value;
+        if (l && l.open(), n.value) {
           const b = Array.isArray(n.value) ? n.value[0] : n.value, U = document.querySelector(`[data-value="${b}"]`);
           U && setTimeout(() => {
             U.scrollIntoView({
@@ -1076,4 +1076,4 @@ const sl = /* @__PURE__ */ J(Lo, [["render", Uo]]);
 export {
   sl as O
 };
-//# sourceMappingURL=OrSelect--RHYurq6.mjs.map
+//# sourceMappingURL=OrSelect-Ch1X9fVC.mjs.map