@heartlandone/vega 2.88.0 → 2.90.0

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

@@ -12,16 +12,20 @@ import { VegaInternalComponentDidRender, VegaInternalPopoverUpdateTarget, } from
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import ChangeManager from '../../../../../helpers/change-manager/change-manager';
 import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
+import { findParent } from '../../../../../utils/ui';
+import { VegaRTELinkExtension } from '../../../extensions/link/link-extension';
+import { normalizeUrlByDefaultProtocol } from '../../../extensions/link/utils';
 export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.handleKeyDown = (e) => {
       if (e.key === 'Enter') {
         void this.formRef.getValue().then(({ text, url }) => {
-          if (url.length > 0) {
+          const normalizedUrl = this.normalizeUrlByDefaultProtocol(url);
+          if (normalizedUrl.length > 0) {
             this.changeEventEmitter.emit({
               action: 'link',
-              payload: { text: text || url, url },
+              payload: { text: text || normalizedUrl, url: normalizedUrl },
             });
             void this.popoverRef.hide();
           }
@@ -58,13 +62,13 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
     return (h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, ref: (ref) => {
         this.popoverRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverShow, () => {
-          var _a, _b;
+          var _a, _b, _c;
           if (this.status === 'linkEdit') {
             void this.urlInputRef.doFocus();
           }
           void this.formRef.setValue({
             text: (_a = this.record) === null || _a === void 0 ? void 0 : _a.text,
-            url: (_b = this.record) === null || _b === void 0 ? void 0 : _b.url,
+            url: this.normalizeUrlByDefaultProtocol((_c = (_b = this.record) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : ''),
           });
         });
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverHide, () => {
@@ -111,6 +115,11 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
   updatePopoverTarget() {
     remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.popoverRef, VegaInternalPopoverUpdateTarget), this.target);
   }
+  normalizeUrlByDefaultProtocol(url) {
+    const rteHost = findParent(this.host, 'vega-rich-text-editor');
+    const linkConfig = VegaRTELinkExtension.configStore.get(rteHost) || {};
+    return normalizeUrlByDefaultProtocol(url, linkConfig.defaultProtocol);
+  }
 }
 __decorate([
   MapToComponentField()

package/dist/collection/components/vega-segment-control/slimmers/renderers/vega-segment-renderer.js

@@ -42,7 +42,7 @@ export class VegaSegmentRenderer extends VegaSlimmer {
       h("vega-icon", { icon: props.icon, size: "size-16" })));
   }
   renderText(props) {
-    return (h("vega-text", { overflow: "ellipsis", tooltip: { placement: ['bottom', 'top'] } }, props.text));
+    return (h("vega-text", { overflow: "ellipsis", tooltip: { placement: ['bottom', 'top'] }, text: props.text }));
   }
 }
 __decorate([

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/slimmers/renderers/vega-selection-chip-group-renderer.js

@@ -17,7 +17,7 @@ export class VegaSelectionChipGroupRenderer extends VegaSlimmer {
       this.renderHint()));
   }
   renderLabel() {
-    return (h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, optional: this.optional, label: this.label }));
   }
   renderContainer() {
     return (h("div", { class: "container", ref: (ref) => (this.groupContainerRef = ref) },
@@ -37,6 +37,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaSelectionChipGroupRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSelectionChipGroupRenderer.prototype, "optional", void 0);
 __decorate([
   MapToComponentField()
 ], VegaSelectionChipGroupRenderer.prototype, "hint", void 0);

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/vega-selection-chip-group.js

@@ -67,6 +67,16 @@ export class VegaSelectionChipGroup {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'checkbox' ? [] : '';
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.90.0
+     */
+    this.optional = false;
     /**
      * Defines custom validation rules for the selection chip group field.
      *
@@ -213,6 +223,30 @@ export class VegaSelectionChipGroup {
       "attribute": "required",
       "reflect": false
     },
+    "optional": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.90.0"
+          }],
+        "text": "Indicates whether the field should be presented as optional.\n\nThis property only takes effect when `required` is `false`.\nWhen `true`, an \"optional\" label is displayed next to the field label."
+      },
+      "attribute": "optional",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/slimmers/renderers/vega-selection-tile-group-renderer.js

@@ -17,27 +17,9 @@ export class VegaSelectionTileGroupRenderer extends VegaSlimmer {
       this.renderHint()));
   }
   renderLabel() {
-    return (this.label && (
-    // The label is exposed as its own focusable VoiceOver stop:
-    // `tabindex="0"` puts it in the tab / VO swipe order, and
-    // `aria-label` provides a clean accessible name that includes
-    // "required" as a spoken word.
-    //
-    // The visible text + asterisk are wrapped in an
-    // `aria-hidden="true"` span so VoiceOver does not descend into
-    // the children and create extra swipe stops on the raw text
-    // or the decorative "*" — the `aria-label` above is the
-    // single thing AT users hear for this stop.
-    h("div", { class: "vega-label" },
-      h("span", { 
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabindex: 0, "aria-label": this.required ? `${this.label} (required)` : this.label },
-        h("span", { "aria-hidden": "true" },
-          this.label,
-          this.renderRequire())))));
-  }
-  renderRequire() {
-    return (this.required && (h("span", { class: "vega-require", "aria-hidden": "true" }, "*")));
+    return (
+    // Make label focusable so VoiceOver/keyboard navigation lands on it before tile
+    h("vega-field-label", { isFieldRequired: this.required, label: this.label, disabled: this.disabled, tabindex: 0, optional: this.optional }));
   }
   renderContainer() {
     return (
@@ -83,12 +65,18 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSelectionTileGroupRenderer.prototype, "optional", void 0);
 __decorate([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "hint", void 0);
 __decorate([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "layout", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSelectionTileGroupRenderer.prototype, "disabled", void 0);
 __decorate([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "itemsController", void 0);

package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.css

@@ -48,45 +48,8 @@
 :host .vega-hidden {
   display: none;
 }
-:host .vega-label {
-  font-family: "Inter", sans-serif;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 22px;
-  letter-spacing: 0px;
+:host vega-field-label {
   margin-bottom: 16px;
-  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  :host .vega-label {
-    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) {
-  :host .vega-label {
-    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) {
-  :host .vega-label {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
-}
-:host .vega-label .vega-require {
-  color: rgba(var(--v-text-error, 189, 41, 71, 1));
-  margin-left: 4px;
 }
 :host .vega-hint {
   font-family: "Inter", sans-serif;

package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.js

@@ -89,6 +89,16 @@ export class VegaSelectionTileGroup {
      * @vegaVersion 2.7.0
      */
     this.layout = 'vertical';
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.89.0
+     */
+    this.optional = false;
     /**
      * Defines custom validation rules for the selection tile group field.
      *
@@ -275,6 +285,30 @@ export class VegaSelectionTileGroup {
       "attribute": "required",
       "reflect": false
     },
+    "optional": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.89.0"
+          }],
+        "text": "Indicates whether the field should be presented as optional.\n\nThis property only takes effect when `required` is `false`.\nWhen `true`, an \"optional\" label is displayed next to the field label."
+      },
+      "attribute": "optional",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.js

@@ -33,7 +33,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
       this.renderFooter()));
   }
   renderLabel() {
-    return (this.label && (h("vega-field-label", { onClick: this.signatureCaptureFocus, isFieldRequired: this.required, label: this.label, disabled: this.disabled })));
+    return (this.label && (h("vega-field-label", { onClick: this.signatureCaptureFocus, isFieldRequired: this.required, label: this.label, disabled: this.disabled, optional: this.optional })));
   }
   renderContainer() {
     return (h("div", { class: {
@@ -83,6 +83,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], WrittenModeRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], WrittenModeRenderer.prototype, "optional", void 0);
 __decorate([
   MapToComponentField()
 ], WrittenModeRenderer.prototype, "showClearBtn", void 0);

package/dist/collection/components/vega-signature-capture/vega-signature-capture.js

@@ -71,6 +71,16 @@ export class VegaSignatureCapture {
      * @vegaVersion 2.19.0
      */
     this.required = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.89.0
+     */
+    this.optional = false;
     /**
      * Determines whether the clear button is displayed.
      *
@@ -230,6 +240,30 @@ export class VegaSignatureCapture {
       "reflect": true,
       "defaultValue": "false"
     },
+    "optional": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.89.0"
+          }],
+        "text": "Indicates whether the field should be presented as optional.\n\nThis property only takes effect when `required` is `false`.\nWhen `true`, an \"optional\" label is displayed next to the field label."
+      },
+      "attribute": "optional",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "showClearBtn": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-pages-controller.js

@@ -179,11 +179,13 @@ export class VegaTabGroupPagesController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   /**
-   * 1.record the width of tab.
-   * 2.the width of every tab is zero if the tab group component embedded in modal, so need recalculate the width of tab.
+   * 1. Record the width of each tab.
+   * 2. Recalculate when widths are zero, such as when the tab group is embedded in a modal before render.
+   * 3. Recalculate when tab count changes to ensure overflow navigation buttons stay in sync.
    */
   initTabsWidthArray() {
     if (this.tabWidthArray.length === 0 ||
+      this.tabWidthArray.length !== this.tabItems.length ||
       this.tabWidthArray.some((tabWidth) => tabWidth === 0)) {
       const newTabWidthArray = [];
       this.tabItems.forEach((item) => {

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -72,9 +72,10 @@ export class VegaTabGroup {
     /**
      * Defines the tab items that appear within the tab group.
      *
-     * The `tabItems` property can only be set once during
-     *    initialization and cannot be overridden or
-     *    modified dynamically.
+     * The `tabItems` property supports dynamic updates.
+     *
+     * - When items are added or removed, the tab group
+     *      will update tabs and overflow layout automatically.
      *
      * @vegaVersion 1.3.0
      */
@@ -247,7 +248,7 @@ export class VegaTabGroup {
             "name": "vegaVersion",
             "text": "1.3.0"
           }],
-        "text": "Defines the tab items that appear within the tab group.\n\nThe `tabItems` property can only be set once during\n   initialization and cannot be overridden or\n   modified dynamically."
+        "text": "Defines the tab items that appear within the tab group.\n\nThe `tabItems` property supports dynamic updates.\n\n- When items are added or removed, the tab group\n     will update tabs and overflow layout automatically."
       },
       "defaultValue": "[]"
     },