@watermarkinsights/ripple 5.7.0-1 → 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.
Files changed (94) hide show
  1. package/dist/cjs/{global-d996c674.js → global-d1944ab2.js} +1 -1
  2. package/dist/cjs/index-e86c28b6.js +8 -12
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/priv-option-list.cjs.entry.js +27 -19
  5. package/dist/cjs/ripple.cjs.js +2 -2
  6. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +213 -0
  7. package/dist/cjs/{wm-modal.cjs.entry.js → wm-modal_3.cjs.entry.js} +73 -0
  8. package/dist/cjs/wm-nested-select.cjs.entry.js +77 -32
  9. package/dist/cjs/wm-optgroup.cjs.entry.js +7 -1
  10. package/dist/cjs/wm-option_2.cjs.entry.js +10 -12
  11. package/dist/collection/collection-manifest.json +17 -5
  12. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +22 -6
  13. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +53 -34
  14. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +11 -5
  15. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +107 -36
  16. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +24 -1
  17. package/dist/collection/components/selects/wm-option/wm-option.css +1 -1
  18. package/dist/collection/components/selects/wm-select/wm-select.css +5 -8
  19. package/dist/collection/components/selects/wm-select/wm-select.js +12 -13
  20. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +61 -0
  21. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
  22. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +55 -0
  23. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +81 -0
  24. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +134 -0
  25. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +361 -0
  26. package/dist/esm/{global-dcf80bdb.js → global-687694e4.js} +1 -1
  27. package/dist/esm/index-558b5a82.js +8 -12
  28. package/dist/esm/loader.js +2 -2
  29. package/dist/esm/priv-option-list.entry.js +27 -19
  30. package/dist/esm/ripple.js +2 -2
  31. package/dist/esm/wm-modal-pss_3.entry.js +207 -0
  32. package/dist/esm/{wm-modal.entry.js → wm-modal_3.entry.js} +73 -2
  33. package/dist/esm/wm-nested-select.entry.js +78 -33
  34. package/dist/esm/wm-optgroup.entry.js +7 -1
  35. package/dist/esm/wm-option_2.entry.js +10 -12
  36. package/dist/esm-es5/global-687694e4.js +1 -0
  37. package/dist/esm-es5/index-558b5a82.js +1 -1
  38. package/dist/esm-es5/loader.js +1 -1
  39. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  40. package/dist/esm-es5/ripple.js +1 -1
  41. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
  42. package/dist/esm-es5/wm-modal_3.entry.js +1 -0
  43. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  44. package/dist/esm-es5/wm-optgroup.entry.js +1 -1
  45. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  46. package/dist/ripple/p-012cab20.entry.js +1 -0
  47. package/dist/ripple/p-02deae76.entry.js +1 -0
  48. package/dist/ripple/p-1d18d9d2.system.entry.js +1 -0
  49. package/dist/ripple/p-226fe4e0.entry.js +1 -0
  50. package/dist/ripple/p-6e725656.system.entry.js +1 -0
  51. package/dist/ripple/p-6fdfe9f4.system.entry.js +1 -0
  52. package/dist/ripple/p-77e48f61.system.entry.js +1 -0
  53. package/dist/ripple/p-ad1bdcd6.js +1 -0
  54. package/dist/ripple/p-add3ab3d.system.js +1 -0
  55. package/dist/ripple/p-bf7d98d8.entry.js +1 -0
  56. package/dist/ripple/p-ca397ba6.system.js +1 -0
  57. package/dist/ripple/p-cff5d7e9.system.entry.js +1 -0
  58. package/dist/ripple/p-f13b034e.entry.js +1 -0
  59. package/dist/ripple/p-f3f4620c.entry.js +1 -0
  60. package/dist/ripple/{p-54d9e467.system.entry.js → p-f4bcee58.system.entry.js} +1 -1
  61. package/dist/ripple/ripple.esm.js +1 -1
  62. package/dist/ripple/ripple.js +1 -1
  63. package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +6 -2
  64. package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +8 -5
  65. package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts +1 -0
  66. package/dist/types/components/selects/wm-select/wm-select.d.ts +2 -2
  67. package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +14 -0
  68. package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +10 -0
  69. package/dist/types/components.d.ts +98 -5
  70. package/package.json +1 -1
  71. package/dist/cjs/wm-modal-footer.cjs.entry.js +0 -47
  72. package/dist/cjs/wm-modal-header.cjs.entry.js +0 -39
  73. package/dist/esm/wm-modal-footer.entry.js +0 -43
  74. package/dist/esm/wm-modal-header.entry.js +0 -35
  75. package/dist/esm-es5/global-dcf80bdb.js +0 -1
  76. package/dist/esm-es5/wm-modal-footer.entry.js +0 -1
  77. package/dist/esm-es5/wm-modal-header.entry.js +0 -1
  78. package/dist/esm-es5/wm-modal.entry.js +0 -1
  79. package/dist/ripple/p-0c259c1a.system.entry.js +0 -1
  80. package/dist/ripple/p-13f51c06.entry.js +0 -1
  81. package/dist/ripple/p-1c170fb3.entry.js +0 -1
  82. package/dist/ripple/p-294b38ca.system.entry.js +0 -1
  83. package/dist/ripple/p-3568472c.entry.js +0 -1
  84. package/dist/ripple/p-45dc49e8.entry.js +0 -1
  85. package/dist/ripple/p-50388b6f.system.entry.js +0 -1
  86. package/dist/ripple/p-54f7d3d4.system.entry.js +0 -1
  87. package/dist/ripple/p-618300c1.entry.js +0 -1
  88. package/dist/ripple/p-76ff5d91.entry.js +0 -1
  89. package/dist/ripple/p-84603f1f.system.entry.js +0 -1
  90. package/dist/ripple/p-99058787.entry.js +0 -1
  91. package/dist/ripple/p-b176c143.system.entry.js +0 -1
  92. package/dist/ripple/p-c6a336d6.system.js +0 -1
  93. package/dist/ripple/p-e209a933.js +0 -1
  94. package/dist/ripple/p-ee4fee7d.system.js +0 -1
