@heartlandone/vega 2.80.0 → 2.82.0

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

@@ -6,39 +6,40 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
-const imageAnnotationAction = require('./image-annotation-action-4e72af4b.js');
-const contentState = require('./content-state-afa26456.js');
-const codeBlock = require('./code-block-71a330a1.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
+const imageAnnotationAction = require('./image-annotation-action-0339e983.js');
+const contentState = require('./content-state-648652b4.js');
+const codeBlock = require('./code-block-b1f8aded.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
-const ui = require('./ui-9e8c9732.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-b6aba2de.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
+const ui = require('./ui-ae4ee13d.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-16863a21.js');
 const array = require('./array-249289f2.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
 require('./static-subject-title-5829a298.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
+require('./tinycolor-polyfill-502efaa8.js');
 require('./index-592b4052.js');
 require('./internal-icon-manager-c989189a.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./string-39438062.js');
 require('./object-b53e9416.js');
+require('./string-39438062.js');
+require('./typography-4560e7f1.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./number-4816603d.js');
 
 class RTEBlockRenderer extends baseRenderer.VegaRTEBaseRenderer {
@@ -68,10 +69,21 @@ class RTENodeRenderer extends baseRenderer.VegaRTEBaseRenderer {
 }
 
 class RTETextNodeRenderer extends RTENodeRenderer {
-  render(node) {
-    const inlineHtmlAnnotation = node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.INLINE_HTML);
+  /**
+   * Renders the text node wrapped in the given annotation chain starting from the
+   * provided annotation level. Used by the grouped node renderer to render a node
+   * inside an already-emitted outer wrapper.
+   *
+   * @param {RTETextNode} node - The text node to render.
+   * @param {Nullable<InlineHtmlAnnotation>} annotation - Starting annotation, or null for text-only.
+   * @returns {HTMLElement} The rendered element.
+   */
+  renderFromAnnotation(node, annotation) {
     const textNodeDom = this.renderText(node);
-    return inlineHtmlAnnotation ? this.renderWithWrapper(textNodeDom, inlineHtmlAnnotation) : textNodeDom;
+    return annotation ? this.renderWithWrapper(textNodeDom, annotation) : textNodeDom;
+  }
+  render(node) {
+    return this.renderFromAnnotation(node, node.getAnnotationByType(codeBlock.NodeAnnotationTypeEnum.INLINE_HTML));
   }
   renderWithWrapper(textNodeDom, inlineHtmlNode) {
     const { htmlTag: HtmlTag, customStyle, customAttribute, customClass, } = inlineHtmlNode;
@@ -239,20 +251,90 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     const linkGroupAnnotation = block.getAnnotationByType(codeBlock.InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
       ? RTELinkWrapperRenderer$1.render(block.children, linkGroupAnnotation, renderContext)
-      : block.children.map((node) => {
-        const nodeRenderer = dtoRendererManager.RTEDTORendererManager.getRTERenderer(node.type);
-        if (nodeRenderer) {
-          return nodeRenderer.render(node, renderContext, index.h);
-        }
-      });
+      : this.renderGroupedNodesAtDepth(block.children, 0, renderContext);
+  }
+  /**
+   * Recursively groups `nodes` by their inline HTML wrapper `groupId` at the given
+   * `depth`, emitting a single shared wrapper element for adjacent siblings and
+   * descending into the next depth for each group.  Nodes without a `groupId` at
+   * the current depth are rendered individually (same as the non-grouped path).
+   *
+   * @param {RTETextNode[]} nodes - The nodes to render.
+   * @param {number} depth - Current depth in the inline HTML chain (0 = outermost).
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {(HTMLElement | VNode)[]} Rendered nodes/elements at this depth.
+   */
+  renderGroupedNodesAtDepth(nodes, depth, renderContext) {
+    var _a;
+    const result = [];
+    let i = 0;
+    while (i < nodes.length) {
+      const tag = nodes[i].getInlineHtmlTagAtDepth(depth);
+      if (!(tag === null || tag === void 0 ? void 0 : tag.groupId)) {
+        result.push(this.renderNodeFromDepth(nodes[i], depth, renderContext));
+        i++;
+        continue;
+      }
+      let groupEnd = i + 1;
+      while (groupEnd < nodes.length &&
+        ((_a = nodes[groupEnd].getInlineHtmlTagAtDepth(depth)) === null || _a === void 0 ? void 0 : _a.groupId) === tag.groupId) {
+        groupEnd++;
+      }
+      if (groupEnd === i + 1) {
+        // Single node in group — render normally from this depth.
+        result.push(this.renderNodeFromDepth(nodes[i], depth, renderContext));
+      }
+      else {
+        // Multiple nodes share a wrapper — emit the wrapper once and recurse.
+        const attrs = tag.annotation.renderProps();
+        const inner = this.renderGroupedNodesAtDepth(nodes.slice(i, groupEnd), depth + 1, renderContext);
+        result.push(index.h(tag.htmlTag, attrs, inner));
+      }
+      i = groupEnd;
+    }
+    return result;
+  }
+  /**
+   * Renders a single node starting from the given inline HTML depth.
+   * At depth 0 the full annotation chain is rendered normally.
+   * At depth > 0 the chain begins at that depth (the outer wrappers have
+   * already been emitted by the grouping logic above).
+   *
+   * @param {RTETextNode} node - The node to render.
+   * @param {number} depth - Depth in the inline HTML chain to start from.
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {HTMLElement | VNode} The rendered node.
+   */
+  renderNodeFromDepth(node, depth, renderContext) {
+    if (depth === 0) {
+      const nodeRenderer = dtoRendererManager.RTEDTORendererManager.getRTERenderer(node.type);
+      return nodeRenderer.render(node, renderContext, index.h);
+    }
+    return TextNodeRenderer.renderFromAnnotation(node, node.getInlineHtmlAnnotationAtDepth(depth));
   }
 }
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
+    if (block.shouldRenderAsInternalWrapper()) {
+      const outerTag = this.getOuterInlineTag(block.children);
+      if (outerTag) {
+        const OuterTag = outerTag.htmlTag;
+        return (index.h(OuterTag, Object.assign({}, outerTag.annotation.renderProps(), { key: block.id, ref: (ref) => super.registerRef(ref, block) }), super.renderGroupedNodesAtDepth(block.children, 1, renderContext)));
+      }
+    }
     const BlockTag = block.getBlockTag();
     return (index.h(BlockTag, Object.assign({}, this.getCustomAttrs(block), { key: block.id, ref: (ref) => super.registerRef(ref, block), style: block.getStyles(), class: block.getClasses() }), super.renderNodes(block, renderContext)));
   }
+  /**
+   * Returns the promotable inline HTML tag when the block wraps exactly one
+   * inline-HTML element (e.g. `<summary>`, `<section>`), or `null` otherwise.
+   */
+  getOuterInlineTag(children) {
+    if (children.length !== 1)
+      return null;
+    return children[0].getInlineHtmlTagAtDepth(0);
+  }
 }
 const RTETextBlockRenderer$1 = new RTETextBlockRenderer();
 

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

@@ -8,41 +8,41 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
-const codeBlock = require('./code-block-71a330a1.js');
-const imageAnnotationAction = require('./image-annotation-action-4e72af4b.js');
+const codeBlock = require('./code-block-b1f8aded.js');
+const imageAnnotationAction = require('./image-annotation-action-0339e983.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const misc = require('./misc-3d30df91.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-b6aba2de.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-16863a21.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
-const contentState = require('./content-state-afa26456.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
+const contentState = require('./content-state-648652b4.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-fd077a6c.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-99fbd1f2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-7d4c2973.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-e8a922be.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const array = require('./array-249289f2.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -54,14 +54,15 @@ require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
-require('./internal-vega-event-manager-cc0f511c.js');
-require('./range-fa15d524.js');
-require('./keyboard-manager-slimmer-68cff676.js');
-require('./keyboard-manager-9dbbb0d4.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
+require('./internal-vega-event-manager-fef893bf.js');
+require('./range-5bd6d72b.js');
+require('./keyboard-manager-slimmer-879ff4f3.js');
+require('./keyboard-manager-5ed6c472.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
+require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./number-4816603d.js');
@@ -3563,6 +3564,7 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     if (typeof sourceViewValue === 'string') {
       await this.valueController.flushChanges(contentState.VegaRTEContent.fromHtml(sourceViewValue, {
         autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
+        filterInlineStyles: this.sourceEditConfig.filterInlineStyles,
       }));
     }
   }
@@ -3901,11 +3903,13 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
       var _a;
       // If source view is closed while blurring, it means the user switch back to normal mode, so we can skip emitting the change event.
       if (this.sourceView) {
+        const filterInlineStyles = Boolean(this.sourceEditConfig.filterInlineStyles);
         const sourceCode = this.getSourceCode();
         const newValue = contentState.VegaRTEContent.fromHtml(sourceCode, {
           autoMatchFormat: (_a = this.sourceEditConfig.autoMatchFormat) !== null && _a !== void 0 ? _a : true,
+          filterInlineStyles,
         });
-        const newSourceCode = newValue.toHtml();
+        const newSourceCode = newValue.toHtml({ filterInlineStyles });
         if (newSourceCode !== this.prevRecord) {
           this.sourceCodeChangeEventEmitter.emit(newSourceCode);
           this.prevRecord = newSourceCode;
@@ -3939,7 +3943,7 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
   render() {
     if (!this.allowSourceEdit)
       return;
-    const sourceCode = this.value.toHtml();
+    const sourceCode = this.getSourceTemplate();
     const sourceViewValue = this.sourceView ? CodeFormatter$1.format(sourceCode) : '';
     // Record the source view value when rendering, which will be used to compare with the current source view value when blurring the code block to determine whether to emit the source code change event.
     this.prevRecord = sourceCode;
@@ -3952,6 +3956,14 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaInternalEventId.VegaInternalCodeBlockBlur, this.handleCodeBlockBlur);
         }, disabled: this.disabled, value: { language: 'html', code: sourceViewValue } })));
   }
+  /**
+   * Get the source view template string based on the current value of the rich text editor.
+   *
+   * @returns {string} The HTML template string
+   */
+  getSourceTemplate() {
+    return this.value.toHtml({ filterInlineStyles: this.sourceEditConfig.filterInlineStyles });
+  }
 }
 __decorate$7([
   globalSlimmerRegistry.MapToComponentField()

package/dist/cjs/vega-rich-text-table-properties_3.cjs.entry.js

@@ -5,46 +5,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
 const component = require('./component-1e352960.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const splitCellOperation = require('./split-cell-operation-19f98afb.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
+const splitCellOperation = require('./split-cell-operation-bb388de6.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
-const ui = require('./ui-9e8c9732.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
+const ui = require('./ui-ae4ee13d.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const array = require('./array-249289f2.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./observer-f49483e8.js');
-require('./code-block-71a330a1.js');
+require('./code-block-b1f8aded.js');
 require('./string-39438062.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
 require('./object-b53e9416.js');
-require('./content-state-afa26456.js');
+require('./content-state-648652b4.js');
+require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-592b4052.js');
-require('./keyboard-manager-9dbbb0d4.js');
+require('./keyboard-manager-5ed6c472.js');
 require('./number-4816603d.js');
 
 const AlignTop = {

package/dist/cjs/vega-section-title.cjs.entry.js

@@ -15,7 +15,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaSectionTitleRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-8" },
+    return (index.h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-8", class: this.size === 'small' ? 'section-title-small' : undefined },
       this.renderPrefixIcon(),
       this.renderText()));
   }
@@ -41,7 +41,7 @@ class VegaSectionTitleRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.iconAlign === 'right' && index.h("div", { class: "right-icon-container" }, this.renderIcon()));
   }
   renderIcon() {
-    return (index.h("vega-icon", { icon: this.icon, color: "text-primary", size: "size-20", class: "vega-flex-shrink-0" }));
+    return (index.h("vega-icon", { icon: this.icon, color: this.iconColor, size: this.size === 'small' ? 'size-16' : 'size-20', class: "vega-flex-shrink-0" }));
   }
 }
 __decorate$1([
@@ -59,8 +59,14 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaSectionTitleRenderer.prototype, "iconAlign", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSectionTitleRenderer.prototype, "iconColor", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSectionTitleRenderer.prototype, "size", void 0);
 
-const vegaSectionTitleCss = ":host{display:block}.section-title-text{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.section-title-description{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.section-title-icon-container{margin-top:4px}.right-icon-container{display:inline-block;margin-left:8px;margin-top:4px;vertical-align:middle}";
+const vegaSectionTitleCss = ":host{display:block}.section-title-text{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-title-text{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.section-title-description{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-title-description{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.section-title-icon-container{margin-top:4px}.right-icon-container{display:inline-block;margin-left:8px;margin-top:4px;vertical-align:middle}.section-title-small .section-title-text{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.section-title-small .section-title-text{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.section-title-small .section-title-text{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.section-title-small .section-title-text{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}";
 
 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;
@@ -92,6 +98,18 @@ const VegaSectionTitle = class {
      * @vegaVersion 2.1.0
      */
     this.iconAlign = 'left';
+    /**
+     * Specifies the color of the icon displayed
+     *    within the section title.
+     * @vegaVersion 2.81.0
+     */
+    this.iconColor = 'text-primary';
+    /**
+     * Specifies the size of the section title.
+     *
+     * @vegaVersion 2.81.0
+     */
+    this.size = 'default';
   }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);

package/dist/cjs/vega-segment-control.cjs.entry.js

@@ -6,15 +6,15 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-a3a60da4.js');
+require('./dom-node-subject-observer-factory-9110cb94.js');
 require('./observer-f49483e8.js');
-require('./ui-9e8c9732.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./ui-ae4ee13d.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');

package/dist/cjs/vega-selection-chip_2.cjs.entry.js

@@ -6,38 +6,38 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const ui = require('./ui-9e8c9732.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const ui = require('./ui-ae4ee13d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -7,29 +7,29 @@ const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const ui = require('./ui-9e8c9732.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const ui = require('./ui-ae4ee13d.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-a8d13f4c.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2631c381.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');

package/dist/cjs/vega-sidenav_3.cjs.entry.js

@@ -13,28 +13,28 @@ const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
-const ui = require('./ui-9e8c9732.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-cc0f511c.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
+const ui = require('./ui-ae4ee13d.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
 require('./number-4816603d.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-3ec852d7.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');