@watermarkinsights/ripple 5.7.0-0 → 5.7.0-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{global-b4e48f66.js → global-d1944ab2.js} +1 -1
- package/dist/cjs/index-e86c28b6.js +8 -12
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-option-list.cjs.entry.js +27 -19
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-modal-pss_3.cjs.entry.js +213 -0
- package/dist/cjs/{wm-modal.cjs.entry.js → wm-modal_3.cjs.entry.js} +73 -0
- package/dist/cjs/wm-nested-select.cjs.entry.js +85 -38
- package/dist/cjs/wm-optgroup.cjs.entry.js +16 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +10 -12
- package/dist/collection/collection-manifest.json +17 -5
- package/dist/collection/components/selects/priv-option-list/priv-option-list.css +22 -6
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +53 -34
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +43 -7
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +115 -42
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +51 -1
- package/dist/collection/components/selects/wm-option/wm-option.css +1 -1
- package/dist/collection/components/selects/wm-select/wm-select.css +5 -8
- package/dist/collection/components/selects/wm-select/wm-select.js +12 -13
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +61 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +55 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +81 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +134 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +361 -0
- package/dist/esm/{global-8a4502dd.js → global-687694e4.js} +1 -1
- package/dist/esm/index-558b5a82.js +8 -12
- package/dist/esm/loader.js +2 -2
- package/dist/esm/priv-option-list.entry.js +27 -19
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-modal-pss_3.entry.js +207 -0
- package/dist/esm/{wm-modal.entry.js → wm-modal_3.entry.js} +73 -2
- package/dist/esm/wm-nested-select.entry.js +86 -39
- package/dist/esm/wm-optgroup.entry.js +16 -1
- package/dist/esm/wm-option_2.entry.js +10 -12
- package/dist/esm-es5/global-687694e4.js +1 -0
- package/dist/esm-es5/index-558b5a82.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-option-list.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
- package/dist/esm-es5/wm-modal_3.entry.js +1 -0
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-optgroup.entry.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/ripple/p-012cab20.entry.js +1 -0
- package/dist/ripple/p-02deae76.entry.js +1 -0
- package/dist/ripple/p-1d18d9d2.system.entry.js +1 -0
- package/dist/ripple/p-226fe4e0.entry.js +1 -0
- package/dist/ripple/p-6e725656.system.entry.js +1 -0
- package/dist/ripple/p-6fdfe9f4.system.entry.js +1 -0
- package/dist/ripple/p-77e48f61.system.entry.js +1 -0
- package/dist/ripple/p-ad1bdcd6.js +1 -0
- package/dist/ripple/p-add3ab3d.system.js +1 -0
- package/dist/ripple/p-bf7d98d8.entry.js +1 -0
- package/dist/ripple/p-ca397ba6.system.js +1 -0
- package/dist/ripple/p-cff5d7e9.system.entry.js +1 -0
- package/dist/ripple/p-f13b034e.entry.js +1 -0
- package/dist/ripple/p-f3f4620c.entry.js +1 -0
- package/dist/ripple/p-f4bcee58.system.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +6 -2
- package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +8 -5
- package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts +4 -0
- package/dist/types/components/selects/wm-select/wm-select.d.ts +2 -2
- package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +14 -0
- package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +10 -0
- package/dist/types/components.d.ts +100 -5
- package/package.json +1 -1
- package/dist/cjs/wm-modal-footer.cjs.entry.js +0 -47
- package/dist/cjs/wm-modal-header.cjs.entry.js +0 -39
- package/dist/esm/wm-modal-footer.entry.js +0 -43
- package/dist/esm/wm-modal-header.entry.js +0 -35
- package/dist/esm-es5/global-8a4502dd.js +0 -1
- package/dist/esm-es5/wm-modal-footer.entry.js +0 -1
- package/dist/esm-es5/wm-modal-header.entry.js +0 -1
- package/dist/esm-es5/wm-modal.entry.js +0 -1
- package/dist/ripple/p-01addccd.entry.js +0 -1
- package/dist/ripple/p-01e29a2a.system.js +0 -1
- package/dist/ripple/p-0c259c1a.system.entry.js +0 -1
- package/dist/ripple/p-13f51c06.entry.js +0 -1
- package/dist/ripple/p-1796b85d.entry.js +0 -1
- package/dist/ripple/p-1c170fb3.entry.js +0 -1
- package/dist/ripple/p-294b38ca.system.entry.js +0 -1
- package/dist/ripple/p-3568472c.entry.js +0 -1
- package/dist/ripple/p-3d02b293.system.entry.js +0 -1
- package/dist/ripple/p-45dc49e8.entry.js +0 -1
- package/dist/ripple/p-50388b6f.system.entry.js +0 -1
- package/dist/ripple/p-54f7d3d4.system.entry.js +0 -1
- package/dist/ripple/p-84603f1f.system.entry.js +0 -1
- package/dist/ripple/p-947f8f0d.system.entry.js +0 -1
- package/dist/ripple/p-99058787.entry.js +0 -1
- package/dist/ripple/p-db9f8841.system.js +0 -1
- package/dist/ripple/p-de8f5e92.js +0 -1
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-e86c28b6.js');
|
|
6
|
-
const intl = require('./intl-5aeba788.js');
|
|
7
|
-
require('./functions-e24249e6.js');
|
|
8
|
-
|
|
9
|
-
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}";
|
|
10
|
-
|
|
11
|
-
const ModalHeader = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.heading = "";
|
|
15
|
-
this.subheading = "";
|
|
16
|
-
}
|
|
17
|
-
componentWillLoad() {
|
|
18
|
-
const parentModal = this.el.closest("wm-modal");
|
|
19
|
-
this.uid = parentModal.uid;
|
|
20
|
-
// Trap focus when user tabs past last element in modal
|
|
21
|
-
// NB @Listen doesn't allow to listen on a specific element (the parent modal)
|
|
22
|
-
// if we listen to the whole doc each modal on the page reacts to every event
|
|
23
|
-
parentModal.addEventListener("focusFirstElement", () => {
|
|
24
|
-
this.closeButtonEl.focus();
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
emitParentCloseEvent() {
|
|
28
|
-
const parentModal = this.el.closest("wm-modal");
|
|
29
|
-
//@ts-ignore
|
|
30
|
-
parentModal.emitCloseEvent();
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
return (index.h(index.Host, null, index.h("div", { class: "wm-wrapper" }, index.h("div", null, index.h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { class: "subtitle" }, this.subheading))), index.h("wm-button", { "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() }))));
|
|
34
|
-
}
|
|
35
|
-
get el() { return index.getElement(this); }
|
|
36
|
-
};
|
|
37
|
-
ModalHeader.style = wmModalHeaderCss;
|
|
38
|
-
|
|
39
|
-
exports.wm_modal_header = ModalHeader;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-558b5a82.js';
|
|
2
|
-
|
|
3
|
-
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}";
|
|
4
|
-
|
|
5
|
-
const ModalFooter = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.secondaryText = "";
|
|
9
|
-
this.primaryText = "";
|
|
10
|
-
this.infoText = "";
|
|
11
|
-
this.primaryActionDisabled = false;
|
|
12
|
-
this.deleteStyle = false;
|
|
13
|
-
}
|
|
14
|
-
componentWillLoad() {
|
|
15
|
-
const parentModal = this.el.closest("wm-modal");
|
|
16
|
-
this.uid = parentModal.uid;
|
|
17
|
-
// Trap focus when user shift+tabs past first element in modal
|
|
18
|
-
// NB @Listen doesn't allow to listen on a specific element (the parent modal)
|
|
19
|
-
// if we listen to the whole doc each modal on the page reacts to every event
|
|
20
|
-
parentModal.addEventListener("focusLastElement", () => {
|
|
21
|
-
this.lastElement.focus();
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
emitParentPrimaryEvent() {
|
|
25
|
-
const parentModal = this.el.closest("wm-modal");
|
|
26
|
-
if (parentModal) {
|
|
27
|
-
parentModal.emitPrimaryEvent();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
emitParentSecondaryEvent() {
|
|
31
|
-
const parentModal = this.el.closest("wm-modal");
|
|
32
|
-
if (parentModal) {
|
|
33
|
-
parentModal.emitSecondaryEvent();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
return (h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { "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))));
|
|
38
|
-
}
|
|
39
|
-
get el() { return getElement(this); }
|
|
40
|
-
};
|
|
41
|
-
ModalFooter.style = wmModalFooterCss;
|
|
42
|
-
|
|
43
|
-
export { ModalFooter as wm_modal_footer };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-558b5a82.js';
|
|
2
|
-
import { g as globalMessages } from './intl-f2f7ce8b.js';
|
|
3
|
-
import './functions-b791a892.js';
|
|
4
|
-
|
|
5
|
-
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}";
|
|
6
|
-
|
|
7
|
-
const ModalHeader = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.heading = "";
|
|
11
|
-
this.subheading = "";
|
|
12
|
-
}
|
|
13
|
-
componentWillLoad() {
|
|
14
|
-
const parentModal = this.el.closest("wm-modal");
|
|
15
|
-
this.uid = parentModal.uid;
|
|
16
|
-
// Trap focus when user tabs past last element in modal
|
|
17
|
-
// NB @Listen doesn't allow to listen on a specific element (the parent modal)
|
|
18
|
-
// if we listen to the whole doc each modal on the page reacts to every event
|
|
19
|
-
parentModal.addEventListener("focusFirstElement", () => {
|
|
20
|
-
this.closeButtonEl.focus();
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
emitParentCloseEvent() {
|
|
24
|
-
const parentModal = this.el.closest("wm-modal");
|
|
25
|
-
//@ts-ignore
|
|
26
|
-
parentModal.emitCloseEvent();
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return (h(Host, null, h("div", { class: "wm-wrapper" }, h("div", null, h("h2", { class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { class: "subtitle" }, this.subheading))), h("wm-button", { "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() }))));
|
|
30
|
-
}
|
|
31
|
-
get el() { return getElement(this); }
|
|
32
|
-
};
|
|
33
|
-
ModalHeader.style = wmModalHeaderCss;
|
|
34
|
-
|
|
35
|
-
export { ModalHeader as wm_modal_header };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var version="5.7.0-0";if(window.navigator.plugins.length>0){console.log("Ripple component library",version)}function wmComponentKeys(o){if(o.key=="Tab"){var n=new Event("wmUserIsTabbing");window.dispatchEvent(n);document.querySelector("body").classList.add("wmcl-user-is-tabbing")}if(o.key=="ArrowLeft"||o.key=="ArrowUp"||o.key=="ArrowRight"||o.key=="ArrowDown"){var n=new Event("wmUserIsKeying");window.dispatchEvent(n);document.querySelector("body").classList.add("wmcl-user-is-keying")}}function wmComponentMouseDownOnce(){var o=new Event("wmUserIsNotTabbing");window.dispatchEvent(o);document.querySelector("body").classList.remove("wmcl-user-is-tabbing");document.querySelector("body").classList.remove("wmcl-user-is-keying")}window.addEventListener("keydown",wmComponentKeys);window.addEventListener("mousedown",wmComponentMouseDownOnce);var tooltipContainer=document.createElement("div");tooltipContainer.id="wm-tooltip-container";var tooltipEl=document.createElement("div");tooltipEl.id="wm-tooltip";tooltipEl.classList.add("wm-tooltip");tooltipEl.setAttribute("popover","manual");tooltipEl.setAttribute("aria-hidden","true");var tooltipStyles=document.createElement("style");tooltipStyles.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n";document.head.appendChild(tooltipStyles);tooltipContainer.appendChild(tooltipEl);document.querySelector("body").appendChild(tooltipContainer);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as registerInstance,h,g as getElement}from"./index-558b5a82.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 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",{class:"wm-wrapper ".concat(this.infoText?" footer-text":"")},h("div",{class:"wm-info","aria-live":"polite"},this.infoText),h("div",{class:"wm-button-collection"},this.secondaryText&&h("wm-button",{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",{"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=wmModalFooterCss;export{ModalFooter as wm_modal_footer};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-558b5a82.js";import{g as globalMessages}from"./intl-f2f7ce8b.js";import"./functions-b791a892.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 ModalHeader=function(){function e(e){registerInstance(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 h(Host,null,h("div",{class:"wm-wrapper"},h("div",null,h("h2",{class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,h("span",{class:"subtitle"},this.subheading))),h("wm-button",{"button-type":"navigational",icon:"f156",tooltip:globalMessages.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 getElement(this)},enumerable:false,configurable:true});return e}();ModalHeader.style=wmModalHeaderCss;export{ModalHeader as wm_modal_header};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,e,n){function i(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,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?e(t.value):i(t.value).then(a,d)}s((n=n.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={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(o){return s([t,o])}}function s(d){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(e=0)),e)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:e.label++;return{value:d[1],done:false};case 5:e.label++;i=d[1];d=[0];continue;case 7:d=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(d[0]===6||d[0]===2)){e=0;continue}if(d[0]===3&&(!r||d[1]>r[0]&&d[1]<r[3])){e.label=d[1];break}if(d[0]===6&&e.label<r[1]){e.label=r[1];r=d;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(d);break}if(r[2])e.ops.pop();e.trys.pop();continue}d=o.call(t,e)}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-558b5a82.js";import{g as generateId}from"./functions-b791a892.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 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",{class:"".concat("wm-"+this.modalType),ref:function(o){return t.dialogEl=o},onKeyDown:function(o){return t.handleKeyDown(o)}},h("div",{class:"tabtrap sr-only",tabindex:"0",onFocus:function(o){var e=o.relatedTarget&&o.relatedTarget==t.closeButtonEl;e?t.focusLastElement.emit():t.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&h("div",{class:"wm-tooltip"}),h("slot",null),h("div",{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=wmModalCss;export{Modal as wm_modal};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-568c595f.js";const p=class{constructor(s){t(this,s),this.wmOptgroupAllSelected=i(this,"wmOptgroupAllSelected",7),this.wmOptgroupAllDeselected=i(this,"wmOptgroupAllDeselected",7),this.optgroupExpanded=i(this,"optgroupExpanded",7),this.optgroupHidden=i(this,"optgroupHidden",7),this.label=void 0,this.isExpanded=!1,this.multiple=!1}get parentNestedSelect(){return this.el.parentElement}isExpandedChanged(){this.isExpanded?(this.el.classList.add("visible"),this.optgroupExpanded.emit(),window.setTimeout((()=>{this.optionListEl.handleInitialFocus()}),250)):(this.optgroupHidden.emit(this.label),this.optionListEl.clearSearch(),window.setTimeout((()=>{this.el.classList.remove("visible")}),250))}async emitDeselection(){this.wmOptgroupAllDeselected.emit()}handleOptionKeyLeft(){this.isExpanded=!1}render(){return s(e,null,s("div",{class:"list-wrapper"},s("priv-option-list",{ref:t=>this.optionListEl=t,multiple:this.parentNestedSelect.multiple,search:this.parentNestedSelect.search,searchPlaceholder:this.parentNestedSelect.searchPlaceholder,optgroupLabel:this.label,selectAll:this.parentNestedSelect.selectAll,onOptionListAllSelected:()=>this.wmOptgroupAllSelected.emit(),onOptionListAllDeselected:()=>this.wmOptgroupAllDeselected.emit()},s("slot",null))))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{isExpanded:["isExpandedChanged"]}}};p.style=":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}";export{p as wm_optgroup}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register([],(function(){"use strict";return{execute:function(){var n="5.7.0-0";if(window.navigator.plugins.length>0){console.log("Ripple component library",n)}function o(n){if(n.key=="Tab"){var o=new Event("wmUserIsTabbing");window.dispatchEvent(o);document.querySelector("body").classList.add("wmcl-user-is-tabbing")}if(n.key=="ArrowLeft"||n.key=="ArrowUp"||n.key=="ArrowRight"||n.key=="ArrowDown"){var o=new Event("wmUserIsKeying");window.dispatchEvent(o);document.querySelector("body").classList.add("wmcl-user-is-keying")}}function t(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n);document.querySelector("body").classList.remove("wmcl-user-is-tabbing");document.querySelector("body").classList.remove("wmcl-user-is-keying")}window.addEventListener("keydown",o);window.addEventListener("mousedown",t);var e=document.createElement("div");e.id="wm-tooltip-container";var i=document.createElement("div");i.id="wm-tooltip";i.classList.add("wm-tooltip");i.setAttribute("popover","manual");i.setAttribute("aria-hidden","true");var r=document.createElement("style");r.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n";document.head.appendChild(r);e.appendChild(i);document.querySelector("body").appendChild(e)}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js","./p-81c2df85.system.js"],(function(t){"use strict";var e,o,i,r,n,s,a,l,c,p,h,d,u;return{setters:[function(t){e=t.r;o=t.c;i=t.h;r=t.H;n=t.g;s=t.f},function(t){a=t.i;l=t.t;c=t.z;p=t.a;h=t.k;d=t.y},function(t){u=t.g}],execute:function(){var f=':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 m=t("wm_option",function(){function t(t){e(this,t);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(t.prototype,"hostClasses",{get:function(){var t=[];if(this.subinfo){t.push("hassubinfo")}if(this.parentOptionList.multiple){t.push("multi-option")}if(!this.el.textContent.toLowerCase().includes(this.searchTerm)){t.push("filtered-out")}return t.join(" ")},enumerable:false,configurable:true});Object.defineProperty(t.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});t.prototype.handleKeydown=function(t){switch(t.key){case"ArrowUp":t.preventDefault();this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault();this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault();if(!this.disabled){this.el.click();this.wmEnterKeyPressed.emit(this.el)}break;case"Escape":t.preventDefault();t.stopPropagation();this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault();this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault();this.wmEndKeyPressed.emit();break;case"ArrowLeft":t.preventDefault();this.wmKeyLeftPressed.emit();break;default:if(t.key.length===1){t.preventDefault();this.wmLetterPressed.emit({letter:t.key,optionEl:this.el})}}};t.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)}}}};t.prototype.handleBlur=function(t){this.wmOptionBlurred.emit({relatedTarget:t.relatedTarget})};t.prototype.syncAriaSelected=function(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.setAttribute("aria-selected","false")};t.prototype.syncAriaDisabled=function(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")};t.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}};t.prototype.handleSearch=function(t){this.searchTerm=t.detail.searchTerm.toLowerCase();if(this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){var e=this.el.textContent.toLowerCase().indexOf(this.searchTerm);var o=this.el.textContent.slice(0,e);var i=this.el.textContent.slice(e,e+this.searchTerm.length);var r=this.el.textContent.slice(e+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}};t.prototype.componentWillLoad=function(){var t=this;this.syncAriaSelected();this.syncAriaDisabled();this.updateDisabledOnClick();this.parentOptionList.addEventListener("optionListSearchChanged",(function(e){return t.handleSearch(e)}))};t.prototype.render=function(){var t=this;return i(r,{role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},i("div",{class:"option-wrapper ".concat(this.parentOptionList.multiple?"checkbox":"")},i("span",{class:"option-text","aria-hidden":"true",ref:function(e){return t.textEl=e}},this.el.textContent),i("span",{class:"sr-only"},this.el.textContent)),i("div",{class:"subinfo"},this.subinfo))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}},enumerable:false,configurable:true});return t}());m.style=f;var b=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.options-wrapper{max-height:12.5rem;overflow:auto}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';var w=t("wm_select",function(){function t(t){e(this,t);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=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage=undefined;this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"});this.searchPlaceholder=a.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"});this.allSelectedMessage=a.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"});this.isExpanded=false;this.announcement=""}Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDisabled",{get:function(){return l(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option")).filter((function(t){return t.selected}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allSelected",{get:function(){return this.childOptions.every((function(t){return t.selected}))},enumerable:false,configurable:true});t.prototype.handleOptionSelection=function(){if(!this.multiple){this.close()}};t.prototype.handleChildEnter=function(){this.close()};t.prototype.closePopupOnEscape=function(){this.close()};t.prototype.handleOptionBlur=function(t){if(!c(this.el,t.detail.relatedTarget)){var e=new CustomEvent("blur");e.relatedTarget=t.detail.relatedTarget;this.el.dispatchEvent(e)}};t.prototype.handleClick=function(t){if(!c(this.el,t.target)){this.close()}};t.prototype.handleButtonBlur=function(t){if(c(this.el,t.relatedTarget)){t.stopPropagation()}};t.prototype.handleKey=function(t){switch(t.key){case"ArrowDown":if(this.isExpanded===false){t.preventDefault();this.open("next")}break;case"ArrowUp":if(this.isExpanded===false){t.preventDefault();this.open("previous")}break}};t.prototype.componentWillLoad=function(){var t=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")}p(this.el,this.isDisabled);var e=new MutationObserver((function(e){return e.forEach((function(e){return t.handleChildChange(e)}))}));e.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};t.prototype.handleChildChange=function(t){this.setButtonText();this.optionListEl.handleChildChange(t);s(this.el)};t.prototype.componentDidLoad=function(){this.wmSelectDidLoad.emit();this.dropdownEl.classList.add("hidden");s(this.el);if(this.maxHeight){this.dropdownEl.style.maxHeight=this.maxHeight}this.setButtonText()};t.prototype.open=function(t){var e=this;if(!this.isDisabled){var o=this.el.clientHeight;var i=this.buttonEl.clientHeight;this.openUp=h(this.el,this.dropdownEl.clientHeight,o,i);this.isExpanded=true;this.dropdownEl.classList.remove("hidden");window.requestAnimationFrame((function(){e.optionListEl.handleInitialFocus(t)}))}};t.prototype.close=function(t){var e=this;if(t===void 0){t=true}if(this.isExpanded){this.isExpanded=false;this.optionListEl.unfocusAll();window.setTimeout((function(){e.dropdownEl.classList.add("hidden");if(e.optionListEl.multiple){e.optionListEl.updateOptionVisibility()}if(e.search){e.optionListEl.clearSearch()}if(t){e.buttonEl.focus()}}),150)}};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleDisabledChange=function(){p(this.el,this.isDisabled)};t.prototype.handleComponentBlur=function(t){if(!this.el.contains(t.relatedTarget)){this.close(false);this.wmSelectBlurred.emit()}};t.prototype.setButtonText=function(){this.displayedOptions=this.childOptions.filter((function(t){return t.selected}));if(this.multiple){var t=38;var e=window.getComputedStyle(this.buttonEl);var o=parseInt(e.getPropertyValue("padding-left").slice(0,-2));var i=parseInt(e.getPropertyValue("padding-right").slice(0,-2));var r=this.buttonEl.clientWidth-o-i-t;this.overflowCount=0;this.measurementAreaEl.textContent=this.displayedOptions.map((function(t){return t.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(t){return t.textContent})).join(", ");n=this.measurementAreaEl.clientWidth}}};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.announcement=t};t.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(t,e){return i("span",null,e>0?", ":"",t.textContent)}))}};t.prototype.renderOverflowCount=function(){if(this.overflowCount>0&&!this.allSelected){return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}};t.prototype.render=function(){var t;var e=this;var o=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo;var n=(t={id:"selectbtn"},t["disabled"]=this.isDisabled,t["aria-controls"]="list",t["aria-labelledby"]="label selectbtn",t["aria-describedby"]="error",t["aria-expanded"]=this.isExpanded?"true":"false",t.onClick=function(){return e.isExpanded?e.close():e.open()},t);return i(r,{onBlur:function(t){return e.handleComponentBlur(t)}},i("div",{class:"wrapper ".concat(d()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{class:"label-wrapper"},i("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},u.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{class:"button-wrapper"},i("button",Object.assign({},n,{class:"displayedoption",ref:function(t){return e.buttonEl=t},onBlur:function(t){return e.handleButtonBlur(t)},onFocus:function(){return e.close()}}),i("span",{class:"overflowcontrol ".concat(o?"hassubinfo":"")},i("span",{class:"button-text"},this.renderButtonText()),o&&i("span",{class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount(),i("div",{ref:function(t){return e.measurementAreaEl=t},class:"measurement-area","aria-hidden":"true"})),i("div",{class:"dropdown ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(t){return e.dropdownEl=t}},i("priv-option-list",{ref:function(t){return e.optionListEl=t},multiple:this.multiple,search:this.search,selectAll:this.selectAll,searchPlaceholder:this.searchPlaceholder,onOptionListCloseRequested:function(){return e.close()},onOptionListAllSelected:function(){return e.wmSelectAllSelected.emit()},onOptionListAllDeselected:function(){return e.wmSelectAllDeselected.emit()}},i("slot",null))),i("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),i("div",{id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:function(t){return e.liveRegionEl=t}},this.announcement))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}},enumerable:false,configurable:true});return t}());w.style=b}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as s}from"./p-568c595f.js";import{g as o}from"./p-21d372ed.js";import"./p-16f65bf4.js";const a=class{constructor(t){e(this,t),this.heading="",this.subheading=""}componentWillLoad(){const e=this.el.closest("wm-modal");this.uid=e.uid,e.addEventListener("focusFirstElement",(()=>{this.closeButtonEl.focus()}))}emitParentCloseEvent(){this.el.closest("wm-modal").emitCloseEvent()}render(){return t(i,null,t("div",{class:"wm-wrapper"},t("div",null,t("h2",{class:"title",id:`wm-modal-heading-text-${this.uid}`},this.heading,t("span",{class:"subtitle"},this.subheading))),t("wm-button",{"button-type":"navigational",icon:"f156",tooltip:o.close,"tooltip-position":"left",id:`wm-modal-close-${this.uid}`,ref:e=>this.closeButtonEl=e,onClick:()=>this.emitParentCloseEvent()})))}get el(){return s(this)}};a.style="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}";export{a as wm_modal_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,f as o,h as r,H as i,g as n}from"./p-568c595f.js";import{i as s,t as a,k as l,z as p,y as c}from"./p-16f65bf4.js";import{g as d}from"./p-21d372ed.js";const m=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=void 0,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}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((e=>this.handleChildChange(e))))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}componentDidLoad(){this.maxHeight&&(this.dropdownEl.style.maxHeight=this.maxHeight)}handleChildChange(e){this.setButtonText(),o(this.el)}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)),r=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),i=this.buttonEl.clientWidth-o-r-e;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((e=>e.textContent)).join(", ");let n=this.measurementAreaEl.clientWidth;for(;n>i&&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(){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),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){p(this.el,e.relatedTarget)&&e.stopPropagation()}handleClick(e){p(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?r("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>r("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0)return r("span",null,r("span",{class:"overflow-counter"},"+",this.overflowCount))}handleClearSelection(){this.optgroupEls.forEach((e=>e.emitDeselection())),this.multiple||this.close()}renderClearSelectionButton(){if(this.showClearSelectionButton)return r("button",{class:"menuitem",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 r("div",{class:"selection-count"},r("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 r(i,{onBlur:e=>this.handleComponentBlur(e)},r("div",{class:`wrapper ${c()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},r("div",{class:"label-wrapper"},r("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?r("span",{class:"required"},r("span",{class:"sr-only"},d.requiredField),r("span",{"aria-hidden":"true"},"*")):"")),r("div",{class:"button-wrapper"},r("button",Object.assign({},e,{class:"displayedoption "+(this.isExpanded?"expanded":""),ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),r("span",{class:"overflowcontrol"},r("span",{class:"button-text"},this.renderButtonText())),this.renderOverflowCount(),r("div",{ref:e=>this.measurementAreaEl=e,class:"measurement-area","aria-hidden":"true"})),r("div",{class:"dropdown "+(this.openUp?"upwards":""),ref:e=>this.dropdownEl=e},r("div",{ref:e=>this.menuEl=e,class:"menu"},this.renderClearSelectionButton(),this.optgroupEls.map((e=>r("button",{class:"menuitem group-btn",role:"menuitem","data-label":e.label,tabindex:-1,onClick:()=>{e.isExpanded=!e.isExpanded,o(this.el)},onKeyDown:e=>this.handleMenuitemKeydown(e)},r("span",null,e.label),this.renderSelectionCount(e))))),r("div",{ref:e=>this.optListWrapperEl=e,class:"option-list-wrapper hidden"},r("slot",null))),r("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))}static get delegatesFocus(){return!0}get el(){return n(this)}};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}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:"\\f143"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f142";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{m as wm_nested_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as i,g as a}from"./p-568c595f.js";import{g as e}from"./p-16f65bf4.js";const d=class{constructor(i){o(this,i),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:e()}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 i("dialog",{class:"wm-"+this.modalType,ref:o=>this.dialogEl=o,onKeyDown:o=>this.handleKeyDown(o)},i("div",{class:"tabtrap sr-only",tabindex:"0",onFocus:o=>{o.relatedTarget&&o.relatedTarget==this.closeButtonEl?this.focusLastElement.emit():this.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&i("div",{class:"wm-tooltip"}),i("slot",null),i("div",{class:"tabtrap sr-only",tabindex:"0",onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return a(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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js"],(function(t){"use strict";var e,i,n;return{setters:[function(t){e=t.r;i=t.h;n=t.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=t("wm_modal_footer",function(){function t(t){e(this,t);this.secondaryText="";this.primaryText="";this.infoText="";this.primaryActionDisabled=false;this.deleteStyle=false}t.prototype.componentWillLoad=function(){var t=this;var e=this.el.closest("wm-modal");this.uid=e.uid;e.addEventListener("focusLastElement",(function(){t.lastElement.focus()}))};t.prototype.emitParentPrimaryEvent=function(){var t=this.el.closest("wm-modal");if(t){t.emitPrimaryEvent()}};t.prototype.emitParentSecondaryEvent=function(){var t=this.el.closest("wm-modal");if(t){t.emitSecondaryEvent()}};t.prototype.render=function(){var t=this;return i("div",{class:"wm-wrapper ".concat(this.infoText?" footer-text":"")},i("div",{class:"wm-info","aria-live":"polite"},this.infoText),i("div",{class:"wm-button-collection"},this.secondaryText&&i("wm-button",{onClick:function(){return t.emitParentSecondaryEvent()},id:"wm-secondary-".concat(this.uid),ref:function(e){return t.primaryActionDisabled?t.lastElement=e:undefined}},this.secondaryText),i("wm-button",{"button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:function(){return t.emitParentPrimaryEvent()},disabled:this.primaryActionDisabled,id:"wm-primary-".concat(this.uid),ref:function(e){return!t.primaryActionDisabled?t.lastElement=e:undefined}},this.primaryText)))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());r.style=o}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-568c595f.js";const o=class{constructor(e){t(this,e),this.secondaryText="",this.primaryText="",this.infoText="",this.primaryActionDisabled=!1,this.deleteStyle=!1}componentWillLoad(){const t=this.el.closest("wm-modal");this.uid=t.uid,t.addEventListener("focusLastElement",(()=>{this.lastElement.focus()}))}emitParentPrimaryEvent(){const t=this.el.closest("wm-modal");t&&t.emitPrimaryEvent()}emitParentSecondaryEvent(){const t=this.el.closest("wm-modal");t&&t.emitSecondaryEvent()}render(){return e("div",{class:"wm-wrapper "+(this.infoText?" footer-text":"")},e("div",{class:"wm-info","aria-live":"polite"},this.infoText),e("div",{class:"wm-button-collection"},this.secondaryText&&e("wm-button",{onClick:()=>this.emitParentSecondaryEvent(),id:`wm-secondary-${this.uid}`,ref:t=>this.primaryActionDisabled?this.lastElement=t:void 0},this.secondaryText),e("wm-button",{"button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:()=>this.emitParentPrimaryEvent(),disabled:this.primaryActionDisabled,id:`wm-primary-${this.uid}`,ref:t=>this.primaryActionDisabled?void 0:this.lastElement=t},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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{a(i.next(t))}catch(t){o(t)}}function u(t){try{a(i["throw"](t))}catch(t){o(t)}}function a(t){t.done?n(t.value):r(t.value).then(s,u)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(u){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,u[0]&&(n=0)),n)try{if(i=1,r&&(o=u[0]&2?r["return"]:u[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;if(r=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];r=0}finally{i=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js"],(function(t){"use strict";var e,n,i,r,o;return{setters:[function(t){e=t.r;n=t.c;i=t.h;r=t.H;o=t.g}],execute:function(){var s=":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}";var u=t("wm_optgroup",function(){function t(t){e(this,t);this.wmOptgroupAllSelected=n(this,"wmOptgroupAllSelected",7);this.wmOptgroupAllDeselected=n(this,"wmOptgroupAllDeselected",7);this.optgroupExpanded=n(this,"optgroupExpanded",7);this.optgroupHidden=n(this,"optgroupHidden",7);this.label=undefined;this.isExpanded=false;this.multiple=false}Object.defineProperty(t.prototype,"parentNestedSelect",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.isExpandedChanged=function(){var t=this;if(this.isExpanded){this.el.classList.add("visible");this.optgroupExpanded.emit();window.setTimeout((function(){t.optionListEl.handleInitialFocus()}),250)}else{this.optgroupHidden.emit(this.label);this.optionListEl.clearSearch();window.setTimeout((function(){t.el.classList.remove("visible")}),250)}};t.prototype.emitDeselection=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmOptgroupAllDeselected.emit();return[2]}))}))};t.prototype.handleOptionKeyLeft=function(){this.isExpanded=false};t.prototype.render=function(){var t=this;return i(r,null,i("div",{class:"list-wrapper"},i("priv-option-list",{ref:function(e){return t.optionListEl=e},multiple:this.parentNestedSelect.multiple,search:this.parentNestedSelect.search,searchPlaceholder:this.parentNestedSelect.searchPlaceholder,optgroupLabel:this.label,selectAll:this.parentNestedSelect.selectAll,onOptionListAllSelected:function(){return t.wmOptgroupAllSelected.emit()},onOptionListAllDeselected:function(){return t.wmOptgroupAllDeselected.emit()}},i("slot",null))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isExpanded:["isExpandedChanged"]}},enumerable:false,configurable:true});return t}());u.style=s}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,f as s,h as i,g as o}from"./p-568c595f.js";import{i as r,d as n,z as h}from"./p-16f65bf4.js";const l=class{constructor(s){t(this,s),this.optionListSearchChanged=e(this,"optionListSearchChanged",7),this.optionListCloseRequested=e(this,"optionListCloseRequested",7),this.optionListAllSelected=e(this,"optionListAllSelected",7),this.optionListAllDeselected=e(this,"optionListAllDeselected",7),this.wmEscKeyPressed=e(this,"wmEscKeyPressed",7),this.wmKeyLeftPressed=e(this,"wmKeyLeftPressed",7),this.searchIndex=0,this.keysSoFar="",this.selectAllMessage=r.formatMessage({id:"select.selectAll",defaultMessage:"Select All"}),this.deselectAllMessage=r.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"}),this.allOptionsSelectedMessage=r.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"}),this.allOptionsDeselectedMessage=r.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"}),this.debouncedSearch=n((()=>{this.searchTerm=this.searchFieldEl.value,this.optionListSearchChanged.emit({searchTerm:this.searchTerm}),this.announce(this.filteredOptions.length?this.resultsFoundMessage:this.noResultsFoundMessage)}),150),this.debouncedClearKeysSoFar=n((()=>{this.keysSoFar=""}),500),this.multiple=!1,this.search=!1,this.selectAll=!1,this.searchPlaceholder=void 0,this.maxHeight=void 0,this.optgroupLabel=void 0,this.announcement="",this.searchTerm=""}get childOptions(){return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"))}get cloneOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get allOptionEls(){return this.cloneOptions.concat(this.childOptions)}get visibleOptionEls(){return this.allOptionEls.filter((t=>!t.classList.contains("hidden")&&!t.classList.contains("filtered-out")))}get filteredOptions(){return this.childOptions.filter((t=>{var e;return null===(e=t.textContent)||void 0===e?void 0:e.toLowerCase().includes(this.searchTerm.toLowerCase())}))}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}get visibleSelectAllButton(){return this.selectAll&&this.multiple&&""===this.searchTerm}get allSelected(){return this.childOptions.every((t=>t.selected))}get resultsFoundMessage(){return r.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})}get noResultsFoundMessage(){return r.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})}findAndFocusOption(t){const e=t.detail.letter.toLowerCase(),s=t.detail.optionEl;if(this.keysSoFar||" "!=e){this.keysSoFar||this.visibleOptionEls.forEach(((t,e)=>{t.focused&&(this.searchIndex=e)})),this.keysSoFar+=e;let t=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);t||(t=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)),t&&this.focusOption(t),this.debouncedClearKeysSoFar()}else s.click()}handleOptionSelection(t){this.focusOption(t.detail)}handleChildUp(t){this.moveUp(t.detail)}handleChildDown(t){this.moveDown(t.detail)}moveToFirstOption(){this.focusOption(this.visibleOptionEls[0])}moveToLastOption(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}handleOptionCloneSelection(t){this.findCorrespondingOption(t.detail).click()}componentDidLoad(){this.multiple&&this.updateOptionVisibility(),this.maxHeight&&(this.listboxEl.style.maxHeight=this.maxHeight)}async handleChildChange(t){this.multiple&&s(this.el)}async clearSearch(){this.search&&(this.searchFieldEl.value="",this.searchTerm="",this.optionListSearchChanged.emit({searchTerm:this.searchTerm}))}async focusOption(t){this.allOptionEls.forEach((e=>e.focused=e===t)),t.scrollIntoView({block:"nearest"}),window.setTimeout((()=>t.scrollIntoView({block:"nearest"})),60),t.focus()}async handleInitialFocus(t){switch(t){case"next":this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.moveDown(this.visibleOptionEls.filter((t=>t.selected)).slice(-1)[0]);break;case"previous":this.search?this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1]):this.moveUp(this.visibleOptionEls.filter((t=>t.selected))[0]);break;default:this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.focusOption(this.selectedOptions.length>0?this.visibleOptionEls.filter((t=>t.selected))[0]:this.visibleOptionEls[0])}}async unfocusAll(){this.allOptionEls.map((t=>t.focused=!1))}findMatchInRange(t,e,s){let i=null;return t.slice(e,s).forEach((t=>{const e=t.textContent;!i&&e&&e.toLowerCase().startsWith(this.keysSoFar)&&(i=t)})),i}findCorrespondingOption(t){return t.classList.contains("clone")?this.childOptions[this.cloneOptions.indexOf(t)]:this.cloneOptions[this.childOptions.indexOf(t)]}handleSearchFieldBlur(t){this.searchFieldWrapperEl.classList.remove("focus"),h(this.el,t.relatedTarget)&&t.stopPropagation()}handleKeyDown(t){const e=t.target;switch(t.key){case"ArrowDown":t.preventDefault(),this.moveDown(t.target);break;case"ArrowUp":t.preventDefault(),this.moveUp(t.target);break;case"ArrowLeft":this.optgroupLabel&&(t.preventDefault(),this.wmKeyLeftPressed.emit());break;case"Escape":t.preventDefault(),this.wmEscKeyPressed.emit();break;case"Enter":e===this.selectAllEl&&(t.preventDefault(),this.handleSelectAllClick(),this.close());break;case" ":e===this.selectAllEl&&(t.preventDefault(),this.handleSelectAllClick())}}close(){this.multiple&&this.updateOptionVisibility(),this.optionListCloseRequested.emit()}handleSelectAllClick(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()}selectAllOptions(){this.announce(this.allOptionsSelectedMessage),this.optionListAllSelected.emit()}deselectAllOptions(){this.announce(this.allOptionsDeselectedMessage),this.optionListAllDeselected.emit()}moveUp(t){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl),this.optgroupLabel&&e.unshift(this.returnBtnEl);const s=e[e.indexOf(t)-1]||e[e.length-1];s&&this.focusOption(s)}moveDown(t){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl),this.optgroupLabel&&e.unshift(this.returnBtnEl);const s=e[e.indexOf(t)+1]||e[0];s&&this.focusOption(s)}async updateOptionVisibility(){this.childOptions.forEach(((t,e)=>{const s=this.cloneOptions[e];t.selected?(t.classList.add("hidden"),s.classList.remove("hidden")):(t.classList.remove("hidden"),s.classList.add("hidden"))}));const t=this.visibleOptionEls.filter((t=>t.classList.contains("clone"))),e=t.length===this.visibleOptionEls.length;t.forEach(((s,i)=>{e||i!==t.length-1?s.classList.remove("last"):s.classList.add("last")}))}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderReturnBtn(){return i("button",{ref:t=>this.returnBtnEl=t,id:"return-btn",class:"return-btn",onKeyDown:t=>this.handleKeyDown(t),onClick:()=>{this.el.getRootNode().host.isExpanded=!1}},this.optgroupLabel)}renderSearchField(){return i("div",{class:"search"},i("div",{class:"searchfield-wrapper",ref:t=>this.searchFieldWrapperEl=t},i("div",{class:"icon"}),i("input",{ref:t=>this.searchFieldEl=t,class:"searchfield",role:"combobox","aria-controls":"list",onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.searchFieldWrapperEl.classList.add("focus"),onBlur:t=>this.handleSearchFieldBlur(t),onInput:()=>this.debouncedSearch(),placeholder:this.searchPlaceholder})))}renderSearchFailedMessage(){return i("div",{class:"search-results-message"},this.noResultsFoundMessage)}renderSelectAllButton(){return i("button",{ref:t=>this.selectAllEl=t,class:"select-all",onClick:()=>this.handleSelectAllClick(),onKeyDown:t=>this.handleKeyDown(t),tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}renderCloneOptions(){return Array.from(this.childOptions).map((t=>i("wm-option",{class:"clone",subinfo:t.subinfo,selected:t.selected},t.textContent)))}render(){return i("div",{class:"list-wrapper"},!!this.optgroupLabel&&this.renderReturnBtn(),this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),i("div",{id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:t=>this.listboxEl=t},this.searchTerm&&0===this.filteredOptions.length&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),i("slot",null)),i("div",{id:"optionlist-announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return o(this)}};l.style='.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.return-btn,.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);background:var(--wmcolor-select-option-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.return-btn:hover,.select-all:hover{outline:none;background:var(--wmcolor-select-option-background-hover)}.return-btn:focus,.select-all:focus{outline:none;background:var(--wmcolor-select-option-background-focus)}.return-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:600;font-size:0.875rem;border-bottom:1px solid #4a4a4a}.return-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:"\\f141";pointer-events:none;font-size:1.28rem}';export{l as priv_option_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js","./p-81c2df85.system.js","./p-ae82b3d2.system.js"],(function(e){"use strict";var t,i,n,r,s;return{setters:[function(e){t=e.r;i=e.h;n=e.H;r=e.g},function(e){s=e.g},function(){}],execute:function(){var a="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=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 i(n,null,i("div",{class:"wm-wrapper"},i("div",null,i("h2",{class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,i("span",{class:"subtitle"},this.subheading))),i("wm-button",{"button-type":"navigational",icon:"f156",tooltip:s.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 r(this)},enumerable:false,configurable:true});return e}());o.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function o(t){try{a(n.next(t))}catch(t){s(t)}}function u(t){try{a(n["throw"](t))}catch(t){s(t)}}function a(t){t.done?i(t.value):r(t.value).then(o,u)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return a([t,e])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(i=0)),i)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:i.label++;return{value:u[1],done:false};case 5:i.label++;r=u[1];u=[0];continue;case 7:u=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){i=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){i.label=u[1];break}if(u[0]===6&&i.label<s[1]){i.label=s[1];s=u;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(u);break}if(s[2])i.ops.pop();i.trys.pop();continue}u=e.call(t,i)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js"],(function(t){"use strict";var e,i,n,r,s,o,u,a;return{setters:[function(t){e=t.r;i=t.c;n=t.f;r=t.h;s=t.g},function(t){o=t.i;u=t.d;a=t.z}],execute:function(){var c='.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.return-btn,.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);background:var(--wmcolor-select-option-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.return-btn:hover,.select-all:hover{outline:none;background:var(--wmcolor-select-option-background-hover)}.return-btn:focus,.select-all:focus{outline:none;background:var(--wmcolor-select-option-background-focus)}.return-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:600;font-size:0.875rem;border-bottom:1px solid #4a4a4a}.return-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:"\\f141";pointer-events:none;font-size:1.28rem}';var l=t("priv_option_list",function(){function t(t){var n=this;e(this,t);this.optionListSearchChanged=i(this,"optionListSearchChanged",7);this.optionListCloseRequested=i(this,"optionListCloseRequested",7);this.optionListAllSelected=i(this,"optionListAllSelected",7);this.optionListAllDeselected=i(this,"optionListAllDeselected",7);this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7);this.wmKeyLeftPressed=i(this,"wmKeyLeftPressed",7);this.searchIndex=0;this.keysSoFar="";this.selectAllMessage=o.formatMessage({id:"select.selectAll",defaultMessage:"Select All"});this.deselectAllMessage=o.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"});this.allOptionsSelectedMessage=o.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"});this.allOptionsDeselectedMessage=o.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"});this.debouncedSearch=u((function(){n.searchTerm=n.searchFieldEl.value;n.optionListSearchChanged.emit({searchTerm:n.searchTerm});if(n.filteredOptions.length){n.announce(n.resultsFoundMessage)}else{n.announce(n.noResultsFoundMessage)}}),150);this.debouncedClearKeysSoFar=u((function(){n.keysSoFar=""}),500);this.multiple=false;this.search=false;this.selectAll=false;this.searchPlaceholder=undefined;this.maxHeight=undefined;this.optgroupLabel=undefined;this.announcement="";this.searchTerm=""}Object.defineProperty(t.prototype,"childOptions",{get:function(){return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"cloneOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptionEls",{get:function(){return this.cloneOptions.concat(this.childOptions)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"visibleOptionEls",{get:function(){return this.allOptionEls.filter((function(t){return!t.classList.contains("hidden")&&!t.classList.contains("filtered-out")}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"filteredOptions",{get:function(){var t=this;return this.childOptions.filter((function(e){var i;return(i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().includes(t.searchTerm.toLowerCase())}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option")).filter((function(t){return t.selected}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"visibleSelectAllButton",{get:function(){return this.selectAll&&this.multiple&&this.searchTerm===""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allSelected",{get:function(){return this.childOptions.every((function(t){return t.selected}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"resultsFoundMessage",{get:function(){return o.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"noResultsFoundMessage",{get:function(){return o.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})},enumerable:false,configurable:true});t.prototype.findAndFocusOption=function(t){var e=this;var i=t.detail.letter.toLowerCase();var n=t.detail.optionEl;if(!this.keysSoFar&&i==" "){n.click()}else{if(!this.keysSoFar){this.visibleOptionEls.forEach((function(t,i){if(t.focused){e.searchIndex=i}}))}this.keysSoFar+=i;var r=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);if(!r){r=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)}if(r){this.focusOption(r)}this.debouncedClearKeysSoFar()}};t.prototype.handleOptionSelection=function(t){this.focusOption(t.detail)};t.prototype.handleChildUp=function(t){this.moveUp(t.detail)};t.prototype.handleChildDown=function(t){this.moveDown(t.detail)};t.prototype.moveToFirstOption=function(){this.focusOption(this.visibleOptionEls[0])};t.prototype.moveToLastOption=function(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])};t.prototype.handleOptionCloneSelection=function(t){var e=this.findCorrespondingOption(t.detail);e.click()};t.prototype.componentDidLoad=function(){if(this.multiple){this.updateOptionVisibility()}if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight}};t.prototype.handleChildChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.multiple){n(this.el)}return[2]}))}))};t.prototype.clearSearch=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.search){this.searchFieldEl.value="";this.searchTerm="";this.optionListSearchChanged.emit({searchTerm:this.searchTerm})}return[2]}))}))};t.prototype.focusOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.allOptionEls.forEach((function(e){return e.focused=e===t}));t.scrollIntoView({block:"nearest"});window.setTimeout((function(){return t.scrollIntoView({block:"nearest"})}),60);t.focus();return[2]}))}))};t.prototype.handleInitialFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(t){case"next":if(this.search){this.searchFieldEl.focus();this.listboxEl.scrollTop=0}else{this.moveDown(this.visibleOptionEls.filter((function(t){return t.selected})).slice(-1)[0])}break;case"previous":if(this.search){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}else{this.moveUp(this.visibleOptionEls.filter((function(t){return t.selected}))[0])}break;default:if(this.search){this.searchFieldEl.focus();this.listboxEl.scrollTop=0}else if(this.selectedOptions.length>0){this.focusOption(this.visibleOptionEls.filter((function(t){return t.selected}))[0])}else{this.focusOption(this.visibleOptionEls[0])}break}return[2]}))}))};t.prototype.unfocusAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.allOptionEls.map((function(t){return t.focused=false}));return[2]}))}))};t.prototype.findMatchInRange=function(t,e,i){var n=this;var r=null;var s=t.slice(e,i);s.forEach((function(t){var e=t.textContent;if(!r&&e&&e.toLowerCase().startsWith(n.keysSoFar)){r=t}}));return r};t.prototype.findCorrespondingOption=function(t){var e=t.classList.contains("clone");return e?this.childOptions[this.cloneOptions.indexOf(t)]:this.cloneOptions[this.childOptions.indexOf(t)]};t.prototype.handleSearchFieldBlur=function(t){this.searchFieldWrapperEl.classList.remove("focus");if(a(this.el,t.relatedTarget)){t.stopPropagation()}};t.prototype.handleKeyDown=function(t){var e=t.target;switch(t.key){case"ArrowDown":t.preventDefault();this.moveDown(t.target);break;case"ArrowUp":t.preventDefault();this.moveUp(t.target);break;case"ArrowLeft":if(!!this.optgroupLabel){t.preventDefault();this.wmKeyLeftPressed.emit()}break;case"Escape":t.preventDefault();this.wmEscKeyPressed.emit();break;case"Enter":if(e===this.selectAllEl){t.preventDefault();this.handleSelectAllClick();this.close()}break;case" ":if(e===this.selectAllEl){t.preventDefault();this.handleSelectAllClick()}break}};t.prototype.close=function(){if(this.multiple){this.updateOptionVisibility()}this.optionListCloseRequested.emit()};t.prototype.handleSelectAllClick=function(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()};t.prototype.selectAllOptions=function(){this.announce(this.allOptionsSelectedMessage);this.optionListAllSelected.emit()};t.prototype.deselectAllOptions=function(){this.announce(this.allOptionsDeselectedMessage);this.optionListAllDeselected.emit()};t.prototype.moveUp=function(t){var e=this.visibleOptionEls;if(this.selectAllEl){e.unshift(this.selectAllEl)}if(this.searchFieldEl){e.unshift(this.searchFieldEl)}if(!!this.optgroupLabel){e.unshift(this.returnBtnEl)}var i=e[e.indexOf(t)-1]||e[e.length-1];if(i){this.focusOption(i)}};t.prototype.moveDown=function(t){var e=this.visibleOptionEls;if(this.selectAllEl){e.unshift(this.selectAllEl)}if(this.searchFieldEl){e.unshift(this.searchFieldEl)}if(!!this.optgroupLabel){e.unshift(this.returnBtnEl)}var i=e[e.indexOf(t)+1]||e[0];if(i){this.focusOption(i)}};t.prototype.updateOptionVisibility=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var i=this;return __generator(this,(function(n){this.childOptions.forEach((function(t,e){var n=i.cloneOptions[e];if(t.selected){t.classList.add("hidden");n.classList.remove("hidden")}else{t.classList.remove("hidden");n.classList.add("hidden")}}));t=this.visibleOptionEls.filter((function(t){return t.classList.contains("clone")}));e=t.length===this.visibleOptionEls.length;t.forEach((function(i,n){if(!e&&n===t.length-1){i.classList.add("last")}else{i.classList.remove("last")}}));return[2]}))}))};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.announcement=t};t.prototype.renderReturnBtn=function(){var t=this;return r("button",{ref:function(e){return t.returnBtnEl=e},id:"return-btn",class:"return-btn",onKeyDown:function(e){return t.handleKeyDown(e)},onClick:function(){t.el.getRootNode().host.isExpanded=false}},this.optgroupLabel)};t.prototype.renderSearchField=function(){var t=this;return r("div",{class:"search"},r("div",{class:"searchfield-wrapper",ref:function(e){return t.searchFieldWrapperEl=e}},r("div",{class:"icon"}),r("input",{ref:function(e){return t.searchFieldEl=e},class:"searchfield",role:"combobox","aria-controls":"list",onKeyDown:function(e){return t.handleKeyDown(e)},onFocus:function(){return t.searchFieldWrapperEl.classList.add("focus")},onBlur:function(e){return t.handleSearchFieldBlur(e)},onInput:function(){return t.debouncedSearch()},placeholder:this.searchPlaceholder})))};t.prototype.renderSearchFailedMessage=function(){return r("div",{class:"search-results-message"},this.noResultsFoundMessage)};t.prototype.renderSelectAllButton=function(){var t=this;return r("button",{ref:function(e){return t.selectAllEl=e},class:"select-all",onClick:function(){return t.handleSelectAllClick()},onKeyDown:function(e){return t.handleKeyDown(e)},tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)};t.prototype.renderCloneOptions=function(){return Array.from(this.childOptions).map((function(t){var e=t;return r("wm-option",{class:"clone",subinfo:e.subinfo,selected:e.selected},e.textContent)}))};t.prototype.render=function(){var t=this;return r("div",{class:"list-wrapper"},!!this.optgroupLabel&&this.renderReturnBtn(),this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),r("div",{id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:function(e){return t.listboxEl=e}},this.searchTerm&&this.filteredOptions.length===0&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),r("slot",null)),r("div",{id:"optionlist-announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:function(e){return t.liveRegionEl=e}},this.announcement))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());l.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,e,i){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{s(i.next(t))}catch(t){r(t)}}function d(t){try{s(i["throw"](t))}catch(t){r(t)}}function s(t){t.done?e(t.value):n(t.value).then(a,d)}s((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,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(o){return s([t,o])}}function s(d){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(e=0)),e)try{if(i=1,n&&(r=d[0]&2?n["return"]:d[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,d[1])).done)return r;if(n=0,r)d=[d[0]&2,r.value];switch(d[0]){case 0:case 1:r=d;break;case 4:e.label++;return{value:d[1],done:false};case 5:e.label++;n=d[1];d=[0];continue;case 7:d=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(d[0]===6||d[0]===2)){e=0;continue}if(d[0]===3&&(!r||d[1]>r[0]&&d[1]<r[3])){e.label=d[1];break}if(d[0]===6&&e.label<r[1]){e.label=r[1];r=d;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(d);break}if(r[2])e.ops.pop();e.trys.pop();continue}d=o.call(t,e)}catch(t){d=[6,t];n=0}finally{i=r=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js"],(function(t){"use strict";var o,e,i,n,r;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.g},function(t){r=t.g}],execute:function(){var a="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 d=t("wm_modal",function(){function t(t){o(this,t);this.focusLastElement=e(this,"focusLastElement",3);this.focusFirstElement=e(this,"focusFirstElement",3);this.wmModalCloseTriggered=e(this,"wmModalCloseTriggered",3);this.wmModalPrimaryTriggered=e(this,"wmModalPrimaryTriggered",7);this.wmModalSecondaryTriggered=e(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:r()};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 i("dialog",{class:"".concat("wm-"+this.modalType),ref:function(o){return t.dialogEl=o},onKeyDown:function(o){return t.handleKeyDown(o)}},i("div",{class:"tabtrap sr-only",tabindex:"0",onFocus:function(o){var e=o.relatedTarget&&o.relatedTarget==t.closeButtonEl;e?t.focusLastElement.emit():t.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&i("div",{class:"wm-tooltip"}),i("slot",null),i("div",{class:"tabtrap sr-only",tabindex:"0",onFocus:function(){t.focusFirstElement.emit()}}))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["toggleModal"]}},enumerable:false,configurable:true});return t}());d.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js","./p-81c2df85.system.js"],(function(e){"use strict";var t,o,r,i,n,s,a,l,c,p,d,u;return{setters:[function(e){t=e.r;o=e.c;r=e.f;i=e.h;n=e.H;s=e.g},function(e){a=e.i;l=e.t;c=e.k;p=e.z;d=e.y},function(e){u=e.g}],execute:function(){var m=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:"\\f143"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f142";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var f=e("wm_nested_select",function(){function e(e){t(this,e);this.wmNestedSelectBlurred=o(this,"wmNestedSelectBlurred",7);this.openUp=false;this.overflowCount=0;this.displayedOptions=[];this.clearSelectionMessage=this.multiple?a.formatMessage({id:"select.multiClearSelection",defaultMessage:"Clear all Selections",description:"Button text to clear selection. Use imperative"}):a.formatMessage({id:"select.singleClearSelection",defaultMessage:"Clear Selection",description:"Button text to clear selection. Use imperative"});this.disabled=false;this.maxHeight=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage=undefined;this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=this.multiple?a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text for multiple select. Use imperative"}):a.formatMessage({id:"select.singlePlaceholder",defaultMessage:"Select an Option",description:"Placeholder text for single select. 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.showClearSelectionButton=false}Object.defineProperty(e.prototype,"isDisabled",{get:function(){return l(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"optgroupEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-optgroup"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuitemEls",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"))},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.componentWillLoad=function(){var e=this;var t=new MutationObserver((function(t){return t.forEach((function(t){return e.handleChildChange(t)}))}));t.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};e.prototype.componentDidLoad=function(){if(this.maxHeight){this.dropdownEl.style.maxHeight=this.maxHeight}};e.prototype.handleChildChange=function(e){this.setButtonText();r(this.el)};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 r=parseInt(t.getPropertyValue("padding-right").slice(0,-2));var i=this.buttonEl.clientWidth-o-r-e;this.overflowCount=0;this.measurementAreaEl.textContent=this.displayedOptions.map((function(e){return e.textContent})).join(", ");var n=this.measurementAreaEl.clientWidth;while(n>i&&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.countOptgroupSelected=function(e){var t=Array.from(e.querySelectorAll("wm-option")).filter((function(e){return e.selected}));return t.length};e.prototype.handleOptionSelection=function(){if(!this.multiple){this.close()}};e.prototype.handleChildEnter=function(){this.close()};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.dropdownEl.classList.remove("open");window.setTimeout((function(){t.optgroupEls.forEach((function(e){return e.isExpanded=false}));if(e){t.buttonEl.focus()}}),150)}};e.prototype.open=function(){var e=this;if(!this.isDisabled){this.showClearSelectionButton=this.childOptions.some((function(e){return e.selected}));this.isExpanded=true;this.dropdownEl.classList.add("open");var t=this.el.clientHeight;this.openUp=c(this.el,this.dropdownEl.clientHeight,t,0);window.requestAnimationFrame((function(){e.focusFirstMenuitem()}))}};e.prototype.focusFirstMenuitem=function(){if(this.menuitemEls.length>0){this.menuitemEls[0].focus()}};e.prototype.moveDown=function(e){var t=this.menuitemEls.indexOf(e);if(t==this.menuitemEls.length-1){this.menuitemEls[0].focus()}else{this.menuitemEls[t+1].focus()}};e.prototype.moveUp=function(e){var t=this.menuitemEls.indexOf(e);if(t==0){this.menuitemEls[this.menuitemEls.length-1].focus()}else{this.menuitemEls[t-1].focus()}};e.prototype.handleButtonBlur=function(e){if(p(this.el,e.relatedTarget)){e.stopPropagation()}};e.prototype.handleClick=function(e){if(!p(this.el,e.target)){this.close()}};e.prototype.handleMenuitemKeydown=function(e){switch(e.key){case"ArrowDown":e.preventDefault();this.moveDown(e.target);break;case"ArrowUp":e.preventDefault();this.moveUp(e.target);break;case"ArrowRight":if(e.target.classList.contains("group-btn")){e.preventDefault();e.target.click()}break;case"Escape":e.preventDefault();this.close();break}};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmNestedSelectBlurred.emit()}};e.prototype.handleOptgroupExpanded=function(){this.menuEl.classList.add("hidden");this.optListWrapperEl.classList.remove("hidden")};e.prototype.handleOptgroupHidden=function(e){this.showClearSelectionButton=this.childOptions.some((function(e){return e.selected}));this.menuEl.classList.remove("hidden");this.optListWrapperEl.classList.add("hidden");var t=this.el.shadowRoot.querySelector("button[data-label=".concat(e.detail,"]"));t.focus()};e.prototype.renderButtonText=function(){if(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){return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.handleClearSelection=function(){this.optgroupEls.forEach((function(e){return e.emitDeselection()}));if(!this.multiple){this.close()}};e.prototype.renderClearSelectionButton=function(){var e=this;if(this.showClearSelectionButton){return i("button",{class:"menuitem",onClick:function(){return e.handleClearSelection()},tabindex:-1,onKeyDown:function(t){return e.handleMenuitemKeydown(t)}},this.clearSelectionMessage)}};e.prototype.renderSelectionCount=function(e){var t=this.countOptgroupSelected(e);if(t){var o=a.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});var r=a.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?r:o))}};e.prototype.render=function(){var e;var t=this;var o=(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(){t.isExpanded?t.close():t.open()},e);return i(n,{onBlur:function(e){return t.handleComponentBlur(e)}},i("div",{class:"wrapper ".concat(d()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{class:"label-wrapper"},i("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},u.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{class:"button-wrapper"},i("button",Object.assign({},o,{class:"displayedoption ".concat(this.isExpanded?"expanded":""),ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),i("span",{class:"overflowcontrol"},i("span",{class:"button-text"},this.renderButtonText())),this.renderOverflowCount(),i("div",{ref:function(e){return t.measurementAreaEl=e},class:"measurement-area","aria-hidden":"true"})),i("div",{class:"dropdown ".concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},i("div",{ref:function(e){return t.menuEl=e},class:"menu"},this.renderClearSelectionButton(),this.optgroupEls.map((function(e){return i("button",{class:"menuitem group-btn",role:"menuitem","data-label":e.label,tabindex:-1,onClick:function(){e.isExpanded=!e.isExpanded;r(t.el)},onKeyDown:function(e){return t.handleMenuitemKeydown(e)}},i("span",null,e.label),t.renderSelectionCount(e))}))),i("div",{ref:function(e){return t.optListWrapperEl=e},class:"option-list-wrapper hidden"},i("slot",null))),i("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());f.style=m}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as i,g as r,f as s}from"./p-568c595f.js";import{i as n,t as a,z as l,a as p,k as h,y as c}from"./p-16f65bf4.js";import{g as d}from"./p-21d372ed.js";const m=class{constructor(o){t(this,o),this.wmOptionSelected=e(this,"wmOptionSelected",7),this.wmOptionDeselected=e(this,"wmOptionDeselected",7),this.intCloneClicked=e(this,"intCloneClicked",7),this.wmKeyUpPressed=e(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=e(this,"wmKeyDownPressed",7),this.wmKeyLeftPressed=e(this,"wmKeyLeftPressed",7),this.wmEscKeyPressed=e(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=e(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=e(this,"wmEndKeyPressed",7),this.wmEnterKeyPressed=e(this,"wmEnterKeyPressed",7),this.wmLetterPressed=e(this,"wmLetterPressed",7),this.wmOptionBlurred=e(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 t=[];return this.subinfo&&t.push("hassubinfo"),this.parentOptionList.multiple&&t.push("multi-option"),this.el.textContent.toLowerCase().includes(this.searchTerm)||t.push("filtered-out"),t.join(" ")}get parentOptionList(){return this.el.classList.contains("clone")?this.el.closest("priv-option-list"):this.el.assignedSlot.closest("priv-option-list")}handleKeydown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"ArrowLeft":t.preventDefault(),this.wmKeyLeftPressed.emit();break;default:1===t.key.length&&(t.preventDefault(),this.wmLetterPressed.emit({letter:t.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(t){this.wmOptionBlurred.emit({relatedTarget:t.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(t){if(this.searchTerm=t.detail.searchTerm.toLowerCase(),this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){const t=this.el.textContent.toLowerCase().indexOf(this.searchTerm),e=this.el.textContent.slice(0,t),o=this.el.textContent.slice(t,t+this.searchTerm.length),i=this.el.textContent.slice(t+this.searchTerm.length),r=document.createElement("span");r.textContent=e;const s=document.createElement("strong");s.textContent=o;const n=document.createElement("span");n.textContent=i,this.textEl.innerHTML="",this.textEl.appendChild(r),this.textEl.appendChild(s),this.textEl.appendChild(n)}else this.textEl.textContent=this.el.textContent}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick(),this.parentOptionList.addEventListener("optionListSearchChanged",(t=>this.handleSearch(t)))}render(){return o(i,{role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},o("div",{class:"option-wrapper "+(this.parentOptionList.multiple?"checkbox":"")},o("span",{class:"option-text","aria-hidden":"true",ref:t=>this.textEl=t},this.el.textContent),o("span",{class:"sr-only"},this.el.textContent)),o("div",{class:"subinfo"},this.subinfo))}get el(){return r(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}}};m.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 b=class{constructor(o){t(this,o),this.wmSelectDidLoad=e(this,"wmSelectDidLoad",7),this.wmSelectBlurred=e(this,"wmSelectBlurred",7),this.wmSelectAllSelected=e(this,"wmSelectAllSelected",7),this.wmSelectAllDeselected=e(this,"wmSelectAllDeselected",7),this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.disabled=!1,this.maxHeight=void 0,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=n.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"}),this.searchPlaceholder=n.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"}),this.allSelectedMessage=n.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 a(this.disabled)}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}get allSelected(){return this.childOptions.every((t=>t.selected))}handleOptionSelection(){this.multiple||this.close()}handleChildEnter(){this.close()}closePopupOnEscape(){this.close()}handleOptionBlur(t){if(!l(this.el,t.detail.relatedTarget)){const e=new CustomEvent("blur");e.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(e)}}handleClick(t){l(this.el,t.target)||this.close()}handleButtonBlur(t){l(this.el,t.relatedTarget)&&t.stopPropagation()}handleKey(t){switch(t.key){case"ArrowDown":!1===this.isExpanded&&(t.preventDefault(),this.open("next"));break;case"ArrowUp":!1===this.isExpanded&&(t.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"),p(this.el,this.isDisabled),new MutationObserver((t=>t.forEach((t=>this.handleChildChange(t))))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(t){this.setButtonText(),this.optionListEl.handleChildChange(t),s(this.el)}componentDidLoad(){this.wmSelectDidLoad.emit(),this.dropdownEl.classList.add("hidden"),s(this.el),this.maxHeight&&(this.dropdownEl.style.maxHeight=this.maxHeight),this.setButtonText()}open(t){this.isDisabled||(this.openUp=h(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.dropdownEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.optionListEl.handleInitialFocus(t)})))}close(t=!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(),t&&this.buttonEl.focus()}),150))}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleDisabledChange(){p(this.el,this.isDisabled)}handleComponentBlur(t){this.el.contains(t.relatedTarget)||(this.close(!1),this.wmSelectBlurred.emit())}setButtonText(){if(this.displayedOptions=this.childOptions.filter((t=>t.selected)),this.multiple){const t=38,e=window.getComputedStyle(this.buttonEl),o=parseInt(e.getPropertyValue("padding-left").slice(0,-2)),i=parseInt(e.getPropertyValue("padding-right").slice(0,-2)),r=this.buttonEl.clientWidth-o-i-t;this.overflowCount=0,this.measurementAreaEl.textContent=this.displayedOptions.map((t=>t.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((t=>t.textContent)).join(", "),s=this.measurementAreaEl.clientWidth}}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}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(((t,e)=>o("span",null,e>0?", ":"",t.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return o("span",null,o("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const t=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo,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 o(i,{onBlur:t=>this.handleComponentBlur(t)},o("div",{class:`wrapper ${c()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},o("div",{class:"label-wrapper"},o("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?o("span",{class:"required"},o("span",{class:"sr-only"},d.requiredField),o("span",{"aria-hidden":"true"},"*")):"")),o("div",{class:"button-wrapper"},o("button",Object.assign({},e,{class:"displayedoption",ref:t=>this.buttonEl=t,onBlur:t=>this.handleButtonBlur(t),onFocus:()=>this.close()}),o("span",{class:"overflowcontrol "+(t?"hassubinfo":"")},o("span",{class:"button-text"},this.renderButtonText()),t&&o("span",{class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount(),o("div",{ref:t=>this.measurementAreaEl=t,class:"measurement-area","aria-hidden":"true"})),o("div",{class:`dropdown ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,ref:t=>this.dropdownEl=t},o("priv-option-list",{ref:t=>this.optionListEl=t,multiple:this.multiple,search:this.search,selectAll:this.selectAll,searchPlaceholder:this.searchPlaceholder,onOptionListCloseRequested:()=>this.close(),onOptionListAllSelected:()=>this.wmSelectAllSelected.emit(),onOptionListAllDeselected:()=>this.wmSelectAllDeselected.emit()},o("slot",null))),o("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),o("div",{id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:t=>this.liveRegionEl=t},this.announcement))))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}}};b.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}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.options-wrapper{max-height:12.5rem;overflow:auto}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{m as wm_option,b as wm_select}
|