@watermarkinsights/ripple 5.6.0-1 → 5.6.0-2

package/dist/types/components/wm-option/wm-option.d.ts

@@ -11,6 +11,7 @@ export declare class Option {
     intCloneClicked: EventEmitter<HTMLWmOptionElement>;
     wmKeyUpPressed: EventEmitter<HTMLWmOptionElement>;
     wmKeyDownPressed: EventEmitter<HTMLWmOptionElement>;
+    wmKeyLeftPressed: EventEmitter<HTMLWmOptionElement>;
     wmEscKeyPressed: EventEmitter<HTMLWmOptionElement>;
     wmHomeKeyPressed: EventEmitter<HTMLWmOptionElement>;
     wmEndKeyPressed: EventEmitter<HTMLWmOptionElement>;
@@ -26,7 +27,7 @@ export declare class Option {
     searchTerm: string;
     private textEl;
     get hostClasses(): string;
-    get parentSelectEl(): HTMLWmSelectElement;
+    get parentOptionList(): HTMLPrivOptionListElement;
     handleKeydown(ev: KeyboardEvent): void;
     handleSelection(): void;
     handleBlur(ev: FocusEvent): void;

package/dist/types/components.d.ts

@@ -32,6 +32,19 @@ export namespace Components {
         "link": string;
         "selected": boolean;
     }
+    interface PrivOptionList {
+        "clearSearch": () => Promise<void>;
+        "focusOption": (option: HTMLElement) => Promise<void>;
+        "handleChildChange": (_: MutationRecord) => Promise<void>;
+        "handleInitialFocus": (optionToSelect?: "next" | "previous") => Promise<void>;
+        "maxHeight"?: string;
+        "multiple": boolean;
+        "search": boolean;
+        "searchPlaceholder"?: string;
+        "selectAll": boolean;
+        "unfocusAll": () => Promise<void>;
+        "updateOptionVisibility": () => Promise<void>;
+    }
     interface WmActionMenu {
         "actionMenuType": "icon" | "text" | "selector" | "selector-primary";
         "buttonText"?: string;
@@ -205,6 +218,26 @@ export namespace Components {
         "products"?: string | [];
         "userName"?: string;
     }
+    interface WmNestedSelect {
+        "allSelectedMessage": string;
+        "disabled": boolean;
+        "errorMessage"?: string;
+        "label"?: string;
+        "labelPosition": "top" | "left" | "none";
+        "maxHeight"?: string;
+        "multiple": boolean;
+        "placeholder": string;
+        "requiredField": boolean;
+        "search": boolean;
+        "searchPlaceholder": string;
+        "selectAll": boolean;
+    }
+    interface WmOptgroup {
+        "emitDeselection": () => Promise<void>;
+        "isExpanded": boolean;
+        "label": string;
+        "multiple": boolean;
+    }
     interface WmOption {
         "disabled": boolean;
         "focused": boolean;
@@ -388,6 +421,10 @@ export interface PrivNavigatorItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPrivNavigatorItemElement;
 }
+export interface PrivOptionListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPrivOptionListElement;
+}
 export interface WmActionMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmActionMenuElement;
@@ -436,6 +473,14 @@ export interface WmNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmNavigatorElement;
 }
+export interface WmNestedSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmNestedSelectElement;
+}
+export interface WmOptgroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmOptgroupElement;
+}
 export interface WmOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmOptionElement;
@@ -578,6 +623,26 @@ declare global {
         prototype: HTMLPrivNavigatorItemElement;
         new (): HTMLPrivNavigatorItemElement;
     };
