@globalpayments/vega 2.32.0 → 2.34.0

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.js

@@ -5,10 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Fragment, h } from '@stencil/core';
-import { MapToComponentField, VegaSlimmer, MapToComponentMethod } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 import { LogUtility } from '../../../../utils/log';
 import { isDateStr } from '../../../../utils/date';
-export class VegaDatePickerRangeInputRenderer extends VegaSlimmer {
+import { VegaDatePickerInputRendererBase } from './vega-date-picker-input-renderer-base.abstract';
+export class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
   constructor() {
     super(...arguments);
     this.render = () => {
@@ -20,7 +21,8 @@ export class VegaDatePickerRangeInputRenderer extends VegaSlimmer {
             'range-input-divider': true,
           } }),
         h("div", { class: "date-picker-input" },
-          h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled }))));
+          h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled }),
+          this.renderClearIcon())));
     };
     this.getRangePlaceholder = () => {
       if (!this.placeholder) {
@@ -94,15 +96,9 @@ export class VegaDatePickerRangeInputRenderer extends VegaSlimmer {
     return this.oldEndDateInputRef;
   }
 }
-__decorate([
-  MapToComponentField()
-], VegaDatePickerRangeInputRenderer.prototype, "disabled", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerValueController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.js

@@ -16,7 +16,9 @@ export class VegaDatePickerRenderer extends VegaSlimmer {
     super(...arguments);
     this.renderInputPrefix = () => {
       return (h("div", { class: "vega-input-prefix" },
-        h("vega-icon", { icon: VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary" })));
+        h("vega-icon", { icon: VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary", 
+          // eslint-disable-next-line react/jsx-no-bind
+          onClick: () => this.focusInput() })));
     };
     /**
      * return true if input is enabled, otherwise false

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.js

@@ -5,10 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from '@stencil/core';
-import { MapToComponentField, VegaSlimmer, MapToComponentMethod } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 import { LogUtility } from '../../../../utils/log';
 import { isDateStr } from '../../../../utils/date';
-export class VegaDatePickerSingleInputRenderer extends VegaSlimmer {
+import { VegaDatePickerInputRendererBase } from './vega-date-picker-input-renderer-base.abstract';
+export class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase {
   constructor() {
     super(...arguments);
     this.render = () => {
@@ -18,7 +19,8 @@ export class VegaDatePickerSingleInputRenderer extends VegaSlimmer {
           // eslint-disable-next-line react/jsx-no-bind
           onClick: () => {
             this.vegaDatePickerCalendarRenderer.getDatePicker().show();
-          } })));
+          } }),
+        this.renderClearIcon()));
     };
     this.getSinglePlaceholder = () => {
       if (!this.placeholder) {
@@ -57,18 +59,12 @@ export class VegaDatePickerSingleInputRenderer extends VegaSlimmer {
     return this.oldSingleDateInputRef;
   }
 }
-__decorate([
-  MapToComponentField()
-], VegaDatePickerSingleInputRenderer.prototype, "disabled", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "placeholder", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerValueController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);

package/dist/collection/components/vega-date-picker/vega-date-picker.css

@@ -217,6 +217,20 @@
   display: none;
 }
 
+.vega-input-clear-icon {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
+}
+
+.vega-input-clear-icon vega-icon {
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+  flex-shrink: 0;
+}
+
 :host .range-input-divider {
   width: 1px;
   height: 24px;

package/dist/collection/components/vega-date-picker/vega-date-picker.js

@@ -173,6 +173,12 @@ export class VegaDatePicker {
      * @vegaVersion 1.5.0
      */
     this.dropdownConfig = {};
+    /**
+     * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @vegaVersion 2.33.0
+     */
+    this.showClearIcon = true;
     /**
      * Specifies whether the date picker field is disabled.
      *
@@ -614,6 +620,27 @@ export class VegaDatePicker {
       },
       "defaultValue": "{}"
     },
+    "showClearIcon": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.33.0"
+          }],
+        "text": "Determines whether the clear icon should be displayed or hidden."
+      },
+      "attribute": "show-clear-icon",
+      "reflect": false,
+      "defaultValue": "true"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -16,7 +16,7 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaChange, VegaPreview, VegaRemove, VegaRetry, VegaSelectFileChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
-import { FileUploaderRequiredRule } from '../../helpers/validator/rules/file-uploader-required-rule';
+import { ObjectArrayRequiredRule } from '../../helpers/validator/rules/object-array-required-rule';
 import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
@@ -31,7 +31,7 @@ export class VegaFileUploader {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => isRequired ? new FileUploaderRequiredRule() : null,
+          ruleFactory: (isRequired) => (isRequired ? new ObjectArrayRequiredRule() : null),
         },
       ],
       validationRulesName: 'validationRules',

package/dist/collection/components/vega-popover/slimmers/controllers/vega-popover-appender-controller.js

@@ -4,23 +4,55 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { MapToComponentField } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender-slimmer';
+import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalPopoverUpdateTarget } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /** The `VegaPopoverAppenderController` class extends `ElementAppenderSlimmer` and defines properties and methods for appending a popover element to a target element based on specified configurations. */
 export class VegaPopoverAppenderController extends ElementAppenderSlimmer {
   /**
    * The constructor initializes a popover with specific configuration options.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
+    super(() => this.generateShowConfigFactory(), () => this.trigger, 'isPopoverShow');
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
+   */
+  connectedCallback() {
+    this.registerRemoteMethod();
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalPopoverUpdateTarget));
+  }
+  /**
+   * Generate the show configuration for the popover.
+   *
+   * @returns {ElementAppenderShowConfig} The show configuration for the popover.
+   */
+  generateShowConfigFactory() {
+    return {
+      target: this.target || this.host,
       appendableElement: this.appenderRenderer.getPopoverContentBox(),
       positionRelativeTo: this.positionRelativeTo,
       matchTargetWidth: false,
       size: this.size,
       placement: this.placement,
       alignment: this.alignment,
-    }), () => this.trigger, 'isPopoverShow');
+    };
+  }
+  /**
+   * Register a remote method to update the target element of the popover.
+   */
+  registerRemoteMethod() {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalPopoverUpdateTarget), (target) => {
+      this.target = target;
+      super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this));
+    });
   }
 }
 __decorate([
@@ -47,3 +79,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaPopoverAppenderController.prototype, "appenderRenderer", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaPopoverAppenderController.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaPopoverAppenderController.prototype, "disconnectedCallback", null);

package/dist/collection/components/vega-rich-text-content/slimmers/controllers/vega-rich-text-content-state-controller.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField } from 'vega-slimmer/core';
+import { SubStateObserverSlimmer } from '../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+/**
+ * Controller for the table row states
+ */
+export class VegaRichTextContentStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-rich-text-editor',
+      subStates: [
+        {
+          subStateName: 'placeholder',
+          parentStateName: 'placeholder',
+        },
+        {
+          subStateName: 'contentEditable',
+          parentStateName: 'richTextContentEditable',
+        },
+      ],
+    });
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaRichTextContentStateController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaRichTextContentStateController.prototype, "placeholder", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaRichTextContentStateController.prototype, "contentEditable", void 0);

