@heartlandone/vega 2.80.0 → 2.82.0

package/dist/esm/{split-cell-operation-9445e642.js → split-cell-operation-5587f594.js}

@@ -1,12 +1,12 @@
-import { B as BlockAnnotation, c as RTEBlock, M as ModifyContentAction, C as CommonAnnotationTypeEnum, n as CustomAttributeAnnotation, h as RTENode, f as ActionHandleStrategy } from './code-block-7d6f231b.js';
+import { B as BlockAnnotation, d as RTEBlock, M as ModifyContentAction, C as CommonAnnotationTypeEnum, o as CustomAttributeAnnotation, i as RTENode, g as ActionHandleStrategy } from './code-block-b8be290a.js';
 import { c as cleanObject } from './object-0c277f57.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-82e5c1c6.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-e9a6b097.js';
 import './global-slimmer-registry-17c4efd4.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
-import { r as rgbToHex } from './ui-ba5a4758.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { r as rgbToHex } from './ui-b7600a48.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { U as UpdateCursorPositionAction, V as VegaRTEContent } from './content-state-084cd705.js';
+import { U as UpdateCursorPositionAction, V as VegaRTEContent } from './content-state-72b513d1.js';
 
 const ThemeManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -355,6 +355,17 @@ class RTETableAnnotation extends BlockAnnotation {
   static from(value, useInternalStyle = true) {
     return [RTETableExtensionAnnotationTypeEnum.TABLE, new RTETableAnnotation(value, useInternalStyle)];
   }
+  /**
+   * Get the default styles for the table annotation.
+   *
+   * @returns {AnnotationStyle} The default styles for the table annotation.
+   */
+  static getDefaultStyles() {
+    return {
+      borderCollapse: RTETableAnnotation.DEFAULT_BORDER_COLLAPSE,
+      margin: RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE,
+    };
+  }
   /**
    * Generates the CSS border string from the border properties.
    *
@@ -418,12 +429,17 @@ class RTETableAnnotation extends BlockAnnotation {
     if (!this.alignment)
       return {};
     return {
-      margin: this.alignment === 'center' ? '0 auto' : this.alignment === 'left' ? '0' : '0 0 0 auto',
+      margin: this.alignment === 'center'
+        ? RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE
+        : this.alignment === 'left'
+          ? '0'
+          : '0 0 0 auto',
     };
   }
 }
 RTETableAnnotation.DEFAULT_BORDER_COLLAPSE = 'collapse';
 RTETableAnnotation.DEFAULT_ALIGNMENT = 'center';
+RTETableAnnotation.DEFAULT_ALIGNMENT_STYLE_VALUE = '0 auto';
 
 /**
  * Class representing a table block in the rich text editor.
@@ -491,9 +507,9 @@ class RTETableBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<table${attrStr}>${childrenHtml}</table>`;
   }
   /**
@@ -707,9 +723,9 @@ class RTETableBodyBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<tbody${attrStr}>${childrenHtml}</tbody>`;
   }
   /**
@@ -763,13 +779,13 @@ class RTETableHeadBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
+  toHtml(options) {
     const childrenHtml = this.children
       .map((child) => {
-      return child.toHtml();
+      return child.toHtml(options);
     })
       .join('');
-    const attrStr = super.generateAttributeString();
+    const attrStr = super.generateAttributeString(options);
     return `<thead${attrStr}>${childrenHtml}</thead>`;
   }
   /**
@@ -823,13 +839,13 @@ class RTETableRowBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
+  toHtml(options) {
     const childrenHtml = this.children
       .map((child) => {
-      return child.toHtml();
+      return child.toHtml(options);
     })
       .join('');
-    const attrStr = super.generateAttributeString();
+    const attrStr = super.generateAttributeString(options);
     return `<tr${attrStr}>${childrenHtml}</tr>`;
   }
   /**
@@ -881,6 +897,24 @@ class RTETableCellAnnotation extends BlockAnnotation {
       new RTETableCellAnnotation(cellAnnotation, useInternalStyle),
     ];
   }
+  /**
+   * Get the default styles for the table annotation.
+   *
+   * @param {boolean} isHexColor - Whether to return color values as hex codes.
+   * @returns {AnnotationStyle} The default styles for the table annotation.
+   */
+  static getDefaultStyles(isHexColor = true) {
+    return {
+      padding: RTETableCellAnnotation.DEFAULT_PADDING,
+      textAlign: RTETableCellAnnotation.DEFAULT_HORIZONTAL_TEXT_ALIGN,
+      verticalAlign: RTETableCellAnnotation.DEFAULT_VERTICAL_TEXT_ALIGN,
+      minWidth: RTETableCellAnnotation.DEFAULT_CELL_MIN_WIDTH,
+      boxSizing: RTETableCellAnnotation.DEFAULT_BOX_SIZING,
+      border: `${RTETableCellAnnotation.DEFAULT_BORDER.style} ${RTETableCellAnnotation.DEFAULT_BORDER.width} ${isHexColor
+        ? RTETableCellAnnotation.DEFAULT_BORDER.color
+        : RTETableCellAnnotation.DEFAULT_BORDER_RGB_COLOR}`,
+    };
+  }
   /**
    * Generates the CSS border string from the border properties.
    *
@@ -1024,6 +1058,7 @@ RTETableCellAnnotation.DEFAULT_BORDER = {
   width: '1px',
   color: '#ddd',
 };
+RTETableCellAnnotation.DEFAULT_BORDER_RGB_COLOR = 'rgb(221, 221, 221)'; // Equivalent RGB for #ddd
 RTETableCellAnnotation.DEFAULT_HORIZONTAL_TEXT_ALIGN = 'left';
 RTETableCellAnnotation.DEFAULT_VERTICAL_TEXT_ALIGN = 'middle';
 RTETableCellAnnotation.DEFAULT_CELL_MIN_WIDTH = '55px';
@@ -1098,9 +1133,9 @@ class RTETableCellBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<td${attrStr}>${childrenHtml}</td>`;
   }
   /**
@@ -1214,9 +1249,9 @@ class RTETableHeadCellBlock extends RTETableCellBlock {
   /**
    * @inheritDoc
    */
-  toHtml() {
-    const childrenHtml = this.children.map((child) => child.toHtml()).join('');
-    const attrStr = super.generateAttributeString();
+  toHtml(options) {
+    const childrenHtml = this.children.map((child) => child.toHtml(options)).join('');
+    const attrStr = super.generateAttributeString(options);
     return `<th${attrStr}>${childrenHtml}</th>`;
   }
   /**

package/dist/esm/state-border-formatter-be51463d.js

@@ -0,0 +1,129 @@
+import { R as StateVariantFormatter, m as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, q as isShadowsTokenType, f as Shadows, g as ShadowMap, U as isBorderTokenType, W as Borders, X as BorderMap } from './type-guard-152070e9.js';
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
+
+/**
+ * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
+ * input values and provides an array of CSS states.
+ */
+class StateBorderColorFormatter extends StateVariantFormatter {
+  constructor() {
+    super(...arguments);
+    this.states = ['default', 'focus-visible', 'hover', 'active'];
+  }
+  /**
+   * The function `formatToken` takes a BorderColorsTokenType input, checks if it is a valid border
+   * color token type, and returns the corresponding CSS border-color value or logs a warning if the
+   * input is invalid.
+   *
+   * @param {BorderColorsTokenType} input - BorderColorsTokenType
+   * @returns {string} The `formatToken` function returns a string that represents a CSS style for border color
+   * based on the input `BorderColorsTokenType`. If the input is a valid border color token type, it
+   * retrieves the corresponding value from the `BorderColorMap` and returns a CSS style string with the
+   * border color value. If the input is not a valid border color token type, it logs a warning message
+   * and returns an
+   */
+  formatToken(input) {
+    if (isBorderColorTokenType(input)) {
+      const tokenValue = BorderColorMap[input];
+      return `border-color: ${tokenValue};`;
+    }
+    else {
+      LogUtility.warn(`The borderColor value ${input} is invalid, it must be a value of: `, BorderColors);
+      return '';
+    }
+  }
+  /**
+   * The function `getStates` returns an array of `CssStatesType` objects.
+   *
+   * @returns {CssStatesType[]} An array of CssStatesType objects is being returned.
+   */
+  getStates() {
+    return this.states;
+  }
+}
+const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
+
+/**
+ * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
+ * ShadowsTokenType input and provides an array of CssStatesType objects.
+ */
+class StateShadowFormatter extends StateVariantFormatter {
+  constructor() {
+    super(...arguments);
+    this.states = ['default', 'focus-visible', 'hover'];
+  }
+  /**
+   * The `formatToken` function in TypeScript takes a ShadowsTokenType input, validates it, and returns a
+   * formatted CSS box-shadow property string or logs a warning if the input is invalid.
+   *
+   * @param {ShadowsTokenType} input - ShadowsTokenType
+   * @returns {string} The `formatToken` function takes a `ShadowsTokenType` input and returns a CSS `box-shadow`
+   * property with the corresponding value from the `ShadowMap` object. If the input is not a valid
+   * `ShadowsTokenType`, it logs a warning message using `LogUtility.warn` and returns an empty string.
+   */
+  formatToken(input) {
+    if (isShadowsTokenType(input)) {
+      const tokenValue = ShadowMap[input];
+      return `box-shadow: ${tokenValue};`;
+    }
+    else {
+      LogUtility.warn(`The shadow value ${input} is invalid, it must be a value of: `, Shadows);
+      return '';
+    }
+  }
+  /**
+   * The function `getStates` returns an array of `CssStatesType` objects.
+   *
+   * @returns {CssStatesType[]}An array of CssStatesType objects is being returned.
+   */
+  getStates() {
+    return this.states;
+  }
+}
+const StateShadowFormatter$1 = new StateShadowFormatter();
+
+/**
+ * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
+ * and provides state information.
+ */
+class StateBorderFormatter extends StateVariantFormatter {
+  constructor() {
+    super(...arguments);
+    this.states = ['default', 'focus-visible', 'hover', 'active'];
+  }
+  /**
+   * The `formatToken` function in TypeScript formats a border token value into a CSS border property
+   * string or logs a warning if the input is invalid.
+   *
+   * @param {BordersTokenType} input - The `formatToken` function takes a `BordersTokenType` as input
+   * and returns a formatted string representing a CSS border property based on the input token value.
+   * If the input is a valid border token type, it retrieves the corresponding CSS value from the
+   * `BorderMap` and returns it in a `border
+   * @returns {string} The `formatToken` function returns a string that represents a CSS border property based on
+   * the input `BordersTokenType`. If the input is a valid border token type, it retrieves the
+   * corresponding value from the `BorderMap` and returns a CSS `border` property string. If the input
+   * is not a valid border token type, it logs a warning message using `LogUtility.warn` and returns an
+   * empty
+   */
+  formatToken(input) {
+    if (isBorderTokenType(input)) {
+      const tokenValue = BorderMap[input];
+      return `border: ${tokenValue};`;
+    }
+    else {
+      LogUtility.warn(`The border value ${input} is invalid, it must be a value of: `, Borders);
+      return '';
+    }
+  }
+  /**
+   * The function `getStates` returns an array of `CssStatesType` objects.
+   *
+   * @returns {CssStatesType[] } An array of objects of type CssStatesType, which represents the states.
+   */
+  getStates() {
+    return this.states;
+  }
+}
+const StateBorderFormatter$1 = new StateBorderFormatter();
+
+export { StateBorderFormatter$1 as S, StateShadowFormatter$1 as a, StateBorderColorFormatter$1 as b };

package/dist/esm/{string-format-strategy.abstract-ec6d627b.js → string-format-strategy.abstract-0157b3c5.js}

@@ -1,4 +1,4 @@
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 
 /**
  * String format strategy abstract class

package/dist/esm/{string-input-formatter-slimmer-959dff7a.js → string-input-formatter-slimmer-33ed3478.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { r as VegaInternalPasteEvent, s as VegaInternalComponentDidRender } from './vega-internal-event-id-70bd893d.js';
-import { w as waitForComponentDidRender } from './wait-for-component-did-render-03e7ccb2.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { r as VegaInternalPasteEvent, s as VegaInternalComponentDidRender } from './vega-internal-event-id-194bac82.js';
+import { w as waitForComponentDidRender } from './wait-for-component-did-render-30cde59c.js';
 
 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;

package/dist/esm/{string-mask-strategy-49be41f0.js → string-mask-strategy-b58891b5.js}

@@ -1,5 +1,5 @@
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-ec6d627b.js';
-import { i as isNonNullable } from './type-guard-23a08026.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-0157b3c5.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 
 /**
  * A class for formatting string with the given mask format

package/dist/esm/{style-formatter-ad0b2bac.js → style-formatter-9662ae88.js}

@@ -1,5 +1,5 @@
-import { i as isNonNullable } from './type-guard-23a08026.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
 
 /**
  * Fomatter flex styles.

package/dist/esm/{sub-state-notify-slimmer-ee8c417b.js → sub-state-notify-slimmer-1f907173.js}

@@ -2,8 +2,8 @@ import { V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { k as VegaInternalSubStatePull, j as VegaInternalSubStatePush } from './vega-internal-event-id-70bd893d.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { k as VegaInternalSubStatePull, j as VegaInternalSubStatePush } from './vega-internal-event-id-194bac82.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 
 /**
  * Sub state notify slimmer

package/dist/esm/{sub-state-observer-slimmer-4d30fa5c.js → sub-state-observer-slimmer-090c500a.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { f as findParent } from './ui-ba5a4758.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { j as VegaInternalSubStatePush, k as VegaInternalSubStatePull } from './vega-internal-event-id-70bd893d.js';
+import { f as findParent } from './ui-b7600a48.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { j as VegaInternalSubStatePush, k as VegaInternalSubStatePull } from './vega-internal-event-id-194bac82.js';
 
 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;

package/dist/esm/{time-required-rule-414b1590.js → time-required-rule-a9dc8473.js}

@@ -1,4 +1,4 @@
-import { U as isTimeStr } from './type-guard-23a08026.js';
+import { Q as isTimeStr } from './type-guard-152070e9.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**