@watermarkinsights/ripple 5.7.0-6 → 5.7.0-8

package/dist/types/components.d.ts

@@ -200,6 +200,26 @@ export namespace Components {
         "heading"?: string;
         "subheading"?: string;
     }
+    interface WmModalPss {
+        "elementToFocus": "primary" | "secondary" | string;
+        "emitCloseEvent": () => Promise<void>;
+        "emitPrimaryEvent": () => Promise<void>;
+        "emitSecondaryEvent": () => Promise<void>;
+        "modalType": "modal" | "dialog";
+        "open": boolean;
+        "uid": string;
+    }
+    interface WmModalPssFooter {
+        "deleteStyle": boolean;
+        "infoText"?: string;
+        "primaryActionDisabled": boolean;
+        "primaryText"?: string;
+        "secondaryText"?: string;
+    }
+    interface WmModalPssHeader {
+        "heading"?: string;
+        "subheading"?: string;
+    }
     interface WmNavigation {
         "open": boolean;
     }
@@ -462,6 +482,10 @@ export interface WmModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmModalElement;
 }
+export interface WmModalPssCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmModalPssElement;
+}
 export interface WmNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmNavigationElement;
@@ -843,6 +867,39 @@ declare global {
         prototype: HTMLWmModalHeaderElement;
         new (): HTMLWmModalHeaderElement;
     };
