npm - genesys-spark-components - Versions diffs - 4.116.0 → 4.117.0 - Mend

genesys-spark-components 4.116.0 → 4.117.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (516) hide show

package/dist/cjs/gux-table-toolbar.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const onResize = require('./on-resize-62f7838d.js');
-const onMutation = require('./on-mutation-c0879d47.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const onResize = require('./on-resize-810e9012.js');
+const onMutation = require('./on-mutation-e89e880e.js');
+const usage = require('./usage-b8a0be8e.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

package/dist/cjs/gux-table.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const index$1 = require('./index-d7208697.js');
+const index = require('./index-77202cdc.js');
+const index$1 = require('./index-220b0ad3.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8174e7ca.js');
+const usage = require('./usage-b8a0be8e.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-tabs-advanced.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

package/dist/cjs/gux-tabs.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;

package/dist/cjs/gux-tag.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-b8a0be8e.js');
 require('./get-closest-element-9e41d6b9.js');
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
-const getValidTimezone = require('./get-valid-timezone-221a0856.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
+const getValidTimezone = require('./get-valid-timezone-eb9723e2.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-d7208697.js');
+const index$1 = require('./index-220b0ad3.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-picker.cjs.entry.js CHANGED Viewed

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-2dd05ef3.js');
-const onClickOutside = require('./on-click-outside-bb55ad5e.js');
+const index$1 = require('./index-77202cdc.js');
+const onClickOutside = require('./on-click-outside-2faf7467.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index = require('./index-d7208697.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-220b0ad3.js');
+const usage = require('./usage-b8a0be8e.js');
+const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -270,10 +271,20 @@ const GuxTimePicker = class {
         usage.trackComponent(this.root);
         this.i18n = await index.buildI18nForComponent(this.root, translationResources);
         this.clockType = this.clockType || getLocaleClockType(this.root);
+        this.validateValueFormat(this.value, '00:00');
         if (this.clockType == '12h' && (this.min || this.max)) {
-            console.error('clock type must be "24h" when using min/max props');
+            logError.logError(this.root, 'clock type must be "24h" when using min/max props');
         }
     }
+    validateValueFormat(newValue, oldValue) {
+        if (!this.isValidTimeFormat(newValue)) {
+            logError.logError(this.root, `"${newValue}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${oldValue}"`);
+            this.value = oldValue;
+        }
+    }
+    isValidTimeFormat(value) {
+        return typeof value === 'string' && /^\d{1,2}:\d{2}$/.test(value);
+    }
     updateValue(value, fireChange = false) {
         if (value !== this.value) {
             this.value = value;
@@ -433,12 +444,15 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '1f6cfed472b707fa89290518f12a9f22080e2b4d', class: {
+        return (index$1.h("gux-popup", { key: '790159903dd4523bb55071ac9cffcddd41508fa0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "value": ["validateValueFormat"]
+    }; }
 };
 __decorate([
     onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })

package/dist/cjs/gux-time-zone-beta.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
-const index$1 = require('./index-d7208697.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-220b0ad3.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const index$1 = require('./index-d7208697.js');
+const index = require('./index-77202cdc.js');
+const index$1 = require('./index-220b0ad3.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
-const usage = require('./usage-8174e7ca.js');
+const usage = require('./usage-b8a0be8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-toast.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');

package/dist/cjs/gux-toggle-slider.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 const GuxToggleSliderStyle0 = guxToggleSliderCss;

package/dist/cjs/gux-toggle.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-8174e7ca.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-d7208697.js');
+const index$1 = require('./index-220b0ad3.js');
 require('./get-closest-element-9e41d6b9.js');
 const defaultAriaLabel = "Toggle Switch";

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8174e7ca.js');
+const usage = require('./usage-b8a0be8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

package/dist/cjs/gux-tooltip-title.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const logError = require('./log-error-7b9d4b57.js');
-const onMutation = require('./on-mutation-c0879d47.js');
-const onResize = require('./on-resize-62f7838d.js');
+const onMutation = require('./on-mutation-e89e880e.js');
+const onResize = require('./on-resize-810e9012.js');
 const guxTooltipTitleCss = "gux-tooltip-title{overflow:hidden}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-inline-start:20px}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;inset-block-start:1px;inset-inline-start:-20px;flex-shrink:0;inline-size:16px;block-size:16px}.gux-icon-only{line-height:0px}";
 const GuxTooltipTitleStyle0 = guxTooltipTitleCss;

package/dist/cjs/gux-tooltip_2.cjs.entry.js CHANGED Viewed

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8174e7ca.js');
+const usage = require('./usage-b8a0be8e.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
-const onMutation = require('./on-mutation-c0879d47.js');
-const onResize = require('./on-resize-62f7838d.js');
+const onMutation = require('./on-mutation-e89e880e.js');
+const onResize = require('./on-resize-810e9012.js');
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 const GuxTooltipStyle0 = guxTooltipCss;

package/dist/cjs/{index-d7208697.js → index-220b0ad3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 /******************************************************************************

package/dist/cjs/{index-2dd05ef3.js → index-77202cdc.js} RENAMED Viewed

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 const NAMESPACE = 'genesys-webcomponents';
-const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -706,6 +706,12 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 var styles = /* @__PURE__ */ new Map();
 var HYDRATED_CSS = "{visibility:hidden}[hydrated]{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
 var plt = {
@@ -1928,6 +1934,25 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(
+      (cbName) => Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          const hostRef = getHostRef(this);
+          const instance = hostRef.$lazyInstance$ ;
+          if (!instance) {
+            hostRef.$onReadyPromise$.then((instance2) => {
+              const cb = instance2[cbName];
+              typeof cb === "function" && cb.call(instance2, ...args);
+            });
+          } else {
+            const cb = instance[cbName];
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      })
+    );
+  }
   if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
     if (Cstr.watchers && !cmpMeta.$watchers$) {
       cmpMeta.$watchers$ = Cstr.watchers;
@@ -2245,6 +2270,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);