@globalpayments/vega 2.24.2 → 2.26.0

package/dist/esm/vega-table_8.entry.js

@@ -4,25 +4,25 @@ import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf56
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { g as getValueByPath } from './object-261e7344.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { l as TABLE_EXPAND_ROW, m as TABLE_ROW_SELECTION, n as TABLE_ROW_SELECTION_ALL, o as TABLE_ROW_CLICK } from './static-subject-title-2e153754.js';
-import { d as domNodeSubjectFactory, O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { f as findParent, a as arrayToClassString } from './ui-153f4ae7.js';
-import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
-import { i as VegaInternalTableRowExpand, j as VegaInternalTableRowSelect, k as VegaInternalTableRowSelectAll } from './vega-internal-event-id-809b4ec8.js';
-import { a as VegaClick, e as VegaChange, F as VegaPageSizeChange, V as VegaExpand, J as VegaSelectChange, K as VegaSelectAllChange, L as VegaRowClick, M as VegaRowExpand, N as VegaRowSelect, O as VegaRowSelectAll } from './vega-event-id-728eb2ac.js';
-import { P as isNonNullable, r as isBreakpointsTokenType } from './type-guard-4bc3fbf5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { j as TABLE_EXPAND_ROW, k as TABLE_ROW_SELECTION, l as TABLE_ROW_SELECTION_ALL, m as TABLE_ROW_CLICK } from './static-subject-title-2a4d6602.js';
+import { d as domNodeSubjectFactory, O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { f as findParent, a as arrayToClassString } from './ui-0132dbb5.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-cf9c81bb.js';
+import { k as VegaInternalTableRowExpand, l as VegaInternalTableRowSelect, m as VegaInternalTableRowSelectAll } from './vega-internal-event-id-7e05cf4a.js';
+import { a as VegaClick, e as VegaChange, G as VegaPageSizeChange, V as VegaExpand, K as VegaSelectChange, L as VegaSelectAllChange, M as VegaRowClick, N as VegaRowExpand, O as VegaRowSelect, P as VegaRowSelectAll } from './vega-event-id-7465a011.js';
+import { M as isNonNullable, r as isBreakpointsTokenType } from './type-guard-467c9e3e.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { g as getCurrentBreakpoint, B as Breakpoints } from './breakpoints-e59edf8d.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-46abe492.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
 import { I as ImmutableMap } from './immutable-map-f545ed1a.js';
-import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
+import { F as FeatureFlag } from './feature-flag-controller-a5fe5022.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
@@ -34,7 +34,7 @@ import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './array-506b88b9.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './index-0863eec6.js';
 import './icon-manager-754cda3f.js';
@@ -395,7 +395,7 @@ class VegaTableExpandRowController extends VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     ChangeManager.unregister(TABLE_EXPAND_ROW, this.expandObserver);
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -422,7 +422,7 @@ class VegaTableExpandRowController extends VegaSlimmer {
       }
     });
     ChangeManager.register(TABLE_EXPAND_ROW, this.expandObserver);
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
       return this.rowExpandEventEmitter.emit({
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         expanded: expanded,
@@ -634,8 +634,8 @@ class VegaTableRowSelectionController$1 extends VegaSlimmer {
     ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
     ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
     ChangeManager.unregister(TABLE_ROW_CLICK, this.rowClickObserver);
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
   }
   /**
    * Component lifecycle - componentWillLoad
@@ -769,14 +769,14 @@ class VegaTableRowSelectionController$1 extends VegaSlimmer {
       this.handleRowSelect(checked, record);
     });
     ChangeManager.register(TABLE_ROW_SELECTION, this.rowSelectionObserver);
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
       return this.rowSelectEventEmitter.emit({
         selected: checked,
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         selectedRows: this.getSelectedRecords(),
       });
     });
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
       return this.rowSelectAllEventEmitter.emit({
         selected: checked,
         selectedRows: this.getSelectedRecords(),
@@ -3636,7 +3636,7 @@ class VegaTableHeadRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const event = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+      const event = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
         host: this.host,
         checked: !this.checkedAll,
       });
@@ -3955,7 +3955,7 @@ class VegaTableRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
+      const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,
@@ -4166,7 +4166,7 @@ class VegaTableRowExpandController extends VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    const rowExpandEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
+    const rowExpandEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
       expanded: !this.expanded,
@@ -4240,7 +4240,7 @@ class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
+    const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,

package/dist/esm/vega-text.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { e as isTextWrapped, j as getElementComputedStyle } from './ui-153f4ae7.js';
+import { e as isTextWrapped, j as getElementComputedStyle } from './ui-0132dbb5.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -50,6 +50,7 @@ class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
           this.tooltipRef.remove();
           this.tooltipRef = null;
         }
+        this.host.style.minWidth = 'auto';
       }
     };
     /**
@@ -78,18 +79,24 @@ class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
      * @see{module:vega-text-with-long-text}
      * @see{module:vega-text-with-long-text-change-screen-size}
      * @see{module:vega-text-with-long-text-minimize-screen-size}
+     * @see{module:vega-text-with-long-text-minimize-screen-safari}
      */
     /* istanbul ignore next */
     this.updateTooltipDisplayText = async () => {
       let fontSize = parseFloat(getElementComputedStyle(this.host, 'font-size'));
       fontSize = isNaN(fontSize) ? VegaTextTooltipRenderer.DEFAULT_FONT_SIZE : fontSize;
-      let textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
+      const textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
       if (isTextWrapped(this.tooltipRef)) {
-        while (isTextWrapped(this.tooltipRef)) {
-          if (textLength > 1) {
-            textLength = textLength - 1;
+        for (let i = textLength; i >= 1; i--) {
+          this.tooltipRef.textContent = this.truncateStringWithEllipsis(i);
+          if (!isTextWrapped(this.tooltipRef)) {
+            break;
+          }
+          if (i <= 1) {
+            // Set min-width to fix the safari wrap issue when the default width is already wrapped.
+            this.insertMinWidthStyle();
+            break;
           }
-          this.tooltipRef.textContent = this.truncateStringWithEllipsis(textLength);
         }
       }
     };
@@ -125,6 +132,23 @@ class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
     }
   }
+  /**
+   * Dynamically calculates and sets the minimum width of an element based on the content inside a hidden placeholder element.
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-long-text-minimize-screen-safari}
+   */
+  /* istanbul ignore next */
+  insertMinWidthStyle() {
+    let placeholder = this.host.shadowRoot.querySelector('#min-width-placeholder');
+    if (!placeholder) {
+      placeholder = document.createElement('span');
+      placeholder.id = 'min-width-placeholder';
+      placeholder.style.cssText = 'position:absolute; visibility:hidden; word-break:keep-all;';
+      this.host.shadowRoot.appendChild(placeholder);
+    }
+    placeholder.textContent = this.truncateStringWithEllipsis(1);
+    this.host.style.minWidth = placeholder.getBoundingClientRect().width + 'px';
+  }
 }
 VegaTextTooltipRenderer.DEFAULT_FONT_SIZE = 16;
 __decorate$1([

package/dist/esm/vega-textarea.entry.js

@@ -4,18 +4,18 @@ import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { e as VegaChange, x as VegaBlur } from './vega-event-id-728eb2ac.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { e as VegaChange, y as VegaBlur } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
 import './string-be824360.js';
-import './dom-node-subject-observer-factory-926991a9.js';
-import './ui-153f4ae7.js';
+import './dom-node-subject-observer-factory-0d4b85b8.js';
+import './ui-0132dbb5.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -23,9 +23,9 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 
 const VegaTextareaRuntimeMetricsPayloadDefinition = [

package/dist/esm/vega-time-picker_2.entry.js

@@ -4,38 +4,38 @@ import { d as isTimeStr, p as pad, e as convert12HourTo24HourFormat } from './da
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, w as VegaFocus, x as VegaBlur, a as VegaClick } from './vega-event-id-728eb2ac.js';
-import { g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { e as VegaChange, x as VegaFocus, y as VegaBlur, a as VegaClick } from './vega-event-id-7465a011.js';
+import { g as getDeviceType, D as DeviceType } from './ui-0132dbb5.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f740e51a.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
-import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1aa00c06.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
+import { M as isNonNullable } from './type-guard-467c9e3e.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './number-e2519d1c.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-4488d609.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
-import './keyboard-manager-477122e6.js';
+import './keyboard-manager-d1f9ddc1.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 
 /**

package/dist/esm/vega-toggle-switch.entry.js

@@ -1,16 +1,90 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { e as VegaChange } from './vega-event-id-728eb2ac.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './dynamic-slimmer-90b8af32.js';
-import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './dom-node-subject-observer-factory-0d4b85b8.js';
+import './ui-0132dbb5.js';
+import './internal-vega-event-manager-722461c1.js';
+import './string-be824360.js';
+import './misc-9fdbcfbb.js';
+import './vega-internal-event-id-7e05cf4a.js';
+import './page-resize-observer-slimmer-8caeb03b.js';
+import './breakpoints-e59edf8d.js';
+import './ui-df46cc20.js';
+import './mutation-observer-slimmer-6cef9549.js';
+import './mutation-observer-filters-9086b5cc.js';
+import './array-506b88b9.js';
+import './number-e2519d1c.js';
 
-const vegaToggleSwitchCss = ":host{display:inline-block}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
+/**
+ * A rule that checks if toggle switch is required to switch on
+ *
+ * @implements {FormFieldValidationRule<boolean>}
+ */
+class ToggleSwitchRequiredRule {
+  /**
+   * If the input is a boolean, return a boolean. If the
+   * input is anything else, return false
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @returns {EvaluateResult} - An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (typeof input === 'boolean') {
+      return {
+        isValid: input,
+        message: input ? '' : 'This field is required',
+      };
+    }
+    else {
+      return {
+        isValid: false,
+        message: 'This field is required',
+      };
+    }
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * If the input is undefined or null, return true, otherwise return true if the input is a boolean.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return typeof input === 'boolean';
+  }
+}
+
+const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
 
 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;
@@ -29,24 +103,72 @@ const VegaToggleSwitch = class {
     this.change = createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.formFieldController = new FormFieldControllerSlimmer({
+      propertyRules: [
+        {
+          propertyName: 'required',
+          ruleFactory: (isRequired) => isRequired ? new ToggleSwitchRequiredRule() : null,
+        },
+      ],
+      validationRulesName: 'validationRules',
+      defaultValue: false,
+      attributeGetter: (propertyName) => this[propertyName],
+      inputContainerGetter: () => this.toggleSwitchContainer,
+      touchableAreaGetter: () => [this.toggleSwitchContainer],
+    });
     this.changeEventEmitter = createEventEmitSlimmer(VegaToggleSwitch, VegaChange);
-    /** Specifies whether the toggle switch is in the checked state. *
+    /**
+     * Specifies whether the toggle switch is in the checked state.
+     *
      * @version 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.checked = false;
+    /**
+     * The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked.
+     *
+     * @version 2.25.0
+     */
+    this.value = false;
     /**
      * Specifies the size of the toggle switch.
      *
      * @version 1.3.0
      */
     this.size = 'default';
+    /**
+     * Specifies whether the toggle switch must be checked
+     *    to pass form validation.
+     *
+     * @version 2.25.0
+     */
+    this.required = false;
     /**
      * Specifies whether the toggle switch is disabled.
      *
      * @version 1.3.0
      */
     this.disabled = false;
+    /**
+     * Defines custom validation rules for the toggle switch.
+     *
+     * @version 2.25.0
+     */
+    this.validationRules = [];
+    /**
+     * Determines whether automatic validation should be
+     *    implemented for the toggle switch.
+     *
+     * @version 2.25.0
+     */
+    this.autoValidation = true;
+    /**
+     * Specifies the validation status of the toggle switch.
+     *
+     * @version 2.25.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.isValid = null;
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-toggle-switch-click-on-label-e2e}
@@ -70,7 +192,20 @@ const VegaToggleSwitch = class {
     };
   }
   watchCheckedChange() {
+    this.value = this.checked;
     this.changeEventEmitter.emit(this.checked);
+    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+      host: this.host,
+      detail: this.value,
+    });
+  }
+  watchValue(newValue) {
+    this.checked = newValue === true;
+  }
+  watchValidationRules() {
+  }
+  componentWillLoad() {
+    this.value = this.checked;
   }
   render() {
     let divContainerCss = this.checked
@@ -78,14 +213,16 @@ const VegaToggleSwitch = class {
       : 'vega-container';
     divContainerCss += this.disabled ? ' vega-container-disabled' : '';
     divContainerCss += this.size === 'small' ? ' vega-container-small-size' : '';
-    return sanitizeVegaComponent(h(Host, null, h("vega-flex", { gap: "size-8" }, h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` }, h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }), h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })), this.renderLabelDom())), this.host);
+    return sanitizeVegaComponent(h(Host, null, h("vega-flex", { gap: "size-8", ref: (node) => (this.toggleSwitchContainer = node) }, h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` }, h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }), h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })), this.renderLabelDom())), this.host);
   }
   renderLabelDom() {
-    return this.label ? (h("div", { class: "vega-flex-basis-0 vega-flex-grow" }, h("vega-field-label", { onClick: this.toggleSwitch, disabled: this.disabled, label: this.label }))) : null;
+    return this.label ? (h("div", { class: "vega-flex-basis-0 vega-flex-grow" }, h("vega-field-label", { onClick: this.toggleSwitch, disabled: this.disabled, label: this.label, isFieldRequired: this.required }))) : null;
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "checked": ["watchCheckedChange"]
+    "checked": ["watchCheckedChange"],
+    "value": ["watchValue"],
+    "validationRules": ["watchValidationRules"]
   }; }
 };
 __decorate([
@@ -94,6 +231,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaToggleSwitch.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaToggleSwitch.prototype, "formFieldController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaToggleSwitch.prototype, "changeEventEmitter", void 0);

package/dist/esm/vega-tooltip_2.entry.js

@@ -1,18 +1,18 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-d2a96e14.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-8a82e8c9.js';
 import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f740e51a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1aa00c06.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import './keyboard-manager-477122e6.js';
-import './ui-153f4ae7.js';
+import './keyboard-manager-d1f9ddc1.js';
+import './ui-0132dbb5.js';
 import './ui-df46cc20.js';
-import './type-guard-4bc3fbf5.js';
+import './type-guard-467c9e3e.js';
 import './breakpoints-e59edf8d.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-4488d609.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';