+    interface HTMLPrivOptionListElementEventMap {
+        "optionListSearchChanged": Object;
+        "optionListCloseRequested": any;
+        "optionListAllSelected": any;
+        "optionListAllDeselected": any;
+    }
+    interface HTMLPrivOptionListElement extends Components.PrivOptionList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPrivOptionListElementEventMap>(type: K, listener: (this: HTMLPrivOptionListElement, ev: PrivOptionListCustomEvent<HTMLPrivOptionListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPrivOptionListElementEventMap>(type: K, listener: (this: HTMLPrivOptionListElement, ev: PrivOptionListCustomEvent<HTMLPrivOptionListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPrivOptionListElement: {
+        prototype: HTMLPrivOptionListElement;
+        new (): HTMLPrivOptionListElement;
+    };
     interface HTMLWmActionMenuElementEventMap {
         "wmActionMenuLoaded": any;
         "menuLoaded": any;
@@ -839,12 +904,50 @@ declare global {
         prototype: HTMLWmNavigatorElement;
         new (): HTMLWmNavigatorElement;
     };
+    interface HTMLWmNestedSelectElementEventMap {
+        "wmNestedSelectBlurred": void;
+    }
+    interface HTMLWmNestedSelectElement extends Components.WmNestedSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmNestedSelectElementEventMap>(type: K, listener: (this: HTMLWmNestedSelectElement, ev: WmNestedSelectCustomEvent<HTMLWmNestedSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLWmNestedSelectElementEventMap>(type: K, listener: (this: HTMLWmNestedSelectElement, ev: WmNestedSelectCustomEvent<HTMLWmNestedSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLWmNestedSelectElement: {
+        prototype: HTMLWmNestedSelectElement;
+        new (): HTMLWmNestedSelectElement;
+    };
+    interface HTMLWmOptgroupElementEventMap {
+        "wmOptgroupAllSelected": any;
+        "wmOptgroupAllDeselected": any;
+        "optgroupExpanded": any;
+        "optgroupHidden": any;
+    }
+    interface HTMLWmOptgroupElement extends Components.WmOptgroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmOptgroupElementEventMap>(type: K, listener: (this: HTMLWmOptgroupElement, ev: WmOptgroupCustomEvent<HTMLWmOptgroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLWmOptgroupElementEventMap>(type: K, listener: (this: HTMLWmOptgroupElement, ev: WmOptgroupCustomEvent<HTMLWmOptgroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLWmOptgroupElement: {
+        prototype: HTMLWmOptgroupElement;
+        new (): HTMLWmOptgroupElement;
+    };
     interface HTMLWmOptionElementEventMap {
         "wmOptionSelected": HTMLWmOptionElement;
         "wmOptionDeselected": HTMLWmOptionElement;
         "intCloneClicked": HTMLWmOptionElement;
         "wmKeyUpPressed": HTMLWmOptionElement;
         "wmKeyDownPressed": HTMLWmOptionElement;
+        "wmKeyLeftPressed": HTMLWmOptionElement;
         "wmEscKeyPressed": HTMLWmOptionElement;
         "wmHomeKeyPressed": HTMLWmOptionElement;
         "wmEndKeyPressed": HTMLWmOptionElement;
@@ -945,7 +1048,6 @@ declare global {
     interface HTMLWmSelectElementEventMap {
         "wmSelectDidLoad": void;
         "wmSelectBlurred": void;
-        "wmSelectSearchChanged": Object;
         "wmSelectAllSelected": any;
         "wmSelectAllDeselected": any;
     }
@@ -1154,6 +1256,7 @@ declare global {
         "priv-chart-popover": HTMLPrivChartPopoverElement;
         "priv-navigator-button": HTMLPrivNavigatorButtonElement;
         "priv-navigator-item": HTMLPrivNavigatorItemElement;
+        "priv-option-list": HTMLPrivOptionListElement;
         "wm-action-menu": HTMLWmActionMenuElement;
         "wm-button": HTMLWmButtonElement;
         "wm-chart": HTMLWmChartElement;
@@ -1172,6 +1275,8 @@ declare global {
         "wm-navigation-hamburger": HTMLWmNavigationHamburgerElement;
         "wm-navigation-item": HTMLWmNavigationItemElement;
         "wm-navigator": HTMLWmNavigatorElement;
+        "wm-nested-select": HTMLWmNestedSelectElement;
+        "wm-optgroup": HTMLWmOptgroupElement;
         "wm-option": HTMLWmOptionElement;
         "wm-pagination": HTMLWmPaginationElement;
         "wm-progress-indicator": HTMLWmProgressIndicatorElement;
@@ -1227,6 +1332,17 @@ declare namespace LocalJSX {
   }>) => void;
         "selected"?: boolean;
     }
+    interface PrivOptionList {
+        "maxHeight"?: string;
+        "multiple"?: boolean;
+        "onOptionListAllDeselected"?: (event: PrivOptionListCustomEvent<any>) => void;
+        "onOptionListAllSelected"?: (event: PrivOptionListCustomEvent<any>) => void;
+        "onOptionListCloseRequested"?: (event: PrivOptionListCustomEvent<any>) => void;
+        "onOptionListSearchChanged"?: (event: PrivOptionListCustomEvent<Object>) => void;
+        "search"?: boolean;
+        "searchPlaceholder"?: string;
+        "selectAll"?: boolean;
+    }
     interface WmActionMenu {
         "actionMenuType"?: "icon" | "text" | "selector" | "selector-primary";
         "buttonText"?: string;
@@ -1426,6 +1542,30 @@ declare namespace LocalJSX {
         "products"?: string | [];
         "userName"?: string;
     }
+    interface WmNestedSelect {
+        "allSelectedMessage"?: string;
+        "disabled"?: boolean;
+        "errorMessage"?: string;
+        "label"?: string;
+        "labelPosition"?: "top" | "left" | "none";
+        "maxHeight"?: string;
+        "multiple"?: boolean;
+        "onWmNestedSelectBlurred"?: (event: WmNestedSelectCustomEvent<void>) => void;
+        "placeholder"?: string;
+        "requiredField"?: boolean;
+        "search"?: boolean;
+        "searchPlaceholder"?: string;
+        "selectAll"?: boolean;
+    }
+    interface WmOptgroup {
+        "isExpanded"?: boolean;
+        "label": string;
+        "multiple"?: boolean;
+        "onOptgroupExpanded"?: (event: WmOptgroupCustomEvent<any>) => void;
+        "onOptgroupHidden"?: (event: WmOptgroupCustomEvent<any>) => void;
+        "onWmOptgroupAllDeselected"?: (event: WmOptgroupCustomEvent<any>) => void;
+        "onWmOptgroupAllSelected"?: (event: WmOptgroupCustomEvent<any>) => void;
+    }
     interface WmOption {
         "disabled"?: boolean;
         "focused"?: boolean;
@@ -1435,6 +1575,7 @@ declare namespace LocalJSX {
         "onWmEscKeyPressed"?: (event: WmOptionCustomEvent<HTMLWmOptionElement>) => void;
         "onWmHomeKeyPressed"?: (event: WmOptionCustomEvent<HTMLWmOptionElement>) => void;
         "onWmKeyDownPressed"?: (event: WmOptionCustomEvent<HTMLWmOptionElement>) => void;
+        "onWmKeyLeftPressed"?: (event: WmOptionCustomEvent<HTMLWmOptionElement>) => void;
         "onWmKeyUpPressed"?: (event: WmOptionCustomEvent<HTMLWmOptionElement>) => void;
         "onWmLetterPressed"?: (event: WmOptionCustomEvent<{ optionEl: HTMLElement; letter: string }>) => void;
         "onWmOptionBlurred"?: (event: WmOptionCustomEvent<{ relatedTarget: EventTarget | null }>) => void;
@@ -1511,7 +1652,6 @@ declare namespace LocalJSX {
         "onWmSelectAllSelected"?: (event: WmSelectCustomEvent<any>) => void;
         "onWmSelectBlurred"?: (event: WmSelectCustomEvent<void>) => void;
         "onWmSelectDidLoad"?: (event: WmSelectCustomEvent<void>) => void;
-        "onWmSelectSearchChanged"?: (event: WmSelectCustomEvent<Object>) => void;
         "placeholder"?: string;
         "requiredField"?: boolean;
         "search"?: boolean;
@@ -1640,6 +1780,7 @@ declare namespace LocalJSX {
         "priv-chart-popover": PrivChartPopover;
         "priv-navigator-button": PrivNavigatorButton;
         "priv-navigator-item": PrivNavigatorItem;
+        "priv-option-list": PrivOptionList;
         "wm-action-menu": WmActionMenu;
         "wm-button": WmButton;
         "wm-chart": WmChart;
@@ -1658,6 +1799,8 @@ declare namespace LocalJSX {
         "wm-navigation-hamburger": WmNavigationHamburger;
         "wm-navigation-item": WmNavigationItem;
         "wm-navigator": WmNavigator;
+        "wm-nested-select": WmNestedSelect;
+        "wm-optgroup": WmOptgroup;
         "wm-option": WmOption;
         "wm-pagination": WmPagination;
         "wm-progress-indicator": WmProgressIndicator;
@@ -1686,6 +1829,7 @@ declare module "@stencil/core" {
             "priv-chart-popover": LocalJSX.PrivChartPopover & JSXBase.HTMLAttributes<HTMLPrivChartPopoverElement>;
             "priv-navigator-button": LocalJSX.PrivNavigatorButton & JSXBase.HTMLAttributes<HTMLPrivNavigatorButtonElement>;
             "priv-navigator-item": LocalJSX.PrivNavigatorItem & JSXBase.HTMLAttributes<HTMLPrivNavigatorItemElement>;
+            "priv-option-list": LocalJSX.PrivOptionList & JSXBase.HTMLAttributes<HTMLPrivOptionListElement>;
             "wm-action-menu": LocalJSX.WmActionMenu & JSXBase.HTMLAttributes<HTMLWmActionMenuElement>;
             "wm-button": LocalJSX.WmButton & JSXBase.HTMLAttributes<HTMLWmButtonElement>;
             "wm-chart": LocalJSX.WmChart & JSXBase.HTMLAttributes<HTMLWmChartElement>;
@@ -1704,6 +1848,8 @@ declare module "@stencil/core" {
             "wm-navigation-hamburger": LocalJSX.WmNavigationHamburger & JSXBase.HTMLAttributes<HTMLWmNavigationHamburgerElement>;
             "wm-navigation-item": LocalJSX.WmNavigationItem & JSXBase.HTMLAttributes<HTMLWmNavigationItemElement>;
             "wm-navigator": LocalJSX.WmNavigator & JSXBase.HTMLAttributes<HTMLWmNavigatorElement>;
+            "wm-nested-select": LocalJSX.WmNestedSelect & JSXBase.HTMLAttributes<HTMLWmNestedSelectElement>;
+            "wm-optgroup": LocalJSX.WmOptgroup & JSXBase.HTMLAttributes<HTMLWmOptgroupElement>;
             "wm-option": LocalJSX.WmOption & JSXBase.HTMLAttributes<HTMLWmOptionElement>;
             "wm-pagination": LocalJSX.WmPagination & JSXBase.HTMLAttributes<HTMLWmPaginationElement>;
             "wm-progress-indicator": LocalJSX.WmProgressIndicator & JSXBase.HTMLAttributes<HTMLWmProgressIndicatorElement>;

package/dist/types/global/functions.d.ts

@@ -10,6 +10,7 @@ export declare function getPosition(el: HTMLElement): {
 };
 export declare function findParentWithScrollbar(el: HTMLElement): HTMLElement | undefined;
 export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
+export declare function isElOrChild(componentEl: HTMLElement, el: HTMLElement): boolean | undefined;
 export declare function getContextMeasurements(el: HTMLElement): {
     spaceAbove: number;
     spaceBelow: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.6.0-1",
+  "version": "5.6.0-2",
   "description": "Ripple Component Library",
   "license": "MIT",
   "module": "dist/index.js",

package/dist/ripple/p-418ed08c.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-cef8a45b.system.js","./p-4670ccb4.system.js","./p-a9d89ac8.system.js"],(function(e){"use strict";var t,i,r,o,s,n,a,l,c,h,d,f,u;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.H;s=e.g;n=e.f},function(e){a=e.i;l=e.d;c=e.t;h=e.a;d=e.k;f=e.y},function(e){u=e.g}],execute:function(){var p=':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-hover)}:host(:hover){background:var(--wmcolor-select-option-background-hover);outline:none}';var b=p;var m=e("wm_option",function(){function e(e){t(this,e);this.wmOptionSelected=i(this,"wmOptionSelected",7);this.wmOptionDeselected=i(this,"wmOptionDeselected",7);this.intCloneClicked=i(this,"intCloneClicked",7);this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7);this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7);this.wmEnterKeyPressed=i(this,"wmEnterKeyPressed",7);this.wmLetterPressed=i(this,"wmLetterPressed",7);this.wmOptionBlurred=i(this,"wmOptionBlurred",7);this.value=undefined;this.subinfo=undefined;this.disabled=false;this.selected=false;this.focused=false;this.searchTerm=""}Object.defineProperty(e.prototype,"hostClasses",{get:function(){var e=[];if(this.subinfo){e.push("hassubinfo")}if(this.parentSelectEl.multiple){e.push("multi-option")}if(!this.el.textContent.toLowerCase().includes(this.searchTerm)){e.push("filtered-out")}return e.join(" ")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"parentSelectEl",{get:function(){var e;return((e=this.el.parentElement)===null||e===void 0?void 0:e.nodeName)!=="WM-SELECT"?this.el.getRootNode().host:this.el.parentElement},enumerable:false,configurable:true});e.prototype.handleKeydown=function(e){switch(e.key){case"ArrowUp":e.preventDefault();this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":e.preventDefault();this.wmKeyDownPressed.emit(this.el);break;case"Enter":e.preventDefault();if(!this.disabled){this.el.click();this.wmEnterKeyPressed.emit(this.el)}break;case"Escape":e.preventDefault();e.stopPropagation();this.wmEscKeyPressed.emit();break;case"Home":e.preventDefault();this.wmHomeKeyPressed.emit();break;case"End":e.preventDefault();this.wmEndKeyPressed.emit();break;default:if(e.key.length===1){e.preventDefault();this.wmLetterPressed.emit({letter:e.key,optionEl:this.el})}}};e.prototype.handleSelection=function(){if(!this.disabled){if(this.el.classList.contains("clone")){this.intCloneClicked.emit(this.el)}else{if(this.parentSelectEl.multiple){this.selected?this.wmOptionDeselected.emit(this.el):this.wmOptionSelected.emit(this.el)}else{this.wmOptionSelected.emit(this.el)}}}};e.prototype.handleBlur=function(e){this.wmOptionBlurred.emit({relatedTarget:e.relatedTarget})};e.prototype.syncAriaSelected=function(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.setAttribute("aria-selected","false")};e.prototype.syncAriaDisabled=function(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")};e.prototype.updateDisabledOnClick=function(){if(this.disabled&&this.el.onclick){this.onClickFunc=this.el.onclick;this.el.onclick=null}else if(!this.disabled&&this.onClickFunc){this.el.onclick=this.onClickFunc}};e.prototype.handleSearch=function(e){this.searchTerm=e.detail.searchTerm.toLowerCase();if(this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){var t=this.el.textContent.toLowerCase().indexOf(this.searchTerm);var i=this.el.textContent.slice(0,t);var r=this.el.textContent.slice(t,t+this.searchTerm.length);var o=this.el.textContent.slice(t+this.searchTerm.length);var s=document.createElement("span");s.textContent=i;var n=document.createElement("strong");n.textContent=r;var a=document.createElement("span");a.textContent=o;this.textEl.innerHTML="";this.textEl.appendChild(s);this.textEl.appendChild(n);this.textEl.appendChild(a)}else{this.textEl.textContent=this.el.textContent}};e.prototype.componentWillLoad=function(){var e=this;this.syncAriaSelected();this.syncAriaDisabled();this.updateDisabledOnClick();this.parentSelectEl.addEventListener("wmSelectSearchChanged",(function(t){return e.handleSearch(t)}))};e.prototype.render=function(){var e=this;return r(o,{key:"6d7f92d3b13121ae8ddffb4d8e6028db2171116a",role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},r("div",{key:"d0dccae3c763686b420b0bf16d7bf2880b1cdc67",class:"option-wrapper ".concat(this.parentSelectEl.multiple?"checkbox":"")},r("span",{key:"6e1fbd0d49be13883048634cd54d19f19256226d",class:"option-text","aria-hidden":"true",ref:function(t){return e.textEl=t}},this.el.textContent),r("span",{key:"f57f7c21e833a1c03f8407eaccb0883ef6b3a79a",class:"sr-only"},this.el.textContent)),r("div",{key:"1256826e0ddc1e3c48141e8c0f6864b3401cacf7",class:"subinfo"},this.subinfo))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}},enumerable:false,configurable:true});return e}());m.style=b;var w=':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}.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-selectall-border);background:var(--wmcolor-select-selectall-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-selectall-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-all:hover,.select-all:focus{outline:none;background:#f4f4f4}.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon: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:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.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}';var g=w;var v=e("wm_select",function(){function e(e){var r=this;t(this,e);this.wmSelectDidLoad=i(this,"wmSelectDidLoad",7);this.wmSelectBlurred=i(this,"wmSelectBlurred",7);this.wmSelectSearchChanged=i(this,"wmSelectSearchChanged",7);this.wmSelectAllSelected=i(this,"wmSelectAllSelected",7);this.wmSelectAllDeselected=i(this,"wmSelectAllDeselected",7);this.selectAllMessage=a.formatMessage({id:"select.selectAll",defaultMessage:"Select All"});this.deselectAllMessage=a.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"});this.allOptionsSelectedMessage=a.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"});this.allOptionsDeselectedMessage=a.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"});this.keysSoFar="";this.searchIndex=0;this.openUp=false;this.overflowCount=0;this.displayedOptions=[];this.debouncedClearKeysSoFar=l((function(){r.keysSoFar=""}),500);this.debouncedSearch=l((function(){r.wmSelectSearchChanged.emit({searchTerm:r.searchTerm});if(r.filteredOptions.length){r.announce(r.resultsFoundMessage)}else{r.announce(r.noResultsFoundMessage)}}),150);this.disabled=false;this.maxHeight=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage=undefined;this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"});this.searchPlaceholder=a.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"});this.allSelectedMessage=a.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"});this.isExpanded=false;this.announcement=""}Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"cloneOptions",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptionEls",{get:function(){return this.cloneOptions.concat(this.childOptions)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"visibleOptionEls",{get:function(){return this.allOptionEls.filter((function(e){return!e.classList.contains("hidden")&&!e.classList.contains("filtered-out")}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return c(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"searchTerm",{get:function(){return this.searchFieldEl?this.searchFieldEl.value:""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"filteredOptions",{get:function(){var e=this;return this.childOptions.filter((function(t){var i;return(i=t.textContent)===null||i===void 0?void 0:i.toLowerCase().includes(e.searchTerm.toLowerCase())}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option")).filter((function(e){return e.selected}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allSelected",{get:function(){return this.childOptions.every((function(e){return e.selected}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"visibleSelectAllButton",{get:function(){return this.selectAll&&this.multiple&&this.searchTerm===""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"resultsFoundMessage",{get:function(){return a.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"noResultsFoundMessage",{get:function(){return a.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})},enumerable:false,configurable:true});e.prototype.handleOptionSelection=function(e){this.focusOption(e.detail);if(!this.multiple){this.close()}};e.prototype.handleOptionCloneSelection=function(e){var t=this.findCorrespondingOption(e.detail);t.click()};e.prototype.handleChildEnter=function(){this.close()};e.prototype.handleChildUp=function(e){this.moveUp(e.detail)};e.prototype.handleChildDown=function(e){this.moveDown(e.detail)};e.prototype.moveToFirstOption=function(){this.focusOption(this.visibleOptionEls[0])};e.prototype.moveToLastOption=function(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.handleOptionBlur=function(e){if(!this.isElOrChild(e.detail.relatedTarget)){var t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget;this.el.dispatchEvent(t)}};e.prototype.handleClick=function(e){if(!this.isElOrChild(e.target)){this.close()}};e.prototype.handleSelectAllClick=function(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()};e.prototype.selectAllOptions=function(){this.announce(this.allOptionsSelectedMessage);this.wmSelectAllSelected.emit()};e.prototype.deselectAllOptions=function(){this.announce(this.allOptionsDeselectedMessage);this.wmSelectAllDeselected.emit()};e.prototype.handleButtonBlur=function(e){if(this.isElOrChild(e.relatedTarget)){e.stopPropagation()}};e.prototype.handleSearchFieldBlur=function(e){this.searchFieldWrapperEl.classList.remove("focus");if(this.isElOrChild(e.relatedTarget)){e.stopPropagation()}};e.prototype.handleKey=function(e){switch(e.key){case"ArrowDown":if(this.isExpanded===false){e.preventDefault();this.open("next")}break;case"ArrowUp":if(this.isExpanded===false){e.preventDefault();this.open("previous")}break}};e.prototype.componentWillLoad=function(){var e=this;if(!this.label){console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`).")}if(!this.multiple&&this.selectedOptions.length===0){console.error("wm-select should have one initial option selected")}h(this.el,this.isDisabled);var t=new MutationObserver((function(t){return t.forEach((function(t){return e.handleChildChange(t)}))}));t.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};e.prototype.handleChildChange=function(e){this.setButtonText();n(this.el)};e.prototype.componentDidLoad=function(){this.wmSelectDidLoad.emit();this.dropdownEl.classList.add("hidden");n(this.el);if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight}if(this.multiple){this.updateOptionVisibility()}this.setButtonText()};e.prototype.componentWillUpdate=function(){if(this.multiple){var e=this.visibleOptionEls.filter((function(e){return e.classList.contains("clone")}));var t=e.length===this.visibleOptionEls.length;e.forEach((function(i,r){if(!t&&r===e.length-1){i.classList.add("last")}else{i.classList.remove("last")}}))}};e.prototype.moveUp=function(e){var t=this.visibleOptionEls;if(this.selectAllEl){t.unshift(this.selectAllEl)}if(this.searchFieldEl){t.unshift(this.searchFieldEl)}var i=t[t.indexOf(e)-1]||t[t.length-1];if(i){this.focusOption(i)}};e.prototype.moveDown=function(e){var t=this.visibleOptionEls;if(this.selectAllEl){t.unshift(this.selectAllEl)}if(this.searchFieldEl){t.unshift(this.searchFieldEl)}var i=t[t.indexOf(e)+1]||t[0];if(i){this.focusOption(i)}};e.prototype.open=function(e){var t=this;if(!this.isDisabled){var i=this.el.clientHeight;var r=this.buttonEl.clientHeight;this.openUp=d(this.el,this.dropdownEl.clientHeight,i,r);this.isExpanded=true;this.dropdownEl.classList.remove("hidden");window.requestAnimationFrame((function(){switch(e){case"next":if(t.search){t.searchFieldEl.focus();t.listboxEl.scrollTop=0}else{t.moveDown(t.visibleOptionEls.filter((function(e){return e.selected})).slice(-1)[0])}break;case"previous":if(t.search){t.focusOption(t.visibleOptionEls[t.visibleOptionEls.length-1])}else{t.moveUp(t.visibleOptionEls.filter((function(e){return e.selected}))[0])}break;default:if(t.search){t.searchFieldEl.focus();t.listboxEl.scrollTop=0}else if(t.selectedOptions.length>0){t.focusOption(t.visibleOptionEls.filter((function(e){return e.selected}))[0])}else{t.focusOption(t.visibleOptionEls[0])}break}}))}};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.allOptionEls.map((function(e){return e.focused=false}));window.setTimeout((function(){t.dropdownEl.classList.add("hidden");if(t.multiple){t.updateOptionVisibility()}if(t.search){t.searchFieldEl.value="";t.wmSelectSearchChanged.emit({searchTerm:t.searchTerm})}if(e){t.buttonEl.focus()}}),150)}};e.prototype.updateOptionVisibility=function(){var e=this;this.childOptions.forEach((function(t,i){var r=e.cloneOptions[i];if(t.selected){t.classList.add("hidden");r.classList.remove("hidden")}else{t.classList.remove("hidden");r.classList.add("hidden")}}))};e.prototype.focusOption=function(e){this.allOptionEls.forEach((function(t){return t.focused=t===e}));e.scrollIntoView({block:"nearest"});window.setTimeout((function(){return e.scrollIntoView({block:"nearest"})}),60);e.focus()};e.prototype.findAndFocusOption=function(e){var t=this;var i=e.detail.letter.toLowerCase();var r=e.detail.optionEl;if(!this.keysSoFar&&i==" "){r.click()}else{if(!this.keysSoFar){this.visibleOptionEls.forEach((function(e,i){if(e.focused){t.searchIndex=i}}))}this.keysSoFar+=i;var o=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);if(!o){o=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)}if(o){this.focusOption(o)}this.debouncedClearKeysSoFar()}};e.prototype.findMatchInRange=function(e,t,i){var r=this;var o=null;var s=e.slice(t,i);s.forEach((function(e){var t=e.textContent;if(!o&&t&&t.toLowerCase().startsWith(r.keysSoFar)){o=e}}));return o};e.prototype.findCorrespondingOption=function(e){var t=e.classList.contains("clone");return t?this.childOptions[this.cloneOptions.indexOf(e)]:this.cloneOptions[this.childOptions.indexOf(e)]};e.prototype.isElOrChild=function(e){var t;return e===this.el||this.el.contains(e)||((t=this.el.shadowRoot)===null||t===void 0?void 0:t.contains(e))};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleDisabledChange=function(){h(this.el,this.isDisabled)};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmSelectBlurred.emit()}};e.prototype.handleKeyDown=function(e){var t=e.target;switch(e.key){case"ArrowDown":e.preventDefault();this.moveDown(e.target);break;case"ArrowUp":e.preventDefault();this.moveUp(e.target);break;case"Escape":e.preventDefault();this.close();break;case"Enter":if(t===this.selectAllEl){e.preventDefault();this.handleSelectAllClick();this.close()}break;case" ":if(t===this.selectAllEl){e.preventDefault();this.handleSelectAllClick()}break}};e.prototype.setButtonText=function(){var e=this;this.displayedOptions=this.childOptions.filter((function(e){return e.selected})).map((function(t){return!t.classList.contains("hidden")?t:e.findCorrespondingOption(t)}));if(this.multiple){var t=38;var i=window.getComputedStyle(this.buttonEl);var r=parseInt(i.getPropertyValue("padding-left").slice(0,-2));var o=parseInt(i.getPropertyValue("padding-right").slice(0,-2));var s=this.buttonEl.clientWidth-r-o-t;var n=this.displayedOptions.map((function(e){return e.shadowRoot.querySelector(".option-text").clientWidth}));var a=n.reduce((function(e,t){return e+t}),0);this.overflowCount=0;while(a>s&&this.displayedOptions.length>1){this.overflowCount++;a-=n[n.length-1];n.pop();this.displayedOptions.pop()}}};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.renderButtonText=function(){if(this.multiple&&this.displayedOptions.length<1){return r("span",null,this.placeholder)}else if(this.multiple&&this.allSelected&&this.overflowCount>0){return this.allSelectedMessage}else{return this.displayedOptions.map((function(e,t){return r("span",null,t>0?", ":"",e.textContent)}))}};e.prototype.renderOverflowCount=function(){if(this.overflowCount>0&&!this.allSelected){return r("span",null,r("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.renderSearchField=function(){var e=this;return r("div",{class:"search"},r("div",{class:"searchfield-wrapper",ref:function(t){return e.searchFieldWrapperEl=t}},r("div",{class:"icon"}),r("input",{ref:function(t){return e.searchFieldEl=t},class:"searchfield",role:"combobox","aria-controls":"list","aria-expanded":this.isExpanded?"true":"false",onKeyDown:function(t){return e.handleKeyDown(t)},onFocus:function(){return e.searchFieldWrapperEl.classList.add("focus")},onBlur:function(t){return e.handleSearchFieldBlur(t)},onInput:function(){return e.debouncedSearch()},placeholder:this.searchPlaceholder})))};e.prototype.renderSearchFailedMessage=function(){return r("div",{class:"search-results-message"},this.noResultsFoundMessage)};e.prototype.renderSelectAllButton=function(){var e=this;return r("button",{ref:function(t){return e.selectAllEl=t},class:"select-all",onClick:function(){return e.handleSelectAllClick()},onKeyDown:function(t){return e.handleKeyDown(t)},tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)};e.prototype.renderCloneOptions=function(){return Array.from(this.el.children).map((function(e){var t=e;return r("wm-option",{class:"clone",subinfo:t.subinfo,selected:t.selected},t.textContent)}))};e.prototype.render=function(){var e;var t=this;var i=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo;var s=(e={id:"selectbtn"},e["disabled"]=this.isDisabled,e["aria-controls"]="list",e["aria-labelledby"]="label selectbtn",e["aria-describedby"]="error",e["aria-expanded"]=this.isExpanded?"true":"false",e.onClick=function(){return t.isExpanded?t.close():t.open()},e);return r(o,{key:"f099ef79e70921c17419b2ce8a4e917a0579e44f",onBlur:function(e){return t.handleComponentBlur(e)}},r("div",{key:"e95c845dd404f5518b69145543113e69a40084a6",class:"wrapper ".concat(f()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},r("div",{key:"65dfe5aaaa9239efb0553ba1d323f1c5dc93b9fb",class:"label-wrapper"},r("label",{key:"ff406b387e0cd09e46e239f1c80477fe2ee80f24",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?r("span",{class:"required"},r("span",{class:"sr-only"},u.requiredField),r("span",{"aria-hidden":"true"},"*")):"")),r("div",{key:"5537fb10791108ac2bda53d3456ec048bb4cc5c4",class:"button-wrapper"},r("button",Object.assign({key:"7d54c69839a302ead990f41e961cce05be49f83d"},s,{class:"displayedoption",ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),r("span",{key:"dcb786709b87be95c28bfcd37cc8459607939f2f",class:"overflowcontrol ".concat(i?"hassubinfo":"")},r("span",{key:"b04bbeab1666ebd4538c859356f1a3a33658c1c5",class:"button-text"},this.renderButtonText()),i&&r("span",{key:"c5e9911d91f34c9b7c5becaa9e1127e658fd4607",class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount()),r("div",{key:"24c47d439f6b131880a8bffe94c40539fc13d78f",class:"dropdown ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),r("div",{key:"acf189fee5add7d0c6150b44ffd9c0c26e05ade7",id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:function(e){return t.listboxEl=e}},this.search&&this.filteredOptions.length===0&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),r("slot",{key:"ff17ced6e94d7b893c407ea00ab7243176973eb5"}))),r("div",{key:"a09f44fdf4a100f8eab7b5094fced276023812aa",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),r("div",{key:"9e55b5fdc2324b77d0a8bcf17650d937760dd941",id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:function(e){return t.liveRegionEl=e}},this.announcement))))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}},enumerable:false,configurable:true});return e}());v.style=g}}}));