+    interface HTMLWmModalPssElementEventMap {
+        "focusLastElement": any;
+        "focusFirstElement": any;
+        "wmModalCloseTriggered": any;
+        "wmModalPrimaryTriggered": any;
+        "wmModalSecondaryTriggered": any;
+    }
+    interface HTMLWmModalPssElement extends Components.WmModalPss, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[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 HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[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 HTMLWmModalPssElement: {
+        prototype: HTMLWmModalPssElement;
+        new (): HTMLWmModalPssElement;
+    };
+    interface HTMLWmModalPssFooterElement extends Components.WmModalPssFooter, HTMLStencilElement {
+    }
+    var HTMLWmModalPssFooterElement: {
+        prototype: HTMLWmModalPssFooterElement;
+        new (): HTMLWmModalPssFooterElement;
+    };
+    interface HTMLWmModalPssHeaderElement extends Components.WmModalPssHeader, HTMLStencilElement {
+    }
+    var HTMLWmModalPssHeaderElement: {
+        prototype: HTMLWmModalPssHeaderElement;
+        new (): HTMLWmModalPssHeaderElement;
+    };
     interface HTMLWmNavigationElementEventMap {
         "wmNavigationStateChanged": any;
     }
@@ -1278,6 +1335,9 @@ declare global {
         "wm-modal": HTMLWmModalElement;
         "wm-modal-footer": HTMLWmModalFooterElement;
         "wm-modal-header": HTMLWmModalHeaderElement;
+        "wm-modal-pss": HTMLWmModalPssElement;
+        "wm-modal-pss-footer": HTMLWmModalPssFooterElement;
+        "wm-modal-pss-header": HTMLWmModalPssHeaderElement;
         "wm-navigation": HTMLWmNavigationElement;
         "wm-navigation-hamburger": HTMLWmNavigationHamburgerElement;
         "wm-navigation-item": HTMLWmNavigationItemElement;
@@ -1529,6 +1589,28 @@ declare namespace LocalJSX {
         "heading"?: string;
         "subheading"?: string;
     }
+    interface WmModalPss {
+        "elementToFocus"?: "primary" | "secondary" | string;
+        "modalType"?: "modal" | "dialog";
+        "onFocusFirstElement"?: (event: WmModalPssCustomEvent<any>) => void;
+        "onFocusLastElement"?: (event: WmModalPssCustomEvent<any>) => void;
+        "onWmModalCloseTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
+        "onWmModalPrimaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
+        "onWmModalSecondaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
+        "open"?: boolean;
+        "uid": string;
+    }
+    interface WmModalPssFooter {
+        "deleteStyle"?: boolean;
+        "infoText"?: string;
+        "primaryActionDisabled"?: boolean;
+        "primaryText"?: string;
+        "secondaryText"?: string;
+    }
+    interface WmModalPssHeader {
+        "heading"?: string;
+        "subheading"?: string;
+    }
     interface WmNavigation {
         "onWmNavigationStateChanged"?: (event: WmNavigationCustomEvent<any>) => void;
         "open"?: boolean;
@@ -1808,6 +1890,9 @@ declare namespace LocalJSX {
         "wm-modal": WmModal;
         "wm-modal-footer": WmModalFooter;
         "wm-modal-header": WmModalHeader;
+        "wm-modal-pss": WmModalPss;
+        "wm-modal-pss-footer": WmModalPssFooter;
+        "wm-modal-pss-header": WmModalPssHeader;
         "wm-navigation": WmNavigation;
         "wm-navigation-hamburger": WmNavigationHamburger;
         "wm-navigation-item": WmNavigationItem;
@@ -1857,6 +1942,9 @@ declare module "@stencil/core" {
             "wm-modal": LocalJSX.WmModal & JSXBase.HTMLAttributes<HTMLWmModalElement>;
             "wm-modal-footer": LocalJSX.WmModalFooter & JSXBase.HTMLAttributes<HTMLWmModalFooterElement>;
             "wm-modal-header": LocalJSX.WmModalHeader & JSXBase.HTMLAttributes<HTMLWmModalHeaderElement>;
+            "wm-modal-pss": LocalJSX.WmModalPss & JSXBase.HTMLAttributes<HTMLWmModalPssElement>;
+            "wm-modal-pss-footer": LocalJSX.WmModalPssFooter & JSXBase.HTMLAttributes<HTMLWmModalPssFooterElement>;
+            "wm-modal-pss-header": LocalJSX.WmModalPssHeader & JSXBase.HTMLAttributes<HTMLWmModalPssHeaderElement>;
             "wm-navigation": LocalJSX.WmNavigation & JSXBase.HTMLAttributes<HTMLWmNavigationElement>;
             "wm-navigation-hamburger": LocalJSX.WmNavigationHamburger & JSXBase.HTMLAttributes<HTMLWmNavigationHamburgerElement>;
             "wm-navigation-item": LocalJSX.WmNavigationItem & JSXBase.HTMLAttributes<HTMLWmNavigationItemElement>;

package/package.json

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

package/dist/cjs/wm-modal-footer.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-788526f5.js');
-
-const wmModalFooterCss = "wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";
-const WmModalFooterStyle0 = wmModalFooterCss;
-
-const ModalFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.secondaryText = "";
-        this.primaryText = "";
-        this.infoText = "";
-        this.primaryActionDisabled = false;
-        this.deleteStyle = false;
-    }
-    componentWillLoad() {
-        const parentModal = this.el.closest("wm-modal");
-        this.uid = parentModal.uid;
-        // Trap focus when user shift+tabs past first element in modal
-        // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-        // if we listen to the whole doc each modal on the page reacts to every event
-        parentModal.addEventListener("focusLastElement", () => {
-            this.lastElement.focus();
-        });
-    }
-    emitParentPrimaryEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        if (parentModal) {
-            parentModal.emitPrimaryEvent();
-        }
-    }
-    emitParentSecondaryEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        if (parentModal) {
-            parentModal.emitSecondaryEvent();
-        }
-    }
-    render() {
-        return (index.h("div", { key: '38b6b1759d4bdb628259acbf229a1d634df2dbf5', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: '4259692e664739723e3895e8ec8d00ef00ef79f0', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: '6ffea66fdfd257e754a9012e9471848037e92a52', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: '679eef458298304564cd365f15c8253796158ed8', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.h("wm-button", { key: 'a6e02b671dbfbacba79aa483b8d6ab8dc9232166', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
-    }
-    get el() { return index.getElement(this); }
-};
-ModalFooter.style = WmModalFooterStyle0;
-
-exports.wm_modal_footer = ModalFooter;

package/dist/cjs/wm-modal-header.cjs.entry.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-788526f5.js');
-const intl = require('./intl-57d1cfd1.js');
-require('./functions-5ac8a62f.js');
-
-const wmModalHeaderCss = "wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";
-const WmModalHeaderStyle0 = wmModalHeaderCss;
-
-const ModalHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.heading = "";
-        this.subheading = "";
-    }
-    componentWillLoad() {
-        const parentModal = this.el.closest("wm-modal");
-        this.uid = parentModal.uid;
-        // Trap focus when user tabs past last element in modal
-        // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-        // if we listen to the whole doc each modal on the page reacts to every event
-        parentModal.addEventListener("focusFirstElement", () => {
-            this.closeButtonEl.focus();
-        });
-    }
-    emitParentCloseEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        //@ts-ignore
-        parentModal.emitCloseEvent();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'f178a3e4b95a12286b3364efbebe22b3a389f24c' }, index.h("div", { key: '8a6589a653e28aa5eb926f50695fe129c57548d6', class: "wm-wrapper" }, index.h("div", { key: '33ca649393f628c8ab5160c5e11e208812dad450' }, index.h("h2", { key: 'e171bcaa0424e97401db3002bbc3ebaf9c66458d', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: 'aacf128010d3416ca788d2110240991dcf36fd17', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '1a7342cd0ed7aa024b52af067ec9ed33c7a63b04', "button-type": "navigational", icon: "f156", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
-    }
-    get el() { return index.getElement(this); }
-};
-ModalHeader.style = WmModalHeaderStyle0;
-
-exports.wm_modal_header = ModalHeader;

package/dist/esm/wm-modal-footer.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-130e07bb.js';
-
-const wmModalFooterCss = "wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";
-const WmModalFooterStyle0 = wmModalFooterCss;
-
-const ModalFooter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.secondaryText = "";
-        this.primaryText = "";
-        this.infoText = "";
-        this.primaryActionDisabled = false;
-        this.deleteStyle = false;
-    }
-    componentWillLoad() {
-        const parentModal = this.el.closest("wm-modal");
-        this.uid = parentModal.uid;
-        // Trap focus when user shift+tabs past first element in modal
-        // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-        // if we listen to the whole doc each modal on the page reacts to every event
-        parentModal.addEventListener("focusLastElement", () => {
-            this.lastElement.focus();
-        });
-    }
-    emitParentPrimaryEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        if (parentModal) {
-            parentModal.emitPrimaryEvent();
-        }
-    }
-    emitParentSecondaryEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        if (parentModal) {
-            parentModal.emitSecondaryEvent();
-        }
-    }
-    render() {
-        return (h("div", { key: '38b6b1759d4bdb628259acbf229a1d634df2dbf5', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '4259692e664739723e3895e8ec8d00ef00ef79f0', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '6ffea66fdfd257e754a9012e9471848037e92a52', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '679eef458298304564cd365f15c8253796158ed8', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: 'a6e02b671dbfbacba79aa483b8d6ab8dc9232166', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
-    }
-    get el() { return getElement(this); }
-};
-ModalFooter.style = WmModalFooterStyle0;
-
-export { ModalFooter as wm_modal_footer };

package/dist/esm/wm-modal-header.entry.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-130e07bb.js';
-import { g as globalMessages } from './intl-2fa0087c.js';
-import './functions-03966124.js';
-
-const wmModalHeaderCss = "wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";
-const WmModalHeaderStyle0 = wmModalHeaderCss;
-
-const ModalHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.heading = "";
-        this.subheading = "";
-    }
-    componentWillLoad() {
-        const parentModal = this.el.closest("wm-modal");
-        this.uid = parentModal.uid;
-        // Trap focus when user tabs past last element in modal
-        // NB @Listen doesn't allow to listen on a specific element (the parent modal)
-        // if we listen to the whole doc each modal on the page reacts to every event
-        parentModal.addEventListener("focusFirstElement", () => {
-            this.closeButtonEl.focus();
-        });
-    }
-    emitParentCloseEvent() {
-        const parentModal = this.el.closest("wm-modal");
-        //@ts-ignore
-        parentModal.emitCloseEvent();
-    }
-    render() {
-        return (h(Host, { key: 'f178a3e4b95a12286b3364efbebe22b3a389f24c' }, h("div", { key: '8a6589a653e28aa5eb926f50695fe129c57548d6', class: "wm-wrapper" }, h("div", { key: '33ca649393f628c8ab5160c5e11e208812dad450' }, h("h2", { key: 'e171bcaa0424e97401db3002bbc3ebaf9c66458d', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'aacf128010d3416ca788d2110240991dcf36fd17', class: "subtitle" }, this.subheading))), h("wm-button", { key: '1a7342cd0ed7aa024b52af067ec9ed33c7a63b04', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
-    }
-    get el() { return getElement(this); }
-};
-ModalHeader.style = WmModalHeaderStyle0;
-
-export { ModalHeader as wm_modal_header };

package/dist/esm-es5/wm-modal-footer.entry.js

@@ -1 +0,0 @@
-import{r as registerInstance,h,g as getElement}from"./index-130e07bb.js";var wmModalFooterCss="wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";var WmModalFooterStyle0=wmModalFooterCss;var ModalFooter=function(){function e(e){registerInstance(this,e);this.secondaryText="";this.primaryText="";this.infoText="";this.primaryActionDisabled=false;this.deleteStyle=false}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusLastElement",(function(){e.lastElement.focus()}))};e.prototype.emitParentPrimaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitPrimaryEvent()}};e.prototype.emitParentSecondaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitSecondaryEvent()}};e.prototype.render=function(){var e=this;return h("div",{key:"38b6b1759d4bdb628259acbf229a1d634df2dbf5",class:"wm-wrapper ".concat(this.infoText?" footer-text":"")},h("div",{key:"4259692e664739723e3895e8ec8d00ef00ef79f0",class:"wm-info","aria-live":"polite"},this.infoText),h("div",{key:"6ffea66fdfd257e754a9012e9471848037e92a52",class:"wm-button-collection"},this.secondaryText&&h("wm-button",{key:"679eef458298304564cd365f15c8253796158ed8",onClick:function(){return e.emitParentSecondaryEvent()},id:"wm-secondary-".concat(this.uid),ref:function(t){return e.primaryActionDisabled?e.lastElement=t:undefined}},this.secondaryText),h("wm-button",{key:"a6e02b671dbfbacba79aa483b8d6ab8dc9232166","button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:function(){return e.emitParentPrimaryEvent()},disabled:this.primaryActionDisabled,id:"wm-primary-".concat(this.uid),ref:function(t){return!e.primaryActionDisabled?e.lastElement=t:undefined}},this.primaryText)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ModalFooter.style=WmModalFooterStyle0;export{ModalFooter as wm_modal_footer};

package/dist/esm-es5/wm-modal-header.entry.js

@@ -1 +0,0 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-130e07bb.js";import{g as globalMessages}from"./intl-2fa0087c.js";import"./functions-03966124.js";var wmModalHeaderCss="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";var WmModalHeaderStyle0=wmModalHeaderCss;var ModalHeader=function(){function e(e){registerInstance(this,e);this.heading="";this.subheading=""}e.prototype.componentWillLoad=function(){var e=this;var a=this.el.closest("wm-modal");this.uid=a.uid;a.addEventListener("focusFirstElement",(function(){e.closeButtonEl.focus()}))};e.prototype.emitParentCloseEvent=function(){var e=this.el.closest("wm-modal");e.emitCloseEvent()};e.prototype.render=function(){var e=this;return h(Host,{key:"f178a3e4b95a12286b3364efbebe22b3a389f24c"},h("div",{key:"8a6589a653e28aa5eb926f50695fe129c57548d6",class:"wm-wrapper"},h("div",{key:"33ca649393f628c8ab5160c5e11e208812dad450"},h("h2",{key:"e171bcaa0424e97401db3002bbc3ebaf9c66458d",class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,h("span",{key:"aacf128010d3416ca788d2110240991dcf36fd17",class:"subtitle"},this.subheading))),h("wm-button",{key:"1a7342cd0ed7aa024b52af067ec9ed33c7a63b04","button-type":"navigational",icon:"f156",tooltip:globalMessages.close,"tooltip-position":"left",id:"wm-modal-close-".concat(this.uid),ref:function(a){return e.closeButtonEl=a},onClick:function(){return e.emitParentCloseEvent()}})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ModalHeader.style=WmModalHeaderStyle0;export{ModalHeader as wm_modal_header};

package/dist/esm-es5/wm-modal.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function a(t){try{s(n.next(t))}catch(t){r(t)}}function d(t){try{s(n["throw"](t))}catch(t){r(t)}}function s(t){t.done?o(t.value):i(t.value).then(a,d)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,a;return a={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function d(t){return function(e){return s([t,e])}}function s(d){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(o=0)),o)try{if(n=1,i&&(r=d[0]&2?i["return"]:d[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,d[1])).done)return r;if(i=0,r)d=[d[0]&2,r.value];switch(d[0]){case 0:case 1:r=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;i=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!r||d[1]>r[0]&&d[1]<r[3])){o.label=d[1];break}if(d[0]===6&&o.label<r[1]){o.label=r[1];r=d;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(d);break}if(r[2])o.ops.pop();o.trys.pop();continue}d=e.call(t,o)}catch(t){d=[6,t];i=0}finally{n=r=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-130e07bb.js";import{g as generateId}from"./functions-03966124.js";var wmModalCss="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{color:inherit;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::-ms-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .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;top:0;left:0}";var WmModalStyle0=wmModalCss;var Modal=function(){function t(t){registerInstance(this,t);this.focusLastElement=createEvent(this,"focusLastElement",3);this.focusFirstElement=createEvent(this,"focusFirstElement",3);this.wmModalCloseTriggered=createEvent(this,"wmModalCloseTriggered",3);this.wmModalPrimaryTriggered=createEvent(this,"wmModalPrimaryTriggered",7);this.wmModalSecondaryTriggered=createEvent(this,"wmModalSecondaryTriggered",7);this.open=false;this.elementToFocus="";this.modalType="modal";this.uid=undefined;this.returnFocusEl=undefined}Object.defineProperty(t.prototype,"closeButtonEl",{get:function(){return this.el.querySelector("#wm-modal-close-".concat(this.uid))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focusOnOpenEl",{get:function(){var t=null;if(this.elementToFocus==="primary"||this.elementToFocus==="secondary"){t=this.el.querySelector("#wm-".concat(this.elementToFocus,"-").concat(this.uid))}else if(this.elementToFocus){t=this.el.querySelector("#"+this.elementToFocus);!t&&console.warn("Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus' (".concat(this.elementToFocus,"). It will fall back to the default and focus the close button when the modal opens."))}return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasBrowserPopoverSupport",{get:function(){var t=document.getElementById("wm-tooltip");return t?!!t.showPopover:false},enumerable:false,configurable:true});t.prototype.toggleModal=function(){this.open?this.showModal():this.hideModal()};t.prototype.handleDialogClose=function(){if(this.open){this.wmModalCloseTriggered.emit()}this.open=false};t.prototype.showModal=function(){this.returnFocusEl=document.activeElement;this.setAriaDescribedbyOnModal();document.body.style.overflow="hidden";this.dialogEl.showModal();if(this.focusOnOpenEl){this.focusOnOpenEl.focus()}};t.prototype.hideModal=function(){var t=this;document.body.style.overflow="visible";this.dialogEl.close();setTimeout((function(){if(t.returnFocusEl&&document.activeElement===document.body){if(t.returnFocusEl.tagName==="WM-MENUITEM"){t.returnFocusEl=t.returnFocusEl.parentElement}t.returnFocusEl.focus()}}),20)};t.prototype.componentWillLoad=function(){var t=this;if(this.elementToFocus==="primary"||this.elementToFocus==="secondary"){if(!this.el.id){console.error("For accessibility purposes you need to set the modal content wrapper's id to 'content-[id of wm-modal]'.")}}this.el.focus=function(){if(t.focusOnOpenEl){t.focusOnOpenEl.focus()}else{t.closeButtonEl.focus()}};this.uid=this.el.id?this.el.id:generateId()};t.prototype.componentDidLoad=function(){var t=this;if(this.open){this.showModal()}this.dialogEl.addEventListener("close",(function(){return t.handleDialogClose()}))};t.prototype.emitCloseEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmModalCloseTriggered.emit();return[2]}))}))};t.prototype.emitPrimaryEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmModalPrimaryTriggered.emit();return[2]}))}))};t.prototype.emitSecondaryEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmModalSecondaryTriggered.emit();return[2]}))}))};t.prototype.handleKeyDown=function(t){if(t.key=="Escape"){t.stopPropagation()}};t.prototype.setAriaDescribedbyOnModal=function(){var t=document.getElementById("content-".concat(this.uid));if(!t){console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}else{this.el.setAttribute("aria-describedby","wm-modal-heading-text-".concat(this.uid," content-").concat(this.uid))}};t.prototype.render=function(){var t=this;return h("dialog",{key:"013cab28a1dba3a63ab8c350bfac543520254e63",class:"".concat("wm-"+this.modalType),ref:function(e){return t.dialogEl=e},onKeyDown:function(e){return t.handleKeyDown(e)}},h("div",{key:"0bedae272d1154b61fbd7ebac59020d6c5b6b3b9",class:"tabtrap sr-only",tabindex:"0",onFocus:function(e){var o=e.relatedTarget&&e.relatedTarget==t.closeButtonEl;o?t.focusLastElement.emit():t.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&h("div",{key:"732a9e8edb3302a2d17dd9af6c8bf65ce73fc5d1",class:"wm-tooltip"}),h("slot",{key:"0ee3e5372886db1eb3f814d3f72d422771bbce27"}),h("div",{key:"197477a1dd69b1f5d2cb910fd01e1b3b247bafda",class:"tabtrap sr-only",tabindex:"0",onFocus:function(){t.focusFirstElement.emit()}}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["toggleModal"]}},enumerable:false,configurable:true});return t}();Modal.style=WmModalStyle0;export{Modal as wm_modal};

package/dist/ripple/p-3eae2cff.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-cef8a45b.system.js","./p-dfcf2302.system.js","./p-b8a3612c.system.js"],(function(e){"use strict";var t,o,i,r,n,s,a,l,c,d,p,h,f;return{setters:[function(e){t=e.r;o=e.c;i=e.h;r=e.H;n=e.g;s=e.f},function(e){a=e.i;l=e.t;c=e.z;d=e.a;p=e.k;h=e.y},function(e){f=e.g}],execute:function(){var b=':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}';var u=b;var m=e("wm_option",function(){function e(e){t(this,e);this.wmOptionSelected=o(this,"wmOptionSelected",7);this.wmOptionDeselected=o(this,"wmOptionDeselected",7);this.intCloneClicked=o(this,"intCloneClicked",7);this.wmKeyUpPressed=o(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=o(this,"wmKeyDownPressed",7);this.wmKeyLeftPressed=o(this,"wmKeyLeftPressed",7);this.wmEscKeyPressed=o(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=o(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=o(this,"wmEndKeyPressed",7);this.wmEnterKeyPressed=o(this,"wmEnterKeyPressed",7);this.wmLetterPressed=o(this,"wmLetterPressed",7);this.wmOptionBlurred=o(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.parentOptionList.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,"parentOptionList",{get:function(){if(this.el.classList.contains("clone")){return this.el.closest("priv-option-list")}else{return this.el.assignedSlot.closest("priv-option-list")}},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;case"ArrowLeft":e.preventDefault();this.wmKeyLeftPressed.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.parentOptionList.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 o=this.el.textContent.slice(0,t);var i=this.el.textContent.slice(t,t+this.searchTerm.length);var r=this.el.textContent.slice(t+this.searchTerm.length);var n=document.createElement("span");n.textContent=o;var s=document.createElement("strong");s.textContent=i;var a=document.createElement("span");a.textContent=r;this.textEl.innerHTML="";this.textEl.appendChild(n);this.textEl.appendChild(s);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.parentOptionList.addEventListener("optionListSearchChanged",(function(t){return e.handleSearch(t)}))};e.prototype.render=function(){var e=this;return i(r,{key:"3dced6efa2b70875a3bb7489ee0cfe5961c628b5",role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},i("div",{key:"65bb987febc952dfb5960abb0f2cd4f767f00ddc",class:"option-wrapper ".concat(this.parentOptionList.multiple?"checkbox":"")},i("span",{key:"ce1d604a7e8c6107aaf6fefeaec2097c8bdcf214",class:"option-text","aria-hidden":"true",ref:function(t){return e.textEl=t}},this.el.textContent),i("span",{key:"1b398c044798828a2689478abc62a83c1ed1057c",class:"sr-only"},this.el.textContent)),i("div",{key:"3d6a694ab8d006fedfeee03d31ca17ef98f92dc2",class:"subinfo"},this.subinfo))};Object.defineProperty(e.prototype,"el",{get:function(){return n(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=u;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;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}';var g=w;var v=e("wm_select",function(){function e(e){t(this,e);this.wmSelectDidLoad=o(this,"wmSelectDidLoad",7);this.wmSelectBlurred=o(this,"wmSelectBlurred",7);this.wmSelectAllSelected=o(this,"wmSelectAllSelected",7);this.wmSelectAllDeselected=o(this,"wmSelectAllDeselected",7);this.openUp=false;this.overflowCount=0;this.displayedOptions=[];this.disabled=false;this.maxHeight="200px";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,"isDisabled",{get:function(){return l(this.disabled)},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});e.prototype.handleOptionSelection=function(){if(!this.multiple){this.close()}};e.prototype.handleChildEnter=function(){this.close()};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.handleOptionBlur=function(e){if(!c(this.el,e.detail.relatedTarget)){var t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget;this.el.dispatchEvent(t)}};e.prototype.handleClick=function(e){if(!c(this.el,e.target)){this.close()}};e.prototype.handleButtonBlur=function(e){if(c(this.el,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")}d(this.el,this.isDisabled);var t=new MutationObserver((function(t){return t.forEach((function(t){return e.handleChildChange()}))}));t.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};e.prototype.handleChildChange=function(){this.setButtonText();s(this.el);if(this.multiple){this.optionListEl.handleChildChange()}};e.prototype.componentDidLoad=function(){this.wmSelectDidLoad.emit();this.dropdownEl.classList.add("hidden");s(this.el);this.setButtonText()};e.prototype.open=function(e){var t=this;if(!this.isDisabled){var o=this.el.clientHeight;var i=this.buttonEl.clientHeight;this.openUp=p(this.el,this.dropdownEl.clientHeight,o,i);this.isExpanded=true;this.dropdownEl.classList.remove("hidden");window.requestAnimationFrame((function(){t.optionListEl.handleInitialFocus(e)}))}};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.optionListEl.unfocusAll();window.setTimeout((function(){t.dropdownEl.classList.add("hidden");if(t.optionListEl.multiple){t.optionListEl.updateOptionVisibility()}if(t.search){t.optionListEl.clearSearch()}if(e){t.buttonEl.focus()}}),150)}};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleDisabledChange=function(){d(this.el,this.isDisabled)};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmSelectBlurred.emit()}};e.prototype.setButtonText=function(){this.displayedOptions=this.childOptions.filter((function(e){return e.selected}));if(this.multiple){var e=38;var t=window.getComputedStyle(this.buttonEl);var o=parseInt(t.getPropertyValue("padding-left").slice(0,-2));var i=parseInt(t.getPropertyValue("padding-right").slice(0,-2));var r=this.buttonEl.clientWidth-o-i-e;this.overflowCount=0;this.measurementAreaEl.textContent=this.displayedOptions.map((function(e){return e.textContent})).join(", ");var n=this.measurementAreaEl.clientWidth;while(n>r&&this.displayedOptions.length>1){this.overflowCount++;this.displayedOptions.pop();this.measurementAreaEl.textContent=this.displayedOptions.map((function(e){return e.textContent})).join(", ");n=this.measurementAreaEl.clientWidth}}};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 i("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 i("span",null,t>0?", ":"",e.textContent)}))}};e.prototype.renderOverflowCount=function(){if(this.overflowCount>0&&!this.allSelected){return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.render=function(){var e;var t=this;var o=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo;var n=(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 i(r,{key:"7ead860acbbe0ed90df29d8dc1e4983eaae06075",onBlur:function(e){return t.handleComponentBlur(e)}},i("div",{key:"9c619b9dadd84ac348d576915fe4fddd22043dce",class:"wrapper ".concat(h()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{key:"1d460bff83458176bdf9c005bd29f95260b25b78",class:"label-wrapper"},i("label",{key:"a65b6fd04e2251d1751567716be3637d9c4487d5",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},f.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{key:"1c500f55c3ccbb46f208fe09d7a43f1ba6889fcc",class:"button-wrapper"},i("button",Object.assign({key:"8e5dbb45e6506e0da669e81803f336bd74514f22"},n,{class:"displayedoption",ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),i("span",{key:"4e74a580783a59697e6f61d424eed93fae07e93f",class:"overflowcontrol ".concat(o?"hassubinfo":"")},i("span",{key:"6c7bdda7c9791c9b1b7c0778560e82247372d1b2",class:"button-text"},this.renderButtonText()),o&&i("span",{key:"d89591179a495208d8246dc2c4d5c1b8f364e5fc",class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount(),i("div",{key:"fbd5082faa1173b35e0b24bfe164fb5101bc411c",ref:function(e){return t.measurementAreaEl=e},class:"measurement-area","aria-hidden":"true"})),i("div",{key:"d2008a57cb7af8a681e815a1f975003a3fb6aa2e",class:"dropdown ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},i("priv-option-list",{key:"2650eb9ef1436bebe748feef99eb3a8ec38586b8",ref:function(e){return t.optionListEl=e},multiple:this.multiple,search:this.search,selectAll:this.selectAll,maxHeight:this.maxHeight,searchPlaceholder:this.searchPlaceholder,onOptionListCloseRequested:function(){return t.close()},onOptionListAllSelected:function(){return t.wmSelectAllSelected.emit()},onOptionListAllDeselected:function(){return t.wmSelectAllDeselected.emit()}},i("slot",{key:"676ccd44bc1bf4541c6f0f3796a676427d180f5c"}))),i("div",{key:"ef16f68e3bca6458a92838d9b49f85b1e791a72c",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),i("div",{key:"28f5400534f2db8e3122dbe56d7468694bba6fff",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 n(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}}}));

