@watermarkinsights/ripple 5.7.0-0 → 5.7.0-10

package/dist/esm/wm-nested-select.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-558b5a82.js';
-import { i as intl, t as toBool, k as shouldOpenUp, z as isElOrChild, y as getTextDir } from './functions-b791a892.js';
+import { i as intl, t as toBool, k as shouldOpenUp, B as getContextMeasurements, z as isElOrChild, y as getTextDir } from './functions-b791a892.js';
 import { g as globalMessages } from './intl-f2f7ce8b.js';
 
-const wmNestedSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:\"\\f143\"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f142\";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
+const wmNestedSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:\"\\f143\"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:var(--wmcolor-select-option-text-disabled);border-color:var(--wmcolor-border-dark);background:var(--wmcolor-select-option-background-disabled);cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:var(--max-height);overflow-y:auto}.menu.hidden{position:absolute;max-height:100%;overflow:hidden}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu .menuitem.disabled{color:var(--wmcolor-select-option-text-disabled);cursor:auto}.menu .menuitem.clear-selection{color:var(--wmcolor-select-text);-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.menu .menuitem.clear-selection:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f156\";pointer-events:none;padding-right:0.5rem;font-size:1.12rem}.menu .menuitem:focus-visible{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu .menuitem:hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f142\";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.group-btn.disabled{background:var(--wmcolor-select-option-background-disabled)}.selection-count,.disabled-indication{margin-right:40px;font-weight:400;font-style:italic}.disabled-indication{color:var(--wmcolor-interactive-disabled)}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px;max-height:100%;overflow-y:hidden}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
 
 const NestedSelect = class {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const NestedSelect = class {
                 description: "Button text to clear selection. Use imperative",
             });
         this.disabled = false;
-        this.maxHeight = undefined;
+        this.maxHeight = "200px";
         this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
@@ -54,6 +54,8 @@ const NestedSelect = class {
         });
         this.isExpanded = false;
         this.showClearSelectionButton = false;
+        this.announcement = "";
+        this.constrainedMaxHeight = this.maxHeight;
     }
     get isDisabled() {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
@@ -72,7 +74,7 @@ const NestedSelect = class {
         return this.childOptions.every((option) => option.selected);
     }
     componentWillLoad() {
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildChange(mutationRecord)));
+        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((_mutationRecord) => this.handleChildChange()));
         mutationObserver.observe(this.el, {
             childList: true,
             attributes: true,
@@ -80,16 +82,14 @@ const NestedSelect = class {
             attributeFilter: ["selected"],
         });
     }
