@globalpayments/vega 2.49.1 → 2.51.0

package/dist/cjs/vega-rich-text-content.cjs.entry.js

@@ -2,39 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const index = require('./index-7700600c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const component = require('./component-73a88c4e.js');
-const darkModeStyleController = require('./dark-mode-style-controller-4adb7fb2.js');
-const imageAnnotationAction = require('./image-annotation-action-9c2b9c8e.js');
-const contentState = require('./content-state-6a48bcb5.js');
+const component = require('./component-1e352960.js');
+const darkModeStyleController = require('./dark-mode-style-controller-f9a32d68.js');
+const imageAnnotationAction = require('./image-annotation-action-617bbb13.js');
+const codeBlock = require('./code-block-2d014e17.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a7a3b196.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e90362cd.js');
-const ui = require('./ui-13b42af0.js');
-const index$1 = require('./index-c4dec3aa.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
+const contentState = require('./content-state-6a5da7ec.js');
+const vegaInternalEventId = require('./vega-internal-event-id-6cdc95fe.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e06cdf7e.js');
+const ui = require('./ui-6c069604.js');
+const index$1 = require('./index-ebb1bb17.js');
 require('./static-subject-title-7e7d791a.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./internal-icon-manager-00f49470.js');
 require('./icon-manager-9a47399c.js');
-require('./vega-internal-event-id-bfea9b93.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./wait-for-vega-handler-0a0738ac.js');
+require('./wait-for-vega-handler-4491efc9.js');
 
 class RTEBlockRenderer {
   registerRef(ref, block) {
     if (ref) {
-      contentState.stateEntityRenderingRegistry.register(ref, block);
+      codeBlock.stateEntityRenderingRegistry.register(ref, block);
     }
   }
   /**
@@ -45,7 +46,7 @@ class RTEBlockRenderer {
    */
   getStyles(block) {
     return Array.from(block.annotationMap.values())
-      .filter((annotation) => annotation instanceof contentState.BlockAnnotation)
+      .filter((annotation) => annotation instanceof codeBlock.BlockAnnotation)
       .map((annotation) => annotation.render())
       .filter(typeGuard.isNonNullable)
       .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
@@ -67,7 +68,7 @@ class RTEBlockRenderer {
 class RTENodeRenderer {
   registerRef(ref, node) {
     if (ref) {
-      contentState.stateEntityRenderingRegistry.register(ref, node);
+      codeBlock.stateEntityRenderingRegistry.register(ref, node);
     }
   }
   /**
@@ -78,7 +79,7 @@ class RTENodeRenderer {
    */
   getStyles(node) {
     return Array.from(node.annotationMap.values())
-      .filter((annotation) => annotation instanceof contentState.NodeAnnotation)
+      .filter((annotation) => annotation instanceof codeBlock.NodeAnnotation)
       .map((annotation) => annotation.render())
       .filter(Boolean)
       .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
@@ -91,7 +92,7 @@ class RTENodeRenderer {
    */
   getClasses(node) {
     return Array.from(node.annotationMap.values())
-      .filter((annotation) => annotation instanceof contentState.NodeAnnotation)
+      .filter((annotation) => annotation instanceof codeBlock.NodeAnnotation)
       .map((annotation) => { var _a; return (_a = annotation.renderClass) === null || _a === void 0 ? void 0 : _a.call(annotation); })
       .filter(Boolean)
       .reduce((pre, cur) => [pre, cur].join(' '), '');
@@ -100,11 +101,11 @@ class RTENodeRenderer {
 
 class RTETextNodeRenderer extends RTENodeRenderer {
   render(node) {
-    const codeAnnotation = node.annotationMap.get(contentState.NodeAnnotationTypeEnum.CODE);
+    const codeAnnotation = node.annotationMap.get(codeBlock.NodeAnnotationTypeEnum.CODE);
     if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
-      return (index.h("code", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
+      return (index.h("code", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || codeBlock.ZERO_WIDTH_SPACE));
     }
-    return (index.h("span", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
+    return (index.h("span", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || codeBlock.ZERO_WIDTH_SPACE));
   }
   registerRef(ref, node) {
     super.registerRef(ref, node);
@@ -123,7 +124,7 @@ const RTETextNodeRenderer$1 = new RTETextNodeRenderer();
  */
 class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
   renderNodes(block, renderContext) {
-    const linkGroupAnnotation = block.getAnnotationByType(contentState.InternalAnnotationTypeEnum.LINK_GROUP);
+    const linkGroupAnnotation = block.getAnnotationByType(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
       ? this.renderLinkNodes(block.nodes, renderContext)
       : block.nodes.map((node) => RTETextNodeRenderer$1.render(node));
@@ -132,7 +133,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     const blockNodes = this.groupNodesByLink(nodes);
     return blockNodes.flatMap((item) => {
       if (this.isLinkGroup(item)) {
-        const linkAnnotation = item[0].getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK);
+        const linkAnnotation = item[0].getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK);
         return editable
           ? this.renderLinkEditorWrapper(item, linkAnnotation)
           : this.renderLink(item, linkAnnotation);
@@ -142,12 +143,12 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
   }
   groupNodesByLink(nodes) {
     return nodes.reduce((acc, node) => {
-      const nodeLinkAnnotation = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK);
+      const nodeLinkAnnotation = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK);
       const lastGroup = acc[acc.length - 1];
       if (typeGuard.isNonNullable(nodeLinkAnnotation)) {
         if (lastGroup &&
           this.isLinkGroup(lastGroup) &&
-          lastGroup[0].getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK).toEqual(nodeLinkAnnotation)) {
+          lastGroup[0].getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK).toEqual(nodeLinkAnnotation)) {
           lastGroup.push(node);
         }
         else {
@@ -173,7 +174,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
           const textChanged = text !== textFromNodes;
           const groupKey = createPublicApiRuntimeMetricsSlimmer.generateUUID();
           linkNodes.forEach((node) => {
-            const linkAnnotationAction = new contentState.LinkAnnotationAction({
+            const linkAnnotationAction = new codeBlock.LinkAnnotationAction({
               link: { href: url, groupKey: groupKey },
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && linkNodes.length > 1,
@@ -184,7 +185,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
           return;
         }
         case 'unlink': {
-          linkNodes.forEach((node) => node.deleteAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK));
+          linkNodes.forEach((node) => node.deleteAnnotationByType(codeBlock.NodeAnnotationTypeEnum.LINK));
           return;
         }
       }
@@ -193,7 +194,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     return (index.h("span", { class: "link-editor-wrapper", role: "link", tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), ref: (ref) => {
         if (ref) {
           linkWrapperRef = ref;
-          contentState.stateEntityRenderingRegistry.removeDirtyDomRef(ref);
+          codeBlock.stateEntityRenderingRegistry.removeDirtyDomRef(ref);
         }
       } },
       this.renderLink(linkNodes, linkAnnotation),
@@ -215,7 +216,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   canHandle(block) {
-    return block instanceof contentState.RTETextBlock;
+    return block instanceof codeBlock.RTETextBlock;
   }
   render(block, renderContext) {
     const BlockTag = this.getBlockTagByType(block.type);
@@ -267,7 +268,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
             bubbles: true,
           });
           setTimeout(() => {
-            contentState.stateEntityRenderingRegistry.getDOMByEntity(node).dispatchEvent(event);
+            codeBlock.stateEntityRenderingRegistry.getDOMByEntity(node).dispatchEvent(event);
           }, 50);
           break;
         }
@@ -275,8 +276,8 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
     };
   }
   render(node, renderContext) {
-    const imageAnnotation = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
-    const { size, alt } = imageAnnotation || new contentState.ImageAnnotation('md', '');
+    const imageAnnotation = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.IMAGE);
+    const { size, alt } = imageAnnotation || new codeBlock.ImageAnnotation('md', '');
     return renderContext.editable ? (index.h("vega-rich-text-image-editor", { key: node.id, style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (e) => this.handleChange(e, node));
       } }, this.renderImage(alt, node, renderContext))) : (this.renderImage(alt, node, renderContext));
@@ -322,6 +323,161 @@ class RTEListBlockRenderer extends RTEBlockRenderer {
 }
 const RTEListBlockRenderer$1 = new RTEListBlockRenderer();
 
+/**
+ * Switch out from the code block and insert new paragraph after code block.
+ *
+ * @example codeBlock.apply(new SwitchOutFromCodeBlockAction(content, language))
+ */
+class SwitchOutFromCodeBlockAction extends codeBlock.ModifyContentAction {
+  constructor(content, language) {
+    super();
+    this.isFlushable = true;
+    this.type = codeBlock.ModifyContentActionType.SWITCH_OUT_FROM_CODE_BLOCK;
+    this.content = content;
+    this.language = language;
+  }
+}
+
+/**
+ * Remove the code block from the state.
+ *
+ * @example codeBlock.parentBlock.apply(new RemoveCodeBlockAction())
+ */
+class RemoveCodeBlockAction extends codeBlock.ModifyContentAction {
+  constructor() {
+    super(...arguments);
+    this.isFlushable = true;
+    this.type = codeBlock.ModifyContentActionType.DELETE_CODE_BLOCK;
+  }
+}
+
+class RTECodeBlockNodeRenderer extends RTENodeRenderer {
+  render(node, renderContext) {
+    const { text: code, language } = node;
+    return (index.h("vega-code-block", { key: node.id, value: { code, language }, readOnly: !renderContext.editable, "data-content": code, "data-language": language, ref: (ref) => {
+        this.registerRef(ref, node);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (input) => this.handleCodeContentChange(input.detail, node));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaRemove, (input) => this.handleCodeBlockRemove(input, node));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaInternalEventId.VegaInternalCodeBlockSelectionChange, (input) => this.handleSelectionChange(input.detail, node));
+      } }));
+  }
+  /**
+   * Sync the code block DTO language and content when the component change event emit.
+   *
+   * @param {VegaCodeBlockValue} codeBlockValue - The code block value.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  handleCodeContentChange(codeBlockValue, node) {
+    const { code, language } = codeBlockValue;
+    if (this.shouldSwitchOutOfCodeBlock(node.text, code)) {
+      const switchAction = new SwitchOutFromCodeBlockAction(code, language);
+      node.parentBlock.apply(switchAction);
+    }
+    else {
+      node.apply(new codeBlock.UpdateCodeBlockAction(code, language));
+    }
+  }
+  /**
+   * Remove the code block from RTE value when the component remove event emit.
+   *
+   * @param {ChangeManagerEventLike<unknown>} input - The internal event payload object.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  handleCodeBlockRemove(input, node) {
+    input.preventDefault();
+    node.parentBlock.apply(new RemoveCodeBlockAction());
+  }
+  /**
+   * The cursor should jump out of code block if enter three line breaks at the end.
+   *
+   * @param {string} oldCode - The old code content.
+   * @param {string} newCode - The new code content.
+   * @returns {boolean} - Boolean value.
+   */
+  shouldSwitchOutOfCodeBlock(oldCode, newCode) {
+    const newCodes = newCode.split('\n');
+    if (newCode.length > oldCode.length &&
+      newCodes.length > 4 &&
+      newCodes.slice(newCodes.length - 4).join('') === ``) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Apply the selection action to code node or remove from the annotation map.
+   *
+   * @param {boolean} isSelected - The code block is focus or not.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  handleSelectionChange(isSelected, node) {
+    if (isSelected) {
+      node.apply(new codeBlock.SelectionChangeAction(null));
+    }
+    else {
+      node.annotationMap.delete(codeBlock.InternalAnnotationTypeEnum.SELECTION_RANGE);
+    }
+  }
+}
+const RTECodeBlockNodeRenderer$1 = new RTECodeBlockNodeRenderer();
+
+/**
+ * The code block renderer.
+ */
+class RTECodeBlockRenderer extends RTEBlockRenderer {
+  /**
+   * Check the input block type.
+   *
+   * @param {RTEBlock} block - The input block.
+   * @returns {boolean} - Return true if the input block is a code block.
+   */
+  canHandle(block) {
+    return block instanceof codeBlock.RTECodeBlock;
+  }
+  /**
+   * Render the code block.
+   *
+   * @param {RTECodeBlock} block - The code block.
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {HTMLElement} - The code block container element and code node elements.
+   */
+  render(block, renderContext) {
+    const { id, nodes } = block;
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    index.h("pre", { key: id, class: "code-block-container", ref: (node) => this.registerRef(node, block), onKeyDown: this.preventParentDoFocus, onClick: this.preventParentDoFocus, "data-language": nodes[0].language },
+      this.renderPlaceholderElement('TOP'),
+      RTECodeBlockNodeRenderer$1.render(nodes[0], renderContext),
+      this.renderPlaceholderElement('BOTTOM')));
+  }
+  /**
+   * The current element used to define the upper and lower bounds of a code block and to ensure that they are reflected in the range object when the code block is selected.
+   *
+   * @param {'TOP' | 'BOTTOM'} position - The element position.
+   * @returns {HTMLElement} - The empty span element.
+   */
+  renderPlaceholderElement(position) {
+    const marginTop = position === 'BOTTOM' ? '-1px' : '0px';
+    const marginBottom = position === 'BOTTOM' ? '0px' : '-1px';
+    return (index.h("span", { class: codeBlock.RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME, style: {
+        display: 'block',
+        height: '1px',
+        overflow: 'hidden',
+        zIndex: '1',
+        marginTop,
+        marginBottom,
+      } }, codeBlock.ZERO_WIDTH_SPACE));
+  }
+  /**
+   * Prevent the click event bubble, avoid the rich text content trigger focus event.
+   *
+   * @param {MouseEvent} e - The event object.
+   */
+  preventParentDoFocus(e) {
+    e.stopPropagation();
+  }
+}
+const RTECodeBlockRenderer$1 = new RTECodeBlockRenderer();
+
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -332,6 +488,7 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super();
     this.blockRenderers = [
+      RTECodeBlockRenderer$1,
       RTETextBlockRenderer$1,
       RTEImageBlockRenderer$1,
       RTEListBlockRenderer$1,
@@ -446,7 +603,7 @@ __decorate$1([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaRichTextContentStateController.prototype, "contentEditable", void 0);
 
-const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-family:\"Inter\", sans-serif;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content h1,:host .rich-text-content h2,:host .rich-text-content h3,:host .rich-text-content h4,:host .rich-text-content h5,:host .rich-text-content h6,:host .rich-text-content p{margin:0}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{vertical-align:bottom;cursor:pointer}:host .rich-text-content ul{padding-left:8px;margin-left:16px}:host .rich-text-content ol{padding-left:8px;list-style-position:inside}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}";
+const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-family:\"Inter\", sans-serif;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content h1,:host .rich-text-content h2,:host .rich-text-content h3,:host .rich-text-content h4,:host .rich-text-content h5,:host .rich-text-content h6,:host .rich-text-content p{margin:0}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{vertical-align:bottom;cursor:pointer}:host .rich-text-content ul{padding-left:8px;margin-left:16px}:host .rich-text-content ol{padding-left:8px;list-style-position:inside}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;