package/dist/ripple/p-43c7c26e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as o}from"./p-d9da0502.js";import{t as r,i as a,a as n}from"./p-e5f7fbe7.js";import{g as l}from"./p-b4e4479b.js";const h=class{constructor(e){t(this,e),this.wmSearchBrowseResults=s(this,"wmSearchBrowseResults",7),this.wmSearchValueChanged=s(this,"wmSearchValueChanged",7),this.linkEl=null,this.searchType="basic",this.disabled=!1,this.placeholder="",this.label="",this.numResults=0,this.value="",this.isTabbing=!1,this.highlightedId="",this.highlightedName=null,this.highlightedNum=0,this.previousBlurredValue="",this.parentModal=void 0,this.announcement=""}get isDisabled(){return r(this.disabled)}get resultCount(){let t="";const s=a.formatMessage({id:"search.resultsFound",defaultMessage:"{numResults, plural, =0 {No results} one {1 result} other {# results}} found"},{numResults:this.numResults}),e=a.formatMessage({id:"search.xOfYResults",defaultMessage:"{numResults, plural, =0 {No results found} other {{current} of {numResults} results}}"},{numResults:this.numResults,current:this.highlightedNum});return"basic"===this.searchType?t=s:"find"===this.searchType&&(t=e),t}toggleTabbingOn(){this.isTabbing=!0,this.linkEl&&this.linkEl.classList.remove("sr-only"),this.linkEl&&this.linkEl.classList.add("user-is-tabbing")}toggleTabbingOff(){this.isTabbing=!1,this.linkEl&&this.linkEl.classList.add("sr-only"),this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")}componentWillLoad(){""===this.placeholder&&console.error("You must set the placeholder property for the wm-search component."),""===this.label&&console.error("You must set the label property for the wm-search component."),this.hookToModal(),n(this.el,this.isDisabled)}hookToModal(){let t=this.el;for(;t;)"WM-MODAL"===t.tagName&&(this.parentModal=t),t=t.parentElement;this.parentModal&&["wmModalCloseTriggered","wmModalPrimaryTriggered","wmModalSecondaryTriggered"].map((t=>{this.parentModal.addEventListener(t,(()=>{this.updateValue("")}))}))}async updateValue(t){this.value=t,this.resetHighlightCountToStart()}handleNumResultsUpdate(){this.resetHighlightCountToStart(),this.value&&this.announceChanges()}handleDisabledChange(){n(this.el,this.isDisabled)}resetHighlightCountToStart(){"find"===this.searchType&&(this.highlightedNum=this.numResults?1:0)}announce(t){this.resultsLiveRegion.textContent===t&&(t+=" "),this.announcement=t}announceChanges(){window.requestAnimationFrame((()=>{let t=this.resultCount;"find"===this.searchType&&this.highlightedName&&(t+=`, ${this.highlightedName}`),this.announce(t)}))}changeHighlightedNum(t){this.numResults&&(this.highlightedNum=t<1?this.numResults:t>this.numResults?1:t,this.wmSearchBrowseResults.emit({position:this.highlightedNum}),this.announceChanges())}handleBlur(){this.previousBlurredValue!==this.value&&this.wmSearchValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value}renderResultsAndBrowseButtons(){return e("div",{class:"wm-find-elements"},e("div",{id:"results-display",class:"results"},!!this.value&&this.resultCount),e("div",{class:"wm-button-collection"},e("wm-button",{"button-type":"icononly",icon:"f05d",tooltip:l.previous,"tooltip-position":"bottom",onClick:()=>this.changeHighlightedNum(this.highlightedNum-1),disabled:this.isDisabled||this.numResults<2,"label-for-identical-buttons":a.formatMessage({id:"search.previousResult",defaultMessage:"Press to hear previous matching result"})}),e("wm-button",{"button-type":"icononly",icon:"f045",tooltip:l.next,"tooltip-position":"bottom",onClick:()=>this.changeHighlightedNum(this.highlightedNum+1),disabled:this.isDisabled||this.numResults<2,"label-for-identical-buttons":a.formatMessage({id:"search.nextResult",defaultMessage:"Press to hear next matching result"})})))}renderJumpToLink(){return this.numResults&&this.highlightedId?e("a",{ref:t=>this.linkEl=t,href:`#${this.highlightedId}`,class:"jump-results sr-only"},a.formatMessage({id:"search.jumpToResult",defaultMessage:"Jump to search result in list"})):null}render(){return e(i,{key:"2c251f4f12069241343caacc2127c8c06260fc65"},e("div",{key:"0a30850044b4707b06e671db14963dc98077af83",id:"wm-search-wrapper",class:`wm-search-wrapper ${this.searchType}`},e("input",{key:"3f22650a996906a42a2dbf11029ee96fbd2458aa",disabled:this.isDisabled,id:"wm-search-input",placeholder:this.placeholder,"aria-label":`${this.label?this.label+". ":""}${a.formatMessage({id:"search.typeToFilterResults",defaultMessage:"Type to filter the results"})}`,onInput:t=>this.updateValue(t.target.value),onBlur:()=>this.handleBlur(),"aria-autocomplete":"none",autocomplete:"off",value:this.value}),e("span",{key:"aabc53d0a664b5b69432670a8a4f7bdddeaa08b7",class:"mdi search-icon"},String.fromCodePoint(parseInt("0xf349"))),"find"===this.searchType&&this.renderResultsAndBrowseButtons(),e("div",{key:"8c622ee7546f24e9c0b7e8cc024b50badb5adb2b",id:"wm-search-live",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:t=>this.resultsLiveRegion=t},this.announcement)),"find"===this.searchType&&this.renderJumpToLink())}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{numResults:["handleNumResultsUpdate"],disabled:["handleDisabledChange"]}}};h.style=':host{--wmcolor-search-background:var(--wmcolor-input-background);--wmcolor-search-border:var(--wmcolor-input-border);--wmcolor-search-jump-text-focus:var(--wmcolor-interactive-focus);--wmcolor-search-jump-text:var(--wmcolor-button-text-textonly);width:100%;font-size:0.875rem}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wm-search-wrapper{border-radius:3px;position:relative;border:1px solid var(--wmcolor-search-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .wm-search-wrapper .search-icon{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;font-size:1.12rem;position:absolute;left:0.4375rem}:host .wm-search-wrapper input{border:none;height:40px;padding:0 1.75rem;background:var(--wmcolor-search-background);overflow:visible;width:100%;-ms-flex:1;flex:1;font-family:inherit}:host .wm-search-wrapper:focus-within{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wm-search-wrapper:focus-within input{outline:none}:host .find{min-height:3rem}:host .find input{padding:16px 8px 16px 28px}:host .find .wm-find-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-right:16px}:host .find .wm-find-elements wm-button+wm-button{margin-left:0.25rem}:host .find .wm-find-elements .results{margin-right:0.5rem;font-style:italic}: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 .jump-results{all:unset;color:var(--wmcolor-search-jump-text);text-decoration:none;font-weight:500;font-size:0.875rem;display:inline-block;margin:8px 0}:host .jump-results:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';export{h as wm_search}

package/dist/ripple/p-54ee24ab.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-cef8a45b.system.js","./p-b8a3612c.system.js","./p-dfcf2302.system.js"],(function(e){"use strict";var t,a,i,n,r;return{setters:[function(e){t=e.r;a=e.h;i=e.H;n=e.g},function(e){r=e.g},function(){}],execute:function(){var s="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";var o=s;var c=e("wm_modal_header",function(){function e(e){t(this,e);this.heading="";this.subheading=""}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusFirstElement",(function(){e.closeButtonEl.focus()}))};e.prototype.emitParentCloseEvent=function(){var e=this.el.closest("wm-modal");e.emitCloseEvent()};e.prototype.render=function(){var e=this;return a(i,{key:"f178a3e4b95a12286b3364efbebe22b3a389f24c"},a("div",{key:"8a6589a653e28aa5eb926f50695fe129c57548d6",class:"wm-wrapper"},a("div",{key:"33ca649393f628c8ab5160c5e11e208812dad450"},a("h2",{key:"e171bcaa0424e97401db3002bbc3ebaf9c66458d",class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,a("span",{key:"aacf128010d3416ca788d2110240991dcf36fd17",class:"subtitle"},this.subheading))),a("wm-button",{key:"1a7342cd0ed7aa024b52af067ec9ed33c7a63b04","button-type":"navigational",icon:"f156",tooltip:r.close,"tooltip-position":"left",id:"wm-modal-close-".concat(this.uid),ref:function(t){return e.closeButtonEl=t},onClick:function(){return e.emitParentCloseEvent()}})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=o}}}));