@@ -35,9 +35,9 @@ export namespace Components {
35
35
  interface PrivOptionList {
36
36
  "clearSearch": () => Promise<void>;
37
37
  "focusOption": (option: HTMLElement) => Promise<void>;
38
- "handleChildChange": (_: MutationRecord) => Promise<void>;
38
+ "handleChildChange": () => Promise<void>;
39
39
  "handleInitialFocus": (optionToSelect?: "next" | "previous") => Promise<void>;
40
- "maxHeight"?: string;
40
+ "maxHeight": string;
41
41
  "multiple": boolean;
42
42
  "optgroupLabel"?: string;
43
43
  "search": boolean;
@@ -45,6 +45,7 @@ export namespace Components {
45
45
  "selectAll": boolean;
46
46
  "unfocusAll": () => Promise<void>;
47
47
  "updateOptionVisibility": () => Promise<void>;
48
+ "upwardsHeightLimit": number | null;
48
49
  }
49
50
  interface WmActionMenu {
50
51
  "actionMenuType": "icon" | "text" | "selector" | "selector-primary";
@@ -199,6 +200,26 @@ export namespace Components {
199
200
  "heading"?: string;
200
201
  "subheading"?: string;
201
202
  }
203
+ interface WmModalPss {
204
+ "elementToFocus": "primary" | "secondary" | string;
205
+ "emitCloseEvent": () => Promise<void>;
206
+ "emitPrimaryEvent": () => Promise<void>;
207
+ "emitSecondaryEvent": () => Promise<void>;
208
+ "modalType": "modal" | "dialog";
209
+ "open": boolean;
210
+ "uid": string;
211
+ }
212
+ interface WmModalPssFooter {
213
+ "deleteStyle": boolean;
214
+ "infoText"?: string;
215
+ "primaryActionDisabled": boolean;
216
+ "primaryText"?: string;
217
+ "secondaryText"?: string;
218
+ }
219
+ interface WmModalPssHeader {
220
+ "heading"?: string;
221
+ "subheading"?: string;
222
+ }
202
223
  interface WmNavigation {
203
224
  "open": boolean;
204
225
  }
@@ -221,11 +242,12 @@ export namespace Components {
221
242
  }
222
243
  interface WmNestedSelect {
223
244
  "allSelectedMessage": string;
245
+ "constrainedMaxHeight": string;
224
246
  "disabled": boolean;
225
247
  "errorMessage"?: string;
226
248
  "label"?: string;
227
249
  "labelPosition": "top" | "left" | "none";
228
- "maxHeight"?: string;
250
+ "maxHeight": string;
229
251
  "multiple": boolean;
230
252
  "placeholder": string;
231
253
  "requiredField": boolean;
@@ -236,6 +258,7 @@ export namespace Components {
236
258
  interface WmOptgroup {
237
259
  "disabled": boolean;
238
260
  "emitDeselection": () => Promise<void>;
261
+ "handleChildChange": () => Promise<void>;
239
262
  "isExpanded": boolean;
240
263
  "label": string;
241
264
  "multiple": boolean;
@@ -300,7 +323,7 @@ export namespace Components {
300
323
  "errorMessage"?: string;
301
324
  "label"?: string;
302
325
  "labelPosition": "top" | "left" | "none";
303
- "maxHeight"?: string;
326
+ "maxHeight": string;
304
327
  "multiple": boolean;
305
328
  "placeholder": string;
306
329
  "requiredField": boolean;
@@ -459,6 +482,10 @@ export interface WmModalCustomEvent<T> extends CustomEvent<T> {
459
482
  detail: T;
460
483
  target: HTMLWmModalElement;
461
484
  }
485
+ export interface WmModalPssCustomEvent<T> extends CustomEvent<T> {
486
+ detail: T;
487
+ target: HTMLWmModalPssElement;
488
+ }
462
489
  export interface WmNavigationCustomEvent<T> extends CustomEvent<T> {
463
490
  detail: T;
464
491
  target: HTMLWmNavigationElement;
@@ -840,6 +867,39 @@ declare global {
840
867
  prototype: HTMLWmModalHeaderElement;
841
868
  new (): HTMLWmModalHeaderElement;
842
869
  };
870
+ interface HTMLWmModalPssElementEventMap {
871
+ "focusLastElement": any;
872
+ "focusFirstElement": any;
873
+ "wmModalCloseTriggered": any;
874
+ "wmModalPrimaryTriggered": any;
875
+ "wmModalSecondaryTriggered": any;
876
+ }
877
+ interface HTMLWmModalPssElement extends Components.WmModalPss, HTMLStencilElement {
878
+ addEventListener<K extends keyof HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
879
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
880
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
881
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
882
+ removeEventListener<K extends keyof HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
883
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
884
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
885
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
886
+ }
887
+ var HTMLWmModalPssElement: {
888
+ prototype: HTMLWmModalPssElement;
889
+ new (): HTMLWmModalPssElement;
890
+ };
891
+ interface HTMLWmModalPssFooterElement extends Components.WmModalPssFooter, HTMLStencilElement {
892
+ }
893
+ var HTMLWmModalPssFooterElement: {
894
+ prototype: HTMLWmModalPssFooterElement;
895
+ new (): HTMLWmModalPssFooterElement;
896
+ };
897
+ interface HTMLWmModalPssHeaderElement extends Components.WmModalPssHeader, HTMLStencilElement {
898
+ }
899
+ var HTMLWmModalPssHeaderElement: {
900
+ prototype: HTMLWmModalPssHeaderElement;
901
+ new (): HTMLWmModalPssHeaderElement;
902
+ };
843
903
  interface HTMLWmNavigationElementEventMap {
844
904
  "wmNavigationStateChanged": any;
845
905
  }
@@ -1275,6 +1335,9 @@ declare global {
1275
1335
  "wm-modal": HTMLWmModalElement;
1276
1336
  "wm-modal-footer": HTMLWmModalFooterElement;
1277
1337
  "wm-modal-header": HTMLWmModalHeaderElement;
1338
+ "wm-modal-pss": HTMLWmModalPssElement;
1339
+ "wm-modal-pss-footer": HTMLWmModalPssFooterElement;
1340
+ "wm-modal-pss-header": HTMLWmModalPssHeaderElement;
1278
1341
  "wm-navigation": HTMLWmNavigationElement;
1279
1342
  "wm-navigation-hamburger": HTMLWmNavigationHamburgerElement;
1280
1343
  "wm-navigation-item": HTMLWmNavigationItemElement;
@@ -1337,7 +1400,7 @@ declare namespace LocalJSX {
1337
1400
  "selected"?: boolean;
1338
1401
  }
1339
1402
  interface PrivOptionList {
1340
- "maxHeight"?: string;
1403
+ "maxHeight": string;
1341
1404
  "multiple"?: boolean;
1342
1405
  "onOptionListAllDeselected"?: (event: PrivOptionListCustomEvent<any>) => void;
1343
1406
  "onOptionListAllSelected"?: (event: PrivOptionListCustomEvent<any>) => void;
@@ -1349,6 +1412,7 @@ declare namespace LocalJSX {
1349
1412
  "search"?: boolean;
1350
1413
  "searchPlaceholder"?: string;
1351
1414
  "selectAll"?: boolean;
1415
+ "upwardsHeightLimit"?: number | null;
1352
1416
  }
1353
1417
  interface WmActionMenu {
1354
1418
  "actionMenuType"?: "icon" | "text" | "selector" | "selector-primary";
@@ -1525,6 +1589,28 @@ declare namespace LocalJSX {
1525
1589
  "heading"?: string;
1526
1590
  "subheading"?: string;
1527
1591
  }
1592
+ interface WmModalPss {
1593
+ "elementToFocus"?: "primary" | "secondary" | string;
1594
+ "modalType"?: "modal" | "dialog";
1595
+ "onFocusFirstElement"?: (event: WmModalPssCustomEvent<any>) => void;
1596
+ "onFocusLastElement"?: (event: WmModalPssCustomEvent<any>) => void;
1597
+ "onWmModalCloseTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
1598
+ "onWmModalPrimaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
1599
+ "onWmModalSecondaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
1600
+ "open"?: boolean;
1601
+ "uid": string;
1602
+ }
1603
+ interface WmModalPssFooter {
1604
+ "deleteStyle"?: boolean;
1605
+ "infoText"?: string;
1606
+ "primaryActionDisabled"?: boolean;
1607
+ "primaryText"?: string;
1608
+ "secondaryText"?: string;
1609
+ }
1610
+ interface WmModalPssHeader {
1611
+ "heading"?: string;
1612
+ "subheading"?: string;
1613
+ }
1528
1614
  interface WmNavigation {
1529
1615
  "onWmNavigationStateChanged"?: (event: WmNavigationCustomEvent<any>) => void;
1530
1616
  "open"?: boolean;
@@ -1551,6 +1637,7 @@ declare namespace LocalJSX {
1551
1637
  }
1552
1638
  interface WmNestedSelect {
1553
1639
  "allSelectedMessage"?: string;
1640
+ "constrainedMaxHeight"?: string;
1554
1641
  "disabled"?: boolean;
1555
1642
  "errorMessage"?: string;
1556
1643
  "label"?: string;
@@ -1803,6 +1890,9 @@ declare namespace LocalJSX {
1803
1890
  "wm-modal": WmModal;
1804
1891
  "wm-modal-footer": WmModalFooter;
1805
1892
  "wm-modal-header": WmModalHeader;
1893
+ "wm-modal-pss": WmModalPss;
1894
+ "wm-modal-pss-footer": WmModalPssFooter;
1895
+ "wm-modal-pss-header": WmModalPssHeader;
1806
1896
  "wm-navigation": WmNavigation;
1807
1897
  "wm-navigation-hamburger": WmNavigationHamburger;
1808
1898
  "wm-navigation-item": WmNavigationItem;
@@ -1852,6 +1942,9 @@ declare module "@stencil/core" {
1852
1942
  "wm-modal": LocalJSX.WmModal & JSXBase.HTMLAttributes<HTMLWmModalElement>;
1853
1943
  "wm-modal-footer": LocalJSX.WmModalFooter & JSXBase.HTMLAttributes<HTMLWmModalFooterElement>;
1854
1944
  "wm-modal-header": LocalJSX.WmModalHeader & JSXBase.HTMLAttributes<HTMLWmModalHeaderElement>;
1945
+ "wm-modal-pss": LocalJSX.WmModalPss & JSXBase.HTMLAttributes<HTMLWmModalPssElement>;
1946
+ "wm-modal-pss-footer": LocalJSX.WmModalPssFooter & JSXBase.HTMLAttributes<HTMLWmModalPssFooterElement>;
1947
+ "wm-modal-pss-header": LocalJSX.WmModalPssHeader & JSXBase.HTMLAttributes<HTMLWmModalPssHeaderElement>;
1855
1948
  "wm-navigation": LocalJSX.WmNavigation & JSXBase.HTMLAttributes<HTMLWmNavigationElement>;
1856
1949
  "wm-navigation-hamburger": LocalJSX.WmNavigationHamburger & JSXBase.HTMLAttributes<HTMLWmNavigationHamburgerElement>;
1857
1950
  "wm-navigation-item": LocalJSX.WmNavigationItem & JSXBase.HTMLAttributes<HTMLWmNavigationItemElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@watermarkinsights/ripple",
3
- "version": "5.7.0-1",
3
+ "version": "5.7.0-10",
4
4
  "description": "Ripple Component Library",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",
@@ -1,47 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-e86c28b6.js');
6
-
7
- 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}";
8
-
9
- const ModalFooter = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.secondaryText = "";
13
- this.primaryText = "";
14
- this.infoText = "";
15
- this.primaryActionDisabled = false;
16
- this.deleteStyle = false;
17
- }
18
- componentWillLoad() {
19
- const parentModal = this.el.closest("wm-modal");
20
- this.uid = parentModal.uid;
21
- // Trap focus when user shift+tabs past first element in modal
22
- // NB @Listen doesn't allow to listen on a specific element (the parent modal)
23
- // if we listen to the whole doc each modal on the page reacts to every event
24
- parentModal.addEventListener("focusLastElement", () => {
25
- this.lastElement.focus();
26
- });
27
- }
28
- emitParentPrimaryEvent() {
29
- const parentModal = this.el.closest("wm-modal");
30
- if (parentModal) {
31
- parentModal.emitPrimaryEvent();
32
- }
33
- }
34
- emitParentSecondaryEvent() {
35
- const parentModal = this.el.closest("wm-modal");
36
- if (parentModal) {
37
- parentModal.emitSecondaryEvent();
38
- }
39
- }
40
- render() {
41
- return (index.h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.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))));
42
- }
43
- get el() { return index.getElement(this); }
44
- };
45
- ModalFooter.style = wmModalFooterCss;
46
-
47
- exports.wm_modal_footer = ModalFooter;
@@ -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-1";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
- 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 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
- 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}}}));