genesys-spark-components 3.53.2 → 3.53.4

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const index$1 = require('./index-fb5ffce1.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const getClosestElement = require('./get-closest-element-ab4b2eee.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
 const en = require('./en-dc1f49b7.js');
@@ -34,7 +34,9 @@ const GuxSortControl = class {
     this.setState();
   }
   disconnectedCallback() {
-    this.thObserver.disconnect();
+    if (this.thObserver) {
+      this.thObserver.disconnect();
+    }
   }
   onClick() {
     this.guxsortchanged.emit({

package/dist/cjs/gux-switch.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const onMutation = require('./on-mutation-3a62df7a.js');
+const onMutation = require('./on-mutation-73def47a.js');
 const eventIsFrom = require('./event-is-from-ad1044f2.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const index$1 = require('./index-fb5ffce1.js');

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -47,6 +47,7 @@ const GuxTabAdvanced = class {
       case 'ArrowDown':
       case 'Enter':
         if (eventIsFrom.eventIsFrom('.gux-tab-options-button', event)) {
+          event.preventDefault();
           this.popoverHidden = false;
           this.focusFirstItemInPopupList();
         }

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ce5e725f.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const index$1 = require('./index-fb5ffce1.js');
-const onMutation = require('./on-mutation-3a62df7a.js');
+const onMutation = require('./on-mutation-73def47a.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const scrollLeft = "Scroll Left";

package/dist/cjs/gux-table-beta.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-ce5e725f.js');
 const index$1 = require('./index-fb5ffce1.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-table-select-popover.cjs.entry.js

@@ -85,7 +85,9 @@ const GuxTableSelectPopover = class {
   }
   disconnectedCallback() {
     this.destroyPopper();
-    this.hiddenObserver.disconnect();
+    if (this.hiddenObserver) {
+      this.hiddenObserver.disconnect();
+    }
   }
   render() {
     return (index.h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, index.h("div", { class: "gux-popover-content" }, index.h("slot", null))));

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-8e2f04e5.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const index$1 = require('./index-fb5ffce1.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const onResize = require('./on-resize-827aa87c.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const onResize = require('./on-resize-b182a263.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 /**
  * Below is the minimum spacing in px that is required between,

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const guxTableToolbarCustomActionCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:8px;align-items:center}.gux-action-title slot[name='icon']::slotted(gux-icon){width:16px;height:16px}";
 

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const onClickOutside = require('./on-click-outside-63ec9076.js');
 const index$1 = require('./index-fb5ffce1.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

package/dist/cjs/gux-tabs-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const index$1 = require('./index-fb5ffce1.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

package/dist/cjs/gux-tag-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const index$1 = require('./index-fb5ffce1.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const tag = "tag with label: {label}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const search = require('./search-a2ed7f26.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const GuxTextHighlight = class {
   constructor(hostRef) {

package/dist/cjs/gux-text-label-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const DateTimeFormatter = require('./DateTimeFormatter-acf2be09.js');
 const index$1 = require('./index-fb5ffce1.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-63ec9076.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const index = require('./index-fb5ffce1.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const am = "AM";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const index$1 = require('./index-fb5ffce1.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const logError = require('./log-error-ddbca3a0.js');
-const onMutation = require('./on-mutation-3a62df7a.js');
+const onMutation = require('./on-mutation-73def47a.js');
 
 const guxTooltipTitleCss = "gux-tooltip-title{overflow:hidden}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;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-left:calc(16px + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-16px - 4px);flex-shrink:0;width:16px}";
 

package/dist/cjs/gux-tooltip.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 const popper = require('./popper-11d5f714.js');
 
 const guxTooltipCss = ":host{z-index:var(--gux-zindex-tooltip, 1);visibility:hidden !important;opacity:0}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;max-width:250px;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

package/dist/cjs/gux-truncate-beta.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ce5e725f.js');
-const onMutation = require('./on-mutation-3a62df7a.js');
-const onResize = require('./on-resize-827aa87c.js');
+const onMutation = require('./on-mutation-73def47a.js');
+const onResize = require('./on-resize-b182a263.js');
 
 function getTextContentFromNodes(elements) {
   return elements

package/dist/cjs/gux-visualization-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$2 = require('./index-ce5e725f.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const index$3 = require('./index-fb5ffce1.js');
-const usageTracking = require('./usage-tracking-fceb606a.js');
+const usageTracking = require('./usage-tracking-f3f02b15.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /*!

package/dist/cjs/{on-mutation-3a62df7a.js → on-mutation-73def47a.js}

@@ -15,7 +15,9 @@ function OnMutation(opt) {
       return connectedCallback && connectedCallback.call(this);
     };
     proto.disconnectedCallback = function () {
-      onMutationObserver.disconnect();
+      if (onMutationObserver) {
+        onMutationObserver.disconnect();
+      }
       return disconnectedCallback && disconnectedCallback.call(this);
     };
   };

package/dist/cjs/{on-resize-827aa87c.js → on-resize-b182a263.js}

@@ -15,7 +15,9 @@ function OnResize() {
       return connectedCallback && connectedCallback.call(this);
     };
     proto.disconnectedCallback = function () {
-      onMutationObserver.disconnect();
+      if (onMutationObserver) {
+        onMutationObserver.disconnect();
+      }
       return disconnectedCallback && disconnectedCallback.call(this);
     };
   };

package/dist/cjs/{usage-tracking-fceb606a.js → usage-tracking-f3f02b15.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "3.53.2";
+const version = "3.53.4";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/beta/gux-popover-list/gux-popover-list.js

@@ -95,7 +95,9 @@ export class GuxPopoverList {
   }
   disconnectedCallback() {
     this.destroyPopper();
-    this.hiddenObserver.disconnect();
+    if (this.hiddenObserver) {
+      this.hiddenObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, h("div", { class: "gux-arrow", "data-popper-arrow": true }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { class: "gux-popover-content" }, h("slot", null))));

package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.js

@@ -25,7 +25,9 @@ export class GuxSortControl {
     this.setState();
   }
   disconnectedCallback() {
-    this.thObserver.disconnect();
+    if (this.thObserver) {
+      this.thObserver.disconnect();
+    }
   }
   onClick() {
     this.guxsortchanged.emit({

package/dist/collection/components/beta/gux-table/gux-table-select-menu/gux-table-select-popover/gux-table-header-popover.js

@@ -79,7 +79,9 @@ export class GuxTableSelectPopover {
   }
   disconnectedCallback() {
     this.destroyPopper();
-    this.hiddenObserver.disconnect();
+    if (this.hiddenObserver) {
+      this.hiddenObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, h("div", { class: "gux-popover-content" }, h("slot", null))));

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-color/gux-input-color.js

@@ -37,7 +37,9 @@ export class GuxInputColor {
     this.color = this.input.value;
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("section", null, h("span", { class: "gux-hidden", id: this.requiredId }, this.i18n('required')), h("button", { "aria-describedby": `${this.guxLabelDescribedby} ${this.guxRequired ? this.requiredId : ''} ${this.guxErrorDescribedby}`, "aria-expanded": this.opened ? 'true' : 'false', type: "button", class: {

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-number/gux-input-number.js

@@ -61,7 +61,9 @@ export class GuxInputNumber {
     });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { class: {

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-range/gux-input-range.js

@@ -62,7 +62,9 @@ export class GuxInputRange {
     this.updatePosition();
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
     clearInterval(this.valueWatcherId);
   }
   render() {

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-search/gux-input-search.js

@@ -38,7 +38,9 @@ export class GuxInputSearch {
     });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { class: {

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-select/gux-input-select.js

@@ -12,7 +12,9 @@ export class GuxInputSelect {
     });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { class: {

package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-text-like/gux-input-text-like.js

@@ -35,7 +35,9 @@ export class GuxInputTextLike {
     });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { class: {

package/dist/collection/components/legacy/gux-form-field-legacy/gux-form-field.js

@@ -61,7 +61,9 @@ export class GuxFormFieldLegacy {
     this.validateFormIds();
   }
   disconnectedCallback() {
-    this.requiredObserver.disconnect();
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   renderInputCheckbox(hasError) {
     return (h("div", null, h("gux-input-checkbox", { class: { 'gux-input-error': hasError } }, h("slot", { name: "input" }), h("slot", { name: "label" })), this.renderError(hasError)));

package/dist/collection/components/legacy/gux-list-legacy/gux-list.js

@@ -76,7 +76,9 @@ export class GuxListLegacy {
     this.observer.observe(this.root, { childList: true, subtree: true });
   }
   disconnectedCallback() {
-    this.observer.disconnect();
+    if (this.observer) {
+      this.observer.disconnect();
+    }
   }
   render() {
     this.performHighlight(this.highlight);

package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.js

@@ -72,7 +72,9 @@ export class GuxAdvancedDropdown {
     this.slotObserver = onMutation(this.root, () => this.updateSelectionState());
   }
   disconnectedCallback() {
-    this.slotObserver.disconnect();
+    if (this.slotObserver) {
+      this.slotObserver.disconnect();
+    }
   }
   render() {
     return (h("gux-popup", { expanded: this.opened, disabled: this.disabled }, h("div", { slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { class: "gux-icon-wrapper" }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" }))), h("div", { slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { "label-position": "screenreader" }, h("label", { slot: "label" }, this.i18n('searchAria')), h("input", { slot: "input", type: "search", onInput: (event) => {

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -43,7 +43,9 @@ export class GuxContentSearch {
     this.inputSlottedElement.addEventListener('input', (e) => this.onInput(e));
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -39,7 +39,9 @@ export class GuxFormFieldCheckbox {
     trackComponent(this.root);
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h(Host, { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -41,8 +41,12 @@ export class GuxFormFieldColor {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js

@@ -48,8 +48,12 @@ export class GuxFormFieldDropdown {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -56,8 +56,12 @@ export class GuxFormFieldNumber {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     const showClearButton = this.clearable && this.hasContent && !this.disabled;

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js

@@ -39,7 +39,9 @@ export class GuxFormFieldRadio {
     trackComponent(this.root);
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
   }
   render() {
     return (h(Host, { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -57,8 +57,12 @@ export class GuxFormField {
     this.updatePosition();
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
     clearInterval(this.valueWatcherId);
   }
   render() {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -51,8 +51,12 @@ export class GuxFormFieldSearch {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -42,8 +42,12 @@ export class GuxFormFieldSelect {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js

@@ -60,8 +60,12 @@ export class GuxFormFieldTextLike {
     trackComponent(this.root, { variant: this.variant });
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { class: {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js

@@ -46,8 +46,12 @@ export class GuxFormFieldTextarea {
     this.updateHeight(this.textareaContainerElement, this.input, this.resize);
   }
   disconnectedCallback() {
-    this.disabledObserver.disconnect();
-    this.requiredObserver.disconnect();
+    if (this.disabledObserver) {
+      this.disabledObserver.disconnect();
+    }
+    if (this.requiredObserver) {
+      this.requiredObserver.disconnect();
+    }
   }
   render() {
     return (h(GuxFormFieldContainer, { labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { position: this.computedLabelPosition, required: this.required }, h("slot", { name: "label", onSlotchange: () => this.setLabel() })), h("div", { class: "gux-input-and-error-container" }, h("div", { ref: el => (this.textareaContainerElement = el), class: {