package/dist/ripple/p-6e50bb9a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as i}from"./p-d9da0502.js";const o=class{constructor(t){e(this,t),this.secondaryText="",this.primaryText="",this.infoText="",this.primaryActionDisabled=!1,this.deleteStyle=!1}componentWillLoad(){const e=this.el.closest("wm-modal");this.uid=e.uid,e.addEventListener("focusLastElement",(()=>{this.lastElement.focus()}))}emitParentPrimaryEvent(){const e=this.el.closest("wm-modal");e&&e.emitPrimaryEvent()}emitParentSecondaryEvent(){const e=this.el.closest("wm-modal");e&&e.emitSecondaryEvent()}render(){return t("div",{key:"38b6b1759d4bdb628259acbf229a1d634df2dbf5",class:"wm-wrapper "+(this.infoText?" footer-text":"")},t("div",{key:"4259692e664739723e3895e8ec8d00ef00ef79f0",class:"wm-info","aria-live":"polite"},this.infoText),t("div",{key:"6ffea66fdfd257e754a9012e9471848037e92a52",class:"wm-button-collection"},this.secondaryText&&t("wm-button",{key:"679eef458298304564cd365f15c8253796158ed8",onClick:()=>this.emitParentSecondaryEvent(),id:`wm-secondary-${this.uid}`,ref:e=>this.primaryActionDisabled?this.lastElement=e:void 0},this.secondaryText),t("wm-button",{key:"a6e02b671dbfbacba79aa483b8d6ab8dc9232166","button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:()=>this.emitParentPrimaryEvent(),disabled:this.primaryActionDisabled,id:`wm-primary-${this.uid}`,ref:e=>this.primaryActionDisabled?void 0:this.lastElement=e},this.primaryText)))}get el(){return i(this)}};o.style="wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";export{o as wm_modal_footer}

package/dist/ripple/p-81ce5578.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as a,g as e}from"./p-d9da0502.js";import{g as i}from"./p-e5f7fbe7.js";const d=class{constructor(a){o(this,a),this.focusLastElement=t(this,"focusLastElement",3),this.focusFirstElement=t(this,"focusFirstElement",3),this.wmModalCloseTriggered=t(this,"wmModalCloseTriggered",3),this.wmModalPrimaryTriggered=t(this,"wmModalPrimaryTriggered",7),this.wmModalSecondaryTriggered=t(this,"wmModalSecondaryTriggered",7),this.open=!1,this.elementToFocus="",this.modalType="modal",this.uid=void 0,this.returnFocusEl=void 0}get closeButtonEl(){return this.el.querySelector(`#wm-modal-close-${this.uid}`)}get focusOnOpenEl(){let o=null;return"primary"===this.elementToFocus||"secondary"===this.elementToFocus?o=this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`):this.elementToFocus&&(o=this.el.querySelector("#"+this.elementToFocus),!o&&console.warn(`Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus' (${this.elementToFocus}). It will fall back to the default and focus the close button when the modal opens.`)),o}get hasBrowserPopoverSupport(){const o=document.getElementById("wm-tooltip");return!!o&&!!o.showPopover}toggleModal(){this.open?this.showModal():this.hideModal()}handleDialogClose(){this.open&&this.wmModalCloseTriggered.emit(),this.open=!1}showModal(){this.returnFocusEl=document.activeElement,this.setAriaDescribedbyOnModal(),document.body.style.overflow="hidden",this.dialogEl.showModal(),this.focusOnOpenEl&&this.focusOnOpenEl.focus()}hideModal(){document.body.style.overflow="visible",this.dialogEl.close(),setTimeout((()=>{this.returnFocusEl&&document.activeElement===document.body&&("WM-MENUITEM"===this.returnFocusEl.tagName&&(this.returnFocusEl=this.returnFocusEl.parentElement),this.returnFocusEl.focus())}),20)}componentWillLoad(){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||this.el.id||console.error("For accessibility purposes you need to set the modal content wrapper's id to 'content-[id of wm-modal]'."),this.el.focus=()=>{this.focusOnOpenEl?this.focusOnOpenEl.focus():this.closeButtonEl.focus()},this.uid=this.el.id?this.el.id:i()}componentDidLoad(){this.open&&this.showModal(),this.dialogEl.addEventListener("close",(()=>this.handleDialogClose()))}async emitCloseEvent(){this.wmModalCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit()}handleKeyDown(o){"Escape"==o.key&&o.stopPropagation()}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}render(){return a("dialog",{key:"013cab28a1dba3a63ab8c350bfac543520254e63",class:"wm-"+this.modalType,ref:o=>this.dialogEl=o,onKeyDown:o=>this.handleKeyDown(o)},a("div",{key:"0bedae272d1154b61fbd7ebac59020d6c5b6b3b9",class:"tabtrap sr-only",tabindex:"0",onFocus:o=>{o.relatedTarget&&o.relatedTarget==this.closeButtonEl?this.focusLastElement.emit():this.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&a("div",{key:"732a9e8edb3302a2d17dd9af6c8bf65ce73fc5d1",class:"wm-tooltip"}),a("slot",{key:"0ee3e5372886db1eb3f814d3f72d422771bbce27"}),a("div",{key:"197477a1dd69b1f5d2cb910fd01e1b3b247bafda",class:"tabtrap sr-only",tabindex:"0",onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return e(this)}static get watchers(){return{open:["toggleModal"]}}};d.style="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{color:inherit;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::-ms-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .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;top:0;left:0}";export{d as wm_modal}

package/dist/ripple/p-8933fa3d.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-cef8a45b.system.js"],(function(e){"use strict";var t,i,n;return{setters:[function(e){t=e.r;i=e.h;n=e.g}],execute:function(){var o="wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";var r=o;var a=e("wm_modal_footer",function(){function e(e){t(this,e);this.secondaryText="";this.primaryText="";this.infoText="";this.primaryActionDisabled=false;this.deleteStyle=false}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusLastElement",(function(){e.lastElement.focus()}))};e.prototype.emitParentPrimaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitPrimaryEvent()}};e.prototype.emitParentSecondaryEvent=function(){var e=this.el.closest("wm-modal");if(e){e.emitSecondaryEvent()}};e.prototype.render=function(){var e=this;return i("div",{key:"38b6b1759d4bdb628259acbf229a1d634df2dbf5",class:"wm-wrapper ".concat(this.infoText?" footer-text":"")},i("div",{key:"4259692e664739723e3895e8ec8d00ef00ef79f0",class:"wm-info","aria-live":"polite"},this.infoText),i("div",{key:"6ffea66fdfd257e754a9012e9471848037e92a52",class:"wm-button-collection"},this.secondaryText&&i("wm-button",{key:"679eef458298304564cd365f15c8253796158ed8",onClick:function(){return e.emitParentSecondaryEvent()},id:"wm-secondary-".concat(this.uid),ref:function(t){return e.primaryActionDisabled?e.lastElement=t:undefined}},this.secondaryText),i("wm-button",{key:"a6e02b671dbfbacba79aa483b8d6ab8dc9232166","button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:function(){return e.emitParentPrimaryEvent()},disabled:this.primaryActionDisabled,id:"wm-primary-".concat(this.uid),ref:function(t){return!e.primaryActionDisabled?e.lastElement=t:undefined}},this.primaryText)))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=r}}}));

package/dist/ripple/p-aa52069c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as o,H as i,g as r,f as s}from"./p-d9da0502.js";import{i as a,t as n,z as l,a as d,k as c,y as p}from"./p-e5f7fbe7.js";import{g as h}from"./p-b4e4479b.js";const b=class{constructor(o){e(this,o),this.wmOptionSelected=t(this,"wmOptionSelected",7),this.wmOptionDeselected=t(this,"wmOptionDeselected",7),this.intCloneClicked=t(this,"intCloneClicked",7),this.wmKeyUpPressed=t(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=t(this,"wmKeyDownPressed",7),this.wmKeyLeftPressed=t(this,"wmKeyLeftPressed",7),this.wmEscKeyPressed=t(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=t(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=t(this,"wmEndKeyPressed",7),this.wmEnterKeyPressed=t(this,"wmEnterKeyPressed",7),this.wmLetterPressed=t(this,"wmLetterPressed",7),this.wmOptionBlurred=t(this,"wmOptionBlurred",7),this.value=void 0,this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1,this.searchTerm=""}get hostClasses(){let e=[];return this.subinfo&&e.push("hassubinfo"),this.parentOptionList.multiple&&e.push("multi-option"),this.el.textContent.toLowerCase().includes(this.searchTerm)||e.push("filtered-out"),e.join(" ")}get parentOptionList(){return this.el.classList.contains("clone")?this.el.closest("priv-option-list"):this.el.assignedSlot.closest("priv-option-list")}handleKeydown(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(),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;case"ArrowLeft":e.preventDefault(),this.wmKeyLeftPressed.emit();break;default:1===e.key.length&&(e.preventDefault(),this.wmLetterPressed.emit({letter:e.key,optionEl:this.el}))}}handleSelection(){this.disabled||(this.el.classList.contains("clone")?this.intCloneClicked.emit(this.el):this.parentOptionList.multiple&&this.selected?this.wmOptionDeselected.emit(this.el):this.wmOptionSelected.emit(this.el))}handleBlur(e){this.wmOptionBlurred.emit({relatedTarget:e.relatedTarget})}syncAriaSelected(){this.el.setAttribute("aria-selected",this.selected?"true":"false")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}handleSearch(e){if(this.searchTerm=e.detail.searchTerm.toLowerCase(),this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){const e=this.el.textContent.toLowerCase().indexOf(this.searchTerm),t=this.el.textContent.slice(0,e),o=this.el.textContent.slice(e,e+this.searchTerm.length),i=this.el.textContent.slice(e+this.searchTerm.length),r=document.createElement("span");r.textContent=t;const s=document.createElement("strong");s.textContent=o;const a=document.createElement("span");a.textContent=i,this.textEl.innerHTML="",this.textEl.appendChild(r),this.textEl.appendChild(s),this.textEl.appendChild(a)}else this.textEl.textContent=this.el.textContent}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick(),this.parentOptionList.addEventListener("optionListSearchChanged",(e=>this.handleSearch(e)))}render(){return o(i,{key:"3dced6efa2b70875a3bb7489ee0cfe5961c628b5",role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},o("div",{key:"65bb987febc952dfb5960abb0f2cd4f767f00ddc",class:"option-wrapper "+(this.parentOptionList.multiple?"checkbox":"")},o("span",{key:"ce1d604a7e8c6107aaf6fefeaec2097c8bdcf214",class:"option-text","aria-hidden":"true",ref:e=>this.textEl=e},this.el.textContent),o("span",{key:"1b398c044798828a2689478abc62a83c1ed1057c",class:"sr-only"},this.el.textContent)),o("div",{key:"3d6a694ab8d006fedfeee03d31ca17ef98f92dc2",class:"subinfo"},this.subinfo))}get el(){return r(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}}};b.style=':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 m=class{constructor(o){e(this,o),this.wmSelectDidLoad=t(this,"wmSelectDidLoad",7),this.wmSelectBlurred=t(this,"wmSelectBlurred",7),this.wmSelectAllSelected=t(this,"wmSelectAllSelected",7),this.wmSelectAllDeselected=t(this,"wmSelectAllDeselected",7),this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.disabled=!1,this.maxHeight="200px",this.label=void 0,this.labelPosition="top",this.requiredField=!1,this.errorMessage=void 0,this.multiple=!1,this.search=!1,this.selectAll=!1,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=!1,this.announcement=""}get childOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get isDisabled(){return n(this.disabled)}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((e=>e.selected))}get allSelected(){return this.childOptions.every((e=>e.selected))}handleOptionSelection(){this.multiple||this.close()}handleChildEnter(){this.close()}closePopupOnEscape(){this.close()}handleOptionBlur(e){if(!l(this.el,e.detail.relatedTarget)){const t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget,this.el.dispatchEvent(t)}}handleClick(e){l(this.el,e.target)||this.close()}handleButtonBlur(e){l(this.el,e.relatedTarget)&&e.stopPropagation()}handleKey(e){switch(e.key){case"ArrowDown":!1===this.isExpanded&&(e.preventDefault(),this.open("next"));break;case"ArrowUp":!1===this.isExpanded&&(e.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.multiple||0!==this.selectedOptions.length||console.error("wm-select should have one initial option selected"),d(this.el,this.isDisabled),new MutationObserver((e=>e.forEach((()=>this.handleChildChange())))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(){this.setButtonText(),s(this.el),this.multiple&&this.optionListEl.handleChildChange()}componentDidLoad(){this.wmSelectDidLoad.emit(),this.dropdownEl.classList.add("hidden"),s(this.el),this.setButtonText()}open(e){this.isDisabled||(this.openUp=c(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.dropdownEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.optionListEl.handleInitialFocus(e)})))}close(e=!0){this.isExpanded&&(this.isExpanded=!1,this.optionListEl.unfocusAll(),window.setTimeout((()=>{this.dropdownEl.classList.add("hidden"),this.optionListEl.multiple&&this.optionListEl.updateOptionVisibility(),this.search&&this.optionListEl.clearSearch(),e&&this.buttonEl.focus()}),150))}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleDisabledChange(){d(this.el,this.isDisabled)}handleComponentBlur(e){this.el.contains(e.relatedTarget)||(this.close(!1),this.wmSelectBlurred.emit())}setButtonText(){if(this.displayedOptions=this.childOptions.filter((e=>e.selected)),this.multiple){const e=38,t=window.getComputedStyle(this.buttonEl),o=parseInt(t.getPropertyValue("padding-left").slice(0,-2)),i=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),r=this.buttonEl.clientWidth-o-i-e;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", ");let s=this.measurementAreaEl.clientWidth;for(;s>r&&this.displayedOptions.length>1;)this.overflowCount++,this.displayedOptions.pop(),this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", "),s=this.measurementAreaEl.clientWidth}}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}renderButtonText(){return this.multiple&&this.displayedOptions.length<1?o("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>o("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return o("span",null,o("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const e=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo,t={id:"selectbtn",disabled:this.isDisabled,"aria-controls":"list","aria-labelledby":"label selectbtn","aria-describedby":"error","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open()};return o(i,{key:"7ead860acbbe0ed90df29d8dc1e4983eaae06075",onBlur:e=>this.handleComponentBlur(e)},o("div",{key:"9c619b9dadd84ac348d576915fe4fddd22043dce",class:`wrapper ${p()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},o("div",{key:"1d460bff83458176bdf9c005bd29f95260b25b78",class:"label-wrapper"},o("label",{key:"a65b6fd04e2251d1751567716be3637d9c4487d5",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?o("span",{class:"required"},o("span",{class:"sr-only"},h.requiredField),o("span",{"aria-hidden":"true"},"*")):"")),o("div",{key:"1c500f55c3ccbb46f208fe09d7a43f1ba6889fcc",class:"button-wrapper"},o("button",Object.assign({key:"8e5dbb45e6506e0da669e81803f336bd74514f22"},t,{class:"displayedoption",ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),o("span",{key:"4e74a580783a59697e6f61d424eed93fae07e93f",class:"overflowcontrol "+(e?"hassubinfo":"")},o("span",{key:"6c7bdda7c9791c9b1b7c0778560e82247372d1b2",class:"button-text"},this.renderButtonText()),e&&o("span",{key:"d89591179a495208d8246dc2c4d5c1b8f364e5fc",class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount(),o("div",{key:"fbd5082faa1173b35e0b24bfe164fb5101bc411c",ref:e=>this.measurementAreaEl=e,class:"measurement-area","aria-hidden":"true"})),o("div",{key:"d2008a57cb7af8a681e815a1f975003a3fb6aa2e",class:`dropdown ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,ref:e=>this.dropdownEl=e},o("priv-option-list",{key:"2650eb9ef1436bebe748feef99eb3a8ec38586b8",ref:e=>this.optionListEl=e,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()},o("slot",{key:"676ccd44bc1bf4541c6f0f3796a676427d180f5c"}))),o("div",{key:"ef16f68e3bca6458a92838d9b49f85b1e791a72c",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),o("div",{key:"28f5400534f2db8e3122dbe56d7468694bba6fff",id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:e=>this.liveRegionEl=e},this.announcement))))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}}};m.style=':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;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}';export{b as wm_option,m as wm_select}

package/dist/ripple/p-baca1589.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,f as o,h as i,H as r,g as n}from"./p-d9da0502.js";import{i as s,t as a,k as l,B as d,z as c,y as p}from"./p-e5f7fbe7.js";import{g as m}from"./p-b4e4479b.js";const h=class{constructor(o){e(this,o),this.wmNestedSelectBlurred=t(this,"wmNestedSelectBlurred",7),this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.clearSelectionMessage=s.formatMessage(this.multiple?{id:"select.multiClearSelection",defaultMessage:"Clear all Selections",description:"Button text to clear selection. Use imperative"}:{id:"select.singleClearSelection",defaultMessage:"Clear Selection",description:"Button text to clear selection. Use imperative"}),this.disabled=!1,this.maxHeight="200px",this.label=void 0,this.labelPosition="top",this.requiredField=!1,this.errorMessage=void 0,this.multiple=!1,this.search=!1,this.selectAll=!1,this.placeholder=s.formatMessage(this.multiple?{id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text for multiple select. Use imperative"}:{id:"select.singlePlaceholder",defaultMessage:"Select an Option",description:"Placeholder text for single select. Use imperative"}),this.searchPlaceholder=s.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"}),this.allSelectedMessage=s.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"}),this.isExpanded=!1,this.showClearSelectionButton=!1,this.constrainedMaxHeight=this.maxHeight}get isDisabled(){return a(this.disabled)}get childOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get optgroupEls(){return Array.from(this.el.querySelectorAll("wm-optgroup"))}get menuitemEls(){return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"))}get allSelected(){return this.childOptions.every((e=>e.selected))}componentWillLoad(){new MutationObserver((e=>e.forEach((()=>this.handleChildChange())))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(){this.setButtonText(),o(this.el),this.multiple&&this.optgroupEls.forEach((e=>e.handleChildChange()))}setButtonText(){if(this.displayedOptions=this.childOptions.filter((e=>e.selected)),this.multiple){const e=38,t=window.getComputedStyle(this.buttonEl),o=parseInt(t.getPropertyValue("padding-left").slice(0,-2)),i=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),r=this.buttonEl.clientWidth-o-i-e;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", ");let n=this.measurementAreaEl.clientWidth;for(;n>r&&this.displayedOptions.length>1;)this.overflowCount++,this.displayedOptions.pop(),this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", "),n=this.measurementAreaEl.clientWidth}}countOptgroupSelected(e){return Array.from(e.querySelectorAll("wm-option")).filter((e=>e.selected)).length}handleOptionSelection(){this.multiple||this.close()}handleChildEnter(){this.close()}closePopupOnEscape(){this.close()}close(e=!0){this.isExpanded&&(this.isExpanded=!1,this.dropdownEl.classList.remove("open"),window.setTimeout((()=>{this.optgroupEls.forEach((e=>e.isExpanded=!1)),e&&this.buttonEl.focus()}),150))}open(){if(!this.isDisabled){this.showClearSelectionButton=this.childOptions.some((e=>e.selected)),this.isExpanded=!0,this.dropdownEl.classList.add("open"),this.openUp=l(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,0),this.constrainedMaxHeight=this.maxHeight;const e=d(this.el).spaceAbove;this.openUp&&parseInt(getComputedStyle(this.menuEl).getPropertyValue("--max-height").replace("px",""))>e&&(this.constrainedMaxHeight=e.toString()+"px"),this.optgroupEls.forEach((t=>{t.shadowRoot.querySelector("priv-option-list").upwardsHeightLimit=this.openUp?e:null})),window.requestAnimationFrame((()=>{this.focusFirstMenuitem()}))}}focusFirstMenuitem(){this.menuitemEls.length>0&&this.menuitemEls[0].focus()}moveDown(e){const t=this.menuitemEls.indexOf(e);t==this.menuitemEls.length-1?this.menuitemEls[0].focus():this.menuitemEls[t+1].focus()}moveUp(e){const t=this.menuitemEls.indexOf(e);0==t?this.menuitemEls[this.menuitemEls.length-1].focus():this.menuitemEls[t-1].focus()}handleButtonBlur(e){c(this.el,e.relatedTarget)&&e.stopPropagation()}handleClick(e){c(this.el,e.target)||this.close()}handleMenuitemKeydown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.moveDown(e.target);break;case"ArrowUp":e.preventDefault(),this.moveUp(e.target);break;case"ArrowRight":e.target.classList.contains("group-btn")&&(e.preventDefault(),e.target.click());break;case"Escape":e.preventDefault(),this.close()}}handleComponentBlur(e){this.el.contains(e.relatedTarget)||(this.close(!1),this.wmNestedSelectBlurred.emit())}handleOptgroupExpanded(){this.menuEl.classList.add("hidden"),this.optListWrapperEl.classList.remove("hidden")}handleOptgroupHidden(e){this.showClearSelectionButton=this.childOptions.some((e=>e.selected)),this.menuEl.classList.remove("hidden"),this.optListWrapperEl.classList.add("hidden"),this.el.shadowRoot.querySelector(`button[data-label=${e.detail}]`).focus()}renderButtonText(){return this.displayedOptions.length<1?i("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>i("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}handleClearSelection(){this.optgroupEls.forEach((e=>e.emitDeselection())),this.multiple||this.close()}renderClearSelectionButton(){if(this.showClearSelectionButton)return i("button",{class:"menuitem clear-selection",onClick:()=>this.handleClearSelection(),tabindex:-1,onKeyDown:e=>this.handleMenuitemKeydown(e)},this.clearSelectionMessage)}renderSelectionCount(e){const t=this.countOptgroupSelected(e);if(t){const e=s.formatMessage({id:"select.optgroupSingleSelectionCount",defaultMessage:"Item Selected",description:"Text indicating number of selected in a group, where only a single selection is possible."},{numSelected:t}),o=s.formatMessage({id:"select.optgroupMultipleSelectionCount",defaultMessage:"{numSelected} Selected",description:"Text indicating number of selected in a group, where multiple selections are possible."},{numSelected:t});return i("div",{class:"selection-count"},i("span",null,this.multiple?o:e))}}render(){const e={id:"selectbtn",disabled:this.isDisabled,"aria-controls":"list","aria-labelledby":"label selectbtn","aria-describedby":"error","aria-expanded":this.isExpanded?"true":"false",onClick:()=>{this.isExpanded?this.close():this.open()}};return i(r,{key:"ed7b96e7d65c756fbbade7dfb2a8ae03da9d3277",onBlur:e=>this.handleComponentBlur(e)},i("div",{key:"a2783684ed70b347fd5081b9679cad00c4c73af9",class:`wrapper ${p()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},i("div",{key:"dc6f0249ebbcd84df9108fdd2af2e3a7778c2a5a",class:"label-wrapper"},i("label",{key:"6139f82a9c0a4c9ea569b0d6c74e694ca4924932",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},m.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{key:"3198a4409abb6d880330ffadd64022835ee94ba6",class:"button-wrapper"},i("button",Object.assign({key:"112c79d84e039c8a9044fc86c2d360a3c88acfec"},e,{class:"displayedoption "+(this.isExpanded?"expanded":""),ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),i("span",{key:"ab91af492aac319d84cb48dccdb127e5649b658b",class:"overflowcontrol"},i("span",{key:"fb0370d92612ee4ae365634e8e7f845ef0d6194a",class:"button-text"},this.renderButtonText())),this.renderOverflowCount(),i("div",{key:"e61b2f40ed449bbb679bd4792197eeb34f23d5f9",ref:e=>this.measurementAreaEl=e,class:"measurement-area","aria-hidden":"true"})),i("div",{key:"1490530463cfcdb5d010f722b7f3078e0e036ce0",class:"dropdown  "+(this.openUp?"upwards":""),ref:e=>this.dropdownEl=e},i("div",{key:"072c737865ad17a47ff9b70f9ee681542b766674",ref:e=>this.menuEl=e,class:"menu",style:{"--max-height":this.constrainedMaxHeight}},this.renderClearSelectionButton(),this.optgroupEls.map((e=>i("button",{class:"menuitem group-btn "+(e.disabled?"disabled":""),role:"menuitem","data-label":e.label,tabindex:-1,"aria-disabled":e.disabled,onClick:()=>{e.disabled||(e.isExpanded=!e.isExpanded,o(this.el))},onKeyDown:e=>this.handleMenuitemKeydown(e)},i("span",null,e.label),this.renderSelectionCount(e),e.disabled&&i("div",{class:"disabled-indication"},"Disabled"))))),i("div",{key:"8e57555b287fb08eb92eac959ddd7259d560e33a",ref:e=>this.optListWrapperEl=e,class:"option-list-wrapper hidden"},i("slot",{key:"c22278aca4bd47298fdffeeb148896180e12da1e"}))),i("div",{key:"3180921d3e8e6a9dc7c7c34b5077e17f3da9ef88",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))}static get delegatesFocus(){return!0}get el(){return n(this)}};h.style=':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;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 :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}.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}';export{h as wm_nested_select}