-    componentDidLoad() {
-        if (this.maxHeight) {
-            this.dropdownEl.style.maxHeight = this.maxHeight;
-        }
-    }
-    handleChildChange(_) {
+    handleChildChange() {
         // on update of children or children selected state, reset button text and rerender
         this.setButtonText();
         forceUpdate(this.el);
-        // this.optionListEl.handleChildChange(_);
+        if (this.multiple) {
+            // update state of clone options
+            this.optgroupEls.forEach((optgroupEl) => optgroupEl.handleChildChange());
+        }
     }
     setButtonText() {
         this.displayedOptions = this.childOptions.filter((x) => x.selected);
@@ -129,6 +129,28 @@ const NestedSelect = class {
     closePopupOnEscape() {
         this.close();
     }
+    handleKeyDown(ev) {
+        // when shift tabbing but component is still in focus, close dropdown
+        switch (ev.key) {
+            case "Tab":
+                if (ev.shiftKey) {
+                    this.close();
+                }
+                break;
+            case "ArrowDown":
+                if (this.isExpanded === false) {
+                    ev.preventDefault();
+                    this.open();
+                }
+                break;
+            case "ArrowUp":
+                if (this.isExpanded === false) {
+                    ev.preventDefault();
+                    this.open(true);
+                }
+                break;
+        }
+    }
     close(returnFocus = true) {
         if (this.isExpanded) {
             this.isExpanded = false;
@@ -141,40 +163,50 @@ const NestedSelect = class {
             }, 150);
         }
     }
-    open() {
+    open(focusLast = false) {
         if (!this.isDisabled) {
             this.showClearSelectionButton = this.childOptions.some((o) => o.selected);
+            this.dropdownEl.scrollTop = 0;
             this.isExpanded = true;
             this.dropdownEl.classList.add("open");
             const elHeight = this.el.clientHeight;
             this.openUp = shouldOpenUp(this.el, this.dropdownEl.clientHeight, elHeight, 0);
-            window.requestAnimationFrame(() => {
-                this.focusFirstMenuitem();
+            this.constrainedMaxHeight = this.maxHeight;
+            const spaceAbove = getContextMeasurements(this.el).spaceAbove;
+            if (this.openUp) {
+                if (parseInt(getComputedStyle(this.menuEl).getPropertyValue("--max-height").replace("px", "")) > spaceAbove) {
+                    this.constrainedMaxHeight = spaceAbove.toString() + "px";
+                }
+            }
+            // if opening upwards, set an upwards height limit for the optgroup level
+            this.optgroupEls.forEach((o) => {
+                o.shadowRoot.querySelector("priv-option-list").upwardsHeightLimit = this.openUp
+                    ? spaceAbove
+                    : null;
             });
-        }
-    }
-    focusFirstMenuitem() {
-        if (this.menuitemEls.length > 0) {
-            this.menuitemEls[0].focus();
+            // scrollIntoView does not work when the container of the element it's called on is not rendered to the page (in our case the dropdown is still closed and has transform: scaleY(0))
+            // when opening the dropdown, scrollIntoView must be delayed to a point where the browser recognizes content within it as able to be scrolled to
+            // in Safari in particular, the soonest this seems to happen is 20ms. The longest we can wait before any jumping in the open dropdown is noticeable is 60ms
+            window.setTimeout(() => {
+                if (this.menuitemEls.length > 0) {
+                    const menuitemToFocus = this.menuitemEls[focusLast ? this.menuitemEls.length - 1 : 0];
+                    menuitemToFocus.scrollIntoView({ block: "nearest" });
+                    menuitemToFocus.focus();
+                }
+            }, 60);
         }
     }
     moveDown(menuitemEl) {
         const currentIndex = this.menuitemEls.indexOf(menuitemEl);
-        if (currentIndex == this.menuitemEls.length - 1) {
-            this.menuitemEls[0].focus();
-        }
-        else {
-            this.menuitemEls[currentIndex + 1].focus();
-        }
+        const menuitemToFocus = this.menuitemEls[currentIndex == this.menuitemEls.length - 1 ? 0 : currentIndex + 1];
+        menuitemToFocus.scrollIntoView({ block: "nearest" });
+        menuitemToFocus.focus();
     }
     moveUp(menuitemEl) {
         const currentIndex = this.menuitemEls.indexOf(menuitemEl);
-        if (currentIndex == 0) {
-            this.menuitemEls[this.menuitemEls.length - 1].focus();
-        }
-        else {
-            this.menuitemEls[currentIndex - 1].focus();
-        }
+        const menuitemToFocus = this.menuitemEls[currentIndex == 0 ? this.menuitemEls.length - 1 : currentIndex - 1];
+        menuitemToFocus.scrollIntoView({ block: "nearest" });
+        menuitemToFocus.focus();
     }
     handleButtonBlur(ev) {
         if (isElOrChild(this.el, ev.relatedTarget)) {
@@ -230,6 +262,13 @@ const NestedSelect = class {
         const elToFocus = this.el.shadowRoot.querySelector(`button[data-label=${ev.detail}]`);
         elToFocus.focus();
     }
+    announce(message) {
+        // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
+        if (this.liveRegionEl.textContent === message) {
+            message += "\u00A0";
+        }
+        this.announcement = message;
+    }
     renderButtonText() {
         if (this.displayedOptions.length < 1) {
             return h("span", null, this.placeholder);
@@ -242,19 +281,25 @@ const NestedSelect = class {
         }
     }
     renderOverflowCount() {
-        if (this.overflowCount > 0) {
+        if (this.overflowCount > 0 && !this.allSelected) {
             return (h("span", null, h("span", { class: "overflow-counter" }, "+", this.overflowCount)));
         }
     }
     handleClearSelection() {
         this.optgroupEls.forEach((optgroupEl) => optgroupEl.emitDeselection());
+        const selectionClearedAnnouncement = intl.formatMessage({
+            id: "select.selectionCleared",
+            defaultMessage: "Selection cleared",
+            description: "Screen reader announcement alerting the user they have cleared their selection",
+        });
+        this.announce(selectionClearedAnnouncement);
         if (!this.multiple) {
             this.close();
         }
     }
     renderClearSelectionButton() {
         if (this.showClearSelectionButton) {
-            return (h("button", { class: "menuitem", onClick: () => this.handleClearSelection(), tabindex: -1, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, this.clearSelectionMessage));
+            return (h("button", { class: "menuitem clear-selection", onClick: () => this.handleClearSelection(), tabindex: -1, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, this.clearSelectionMessage));
         }
     }
     renderSelectionCount(optgroupEl) {
@@ -287,12 +332,14 @@ const NestedSelect = class {
         };
         return (h(Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { ref: (el) => (this.menuEl = el), class: "menu" }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
-            return (h("button", { class: "menuitem group-btn", role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, onClick: () => {
-                    optgroupEl.isExpanded = !optgroupEl.isExpanded;
-                    forceUpdate(this.el);
-                }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl)));
-        })), h("div", { ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage)))));
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { ref: (el) => (this.menuEl = el), class: "menu", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
+            return (h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
+                    if (!optgroupEl.disabled) {
+                        optgroupEl.isExpanded = !optgroupEl.isExpanded;
+                        forceUpdate(this.el);
+                    }
+                }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && h("div", { class: "disabled-indication" }, "Disabled")));
+        })), h("div", { ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-optgroup.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-558b5a82.js';
+import { t as toBool, a as handleDisabledAttribute } from './functions-b791a892.js';
 
 const wmOptgroupCss = ":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}";
 
@@ -12,10 +13,15 @@ const Optgroup = class {
         this.label = undefined;
         this.isExpanded = false;
         this.multiple = false;
+        this.disabled = false;
     }
     get parentNestedSelect() {
         return this.el.parentElement;
     }
+    get isDisabled() {
+        // string "false" needs to be treated as bool False because react wrappers convert bool to string.
+        return toBool(this.disabled);
+    }
     isExpandedChanged() {
         if (this.isExpanded) {
             this.el.classList.add("visible");
@@ -33,15 +39,24 @@ const Optgroup = class {
                 this.el.classList.remove("visible");
             }, 250);
         }
+        if (this.parentNestedSelect.multiple) {
+            this.optionListEl.updateOptionVisibility();
+        }
     }
     async emitDeselection() {
         this.wmOptgroupAllDeselected.emit();
     }
+    async handleChildChange() {
+        this.optionListEl.handleChildChange();
+    }
     handleOptionKeyLeft() {
         this.isExpanded = false;
     }
+    componentWillLoad() {
+        handleDisabledAttribute(this.el, this.isDisabled);
+    }
     render() {
-        return (h(Host, null, h("div", { class: `list-wrapper` }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", null)))));
+        return (h(Host, null, h("div", { class: `list-wrapper` }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", null)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-option_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement,
 import { i as intl, t as toBool, z as isElOrChild, a as handleDisabledAttribute, k as shouldOpenUp, y as getTextDir } from './functions-b791a892.js';
 import { g as globalMessages } from './intl-f2f7ce8b.js';
 
-const wmOptionCss = ":host(:not(:last-child)){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}:host{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host:focus,:host.focus{outline:none;background:var(--wmcolor-select-option-background-focus)}:host.icon{color:var(--wmcolor-interactive)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f131\";display:inline-block;margin-right:0.25rem;color:var(--wmcolor-interactive)}:host([aria-selected=true]){background:var(--wmcolor-select-option-background-selected);font-weight:500}:host([aria-selected=true]) .checkbox:before{content:\"\\f132\"}:host([aria-disabled=true]){color:var(--wmcolor-select-option-text-disabled);background:var(--wmcolor-select-option-background-disabled);cursor:default}:host([aria-disabled=true]) .checkbox:before{color:var(--wmcolor-select-option-text-disabled)}:host([aria-disabled=true]) .subinfo{color:var(--wmcolor-select-option-text-disabled)}:host(.multi-option){background:unset}:host(.clone.last){border-bottom:12px solid;border-color:var(--wmcolor-select-option-border)}:host(.hassubinfo){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:16px}:host(.hidden),:host(.filtered-out){display:none}.subinfo{font-style:italic}.option-wrapper{display:-ms-flexbox;display:flex}.option-text{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus){outline:none;background:var(--wmcolor-select-option-background-focus)}:host(:hover){background:var(--wmcolor-select-option-background-hover);outline:none}";
+const wmOptionCss = ":host(:not(:last-child)){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}:host{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host:focus,:host.focus{outline:none;background:var(--wmcolor-select-option-background-focus)}:host.icon{color:var(--wmcolor-interactive)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f131\";display:inline-block;margin-right:0.25rem;color:var(--wmcolor-interactive)}:host([aria-selected=true]){background:var(--wmcolor-select-option-background-selected);font-weight:500}:host([aria-selected=true]) .checkbox:before{content:\"\\f132\"}:host([aria-disabled=true]){color:var(--wmcolor-select-option-text-disabled);background:var(--wmcolor-select-option-background-disabled);cursor:default}:host([aria-disabled=true]) .checkbox:before{color:var(--wmcolor-select-option-text-disabled)}:host([aria-disabled=true]) .subinfo{color:var(--wmcolor-select-option-text-disabled)}:host(.multi-option){background:unset}:host(.clone.last){border-bottom:12px solid;border-color:var(--wmcolor-select-option-border)}:host(.hassubinfo){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:16px}:host(.hidden),:host(.filtered-out){display:none}.subinfo{font-style:italic}.option-wrapper{display:-ms-flexbox;display:flex}.option-text{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus-visible){outline:none;background:var(--wmcolor-select-option-background-focus)}:host(:hover){background:var(--wmcolor-select-option-background-hover);outline:none}";
 
 const Option = class {
     constructor(hostRef) {
@@ -171,7 +171,7 @@ const Option = class {
 };
 Option.style = wmOptionCss;
 
-const wmSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.options-wrapper{max-height:12.5rem;overflow:auto}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}";
+const wmSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:var(--wmcolor-select-option-text-disabled);border-color:var(--wmcolor-border-dark);background:var(--wmcolor-select-option-background-disabled);cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem;max-height:var(--max-height);overflow-y:auto}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}";
 
 const Select = class {
     constructor(hostRef) {
@@ -186,7 +186,7 @@ const Select = class {
         this.overflowCount = 0;
         this.displayedOptions = [];
         this.disabled = false;
-        this.maxHeight = undefined;
+        this.maxHeight = "200px";
         this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
@@ -283,7 +283,7 @@ const Select = class {
             console.error("wm-select should have one initial option selected");
         }
         handleDisabledAttribute(this.el, this.isDisabled);
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildChange(mutationRecord)));
+        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((_mutationRecord) => this.handleChildChange()));
         mutationObserver.observe(this.el, {
             childList: true,
             attributes: true,
@@ -291,21 +291,19 @@ const Select = class {
             attributeFilter: ["selected"],
         });
     }
-    handleChildChange(_) {
+    handleChildChange() {
         // on update of children or children selected state, reset button text and rerender
         this.setButtonText();
-        this.optionListEl.handleChildChange(_);
         forceUpdate(this.el);
+        if (this.multiple) {
+            // update state of clone options
+            this.optionListEl.handleChildChange();
+        }
     }
     componentDidLoad() {
         this.wmSelectDidLoad.emit();
         this.dropdownEl.classList.add("hidden");
         forceUpdate(this.el);
-        // Dev can overwrite the max-height rule set in the Sass file
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.dropdownEl.style.maxHeight = this.maxHeight;
-        }
         this.setButtonText();
     }
     open(optionToSelect) {
@@ -420,7 +418,7 @@ const Select = class {
         };
         return (h(Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { class: "subinfo" }, this.selectedOptions[0].subinfo)), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { class: "subinfo" }, this.selectedOptions[0].subinfo)), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm-es5/global-687694e4.js

@@ -0,0 +1 @@
+var version="5.7.0-10";if(window.navigator.plugins.length>0){console.log("Ripple component library",version)}function wmComponentKeys(o){if(o.key=="Tab"){var n=new Event("wmUserIsTabbing");window.dispatchEvent(n);document.querySelector("body").classList.add("wmcl-user-is-tabbing")}if(o.key=="ArrowLeft"||o.key=="ArrowUp"||o.key=="ArrowRight"||o.key=="ArrowDown"){var n=new Event("wmUserIsKeying");window.dispatchEvent(n);document.querySelector("body").classList.add("wmcl-user-is-keying")}}function wmComponentMouseDownOnce(){var o=new Event("wmUserIsNotTabbing");window.dispatchEvent(o);document.querySelector("body").classList.remove("wmcl-user-is-tabbing");document.querySelector("body").classList.remove("wmcl-user-is-keying")}window.addEventListener("keydown",wmComponentKeys);window.addEventListener("mousedown",wmComponentMouseDownOnce);var tooltipContainer=document.createElement("div");tooltipContainer.id="wm-tooltip-container";var tooltipEl=document.createElement("div");tooltipEl.id="wm-tooltip";tooltipEl.classList.add("wm-tooltip");tooltipEl.setAttribute("popover","manual");tooltipEl.setAttribute("aria-hidden","true");var tooltipStyles=document.createElement("style");tooltipStyles.textContent="\n.wm-tooltip {\n  position: fixed;\n  overflow: hidden;\n  pointer-events: none;\n  line-height: normal;\n  font-family: inherit;\n  font-size: 0.875rem;\n  text-transform: none;\n  font-weight: normal;\n  background: var(--wmcolor-tooltip-background);\n  color: var(--wmcolor-tooltip-text);\n  z-index: 999999;\n  max-width: var(--wmTooltipMaxWidth, 13.75rem);\n  margin-right: 1.5rem;\n  padding: 0.375rem;\n  transition-property: opacity;\n  transition-delay: 0s;\n  opacity: 0;\n  inset: unset;\n  top: 0;\n  left: 0;\n  transform: translateZ(0);\n  will-change: transform;\n  transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n  border: none;\n}\n\n.wm-tooltip:popover-open {\n  opacity: 0;\n}\n\n.wm-tooltip.show {\n  transition-delay: 500ms;\n  opacity: 1;\n}\n";document.head.appendChild(tooltipStyles);tooltipContainer.appendChild(tooltipEl);document.querySelector("body").appendChild(tooltipContainer);

package/dist/esm-es5/index-558b5a82.js

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function o(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):o(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(n=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];o=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,o=r.length,a;n<o;n++){if(a||!(n in r)){if(!a)a=Array.prototype.slice.call(r,0,n);a[n]=r[n]}}return e.concat(a||Array.prototype.slice.call(r))};var NAMESPACE="ripple";var BUILD={allRenderFn:false,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:true,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,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:true,watchCallback:true};var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var queuePending=false;var createTime=function(e,r){if(r===void 0){r=""}{return function(){return}}};var uniqueTime=function(e,r){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var XLINK_NS="http://www.w3.org/1999/xlink";var EMPTY_OBJ={};var SVG_NS="http://www.w3.org/2000/svg";var HTML_NS="http://www.w3.org/1999/xhtml";var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var r,t,n;return(n=(t=(r=e.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&n!==void 0?n:undefined}var h=function(e,r){var t=[];for(var n=2;n<arguments.length;n++){t[n-2]=arguments[n]}var o=null;var a=null;var i=null;var s=false;var l=false;var u=[];var c=function(r){for(var t=0;t<r.length;t++){o=r[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(s=typeof e!=="function"&&!isComplexType(o)){o=String(o)}if(s&&l){u[u.length-1].t+=o}else{u.push(s?newVNode(null,o):o)}l=s}}};c(t);if(r){if(r.key){a=r.key}if(r.name){i=r.name}{var f=r.className||r.class;if(f){r.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}if(typeof e==="function"){return e(r===null?{}:r,u,vdomFnUtils)}var v=newVNode(e,null);v.o=r;if(u.length>0){v.i=u}{v.l=a}{v.u=i}return v};var newVNode=function(e,r){var t={v:0,p:e,t:r,m:null,i:null};{t.o=null}{t.l=null}{t.u=null}return t};var Host={};var isHost=function(e){return e&&e.p===Host};var vdomFnUtils={forEach:function(e,r){return e.map(convertToPublic).forEach(r)},map:function(e,r){return e.map(convertToPublic).map(r).map(convertToPrivate)}};var convertToPublic=function(e){return{vattrs:e.o,vchildren:e.i,vkey:e.l,vname:e.u,vtag:e.p,vtext:e.t}};var convertToPrivate=function(e){if(typeof e.vtag==="function"){var r=Object.assign({},e.vattrs);if(e.vkey){r.key=e.vkey}if(e.vname){r.name=e.vname}return h.apply(void 0,__spreadArray([e.vtag,r],e.vchildren||[],false))}var t=newVNode(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.l=e.vkey;t.u=e.vname;return t};var parsePropertyValue=function(e,r){if(e!=null&&!isComplexType(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&2){return parseFloat(e)}if(r&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,r,t){var n=getElement(e);return{emit:function(e){return emitEvent(n,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}};var emitEvent=function(e,r,t){var n=plt.ce(r,t);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,r,t){var n=styles.get(e);if(supportsConstructableStylesheets&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=r}else{n.replaceSync(r)}}else{n=r}styles.set(e,n)};var addStyle=function(e,r,t){var n;var o=getScopeId(r);var a=styles.get(o);e=e.nodeType===11?e:doc;if(a){if(typeof a==="string"){e=e.head||e;var i=rootAppliedStyles.get(e);var s=void 0;if(!i){rootAppliedStyles.set(e,i=new Set)}if(!i.has(o)){{s=doc.createElement("style");s.innerHTML=a;var l=(n=plt.h)!==null&&n!==void 0?n:queryNonceMetaTagContent(doc);if(l!=null){s.setAttribute("nonce",l)}e.insertBefore(s,e.querySelector("link"))}if(r.v&4){s.innerHTML+=SLOT_FB_CSS}if(i){i.add(o)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return o};var attachStyles=function(e){var r=e.S;var t=e.$hostElement$;var n=r.v;var o=createTime("attachStyles",r.T);var a=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10){t["s-sc"]=a;t.classList.add(a+"-h")}o()};var getScopeId=function(e,r){return"sc-"+e.T};var setAccessor=function(e,r,t,n,o,a){if(t!==n){var i=isMemberInElement(e,r);var s=r.toLowerCase();if(r==="class"){var l=e.classList;var u=parseClassList(t);var c=parseClassList(n);l.remove.apply(l,u.filter((function(e){return e&&!c.includes(e)})));l.add.apply(l,c.filter((function(e){return e&&!u.includes(e)})))}else if(r==="style"){{for(var f in t){if(!n||n[f]==null){if(f.includes("-")){e.style.removeProperty(f)}else{e.style[f]=""}}}}for(var f in n){if(!t||n[f]!==t[f]){if(f.includes("-")){e.style.setProperty(f,n[f])}else{e.style[f]=n[f]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!i&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(isMemberInElement(win,s)){r=s.slice(2)}else{r=s[2]+r.slice(3)}if(t||n){var v=r.endsWith(CAPTURE_EVENT_SUFFIX);r=r.replace(CAPTURE_EVENT_REGEX,"");if(t){plt.rel(e,r,t,v)}if(n){plt.ael(e,r,n,v)}}}else{var d=isComplexType(n);if((i||d&&n!==null)&&!o){try{if(!e.tagName.includes("-")){var p=n==null?"":n;if(r==="list"){i=false}else if(t==null||e[r]!=p){e[r]=p}}else{e[r]=n}}catch(e){}}var m=false;{if(s!==(s=s.replace(/^xlink\:?/,""))){r=s;m=true}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){if(m){e.removeAttributeNS(XLINK_NS,r)}else{e.removeAttribute(r)}}}else if((!i||a&4||o)&&!d){n=n===true?"":n;if(m){e.setAttributeNS(XLINK_NS,r,n)}else{e.setAttribute(r,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,r,t,n){var o=r.m.nodeType===11&&r.m.host?r.m.host:r.m;var a=e&&e.o||EMPTY_OBJ;var i=r.o||EMPTY_OBJ;{for(n in a){if(!(n in i)){setAccessor(o,n,a[n],undefined,t,r.v)}}}for(n in i){setAccessor(o,n,a[n],i[n],t,r.v)}};var createElm=function(e,r,t,n){var o;var a=r.i[t];var i=0;var s;var l;var u;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.p==="slot"){if(scopeId){n.classList.add(scopeId+"-s")}a.v|=a.i?2:1}}if(a.t!==null){s=a.m=doc.createTextNode(a.t)}else if(a.v&1){s=a.m=doc.createTextNode("")}else{if(!isSvgMode){isSvgMode=a.p==="svg"}s=a.m=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,a.v&2?"slot-fb":a.p);if(isSvgMode&&a.p==="foreignObject"){isSvgMode=false}{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}if(a.i){for(i=0;i<a.i.length;++i){l=createElm(e,a,i,s);if(l){s.appendChild(l)}}}{if(a.p==="svg"){isSvgMode=false}else if(s.tagName==="foreignObject"){isSvgMode=true}}}s["s-hn"]=hostTagName;{if(a.v&(2|1)){s["s-sr"]=true;s["s-fs"]=(o=a.o)===null||o===void 0?void 0:o.slot;s["s-cr"]=contentRef;s["s-sn"]=a.u||"";u=e&&e.i&&e.i[t];if(u&&u.p===a.p&&e.m){{putBackInOriginalLocation(e.m,false)}}}}return s};var putBackInOriginalLocation=function(e,r){var t;plt.v|=1;var n=e.childNodes;for(var o=n.length-1;o>=0;o--){var a=n[o];if(a["s-hn"]!==hostTagName&&a["s-ol"]){parentReferenceNode(a).insertBefore(a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=undefined;a["s-sh"]=undefined;if(a.nodeType===1){a.setAttribute("slot",(t=a["s-sn"])!==null&&t!==void 0?t:"")}checkSlotRelocate=true}if(r){putBackInOriginalLocation(a,r)}}plt.v&=~1};var addVnodes=function(e,r,t,n,o,a){var i=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(i.shadowRoot&&i.tagName===hostTagName){i=i.shadowRoot}for(;o<=a;++o){if(n[o]){s=createElm(null,t,o,e);if(s){n[o].m=s;i.insertBefore(s,referenceNode(r))}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var o=e[n];if(o){var a=o.m;nullifyVNodeRefs(o);if(a){{checkSlotFallbackVisibility=true;if(a["s-ol"]){a["s-ol"].remove()}else{putBackInOriginalLocation(a,true)}}a.remove()}}}};var updateChildren=function(e,r,t,n){var o=0;var a=0;var i=0;var s=0;var l=r.length-1;var u=r[0];var c=r[l];var f=n.length-1;var v=n[0];var d=n[f];var p;var m;while(o<=l&&a<=f){if(u==null){u=r[++o]}else if(c==null){c=r[--l]}else if(v==null){v=n[++a]}else if(d==null){d=n[--f]}else if(isSameVnode(u,v)){patch(u,v);u=r[++o];v=n[++a]}else if(isSameVnode(c,d)){patch(c,d);c=r[--l];d=n[--f]}else if(isSameVnode(u,d)){if(u.p==="slot"||d.p==="slot"){putBackInOriginalLocation(u.m.parentNode,false)}patch(u,d);e.insertBefore(u.m,c.m.nextSibling);u=r[++o];d=n[--f]}else if(isSameVnode(c,v)){if(u.p==="slot"||d.p==="slot"){putBackInOriginalLocation(c.m.parentNode,false)}patch(c,v);e.insertBefore(c.m,u.m);c=r[--l];v=n[++a]}else{i=-1;{for(s=o;s<=l;++s){if(r[s]&&r[s].l!==null&&r[s].l===v.l){i=s;break}}}if(i>=0){m=r[i];if(m.p!==v.p){p=createElm(r&&r[a],t,i,e)}else{patch(m,v);r[i]=undefined;p=m.m}v=n[++a]}else{p=createElm(r&&r[a],t,a,e);v=n[++a]}if(p){{parentReferenceNode(u.m).insertBefore(p,referenceNode(u.m))}}}}if(o>l){addVnodes(e,n[f+1]==null?null:n[f+1].m,t,n,a,f)}else if(a>f){removeVnodes(r,o,l)}};var isSameVnode=function(e,r){if(e.p===r.p){if(e.p==="slot"){return e.u===r.u}{return e.l===r.l}}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,r){var t=r.m=e.m;var n=e.i;var o=r.i;var a=r.p;var i=r.t;var s;if(i===null){{isSvgMode=a==="svg"?true:a==="foreignObject"?false:isSvgMode}{if(a==="slot");else{updateElement(e,r,isSvgMode)}}if(n!==null&&o!==null){updateChildren(t,n,r,o)}else if(o!==null){if(e.t!==null){t.textContent=""}addVnodes(t,null,r,o,0,o.length-1)}else if(n!==null){removeVnodes(n,0,n.length-1)}if(isSvgMode&&a==="svg"){isSvgMode=false}}else if(s=t["s-cr"]){s.parentNode.textContent=i}else if(e.t!==i){t.data=i}};var updateFallbackSlotVisibility=function(e){var r=e.childNodes;for(var t=0,n=r;t<n.length;t++){var o=n[t];if(o.nodeType===1){if(o["s-sr"]){var a=o["s-sn"];o.hidden=false;for(var i=0,s=r;i<s.length;i++){var l=s[i];if(l!==o){if(l["s-hn"]!==o["s-hn"]||a!==""){if(l.nodeType===1&&(a===l.getAttribute("slot")||a===l["s-sn"])){o.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){o.hidden=true;break}}}}}updateFallbackSlotVisibility(o)}}};var relocateNodes=[];var markSlotContentForRelocation=function(e){var r;var t;var n;for(var o=0,a=e.childNodes;o<a.length;o++){var i=a[o];if(i["s-sr"]&&(r=i["s-cr"])&&r.parentNode){t=r.parentNode.childNodes;var s=i["s-sn"];var l=function(){r=t[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==i["s-hn"]&&!BUILD.experimentalSlotFixes){if(isNodeLocatedInSlot(r,s)){var e=relocateNodes.find((function(e){return e._===r}));checkSlotFallbackVisibility=true;r["s-sn"]=r["s-sn"]||s;if(e){e._["s-sh"]=i["s-hn"];e.C=i}else{r["s-sh"]=i["s-hn"];relocateNodes.push({C:i,_:r})}if(r["s-sr"]){relocateNodes.map((function(t){if(isNodeLocatedInSlot(t._,r["s-sn"])){e=relocateNodes.find((function(e){return e._===r}));if(e&&!t.C){t.C=e.C}}}))}}else if(!relocateNodes.some((function(e){return e._===r}))){relocateNodes.push({_:r})}}};for(n=t.length-1;n>=0;n--){l()}}if(i.nodeType===1){markSlotContentForRelocation(i)}}};var isNodeLocatedInSlot=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var nullifyVNodeRefs=function(e){{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(nullifyVNodeRefs)}};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n,o,a,i;var s=e.$hostElement$;var l=e.S;var u=e.k||newVNode(null,null);var c=isHost(r)?r:h(null,null,r);hostTagName=s.tagName;if(l.N){c.o=c.o||{};l.N.map((function(e){var r=e[0],t=e[1];return c.o[t]=s[r]}))}if(t&&c.o){for(var f=0,v=Object.keys(c.o);f<v.length;f++){var d=v[f];if(s.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){c.o[d]=s[d]}}}c.p=null;c.v|=4;e.k=c;c.m=u.m=s.shadowRoot||s;{scopeId=s["s-sc"]}{contentRef=s["s-cr"];useNativeShadowDom=(l.v&1)!==0;checkSlotFallbackVisibility=false}patch(u,c);{plt.v|=1;if(checkSlotRelocate){markSlotContentForRelocation(c.m);for(var p=0,m=relocateNodes;p<m.length;p++){var y=m[p];var g=y._;if(!g["s-ol"]){var w=doc.createTextNode("");w["s-nr"]=g;g.parentNode.insertBefore(g["s-ol"]=w,g)}}for(var S=0,b=relocateNodes;S<b.length;S++){var y=b[S];var g=y._;var E=y.C;if(E){var T=E.parentNode;var _=E.nextSibling;{var w=(n=g["s-ol"])===null||n===void 0?void 0:n.previousSibling;while(w){var C=(o=w["s-nr"])!==null&&o!==void 0?o:null;if(C&&C["s-sn"]===g["s-sn"]&&T===C.parentNode){C=C.nextSibling;if(!C||!C["s-nr"]){_=C;break}}w=w.previousSibling}}if(!_&&T!==g.parentNode||g.nextSibling!==_){if(g!==_){if(!g["s-hn"]&&g["s-ol"]){g["s-hn"]=g["s-ol"].parentNode.nodeName}T.insertBefore(g,_);if(g.nodeType===1){g.hidden=(a=g["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(g.nodeType===1){if(t){g["s-ih"]=(i=g.hidden)!==null&&i!==void 0?i:false}g.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(c.m)}plt.v&=~1;relocateNodes.length=0}};var attachToAncestor=function(e,r){if(r&&!e.R&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.R=r})))}};var scheduleUpdate=function(e,r){{e.v|=16}if(e.v&4){e.v|=512;return}attachToAncestor(e,e.j);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=createTime("scheduleUpdate",e.S.T);var n=e.L;var o;if(r){{e.v|=256;if(e.M){e.M.map((function(e){var r=e[0],t=e[1];return safeCall(n,r,t)}));e.M=undefined}}{o=safeCall(n,"componentWillLoad")}}else{{o=safeCall(n,"componentWillUpdate")}}t();return enqueue(o,(function(){return updateComponent(e,n,r)}))};var enqueue=function(e,r){return isPromisey(e)?e.then(r):r()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,r,t){return __awaiter(void 0,void 0,void 0,(function(){var n,o,a,i,s,l,u;return __generator(this,(function(c){o=e.$hostElement$;a=createTime("update",e.S.T);i=o["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.S.T);{callRender(e,r,o,t)}if(i){i.map((function(e){return e()}));o["s-rc"]=undefined}s();a();{l=(n=o["s-p"])!==null&&n!==void 0?n:[];u=function(){return postUpdateComponent(e)};if(l.length===0){u()}else{Promise.all(l).then(u);e.v|=4;l.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render&&r.render();{e.v&=~16}{e.v|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.S.T;var t=e.$hostElement$;var n=createTime("postUpdate",r);var o=e.L;var a=e.j;{safeCall(o,"componentDidRender")}if(!(e.v&64)){e.v|=64;{addHydratedFlag(t)}{safeCall(o,"componentDidLoad")}n();{e.V(t);if(!a){appDidLoad()}}}else{{safeCall(o,"componentDidUpdate")}n()}{e.F(t)}{if(e.R){e.R();e.R=undefined}if(e.v&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.v&=~(4|512)}};var forceUpdate=function(e){{var r=getHostRef(e);var t=r.$hostElement$.isConnected;if(t&&(r.v&(2|16))===2){scheduleUpdate(r,false)}return t}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,r,t){if(e&&e[r]){try{return e[r](t)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var getValue=function(e,r){return getHostRef(e).A.get(r)};var setValue=function(e,r,t,n){var o=getHostRef(e);var a=o.$hostElement$;var i=o.A.get(r);var s=o.v;var l=o.L;t=parsePropertyValue(t,n.$[r][0]);var u=Number.isNaN(i)&&Number.isNaN(t);var c=t!==i&&!u;if((!(s&8)||i===undefined)&&c){o.A.set(r,t);if(l){if(n.I&&s&128){var f=n.I[r];if(f){f.map((function(e){try{l[e](t,i,r)}catch(e){consoleError(e,a)}}))}}if((s&(2|16))===2){scheduleUpdate(o,false)}}}};var proxyComponent=function(e,r,t){var n;var o=e.prototype;if(r.$){if(e.watchers){r.I=e.watchers}var a=Object.entries(r.$);a.map((function(e){var n=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(o,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,r)},configurable:true,enumerable:true})}else if(t&1&&a&64){Object.defineProperty(o,n,{value:function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t;var o=getHostRef(this);return(t=o===null||o===void 0?void 0:o.D)===null||t===void 0?void 0:t.then((function(){var r;return(r=o.L)===null||r===void 0?void 0:r[n].apply(r,e)}))}})}}));if(t&1){var i=new Map;o.attributeChangedCallback=function(e,t,n){var a=this;plt.jmp((function(){var s;var l=i.get(e);if(a.hasOwnProperty(l)){n=a[l];delete a[l]}else if(o.hasOwnProperty(l)&&typeof a[l]==="number"&&a[l]==n){return}else if(l==null){var u=getHostRef(a);var c=u===null||u===void 0?void 0:u.v;if(c&&!(c&8)&&c&128&&n!==t){var f=u.L;var v=(s=r.I)===null||s===void 0?void 0:s[e];v===null||v===void 0?void 0:v.forEach((function(r){if(f[r]!=null){f[r].call(f,n,t,e)}}))}return}a[l]=n===null&&typeof a[l]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((n=r.I)!==null&&n!==void 0?n:{}),true),a.filter((function(e){var r=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],n=e[1];var o;var a=n[1]||t;i.set(a,t);if(n[0]&512){(o=r.N)===null||o===void 0?void 0:o.push([t,a])}return a})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var e,n,o,a,i,s,l,u;return __generator(this,(function(c){switch(c.label){case 0:if(!((r.v&32)===0))return[3,3];r.v|=32;e=loadModule(t);if(!e.then)return[3,2];n=uniqueTime();return[4,e];case 1:e=c.sent();n();c.label=2;case 2:if(!e.isProxied){{t.I=e.watchers}proxyComponent(e,t,2);e.isProxied=true}o=createTime("createInstance",t.T);{r.v|=8}try{new e(r)}catch(e){consoleError(e)}{r.v&=~8}{r.v|=128}o();if(e.style){a=e.style;i=getScopeId(t);if(!styles.has(i)){s=createTime("registerStyles",t.T);registerStyle(i,a,!!(t.v&1));s()}}c.label=3;case 3:l=r.j;u=function(){return scheduleUpdate(r,true)};if(l&&l["s-rc"]){l["s-rc"].push(u)}else{u()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.v&1)===0){var r=getHostRef(e);var t=r.S;var n=createTime("connectedCallback",t.T);if(!(r.v&1)){r.v|=1;{if(t.v&(4|8)){setContentReference(e)}}{var o=e;while(o=o.parentNode||o.host){if(o["s-p"]){attachToAncestor(r,r.j=o);break}}}if(t.$){Object.entries(t.$).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var o=e[t];delete e[t];e[t]=o}}))}{initializeComponent(e,r,t)}}else{addHostEventListeners(e,r,t.P);if(r===null||r===void 0?void 0:r.L);else if(r===null||r===void 0?void 0:r.H){r.H.then((function(){return fireConnectedCallback()}))}}n()}};var setContentReference=function(e){var r=e["s-cr"]=doc.createComment("");r["s-cn"]=true;e.insertBefore(r,e.firstChild)};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.v&1)===0){r=getHostRef(e);{if(r.O){r.O.map((function(e){return e()}));r.O=undefined}}if(r===null||r===void 0?void 0:r.L);else if(r===null||r===void 0?void 0:r.H){r.H.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;var n=createTime();var o=[];var a=r.exclude||[];var i=win.customElements;var s=doc.head;var l=s.querySelector("meta[charset]");var u=doc.createElement("style");var c=[];var f;var v=true;Object.assign(plt,r);plt.U=new URL(r.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t;var n={v:r[0],T:r[1],$:r[2],P:r[3]};if(n.v&4){d=true}{n.$=r[2]}{n.P=r[3]}{n.N=[]}{n.I=(t=r[4])!==null&&t!==void 0?t:{}}var s=n.T;var l=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;r=t;registerHost(r,n);if(n.v&1){{{r.attachShadow({mode:"open",delegatesFocus:!!(n.v&16)})}}}return t}r.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}if(v){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};r.prototype.componentOnReady=function(){return getHostRef(this).H};return r}(HTMLElement);n.q=e[0];if(!a.includes(s)&&!i.get(s)){o.push(s);i.define(s,proxyComponent(l,n,1))}}))}));if(d){u.innerHTML+=SLOT_FB_CSS}{u.innerHTML+=o+HYDRATED_CSS}if(u.innerHTML.length){u.setAttribute("data-styles","");var p=(t=plt.h)!==null&&t!==void 0?t:queryNonceMetaTagContent(doc);if(p!=null){u.setAttribute("nonce",p)}s.insertBefore(u,l?l.nextSibling:s.firstChild)}v=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}n()};var Fragment=function(e,r){return r};var addHostEventListeners=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],o=t[1],a=t[2];var i=getHostListenerTarget(e,n);var s=hostListenerProxy(r,a);var l=hostListenerOpts(n);plt.ael(i,o,s,l);(r.O=r.O||[]).push((function(){return plt.rel(i,o,s,l)}))}))}};var hostListenerProxy=function(e,r){return function(t){try{{if(e.v&256){e.L[r](t)}else{(e.M=e.M||[]).push([r,t])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,r){if(r&4)return doc;if(r&8)return win;return e};var hostListenerOpts=function(e){return(e&2)!==0};var setNonce=function(e){return plt.h=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,r){return hostRefs.set(r.L=e,r)};var registerHost=function(e,r){var t={v:0,$hostElement$:e,S:r,A:new Map};{t.D=new Promise((function(e){return t.F=e}))}{t.H=new Promise((function(e){return t.V=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,t,r.P);return hostRefs.set(e,t)};var isMemberInElement=function(e,r){return r in e};var consoleError=function(e,r){return(0,console.error)(e,r)};var cmpModules=new Map;var loadModule=function(e,r,t){var n=e.T.replace(/-/g,"_");var o=e.q;var a=cmpModules.get(o);if(a){return a[n]}if(!t||!BUILD.hotModuleReplacement){var i=function(e){cmpModules.set(o,e);return e[n]};switch(o){case"wm-button":return import("./wm-button.entry.js").then(i,consoleError);case"wm-chart":return import("./wm-chart.entry.js").then(i,consoleError);case"wm-datepicker":return import("./wm-datepicker.entry.js").then(i,consoleError);case"wm-file":return import("./wm-file.entry.js").then(i,consoleError);case"wm-file-list":return import("./wm-file-list.entry.js").then(i,consoleError);case"wm-input":return import("./wm-input.entry.js").then(i,consoleError);case"wm-modal":return import("./wm-modal.entry.js").then(i,consoleError);case"wm-navigator":return import("./wm-navigator.entry.js").then(i,consoleError);case"wm-pagination":return import("./wm-pagination.entry.js").then(i,consoleError);case"wm-search":return import("./wm-search.entry.js").then(i,consoleError);case"wm-snackbar":return import("./wm-snackbar.entry.js").then(i,consoleError);case"wm-timepicker":return import("./wm-timepicker.entry.js").then(i,consoleError);case"wm-toggletip":return import("./wm-toggletip.entry.js").then(i,consoleError);case"wm-tag-input":return import("./wm-tag-input.entry.js").then(i,consoleError);case"wm-tag-option":return import("./wm-tag-option.entry.js").then(i,consoleError);case"wm-textarea":return import("./wm-textarea.entry.js").then(i,consoleError);case"wm-uploader":return import("./wm-uploader.entry.js").then(i,consoleError);case"wm-wrapper":return import("./wm-wrapper.entry.js").then(i,consoleError);case"wm-action-menu_2":return import("./wm-action-menu_2.entry.js").then(i,consoleError);case"wm-option_2":return import("./wm-option_2.entry.js").then(i,consoleError);case"wm-navigation_3":return import("./wm-navigation_3.entry.js").then(i,consoleError);case"wm-progress-indicator_3":return import("./wm-progress-indicator_3.entry.js").then(i,consoleError);case"wm-tab-item_3":return import("./wm-tab-item_3.entry.js").then(i,consoleError);case"wm-chart-slice":return import("./wm-chart-slice.entry.js").then(i,consoleError);case"wm-date-range":return import("./wm-date-range.entry.js").then(i,consoleError);case"wm-line-chart":return import("./wm-line-chart.entry.js").then(i,consoleError);case"wm-modal-footer":return import("./wm-modal-footer.entry.js").then(i,consoleError);case"wm-modal-header":return import("./wm-modal-header.entry.js").then(i,consoleError);case"wm-nested-select":return import("./wm-nested-select.entry.js").then(i,consoleError);case"wm-optgroup":return import("./wm-optgroup.entry.js").then(i,consoleError);case"priv-navigator-button":return import("./priv-navigator-button.entry.js").then(i,consoleError);case"priv-navigator-item":return import("./priv-navigator-item.entry.js").then(i,consoleError);case"priv-calendar":return import("./priv-calendar.entry.js").then(i,consoleError);case"priv-chart-popover":return import("./priv-chart-popover.entry.js").then(i,consoleError);case"priv-option-list":return import("./priv-option-list.entry.js").then(i,consoleError)}}return import("./".concat(o,".entry.js").concat("")).then((function(e){{cmpModules.set(o,e)}return e[n]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={v:0,U:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,t,n){return e.addEventListener(r,t,n)},rel:function(e,r,t,n){return e.removeEventListener(r,t,n)},ce:function(e,r){return new CustomEvent(e,r)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,r){return function(t){e.push(t);if(!queuePending){queuePending=true;if(r&&plt.v&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Fragment as F,Host as H,bootstrapLazy as b,createEvent as c,forceUpdate as f,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
+var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function o(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):o(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(n=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];o=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,o=r.length,a;n<o;n++){if(a||!(n in r)){if(!a)a=Array.prototype.slice.call(r,0,n);a[n]=r[n]}}return e.concat(a||Array.prototype.slice.call(r))};var NAMESPACE="ripple";var BUILD={allRenderFn:false,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:true,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,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:true,watchCallback:true};var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var queuePending=false;var createTime=function(e,r){if(r===void 0){r=""}{return function(){return}}};var uniqueTime=function(e,r){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var XLINK_NS="http://www.w3.org/1999/xlink";var EMPTY_OBJ={};var SVG_NS="http://www.w3.org/2000/svg";var HTML_NS="http://www.w3.org/1999/xhtml";var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var r,t,n;return(n=(t=(r=e.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&n!==void 0?n:undefined}var h=function(e,r){var t=[];for(var n=2;n<arguments.length;n++){t[n-2]=arguments[n]}var o=null;var a=null;var i=null;var s=false;var l=false;var u=[];var c=function(r){for(var t=0;t<r.length;t++){o=r[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(s=typeof e!=="function"&&!isComplexType(o)){o=String(o)}if(s&&l){u[u.length-1].t+=o}else{u.push(s?newVNode(null,o):o)}l=s}}};c(t);if(r){if(r.key){a=r.key}if(r.name){i=r.name}{var f=r.className||r.class;if(f){r.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}if(typeof e==="function"){return e(r===null?{}:r,u,vdomFnUtils)}var v=newVNode(e,null);v.o=r;if(u.length>0){v.i=u}{v.l=a}{v.u=i}return v};var newVNode=function(e,r){var t={v:0,p:e,t:r,m:null,i:null};{t.o=null}{t.l=null}{t.u=null}return t};var Host={};var isHost=function(e){return e&&e.p===Host};var vdomFnUtils={forEach:function(e,r){return e.map(convertToPublic).forEach(r)},map:function(e,r){return e.map(convertToPublic).map(r).map(convertToPrivate)}};var convertToPublic=function(e){return{vattrs:e.o,vchildren:e.i,vkey:e.l,vname:e.u,vtag:e.p,vtext:e.t}};var convertToPrivate=function(e){if(typeof e.vtag==="function"){var r=Object.assign({},e.vattrs);if(e.vkey){r.key=e.vkey}if(e.vname){r.name=e.vname}return h.apply(void 0,__spreadArray([e.vtag,r],e.vchildren||[],false))}var t=newVNode(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.l=e.vkey;t.u=e.vname;return t};var parsePropertyValue=function(e,r){if(e!=null&&!isComplexType(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&2){return parseFloat(e)}if(r&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,r,t){var n=getElement(e);return{emit:function(e){return emitEvent(n,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}};var emitEvent=function(e,r,t){var n=plt.ce(r,t);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,r,t){var n=styles.get(e);if(supportsConstructableStylesheets&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=r}else{n.replaceSync(r)}}else{n=r}styles.set(e,n)};var addStyle=function(e,r,t){var n;var o=getScopeId(r);var a=styles.get(o);e=e.nodeType===11?e:doc;if(a){if(typeof a==="string"){e=e.head||e;var i=rootAppliedStyles.get(e);var s=void 0;if(!i){rootAppliedStyles.set(e,i=new Set)}if(!i.has(o)){{s=doc.createElement("style");s.innerHTML=a;var l=(n=plt.h)!==null&&n!==void 0?n:queryNonceMetaTagContent(doc);if(l!=null){s.setAttribute("nonce",l)}e.insertBefore(s,e.querySelector("link"))}if(r.v&4){s.innerHTML+=SLOT_FB_CSS}if(i){i.add(o)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return o};var attachStyles=function(e){var r=e.S;var t=e.$hostElement$;var n=r.v;var o=createTime("attachStyles",r.T);var a=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10){t["s-sc"]=a;t.classList.add(a+"-h")}o()};var getScopeId=function(e,r){return"sc-"+e.T};var setAccessor=function(e,r,t,n,o,a){if(t!==n){var i=isMemberInElement(e,r);var s=r.toLowerCase();if(r==="class"){var l=e.classList;var u=parseClassList(t);var c=parseClassList(n);l.remove.apply(l,u.filter((function(e){return e&&!c.includes(e)})));l.add.apply(l,c.filter((function(e){return e&&!u.includes(e)})))}else if(r==="style"){{for(var f in t){if(!n||n[f]==null){if(f.includes("-")){e.style.removeProperty(f)}else{e.style[f]=""}}}}for(var f in n){if(!t||n[f]!==t[f]){if(f.includes("-")){e.style.setProperty(f,n[f])}else{e.style[f]=n[f]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!i&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(isMemberInElement(win,s)){r=s.slice(2)}else{r=s[2]+r.slice(3)}if(t||n){var v=r.endsWith(CAPTURE_EVENT_SUFFIX);r=r.replace(CAPTURE_EVENT_REGEX,"");if(t){plt.rel(e,r,t,v)}if(n){plt.ael(e,r,n,v)}}}else{var d=isComplexType(n);if((i||d&&n!==null)&&!o){try{if(!e.tagName.includes("-")){var p=n==null?"":n;if(r==="list"){i=false}else if(t==null||e[r]!=p){e[r]=p}}else{e[r]=n}}catch(e){}}var m=false;{if(s!==(s=s.replace(/^xlink\:?/,""))){r=s;m=true}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){if(m){e.removeAttributeNS(XLINK_NS,r)}else{e.removeAttribute(r)}}}else if((!i||a&4||o)&&!d){n=n===true?"":n;if(m){e.setAttributeNS(XLINK_NS,r,n)}else{e.setAttribute(r,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,r,t,n){var o=r.m.nodeType===11&&r.m.host?r.m.host:r.m;var a=e&&e.o||EMPTY_OBJ;var i=r.o||EMPTY_OBJ;{for(n in a){if(!(n in i)){setAccessor(o,n,a[n],undefined,t,r.v)}}}for(n in i){setAccessor(o,n,a[n],i[n],t,r.v)}};var createElm=function(e,r,t,n){var o;var a=r.i[t];var i=0;var s;var l;var u;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.p==="slot"){if(scopeId){n.classList.add(scopeId+"-s")}a.v|=a.i?2:1}}if(a.t!==null){s=a.m=doc.createTextNode(a.t)}else if(a.v&1){s=a.m=doc.createTextNode("")}else{if(!isSvgMode){isSvgMode=a.p==="svg"}s=a.m=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,a.v&2?"slot-fb":a.p);if(isSvgMode&&a.p==="foreignObject"){isSvgMode=false}{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}if(a.i){for(i=0;i<a.i.length;++i){l=createElm(e,a,i,s);if(l){s.appendChild(l)}}}{if(a.p==="svg"){isSvgMode=false}else if(s.tagName==="foreignObject"){isSvgMode=true}}}s["s-hn"]=hostTagName;{if(a.v&(2|1)){s["s-sr"]=true;s["s-fs"]=(o=a.o)===null||o===void 0?void 0:o.slot;s["s-cr"]=contentRef;s["s-sn"]=a.u||"";u=e&&e.i&&e.i[t];if(u&&u.p===a.p&&e.m){{putBackInOriginalLocation(e.m,false)}}}}return s};var putBackInOriginalLocation=function(e,r){var t;plt.v|=1;var n=e.childNodes;for(var o=n.length-1;o>=0;o--){var a=n[o];if(a["s-hn"]!==hostTagName&&a["s-ol"]){parentReferenceNode(a).insertBefore(a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=undefined;a["s-sh"]=undefined;if(a.nodeType===1){a.setAttribute("slot",(t=a["s-sn"])!==null&&t!==void 0?t:"")}checkSlotRelocate=true}if(r){putBackInOriginalLocation(a,r)}}plt.v&=~1};var addVnodes=function(e,r,t,n,o,a){var i=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(i.shadowRoot&&i.tagName===hostTagName){i=i.shadowRoot}for(;o<=a;++o){if(n[o]){s=createElm(null,t,o,e);if(s){n[o].m=s;i.insertBefore(s,referenceNode(r))}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var o=e[n];if(o){var a=o.m;nullifyVNodeRefs(o);if(a){{checkSlotFallbackVisibility=true;if(a["s-ol"]){a["s-ol"].remove()}else{putBackInOriginalLocation(a,true)}}a.remove()}}}};var updateChildren=function(e,r,t,n){var o=0;var a=0;var i=0;var s=0;var l=r.length-1;var u=r[0];var c=r[l];var f=n.length-1;var v=n[0];var d=n[f];var p;var m;while(o<=l&&a<=f){if(u==null){u=r[++o]}else if(c==null){c=r[--l]}else if(v==null){v=n[++a]}else if(d==null){d=n[--f]}else if(isSameVnode(u,v)){patch(u,v);u=r[++o];v=n[++a]}else if(isSameVnode(c,d)){patch(c,d);c=r[--l];d=n[--f]}else if(isSameVnode(u,d)){if(u.p==="slot"||d.p==="slot"){putBackInOriginalLocation(u.m.parentNode,false)}patch(u,d);e.insertBefore(u.m,c.m.nextSibling);u=r[++o];d=n[--f]}else if(isSameVnode(c,v)){if(u.p==="slot"||d.p==="slot"){putBackInOriginalLocation(c.m.parentNode,false)}patch(c,v);e.insertBefore(c.m,u.m);c=r[--l];v=n[++a]}else{i=-1;{for(s=o;s<=l;++s){if(r[s]&&r[s].l!==null&&r[s].l===v.l){i=s;break}}}if(i>=0){m=r[i];if(m.p!==v.p){p=createElm(r&&r[a],t,i,e)}else{patch(m,v);r[i]=undefined;p=m.m}v=n[++a]}else{p=createElm(r&&r[a],t,a,e);v=n[++a]}if(p){{parentReferenceNode(u.m).insertBefore(p,referenceNode(u.m))}}}}if(o>l){addVnodes(e,n[f+1]==null?null:n[f+1].m,t,n,a,f)}else if(a>f){removeVnodes(r,o,l)}};var isSameVnode=function(e,r){if(e.p===r.p){if(e.p==="slot"){return e.u===r.u}{return e.l===r.l}}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,r){var t=r.m=e.m;var n=e.i;var o=r.i;var a=r.p;var i=r.t;var s;if(i===null){{isSvgMode=a==="svg"?true:a==="foreignObject"?false:isSvgMode}{if(a==="slot");else{updateElement(e,r,isSvgMode)}}if(n!==null&&o!==null){updateChildren(t,n,r,o)}else if(o!==null){if(e.t!==null){t.textContent=""}addVnodes(t,null,r,o,0,o.length-1)}else if(n!==null){removeVnodes(n,0,n.length-1)}if(isSvgMode&&a==="svg"){isSvgMode=false}}else if(s=t["s-cr"]){s.parentNode.textContent=i}else if(e.t!==i){t.data=i}};var updateFallbackSlotVisibility=function(e){var r=e.childNodes;for(var t=0,n=r;t<n.length;t++){var o=n[t];if(o.nodeType===1){if(o["s-sr"]){var a=o["s-sn"];o.hidden=false;for(var i=0,s=r;i<s.length;i++){var l=s[i];if(l!==o){if(l["s-hn"]!==o["s-hn"]||a!==""){if(l.nodeType===1&&(a===l.getAttribute("slot")||a===l["s-sn"])){o.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){o.hidden=true;break}}}}}updateFallbackSlotVisibility(o)}}};var relocateNodes=[];var markSlotContentForRelocation=function(e){var r;var t;var n;for(var o=0,a=e.childNodes;o<a.length;o++){var i=a[o];if(i["s-sr"]&&(r=i["s-cr"])&&r.parentNode){t=r.parentNode.childNodes;var s=i["s-sn"];var l=function(){r=t[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==i["s-hn"]&&!BUILD.experimentalSlotFixes){if(isNodeLocatedInSlot(r,s)){var e=relocateNodes.find((function(e){return e._===r}));checkSlotFallbackVisibility=true;r["s-sn"]=r["s-sn"]||s;if(e){e._["s-sh"]=i["s-hn"];e.C=i}else{r["s-sh"]=i["s-hn"];relocateNodes.push({C:i,_:r})}if(r["s-sr"]){relocateNodes.map((function(t){if(isNodeLocatedInSlot(t._,r["s-sn"])){e=relocateNodes.find((function(e){return e._===r}));if(e&&!t.C){t.C=e.C}}}))}}else if(!relocateNodes.some((function(e){return e._===r}))){relocateNodes.push({_:r})}}};for(n=t.length-1;n>=0;n--){l()}}if(i.nodeType===1){markSlotContentForRelocation(i)}}};var isNodeLocatedInSlot=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var nullifyVNodeRefs=function(e){{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(nullifyVNodeRefs)}};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n,o,a,i;var s=e.$hostElement$;var l=e.S;var u=e.k||newVNode(null,null);var c=isHost(r)?r:h(null,null,r);hostTagName=s.tagName;if(l.N){c.o=c.o||{};l.N.map((function(e){var r=e[0],t=e[1];return c.o[t]=s[r]}))}if(t&&c.o){for(var f=0,v=Object.keys(c.o);f<v.length;f++){var d=v[f];if(s.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){c.o[d]=s[d]}}}c.p=null;c.v|=4;e.k=c;c.m=u.m=s.shadowRoot||s;{scopeId=s["s-sc"]}{contentRef=s["s-cr"];useNativeShadowDom=(l.v&1)!==0;checkSlotFallbackVisibility=false}patch(u,c);{plt.v|=1;if(checkSlotRelocate){markSlotContentForRelocation(c.m);for(var p=0,m=relocateNodes;p<m.length;p++){var y=m[p];var g=y._;if(!g["s-ol"]){var w=doc.createTextNode("");w["s-nr"]=g;g.parentNode.insertBefore(g["s-ol"]=w,g)}}for(var S=0,b=relocateNodes;S<b.length;S++){var y=b[S];var g=y._;var E=y.C;if(E){var T=E.parentNode;var _=E.nextSibling;{var w=(n=g["s-ol"])===null||n===void 0?void 0:n.previousSibling;while(w){var C=(o=w["s-nr"])!==null&&o!==void 0?o:null;if(C&&C["s-sn"]===g["s-sn"]&&T===C.parentNode){C=C.nextSibling;if(!C||!C["s-nr"]){_=C;break}}w=w.previousSibling}}if(!_&&T!==g.parentNode||g.nextSibling!==_){if(g!==_){if(!g["s-hn"]&&g["s-ol"]){g["s-hn"]=g["s-ol"].parentNode.nodeName}T.insertBefore(g,_);if(g.nodeType===1){g.hidden=(a=g["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(g.nodeType===1){if(t){g["s-ih"]=(i=g.hidden)!==null&&i!==void 0?i:false}g.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(c.m)}plt.v&=~1;relocateNodes.length=0}};var attachToAncestor=function(e,r){if(r&&!e.R&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.R=r})))}};var scheduleUpdate=function(e,r){{e.v|=16}if(e.v&4){e.v|=512;return}attachToAncestor(e,e.L);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=createTime("scheduleUpdate",e.S.T);var n=e.j;var o;if(r){{e.v|=256;if(e.M){e.M.map((function(e){var r=e[0],t=e[1];return safeCall(n,r,t)}));e.M=undefined}}{o=safeCall(n,"componentWillLoad")}}else{{o=safeCall(n,"componentWillUpdate")}}t();return enqueue(o,(function(){return updateComponent(e,n,r)}))};var enqueue=function(e,r){return isPromisey(e)?e.then(r):r()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,r,t){return __awaiter(void 0,void 0,void 0,(function(){var n,o,a,i,s,l,u;return __generator(this,(function(c){o=e.$hostElement$;a=createTime("update",e.S.T);i=o["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.S.T);{callRender(e,r,o,t)}if(i){i.map((function(e){return e()}));o["s-rc"]=undefined}s();a();{l=(n=o["s-p"])!==null&&n!==void 0?n:[];u=function(){return postUpdateComponent(e)};if(l.length===0){u()}else{Promise.all(l).then(u);e.v|=4;l.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render&&r.render();{e.v&=~16}{e.v|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.S.T;var t=e.$hostElement$;var n=createTime("postUpdate",r);var o=e.j;var a=e.L;{safeCall(o,"componentDidRender")}if(!(e.v&64)){e.v|=64;{addHydratedFlag(t)}{safeCall(o,"componentDidLoad")}n();{e.V(t);if(!a){appDidLoad()}}}else{{safeCall(o,"componentDidUpdate")}n()}{e.F(t)}{if(e.R){e.R();e.R=undefined}if(e.v&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.v&=~(4|512)}};var forceUpdate=function(e){{var r=getHostRef(e);var t=r.$hostElement$.isConnected;if(t&&(r.v&(2|16))===2){scheduleUpdate(r,false)}return t}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,r,t){if(e&&e[r]){try{return e[r](t)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var getValue=function(e,r){return getHostRef(e).A.get(r)};var setValue=function(e,r,t,n){var o=getHostRef(e);var a=o.$hostElement$;var i=o.A.get(r);var s=o.v;var l=o.j;t=parsePropertyValue(t,n.$[r][0]);var u=Number.isNaN(i)&&Number.isNaN(t);var c=t!==i&&!u;if((!(s&8)||i===undefined)&&c){o.A.set(r,t);if(l){if(n.I&&s&128){var f=n.I[r];if(f){f.map((function(e){try{l[e](t,i,r)}catch(e){consoleError(e,a)}}))}}if((s&(2|16))===2){scheduleUpdate(o,false)}}}};var proxyComponent=function(e,r,t){var n;var o=e.prototype;if(r.$){if(e.watchers){r.I=e.watchers}var a=Object.entries(r.$);a.map((function(e){var n=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(o,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,r)},configurable:true,enumerable:true})}else if(t&1&&a&64){Object.defineProperty(o,n,{value:function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t;var o=getHostRef(this);return(t=o===null||o===void 0?void 0:o.D)===null||t===void 0?void 0:t.then((function(){var r;return(r=o.j)===null||r===void 0?void 0:r[n].apply(r,e)}))}})}}));if(t&1){var i=new Map;o.attributeChangedCallback=function(e,t,n){var a=this;plt.jmp((function(){var s;var l=i.get(e);if(a.hasOwnProperty(l)){n=a[l];delete a[l]}else if(o.hasOwnProperty(l)&&typeof a[l]==="number"&&a[l]==n){return}else if(l==null){var u=getHostRef(a);var c=u===null||u===void 0?void 0:u.v;if(c&&!(c&8)&&c&128&&n!==t){var f=u.j;var v=(s=r.I)===null||s===void 0?void 0:s[e];v===null||v===void 0?void 0:v.forEach((function(r){if(f[r]!=null){f[r].call(f,n,t,e)}}))}return}a[l]=n===null&&typeof a[l]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((n=r.I)!==null&&n!==void 0?n:{}),true),a.filter((function(e){var r=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],n=e[1];var o;var a=n[1]||t;i.set(a,t);if(n[0]&512){(o=r.N)===null||o===void 0?void 0:o.push([t,a])}return a})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var e,n,o,a,i,s,l,u;return __generator(this,(function(c){switch(c.label){case 0:if(!((r.v&32)===0))return[3,3];r.v|=32;e=loadModule(t);if(!e.then)return[3,2];n=uniqueTime();return[4,e];case 1:e=c.sent();n();c.label=2;case 2:if(!e.isProxied){{t.I=e.watchers}proxyComponent(e,t,2);e.isProxied=true}o=createTime("createInstance",t.T);{r.v|=8}try{new e(r)}catch(e){consoleError(e)}{r.v&=~8}{r.v|=128}o();if(e.style){a=e.style;i=getScopeId(t);if(!styles.has(i)){s=createTime("registerStyles",t.T);registerStyle(i,a,!!(t.v&1));s()}}c.label=3;case 3:l=r.L;u=function(){return scheduleUpdate(r,true)};if(l&&l["s-rc"]){l["s-rc"].push(u)}else{u()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.v&1)===0){var r=getHostRef(e);var t=r.S;var n=createTime("connectedCallback",t.T);if(!(r.v&1)){r.v|=1;{if(t.v&(4|8)){setContentReference(e)}}{var o=e;while(o=o.parentNode||o.host){if(o["s-p"]){attachToAncestor(r,r.L=o);break}}}if(t.$){Object.entries(t.$).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var o=e[t];delete e[t];e[t]=o}}))}{initializeComponent(e,r,t)}}else{addHostEventListeners(e,r,t.P);if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.H){r.H.then((function(){return fireConnectedCallback()}))}}n()}};var setContentReference=function(e){var r=e["s-cr"]=doc.createComment("");r["s-cn"]=true;e.insertBefore(r,e.firstChild)};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.v&1)===0){r=getHostRef(e);{if(r.O){r.O.map((function(e){return e()}));r.O=undefined}}if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.H){r.H.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;var n=createTime();var o=[];var a=r.exclude||[];var i=win.customElements;var s=doc.head;var l=s.querySelector("meta[charset]");var u=doc.createElement("style");var c=[];var f;var v=true;Object.assign(plt,r);plt.U=new URL(r.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t;var n={v:r[0],T:r[1],$:r[2],P:r[3]};if(n.v&4){d=true}{n.$=r[2]}{n.P=r[3]}{n.N=[]}{n.I=(t=r[4])!==null&&t!==void 0?t:{}}var s=n.T;var l=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;r=t;registerHost(r,n);if(n.v&1){{{r.attachShadow({mode:"open",delegatesFocus:!!(n.v&16)})}}}return t}r.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}if(v){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};r.prototype.componentOnReady=function(){return getHostRef(this).H};return r}(HTMLElement);n.q=e[0];if(!a.includes(s)&&!i.get(s)){o.push(s);i.define(s,proxyComponent(l,n,1))}}))}));if(d){u.innerHTML+=SLOT_FB_CSS}{u.innerHTML+=o+HYDRATED_CSS}if(u.innerHTML.length){u.setAttribute("data-styles","");var p=(t=plt.h)!==null&&t!==void 0?t:queryNonceMetaTagContent(doc);if(p!=null){u.setAttribute("nonce",p)}s.insertBefore(u,l?l.nextSibling:s.firstChild)}v=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}n()};var Fragment=function(e,r){return r};var addHostEventListeners=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],o=t[1],a=t[2];var i=getHostListenerTarget(e,n);var s=hostListenerProxy(r,a);var l=hostListenerOpts(n);plt.ael(i,o,s,l);(r.O=r.O||[]).push((function(){return plt.rel(i,o,s,l)}))}))}};var hostListenerProxy=function(e,r){return function(t){try{{if(e.v&256){e.j[r](t)}else{(e.M=e.M||[]).push([r,t])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,r){if(r&4)return doc;if(r&8)return win;return e};var hostListenerOpts=function(e){return(e&2)!==0};var setNonce=function(e){return plt.h=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,r){return hostRefs.set(r.j=e,r)};var registerHost=function(e,r){var t={v:0,$hostElement$:e,S:r,A:new Map};{t.D=new Promise((function(e){return t.F=e}))}{t.H=new Promise((function(e){return t.V=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,t,r.P);return hostRefs.set(e,t)};var isMemberInElement=function(e,r){return r in e};var consoleError=function(e,r){return(0,console.error)(e,r)};var cmpModules=new Map;var loadModule=function(e,r,t){var n=e.T.replace(/-/g,"_");var o=e.q;var a=cmpModules.get(o);if(a){return a[n]}if(!t||!BUILD.hotModuleReplacement){var i=function(e){cmpModules.set(o,e);return e[n]};switch(o){case"wm-button":return import("./wm-button.entry.js").then(i,consoleError);case"wm-chart":return import("./wm-chart.entry.js").then(i,consoleError);case"wm-datepicker":return import("./wm-datepicker.entry.js").then(i,consoleError);case"wm-file":return import("./wm-file.entry.js").then(i,consoleError);case"wm-file-list":return import("./wm-file-list.entry.js").then(i,consoleError);case"wm-input":return import("./wm-input.entry.js").then(i,consoleError);case"wm-navigator":return import("./wm-navigator.entry.js").then(i,consoleError);case"wm-pagination":return import("./wm-pagination.entry.js").then(i,consoleError);case"wm-search":return import("./wm-search.entry.js").then(i,consoleError);case"wm-snackbar":return import("./wm-snackbar.entry.js").then(i,consoleError);case"wm-timepicker":return import("./wm-timepicker.entry.js").then(i,consoleError);case"wm-toggletip":return import("./wm-toggletip.entry.js").then(i,consoleError);case"wm-tag-input":return import("./wm-tag-input.entry.js").then(i,consoleError);case"wm-tag-option":return import("./wm-tag-option.entry.js").then(i,consoleError);case"wm-textarea":return import("./wm-textarea.entry.js").then(i,consoleError);case"wm-uploader":return import("./wm-uploader.entry.js").then(i,consoleError);case"wm-wrapper":return import("./wm-wrapper.entry.js").then(i,consoleError);case"wm-action-menu_2":return import("./wm-action-menu_2.entry.js").then(i,consoleError);case"wm-option_2":return import("./wm-option_2.entry.js").then(i,consoleError);case"wm-modal_3":return import("./wm-modal_3.entry.js").then(i,consoleError);case"wm-modal-pss_3":return import("./wm-modal-pss_3.entry.js").then(i,consoleError);case"wm-navigation_3":return import("./wm-navigation_3.entry.js").then(i,consoleError);case"wm-progress-indicator_3":return import("./wm-progress-indicator_3.entry.js").then(i,consoleError);case"wm-tab-item_3":return import("./wm-tab-item_3.entry.js").then(i,consoleError);case"wm-chart-slice":return import("./wm-chart-slice.entry.js").then(i,consoleError);case"wm-date-range":return import("./wm-date-range.entry.js").then(i,consoleError);case"wm-line-chart":return import("./wm-line-chart.entry.js").then(i,consoleError);case"wm-nested-select":return import("./wm-nested-select.entry.js").then(i,consoleError);case"wm-optgroup":return import("./wm-optgroup.entry.js").then(i,consoleError);case"priv-navigator-button":return import("./priv-navigator-button.entry.js").then(i,consoleError);case"priv-navigator-item":return import("./priv-navigator-item.entry.js").then(i,consoleError);case"priv-calendar":return import("./priv-calendar.entry.js").then(i,consoleError);case"priv-chart-popover":return import("./priv-chart-popover.entry.js").then(i,consoleError);case"priv-option-list":return import("./priv-option-list.entry.js").then(i,consoleError)}}return import("./".concat(o,".entry.js").concat("")).then((function(e){{cmpModules.set(o,e)}return e[n]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={v:0,U:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,t,n){return e.addEventListener(r,t,n)},rel:function(e,r,t,n){return e.removeEventListener(r,t,n)},ce:function(e,r){return new CustomEvent(e,r)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,r){return function(t){e.push(t);if(!queuePending){queuePending=true;if(r&&plt.v&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Fragment as F,Host as H,bootstrapLazy as b,createEvent as c,forceUpdate as f,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};