genesys-spark-components 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/cjs/gux-form-field-time-picker.cjs.entry.js

@@ -9,7 +9,7 @@ const onAttributeChange = require('./on-attribute-change-37556263.js');
 const hasSlot = require('./has-slot-2e73d6e7.js');
 const getSlotTextContent = require('./get-slot-text-content-8a021eeb.js');
 const guxFormField_service = require('./gux-form-field.service-dd469568.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-d46c02b7.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const logError = require('./log-error-d46c02b7.js');
 
 const svgHTMLCache = new Map();

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const info = "Information alert with message";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const guxList_service = require('./gux-list.service-763539a2.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";
 

package/dist/cjs/gux-listbox-multi.cjs.entry.js

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-93102b5b.js');
 const index$1 = require('./index-9bbde1aa.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-loading-message-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 /**
  * Below are the max-widths for the loading component.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxModalCss = ":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const index$1 = require('./index-9bbde1aa.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxNotificationToastCss = ".gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(\"./fonts/roboto-v20-latin-300.eot\");src:local(\"Roboto Light\"), local(\"Roboto-Light\"), url(\"./fonts/roboto-v20-latin-300.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-300.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-300.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-300.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-300.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(\"./fonts/roboto-v20-latin-regular.eot\");src:local(\"Roboto\"), local(\"Roboto-Regular\"), url(\"./fonts/roboto-v20-latin-regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-regular.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-regular.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-regular.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-regular.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(\"./fonts/roboto-v20-latin-italic.eot\");src:local(\"Roboto Italic\"), local(\"Roboto-Italic\"), url(\"./fonts/roboto-v20-latin-italic.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-italic.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-italic.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-italic.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-italic.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(\"./fonts/roboto-v20-latin-700.eot\");src:local(\"Roboto Bold\"), local(\"Roboto-Bold\"), url(\"./fonts/roboto-v20-latin-700.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-700.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-700.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-700.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-700.svg#Roboto\") format(\"svg\");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:8px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px fade(#202937, 24%)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}";
 

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxPaginationCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/cjs/gux-phone-input-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const index$1 = require('./index-9bbde1aa.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-cad0a9cf.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usage = require('./usage-773d060a.js');
-const popper = require('./popper-9a6aec9e.js');
+const usage = require('./usage-5d98dcde.js');
+const findElementById = require('./find-element-by-id-99f1f933.js');
 
-const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";
+const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";
 
 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;
@@ -28,86 +28,108 @@ const GuxPopoverList = class {
     this.position = 'bottom';
     this.displayDismissButton = undefined;
     this.closeOnClickOutside = false;
-    this.hidden = true;
-  }
-  hiddenHandler(hidden) {
-    if (!hidden && !this.popperInstance) {
-      this.runPopper();
-    }
-    else if (!hidden && this.popperInstance) {
-      this.popperInstance.forceUpdate();
-    }
+    this.isOpen = false;
   }
   checkForClickOutside(event) {
     const clickPath = event.composedPath();
-    const forElement = document.getElementById(this.for);
+    const forElement = findElementById.findElementById(this.root, this.for);
     const clickedForElement = clickPath.includes(forElement);
     if ((this.closeOnClickOutside || !this.displayDismissButton) &&
-      !this.hidden &&
+      this.isOpen &&
       !clickedForElement) {
       this.dismiss();
     }
   }
-  runPopper() {
-    const forElement = document.getElementById(this.for);
-    if (!forElement) {
-      console.error(`gux-popover-list: invalid "for" attribute. No element in page with the id "${this.for}"`);
-    }
-    else if (this.popupElement) {
-      this.popperInstance = popper.createPopper(forElement, this.popupElement, {
-        modifiers: [
-          {
-            name: 'offset',
-            options: {
-              offset: [0, 7]
-            }
-          },
-          {
-            name: 'arrow',
-            options: {
-              padding: 16
-            }
-          }
-        ],
-        placement: this.position
+  runUpdatePosition() {
+    if (this.root.isConnected) {
+      this.cleanupUpdatePosition = floatingUi_dom_esm.autoUpdate(findElementById.findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+        ancestorScroll: true,
+        elementResize: true,
+        animationFrame: true,
+        ancestorResize: true
       });
     }
+    else {
+      this.disconnectedCallback();
+    }
   }
-  destroyPopper() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
+  updatePosition() {
+    const forElement = findElementById.findElementById(this.root, this.for);
+    // This is 13 because this makes the arrow look aligned
+    const arrowLen = 13;
+    if (this.popupElement) {
+      void floatingUi_dom_esm.computePosition(forElement, this.popupElement, {
+        placement: this.position,
+        middleware: [
+          floatingUi_dom_esm.offset(7),
+          floatingUi_dom_esm.flip(),
+          floatingUi_dom_esm.shift(),
+          floatingUi_dom_esm.arrow({
+            element: this.arrowElement,
+            padding: 16
+          })
+        ]
+      }).then(({ x, y, middlewareData, placement }) => {
+        Object.assign(this.popupElement.style, {
+          left: `${x}px`,
+          top: `${y}px`
+        });
+        const side = placement.split('-')[0];
+        const staticSide = {
+          top: 'bottom',
+          right: 'left',
+          bottom: 'top',
+          left: 'right'
+        }[side];
+        if (middlewareData.arrow) {
+          const { x, y } = middlewareData.arrow;
+          this.popupElement.setAttribute('data-placement', placement);
+          Object.assign(this.arrowElement.style, {
+            left: x != null ? `${x}px` : '',
+            top: y != null ? `${y}px` : '',
+            right: '',
+            bottom: '',
+            [staticSide]: `${-arrowLen / 2}px`,
+            transform: 'rotate(45deg)'
+          });
+        }
+      });
     }
   }
   dismiss() {
     const dismissEvent = this.guxdismiss.emit();
     if (!dismissEvent.defaultPrevented) {
-      this.root.setAttribute('hidden', '');
+      this.isOpen = false;
     }
   }
   connectedCallback() {
     usage.trackComponent(this.root, { variant: this.position });
-    this.hiddenObserver = onAttributeChange.onHiddenChange(this.root, (hidden) => {
-      this.hidden = hidden;
-    });
-    this.hidden = this.root.hidden;
   }
   componentDidLoad() {
-    this.runPopper();
+    if (this.isOpen) {
+      this.runUpdatePosition();
+    }
+  }
+  componentDidUpdate() {
+    if (this.isOpen) {
+      this.runUpdatePosition();
+    }
+    else if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
+    }
   }
   disconnectedCallback() {
-    this.destroyPopper();
-    if (this.hiddenObserver) {
-      this.hiddenObserver.disconnect();
+    if (this.cleanupUpdatePosition) {
+      this.cleanupUpdatePosition();
     }
   }
   render() {
-    return (index.h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, index.h("div", { class: "gux-arrow", "data-popper-arrow": true }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { class: "gux-popover-content" }, index.h("slot", null))));
+    return (index.h("div", { ref: (el) => (this.popupElement = el), class: {
+        'gux-hidden': !this.isOpen,
+        'gux-popover-wrapper': true
+      }, "data-placement": true }, index.h("div", { ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { class: "gux-popover-content" }, index.h("slot", null))));
   }
   get root() { return index.getElement(this); }
-  static get watchers() { return {
-    "hidden": ["hiddenHandler"]
-  }; }
 };
 __decorate([
   onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0d0fdb85.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const getSlot = require('./get-slot-097ade01.js');
 const findElementById = require('./find-element-by-id-99f1f933.js');
 const popper = require('./popper-9a6aec9e.js');

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const loading = "Loading";

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const logError = require('./log-error-d46c02b7.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const clamp = require('./clamp-1bb96117.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0d0fdb85.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const clamp = require('./clamp-1bb96117.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const logError = require('./log-error-d46c02b7.js');
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-ui--rating-default-color)}.gux-rating-star-container.gux-disabled{pointer-events:none;color:var(--gse-ui-rating-disabled-color);opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/cjs/gux-region-icon.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const regionFlagsCss = ".flag-ad{background-image:url();background-position:0px 0px;width:24px;height:24px}.flag-ae{background-image:url();background-position:-24px 0px;width:24px;height:24px}.flag-af{background-image:url();background-position:0px -24px;width:24px;height:24px}.flag-ag{background-image:url();background-position:-24px -24px;width:24px;height:24px}.flag-ai{background-image:url();background-position:-48px 0px;width:24px;height:24px}.flag-al{background-image:url();background-position:-48px -24px;width:24px;height:24px}.flag-am{background-image:url();background-position:0px -48px;width:24px;height:24px}.flag-ao{background-image:url();background-position:-24px -48px;width:24px;height:24px}.flag-ar{background-image:url();background-position:-48px -48px;width:24px;height:24px}.flag-as{background-image:url();background-position:-72px 0px;width:24px;height:24px}.flag-at{background-image:url();background-position:-72px -24px;width:24px;height:24px}.flag-au{background-image:url();background-position:-72px -48px;width:24px;height:24px}.flag-aw{background-image:url();background-position:0px -72px;width:24px;height:24px}.flag-ax{background-image:url();background-position:-24px -72px;width:24px;height:24px}.flag-az{background-image:url();background-position:-48px -72px;width:24px;height:24px}.flag-ba{background-image:url();background-position:-72px -72px;width:24px;height:24px}.flag-bb{background-image:url();background-position:-96px 0px;width:24px;height:24px}.flag-bd{background-image:url();background-position:-96px -24px;width:24px;height:24px}.flag-be{background-image:url();background-position:-96px -48px;width:24px;height:24px}.flag-bf{background-image:url();background-position:-96px -72px;width:24px;height:24px}.flag-bg{background-image:url();background-position:0px -96px;width:24px;height:24px}.flag-bh{background-image:url();background-position:-24px -96px;width:24px;height:24px}.flag-bi{background-image:url();background-position:-48px -96px;width:24px;height:24px}.flag-bj{background-image:url();background-position:-72px -96px;width:24px;height:24px}.flag-bl{background-image:url();background-position:-96px -96px;width:24px;height:24px}.flag-bm{background-image:url();background-position:-120px 0px;width:24px;height:24px}.flag-bn{background-image:url();background-position:-120px -24px;width:24px;height:24px}.flag-bo{background-image:url();background-position:-120px -48px;width:24px;height:24px}.flag-bq{background-image:url();background-position:-120px -72px;width:24px;height:24px}.flag-br{background-image:url();background-position:-120px -96px;width:24px;height:24px}.flag-bs{background-image:url();background-position:0px -120px;width:24px;height:24px}.flag-bt{background-image:url();background-position:-24px -120px;width:24px;height:24px}.flag-bv{background-image:url();background-position:-48px -120px;width:24px;height:24px}.flag-bw{background-image:url();background-position:-72px -120px;width:24px;height:24px}.flag-by{background-image:url();background-position:-96px -120px;width:24px;height:24px}.flag-bz{background-image:url();background-position:-120px -120px;width:24px;height:24px}.flag-ca{background-image:url();background-position:-144px 0px;width:24px;height:24px}.flag-cc{background-image:url();background-position:-144px -24px;width:24px;height:24px}.flag-cd{background-image:url();background-position:-144px -48px;width:24px;height:24px}.flag-cf{background-image:url();background-position:-144px -72px;width:24px;height:24px}.flag-cg{background-image:url();background-position:-144px -96px;width:24px;height:24px}.flag-ch{background-image:url();background-position:-144px -120px;width:24px;height:24px}.flag-ci{background-image:url();background-position:0px -144px;width:24px;height:24px}.flag-ck{background-image:url();background-position:-24px -144px;width:24px;height:24px}.flag-cl{background-image:url();background-position:-48px -144px;width:24px;height:24px}.flag-cm{background-image:url();background-position:-72px -144px;width:24px;height:24px}.flag-cn{background-image:url();background-position:-96px -144px;width:24px;height:24px}.flag-co{background-image:url();background-position:-120px -144px;width:24px;height:24px}.flag-cr{background-image:url();background-position:-144px -144px;width:24px;height:24px}.flag-cu{background-image:url();background-position:-168px 0px;width:24px;height:24px}.flag-cv{background-image:url();background-position:-168px -24px;width:24px;height:24px}.flag-cw{background-image:url();background-position:-168px -48px;width:24px;height:24px}.flag-cx{background-image:url();background-position:-168px -72px;width:24px;height:24px}.flag-cy{background-image:url();background-position:-168px -96px;width:24px;height:24px}.flag-cz{background-image:url();background-position:-168px -120px;width:24px;height:24px}.flag-de{background-image:url();background-position:-168px -144px;width:24px;height:24px}.flag-dj{background-image:url();background-position:0px -168px;width:24px;height:24px}.flag-dk{background-image:url();background-position:-24px -168px;width:24px;height:24px}.flag-dm{background-image:url();background-position:-48px -168px;width:24px;height:24px}.flag-do{background-image:url();background-position:-72px -168px;width:24px;height:24px}.flag-dz{background-image:url();background-position:-96px -168px;width:24px;height:24px}.flag-ec{background-image:url();background-position:-120px -168px;width:24px;height:24px}.flag-ee{background-image:url();background-position:-144px -168px;width:24px;height:24px}.flag-eg{background-image:url();background-position:-168px -168px;width:24px;height:24px}.flag-eh{background-image:url();background-position:-192px 0px;width:24px;height:24px}.flag-er{background-image:url();background-position:-192px -24px;width:24px;height:24px}.flag-es{background-image:url();background-position:-192px -48px;width:24px;height:24px}.flag-et{background-image:url();background-position:-192px -72px;width:24px;height:24px}.flag-fi{background-image:url();background-position:-192px -96px;width:24px;height:24px}.flag-fj{background-image:url();background-position:-192px -120px;width:24px;height:24px}.flag-fk{background-image:url();background-position:-192px -144px;width:24px;height:24px}.flag-fm{background-image:url();background-position:-192px -168px;width:24px;height:24px}.flag-fo{background-image:url();background-position:0px -192px;width:24px;height:24px}.flag-fr{background-image:url();background-position:-24px -192px;width:24px;height:24px}.flag-ga{background-image:url();background-position:-48px -192px;width:24px;height:24px}.flag-gb{background-image:url();background-position:-72px -192px;width:24px;height:24px}.flag-gd{background-image:url();background-position:-96px -192px;width:24px;height:24px}.flag-ge{background-image:url();background-position:-120px -192px;width:24px;height:24px}.flag-gf{background-image:url();background-position:-144px -192px;width:24px;height:24px}.flag-gg{background-image:url();background-position:-168px -192px;width:24px;height:24px}.flag-gh{background-image:url();background-position:-192px -192px;width:24px;height:24px}.flag-gi{background-image:url();background-position:-216px 0px;width:24px;height:24px}.flag-gl{background-image:url();background-position:-216px -24px;width:24px;height:24px}.flag-gm{background-image:url();background-position:-216px -48px;width:24px;height:24px}.flag-gn{background-image:url();background-position:-216px -72px;width:24px;height:24px}.flag-gp{background-image:url();background-position:-216px -96px;width:24px;height:24px}.flag-gq{background-image:url();background-position:-216px -120px;width:24px;height:24px}.flag-gr{background-image:url();background-position:-216px -144px;width:24px;height:24px}.flag-gs{background-image:url();background-position:-216px -168px;width:24px;height:24px}.flag-gt{background-image:url();background-position:-216px -192px;width:24px;height:24px}.flag-gu{background-image:url();background-position:0px -216px;width:24px;height:24px}.flag-gw{background-image:url();background-position:-24px -216px;width:24px;height:24px}.flag-gy{background-image:url();background-position:-48px -216px;width:24px;height:24px}.flag-hk{background-image:url();background-position:-72px -216px;width:24px;height:24px}.flag-hn{background-image:url();background-position:-96px -216px;width:24px;height:24px}.flag-hr{background-image:url();background-position:-120px -216px;width:24px;height:24px}.flag-ht{background-image:url();background-position:-144px -216px;width:24px;height:24px}.flag-hu{background-image:url();background-position:-168px -216px;width:24px;height:24px}.flag-id{background-image:url();background-position:-192px -216px;width:24px;height:24px}.flag-ie{background-image:url();background-position:-216px -216px;width:24px;height:24px}.flag-il{background-image:url();background-position:-240px 0px;width:24px;height:24px}.flag-im{background-image:url();background-position:-240px -24px;width:24px;height:24px}.flag-in{background-image:url();background-position:-240px -48px;width:24px;height:24px}.flag-io{background-image:url();background-position:-240px -72px;width:24px;height:24px}.flag-iq{background-image:url();background-position:-240px -96px;width:24px;height:24px}.flag-ir{background-image:url();background-position:-240px -120px;width:24px;height:24px}.flag-is{background-image:url();background-position:-240px -144px;width:24px;height:24px}.flag-it{background-image:url();background-position:-240px -168px;width:24px;height:24px}.flag-je{background-image:url();background-position:-240px -192px;width:24px;height:24px}.flag-jm{background-image:url();background-position:-240px -216px;width:24px;height:24px}.flag-jo{background-image:url();background-position:0px -240px;width:24px;height:24px}.flag-jp{background-image:url();background-position:-24px -240px;width:24px;height:24px}.flag-ke{background-image:url();background-position:-48px -240px;width:24px;height:24px}.flag-kg{background-image:url();background-position:-72px -240px;width:24px;height:24px}.flag-kh{background-image:url();background-position:-96px -240px;width:24px;height:24px}.flag-ki{background-image:url();background-position:-120px -240px;width:24px;height:24px}.flag-km{background-image:url();background-position:-144px -240px;width:24px;height:24px}.flag-kn{background-image:url();background-position:-168px -240px;width:24px;height:24px}.flag-kp{background-image:url();background-position:-192px -240px;width:24px;height:24px}.flag-kr{background-image:url();background-position:-216px -240px;width:24px;height:24px}.flag-kw{background-image:url();background-position:-240px -240px;width:24px;height:24px}.flag-ky{background-image:url();background-position:-264px 0px;width:24px;height:24px}.flag-kz{background-image:url();background-position:-264px -24px;width:24px;height:24px}.flag-la{background-image:url();background-position:-264px -48px;width:24px;height:24px}.flag-lb{background-image:url();background-position:-264px -72px;width:24px;height:24px}.flag-lc{background-image:url();background-position:-264px -96px;width:24px;height:24px}.flag-li{background-image:url();background-position:-264px -120px;width:24px;height:24px}.flag-lk{background-image:url();background-position:-264px -144px;width:24px;height:24px}.flag-lr{background-image:url();background-position:-264px -168px;width:24px;height:24px}.flag-ls{background-image:url();background-position:-264px -192px;width:24px;height:24px}.flag-lt{background-image:url();background-position:-264px -216px;width:24px;height:24px}.flag-lu{background-image:url();background-position:-264px -240px;width:24px;height:24px}.flag-lv{background-image:url();background-position:0px -264px;width:24px;height:24px}.flag-ly{background-image:url();background-position:-24px -264px;width:24px;height:24px}.flag-ma{background-image:url();background-position:-48px -264px;width:24px;height:24px}.flag-mc{background-image:url();background-position:-72px -264px;width:24px;height:24px}.flag-md{background-image:url();background-position:-96px -264px;width:24px;height:24px}.flag-me{background-image:url();background-position:-120px -264px;width:24px;height:24px}.flag-mf{background-image:url();background-position:-144px -264px;width:24px;height:24px}.flag-mg{background-image:url();background-position:-168px -264px;width:24px;height:24px}.flag-mh{background-image:url();background-position:-192px -264px;width:24px;height:24px}.flag-mk{background-image:url();background-position:-216px -264px;width:24px;height:24px}.flag-ml{background-image:url();background-position:-240px -264px;width:24px;height:24px}.flag-mm{background-image:url();background-position:-264px -264px;width:24px;height:24px}.flag-mn{background-image:url();background-position:-288px 0px;width:24px;height:24px}.flag-mo{background-image:url();background-position:-288px -24px;width:24px;height:24px}.flag-mp{background-image:url();background-position:-288px -48px;width:24px;height:24px}.flag-mq{background-image:url();background-position:-288px -72px;width:24px;height:24px}.flag-mr{background-image:url();background-position:-288px -96px;width:24px;height:24px}.flag-ms{background-image:url();background-position:-288px -120px;width:24px;height:24px}.flag-mt{background-image:url();background-position:-288px -144px;width:24px;height:24px}.flag-mu{background-image:url();background-position:-288px -168px;width:24px;height:24px}.flag-mv{background-image:url();background-position:-288px -192px;width:24px;height:24px}.flag-mw{background-image:url();background-position:-288px -216px;width:24px;height:24px}.flag-mx{background-image:url();background-position:-288px -240px;width:24px;height:24px}.flag-my{background-image:url();background-position:-288px -264px;width:24px;height:24px}.flag-mz{background-image:url();background-position:0px -288px;width:24px;height:24px}.flag-na{background-image:url();background-position:-24px -288px;width:24px;height:24px}.flag-nc{background-image:url();background-position:-48px -288px;width:24px;height:24px}.flag-ne{background-image:url();background-position:-72px -288px;width:24px;height:24px}.flag-nf{background-image:url();background-position:-96px -288px;width:24px;height:24px}.flag-ng{background-image:url();background-position:-120px -288px;width:24px;height:24px}.flag-ni{background-image:url();background-position:-144px -288px;width:24px;height:24px}.flag-nl{background-image:url();background-position:-168px -288px;width:24px;height:24px}.flag-no{background-image:url();background-position:-192px -288px;width:24px;height:24px}.flag-np{background-image:url();background-position:-216px -288px;width:24px;height:24px}.flag-nr{background-image:url();background-position:-240px -288px;width:24px;height:24px}.flag-nu{background-image:url();background-position:-264px -288px;width:24px;height:24px}.flag-nz{background-image:url();background-position:-288px -288px;width:24px;height:24px}.flag-om{background-image:url();background-position:-312px 0px;width:24px;height:24px}.flag-pa{background-image:url();background-position:-312px -24px;width:24px;height:24px}.flag-pe{background-image:url();background-position:-312px -48px;width:24px;height:24px}.flag-pf{background-image:url();background-position:-312px -72px;width:24px;height:24px}.flag-pg{background-image:url();background-position:-312px -96px;width:24px;height:24px}.flag-ph{background-image:url();background-position:-312px -120px;width:24px;height:24px}.flag-pk{background-image:url();background-position:-312px -144px;width:24px;height:24px}.flag-pl{background-image:url();background-position:-312px -168px;width:24px;height:24px}.flag-pm{background-image:url();background-position:-312px -192px;width:24px;height:24px}.flag-pn{background-image:url();background-position:-312px -216px;width:24px;height:24px}.flag-pr{background-image:url();background-position:-312px -240px;width:24px;height:24px}.flag-ps{background-image:url();background-position:-312px -264px;width:24px;height:24px}.flag-pt{background-image:url();background-position:-312px -288px;width:24px;height:24px}.flag-pw{background-image:url();background-position:0px -312px;width:24px;height:24px}.flag-py{background-image:url();background-position:-24px -312px;width:24px;height:24px}.flag-qa{background-image:url();background-position:-48px -312px;width:24px;height:24px}.flag-re{background-image:url();background-position:-72px -312px;width:24px;height:24px}.flag-ro{background-image:url();background-position:-96px -312px;width:24px;height:24px}.flag-rs{background-image:url();background-position:-120px -312px;width:24px;height:24px}.flag-ru{background-image:url();background-position:-144px -312px;width:24px;height:24px}.flag-rw{background-image:url();background-position:-168px -312px;width:24px;height:24px}.flag-sa{background-image:url();background-position:-192px -312px;width:24px;height:24px}.flag-sb{background-image:url();background-position:-216px -312px;width:24px;height:24px}.flag-sc{background-image:url();background-position:-240px -312px;width:24px;height:24px}.flag-sd{background-image:url();background-position:-264px -312px;width:24px;height:24px}.flag-se{background-image:url();background-position:-288px -312px;width:24px;height:24px}.flag-sg{background-image:url();background-position:-312px -312px;width:24px;height:24px}.flag-sh{background-image:url();background-position:-336px 0px;width:24px;height:24px}.flag-si{background-image:url();background-position:-336px -24px;width:24px;height:24px}.flag-sj{background-image:url();background-position:-336px -48px;width:24px;height:24px}.flag-sk{background-image:url();background-position:-336px -72px;width:24px;height:24px}.flag-sl{background-image:url();background-position:-336px -96px;width:24px;height:24px}.flag-sm{background-image:url();background-position:-336px -120px;width:24px;height:24px}.flag-sn{background-image:url();background-position:-336px -144px;width:24px;height:24px}.flag-so{background-image:url();background-position:-336px -168px;width:24px;height:24px}.flag-sr{background-image:url();background-position:-336px -192px;width:24px;height:24px}.flag-ss{background-image:url();background-position:-336px -216px;width:24px;height:24px}.flag-st{background-image:url();background-position:-336px -240px;width:24px;height:24px}.flag-sv{background-image:url();background-position:-336px -264px;width:24px;height:24px}.flag-sx{background-image:url();background-position:-336px -288px;width:24px;height:24px}.flag-sy{background-image:url();background-position:-336px -312px;width:24px;height:24px}.flag-sz{background-image:url();background-position:0px -336px;width:24px;height:24px}.flag-tc{background-image:url();background-position:-24px -336px;width:24px;height:24px}.flag-td{background-image:url();background-position:-48px -336px;width:24px;height:24px}.flag-tg{background-image:url();background-position:-72px -336px;width:24px;height:24px}.flag-th{background-image:url();background-position:-96px -336px;width:24px;height:24px}.flag-tj{background-image:url();background-position:-120px -336px;width:24px;height:24px}.flag-tk{background-image:url();background-position:-144px -336px;width:24px;height:24px}.flag-tl{background-image:url();background-position:-168px -336px;width:24px;height:24px}.flag-tm{background-image:url();background-position:-192px -336px;width:24px;height:24px}.flag-tn{background-image:url();background-position:-216px -336px;width:24px;height:24px}.flag-to{background-image:url();background-position:-240px -336px;width:24px;height:24px}.flag-tr{background-image:url();background-position:-264px -336px;width:24px;height:24px}.flag-tt{background-image:url();background-position:-288px -336px;width:24px;height:24px}.flag-tv{background-image:url();background-position:-312px -336px;width:24px;height:24px}.flag-tw{background-image:url();background-position:-336px -336px;width:24px;height:24px}.flag-tz{background-image:url();background-position:-360px 0px;width:24px;height:24px}.flag-ua{background-image:url();background-position:-360px -24px;width:24px;height:24px}.flag-ug{background-image:url();background-position:-360px -48px;width:24px;height:24px}.flag-us{background-image:url();background-position:-360px -72px;width:24px;height:24px}.flag-uy{background-image:url();background-position:-360px -96px;width:24px;height:24px}.flag-uz{background-image:url();background-position:-360px -120px;width:24px;height:24px}.flag-va{background-image:url();background-position:-360px -144px;width:24px;height:24px}.flag-vc{background-image:url();background-position:-360px -168px;width:24px;height:24px}.flag-ve{background-image:url();background-position:-360px -192px;width:24px;height:24px}.flag-vg{background-image:url();background-position:-360px -216px;width:24px;height:24px}.flag-vi{background-image:url();background-position:-360px -240px;width:24px;height:24px}.flag-vn{background-image:url();background-position:-360px -264px;width:24px;height:24px}.flag-vu{background-image:url();background-position:-360px -288px;width:24px;height:24px}.flag-wf{background-image:url();background-position:-360px -312px;width:24px;height:24px}.flag-ws{background-image:url();background-position:-360px -336px;width:24px;height:24px}.flag-xk{background-image:url();background-position:0px -360px;width:24px;height:24px}.flag-ye{background-image:url();background-position:-24px -360px;width:24px;height:24px}.flag-yt{background-image:url();background-position:-48px -360px;width:24px;height:24px}.flag-za{background-image:url();background-position:-72px -360px;width:24px;height:24px}.flag-zm{background-image:url();background-position:-96px -360px;width:24px;height:24px}.flag-zw{background-image:url();background-position:-120px -360px;width:24px;height:24px}.flag{display:inline-block}";
 

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxScreenReaderCss = ".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}";
 

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px fade(#202937, 24%)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const navigationName = "Skip links navigation";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const getClosestElement = require('./get-closest-element-ab4b2eee.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
 const en = require('./en-dc1f49b7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

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

@@ -6,7 +6,7 @@ const index = require('./index-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-8e2f04e5.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const index$1 = require('./index-9bbde1aa.js');
 require('./get-closest-element-ab4b2eee.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0d0fdb85.js');
 const onResize = require('./on-resize-ee6a4b87.js');
 const onMutation = require('./on-mutation-247f99dd.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const getSlot = require('./get-slot-097ade01.js');
 
 /**

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-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const onClickOutside = require('./on-click-outside-428f8bbf.js');
 const index$1 = require('./index-9bbde1aa.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-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.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-0d0fdb85.js');
 const index$1 = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 const DateTimeFormatter = require('./DateTimeFormatter-8deff48e.js');
 const index$1 = require('./index-9bbde1aa.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-428f8bbf.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const afterNextRender = require('./after-next-render-a09f528a.js');
 const index = require('./index-9bbde1aa.js');
-const usage = require('./usage-773d060a.js');
+const usage = require('./usage-5d98dcde.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const am = "AM";