package/dist/collection/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.js

@@ -0,0 +1,59 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { h, Host } from '@stencil/core';
+import { VegaDarkModeStyleController } from '../../../../helpers/theme/controllers/dark-mode-style-controller';
+import { TextColorToolbarButtonSlimmer } from '../../../vega-rich-text-editor/slimmers/renderers/tools/text-color-toolbar-button-slimmer';
+export class VegaRichTextContentRenderer extends VegaSlimmer {
+  constructor() {
+    super();
+    VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
+  }
+  /**
+   * Get the rich text content element
+   *
+   * @returns {Nullable<HTMLDivElement>} a div element
+   */
+  getRichTextContentRef() {
+    return this.richTextContentRef;
+  }
+  render() {
+    return h(Host, null, this.renderRichTextContent());
+  }
+  renderRichTextContent() {
+    const showPlaceholder = this.shouldShowPlaceholder();
+    return (h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable }, this.renderContent()));
+  }
+  renderContent() {
+    var _a;
+    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => block.render({ editable: this.contentEditable }));
+  }
+  shouldShowPlaceholder() {
+    var _a;
+    const blocks = (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks;
+    if (blocks) {
+      if (blocks.length > 1) {
+        return false;
+      }
+      for (const block of blocks) {
+        if (block.isNotEmpty()) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "placeholder", void 0);
+__decorate([
+  MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "contentEditable", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaRichTextContentRenderer.prototype, "content", void 0);

package/dist/collection/components/vega-rich-text-content/vega-rich-text-content.css

@@ -0,0 +1,132 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+: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 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: 2px;
+  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;
+}

package/dist/collection/components/vega-rich-text-content/vega-rich-text-content.js

@@ -0,0 +1,124 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Element, Method, Prop, State } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { sanitizeVegaComponent } from '../../utils/component';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaRichTextContentRenderer } from './slimmers/renderers/vega-rich-text-content-renderer';
+import { VegaRichTextContentStateController } from './slimmers/controllers/vega-rich-text-content-state-controller';
+import { findParent } from '../../utils/ui';
+import { waitForComponentDidRender } from '../../helpers/common';
+/**
+ * @vegaVersion 2.34.0
+ */
+export class VegaRichTextContent {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
+    this.vegaRichTextContentStateController = new VegaRichTextContentStateController();
+    /**
+     * Specifies whether the rich text content is editable.
+     *
+     * @vegaVersion 2.34.0
+     */
+    this.contentEditable = false;
+  }
+  /**
+   * Invoke this method to focus on rich text content editable div
+   *
+   * @vegaVersion 2.34.0
+   */
+  async vegaFocus() {
+    this.vegaRichTextContentRenderer.getRichTextContentRef().focus();
+    const richTextEditorRef = findParent(this.host, 'vega-rich-text-editor');
+    if (richTextEditorRef) {
+      await waitForComponentDidRender(richTextEditorRef);
+    }
+  }
+  render() {
+    return sanitizeVegaComponent(this.vegaRichTextContentRenderer.render(), this.host);
+  }
+  static get is() { return "vega-rich-text-content"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-rich-text-content.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-rich-text-content.css"]
+  }; }
+  static get properties() { return {
+    "content": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTEContent",
+        "resolved": "VegaRTEContent",
+        "references": {
+          "VegaRTEContent": {
+            "location": "import",
+            "path": "../vega-rich-text-editor/dto/content-state"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }],
+        "text": "Specifies the text or formatted information displayed by the rich text content."
+      }
+    }
+  }; }
+  static get states() { return {
+    "placeholder": {},
+    "contentEditable": {}
+  }; }
+  static get methods() { return {
+    "vegaFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "Nullable": {
+            "location": "import",
+            "path": "../../types/general"
+          },
+          "HTMLVegaRichTextEditorElement": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to focus on rich text content editable div",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.34.0"
+          }]
+      }
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextContent.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentStateController", void 0);

package/dist/collection/components/vega-rich-text-editor/assets/align-center.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/align-justify.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M448 64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32zm0 256c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 192c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM448 448c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/align-left.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/align-right.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/bold.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M0 64C0 46.3 14.3 32 32 32H80 96 224c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128H96 80 32c-17.7 0-32-14.3-32-32s14.3-32 32-32H48V256 96H32C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64H112V224H224zM112 288V416H256c35.3 0 64-28.7 64-64s-28.7-64-64-64H224 112z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/code-simple.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 214.6 118.6zm146.7 0L498.7 256 361.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/image.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/indent.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M0 64C0 46.3 14.3 32 32 32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64zM192 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32zm32 96H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zM0 448c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM127.8 268.6L25.8 347.9C15.3 356.1 0 348.6 0 335.3V176.7c0-13.3 15.3-20.8 25.8-12.6l101.9 79.3c8.2 6.4 8.2 18.9 0 25.3z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/assets/italic.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M128 64c0-17.7 14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H293.3L160 416h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H90.7L224 96H160c-17.7 0-32-14.3-32-32z"/></svg>`,
+};