@watermarkinsights/ripple 5.7.0-7 → 5.7.0-9

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 (79) hide show
  1. package/dist/cjs/{global-4e6e41e7.js → global-80ed0881.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 +6 -2
  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 +24 -15
  9. package/dist/cjs/wm-option_2.cjs.entry.js +1 -1
  10. package/dist/collection/collection-manifest.json +17 -5
  11. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +16 -6
  12. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +5 -1
  13. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +5 -5
  14. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +25 -15
  15. package/dist/collection/components/selects/wm-select/wm-select.css +3 -3
  16. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +61 -0
  17. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
  18. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +55 -0
  19. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +81 -0
  20. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +134 -0
  21. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +361 -0
  22. package/dist/esm/{global-099ddc86.js → global-525745d2.js} +1 -1
  23. package/dist/esm/index-558b5a82.js +8 -12
  24. package/dist/esm/loader.js +2 -2
  25. package/dist/esm/priv-option-list.entry.js +6 -2
  26. package/dist/esm/ripple.js +2 -2
  27. package/dist/esm/wm-modal-pss_3.entry.js +207 -0
  28. package/dist/esm/{wm-modal.entry.js → wm-modal_3.entry.js} +73 -2
  29. package/dist/esm/wm-nested-select.entry.js +24 -15
  30. package/dist/esm/wm-option_2.entry.js +1 -1
  31. package/dist/esm-es5/{global-099ddc86.js → global-525745d2.js} +1 -1
  32. package/dist/esm-es5/index-558b5a82.js +1 -1
  33. package/dist/esm-es5/loader.js +1 -1
  34. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  35. package/dist/esm-es5/ripple.js +1 -1
  36. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
  37. package/dist/esm-es5/wm-modal_3.entry.js +1 -0
  38. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  39. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  40. package/dist/ripple/{p-c269536e.system.js → p-01035c8e.system.js} +1 -1
  41. package/dist/ripple/p-012cab20.entry.js +1 -0
  42. package/dist/ripple/p-02deae76.entry.js +1 -0
  43. package/dist/ripple/{p-320d06aa.js → p-1092e5ce.js} +1 -1
  44. package/dist/ripple/p-1d18d9d2.system.entry.js +1 -0
  45. package/dist/ripple/p-249add87.system.entry.js +1 -0
  46. package/dist/ripple/p-5254f902.entry.js +1 -0
  47. package/dist/ripple/p-6e725656.system.entry.js +1 -0
  48. package/dist/ripple/p-6fdfe9f4.system.entry.js +1 -0
  49. package/dist/ripple/{p-ad7c9d21.entry.js → p-bf7d98d8.entry.js} +1 -1
  50. package/dist/ripple/p-cff5d7e9.system.entry.js +1 -0
  51. package/dist/ripple/p-eefbca0e.system.js +1 -0
  52. package/dist/ripple/p-f13b034e.entry.js +1 -0
  53. package/dist/ripple/ripple.esm.js +1 -1
  54. package/dist/ripple/ripple.js +1 -1
  55. package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +1 -0
  56. package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +3 -0
  57. package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +14 -0
  58. package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +10 -0
  59. package/dist/types/components.d.ts +88 -0
  60. package/package.json +1 -1
  61. package/dist/cjs/wm-modal-footer.cjs.entry.js +0 -47
  62. package/dist/cjs/wm-modal-header.cjs.entry.js +0 -39
  63. package/dist/esm/wm-modal-footer.entry.js +0 -43
  64. package/dist/esm/wm-modal-header.entry.js +0 -35
  65. package/dist/esm-es5/wm-modal-footer.entry.js +0 -1
  66. package/dist/esm-es5/wm-modal-header.entry.js +0 -1
  67. package/dist/esm-es5/wm-modal.entry.js +0 -1
  68. package/dist/ripple/p-13f51c06.entry.js +0 -1
  69. package/dist/ripple/p-1c170fb3.entry.js +0 -1
  70. package/dist/ripple/p-22930de9.system.entry.js +0 -1
  71. package/dist/ripple/p-294b38ca.system.entry.js +0 -1
  72. package/dist/ripple/p-2f664fdd.entry.js +0 -1
  73. package/dist/ripple/p-3568472c.entry.js +0 -1
  74. package/dist/ripple/p-4d956340.system.entry.js +0 -1
  75. package/dist/ripple/p-50388b6f.system.entry.js +0 -1
  76. package/dist/ripple/p-7c338485.entry.js +0 -1
  77. package/dist/ripple/p-84603f1f.system.entry.js +0 -1
  78. package/dist/ripple/p-b3a2bc1b.system.entry.js +0 -1
  79. package/dist/ripple/p-dcc367a9.system.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-558b5a82.js';
2
2
  export { s as setNonce } from './index-558b5a82.js';
3
- import './global-099ddc86.js';
3
+ import './global-525745d2.js';
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v4.8.2 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[17,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"keydownOnTabItem\",\"handleKeydown\"]],{\"selectedTab\":[\"setSelected\"]}],[17,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]}],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]}]]],[\"wm-file\",[[17,\"wm-file\",{\"name\":[1],\"type\":[1],\"fileActions\":[1,\"file-actions\"],\"lastUpdated\":[1,\"last-updated\"],\"progress\":[514],\"size\":[1],\"uploadedBy\":[1,\"uploaded-by\"],\"errorMessage\":[1,\"error-message\"],\"showInfo\":[1025,\"show-info\"]}]]],[\"wm-navigator\",[[17,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"itemIndexToFocus\":[32]},[[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]],{\"products\":[\"parseData\"]}]]],[\"wm-optgroup\",[[17,\"wm-optgroup\",{\"label\":[1],\"isExpanded\":[1028,\"is-expanded\"],\"multiple\":[1028],\"disabled\":[4],\"emitDeselection\":[64],\"handleChildChange\":[64]},[[0,\"wmKeyLeftPressed\",\"handleOptionKeyLeft\"]],{\"isExpanded\":[\"isExpandedChanged\"]}]]],[\"wm-navigation_3\",[[17,\"wm-navigation\",{\"open\":[1540]},[[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"],[0,\"wmNavigationItemClicked\",\"handleClickOnItem\"]],{\"open\":[\"handleStateChange\"]}],[17,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[17,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4]}]]],[\"wm-progress-indicator_3\",[[17,\"wm-progress-indicator\",{\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"showLegend\":[4,\"show-legend\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"isTabbing\":[32],\"mode\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmProgressSliceUpdated\",\"handleSliceUpdate\"]],{\"mode\":[\"handleModeUpdate\"]}],[17,\"wm-progress-monitor\",{\"breakpoint\":[8],\"groupLegend\":[1,\"group-legend\"],\"barLabelsWidth\":[1,\"bar-labels-width\"]}],[1,\"wm-progress-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-chart\",[[17,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"labelWidth\":[1,\"label-width\"],\"subinfo\":[1],\"valueFormat\":[1,\"value-format\"],\"showGrid\":[4,\"show-grid\"],\"showLegend\":[4,\"show-legend\"],\"showBarLegend\":[4,\"show-bar-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-date-range\",[[17,\"wm-date-range\",{\"dateFormat\":[1,\"date-format\"],\"disabled\":[4],\"errorMessage\":[513,\"error-message\"],\"invalidStart\":[4,\"invalid-start\"],\"invalidEnd\":[4,\"invalid-end\"],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"preselected\":[1],\"requiredField\":[4,\"required-field\"],\"valueStart\":[1025,\"value-start\"],\"valueEnd\":[1025,\"value-end\"],\"availSpace\":[32],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidISO\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[0,\"outOfCal\",\"handleOutOfCal\"],[0,\"cellHovered\",\"handleCellHovered\"],[9,\"resize\",\"setAvailSpace\"]],{\"disabled\":[\"handleDisabled\"],\"valueStart\":[\"updateValueStart\"],\"valueEnd\":[\"updateValueEnd\"],\"errorMessage\":[\"handleErrorMessage\"]}]]],[\"wm-datepicker\",[[17,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidIso\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"cellTriggered\",\"handleCellTriggered\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-line-chart\",[[1,\"wm-line-chart\",{\"label\":[1],\"description\":[1],\"xAxisLabel\":[1,\"x-axis-label\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"lineData\":[513,\"line-data\"],\"units\":[1],\"labelWidth\":[1,\"label-width\"],\"highlightQualifier\":[1,\"highlight-qualifier\"],\"highlightStart\":[1,\"highlight-start\"],\"highlightEnd\":[1,\"highlight-end\"],\"visibilityToggles\":[4,\"visibility-toggles\"],\"showDeltas\":[4,\"show-deltas\"],\"yRange\":[1,\"y-range\"],\"parsedLineData\":[32],\"popoverIndex\":[32],\"focusedLine\":[32],\"hiddenLines\":[32],\"isTabbing\":[32],\"intervalSkip\":[32],\"announcement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"lineData\":[\"parseData\"],\"intervalSkip\":[\"handleIntervalSkip\"]}]]],[\"wm-modal-footer\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}]]],[\"wm-search\",[[17,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"announcement\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"numResults\":[\"handleNumResultsUpdate\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"wm-input\",[[17,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"inputWidth\":[1,\"input-width\"],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"symbolBefore\":[1,\"symbol-before\"],\"symbolAfter\":[1,\"symbol-after\"],\"textAfter\":[1,\"text-after\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"isSubmit\":[4,\"is-submit\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-modal\",[[4,\"wm-modal\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"returnFocusEl\":[32],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},null,{\"open\":[\"toggleModal\"]}]]],[\"wm-nested-select\",[[17,\"wm-nested-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"constrainedMaxHeight\":[1025,\"constrained-max-height\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"keydown\",\"handleKeyDown\"],[6,\"click\",\"handleClick\"],[0,\"optgroupExpanded\",\"handleOptgroupExpanded\"],[0,\"optgroupHidden\",\"handleOptgroupHidden\"]]]]],[\"wm-pagination\",[[17,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeSize\":[4,\"is-large-size\"],\"srAnnouncement\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"]}]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537],\"isTabbing\":[32],\"announcement\":[32]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]],{\"notifications\":[\"updateSnacks\"]}]]],[\"wm-tag-input\",[[17,\"wm-tag-input\",{\"label\":[1],\"errorMessage\":[1,\"error-message\"],\"info\":[1],\"labelPosition\":[1,\"label-position\"],\"maxTags\":[2,\"max-tags\"],\"placeholder\":[1025],\"requiredField\":[4,\"required-field\"],\"tagInputType\":[1,\"tag-input-type\"],\"helpText\":[1,\"help-text\"],\"addNew\":[4,\"add-new\"],\"characterLimit\":[2,\"character-limit\"],\"colHeaders\":[1,\"col-headers\"],\"colWidths\":[1,\"col-widths\"],\"colWrap\":[1,\"col-wrap\"],\"isKeying\":[32],\"isExpanded\":[32],\"liveRegionMessage\":[32],\"focusedOption\":[32],\"focusedColumn\":[32],\"focusedTagIndex\":[32],\"tagsList\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"privTagOptionSelected\",\"handleTagOptionSelected\"],[0,\"privTagOptionDeselected\",\"handleTagOptionDeselected\"],[4,\"click\",\"handleClick\"],[11,\"scroll\",\"dismissTooltip\"],[0,\"blur\",\"handleBlur\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-tag-option\",[[0,\"wm-tag-option\",{\"selected\":[1540],\"locked\":[4],\"col1\":[1],\"col2\":[1],\"col3\":[1],\"col4\":[1],\"emitSelectedEvent\":[64],\"emitDeselectedEvent\":[64]},null,{\"selected\":[\"handleSelected\"]}]]],[\"wm-textarea\",[[1,\"wm-textarea\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"inputWidth\":[1,\"input-width\"],\"inputHeight\":[1,\"input-height\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-timepicker\",[[17,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1025],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"isValidTime\":[64],\"reformatTime\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"handleValueChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipPosition\":[1537,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[1,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"errorMessage\":[1,\"error-message\"],\"requiredField\":[4,\"required-field\"],\"showInfo\":[1,\"show-info\"],\"isTabbing\":[32],\"notif\":[32],\"isCondensed\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmFileErrorCleared\",\"handleFileErrorCleared\"],[0,\"wmFileDelete\",\"storeDeletedId\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-navigator-button\",[[17,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"priv-calendar\",[[0,\"priv-calendar\",{\"disabled\":[4],\"view\":[1025],\"focusDate\":[1025,\"focus-date\"],\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"hoverDate\":[1,\"hover-date\"],\"focusFirstFocusable\":[64],\"focusLastFocusable\":[64],\"focusCell\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"focusDate\":[\"handleFocusDate\"]}]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"open\":[1028],\"sliceDetails\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"handleOpenChange\"],\"sliceDetails\":[\"handleDetailsChange\"]}]]],[\"wm-option_2\",[[17,\"wm-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isExpanded\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"]],{\"errorMessage\":[\"announceError\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4],\"searchTerm\":[32]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]],{\"selected\":[\"syncAriaSelected\"],\"disabled\":[\"syncAriaDisabled\",\"updateDisabledOnClick\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"maxHeight\":[1,\"max-height\"],\"upwardsHeightLimit\":[2,\"upwards-height-limit\"],\"announcement\":[32],\"searchTerm\":[32],\"handleChildChange\":[64],\"clearSearch\":[64],\"focusOption\":[64],\"handleInitialFocus\":[64],\"unfocusAll\":[64],\"updateOptionVisibility\":[64]},[[0,\"wmLetterPressed\",\"findAndFocusOption\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstOption\"],[0,\"wmEndKeyPressed\",\"moveToLastOption\"],[0,\"intCloneClicked\",\"handleOptionCloneSelection\"]]]]],[\"wm-button\",[[17,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconFlip\":[1,\"icon-flip\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"isSubmit\":[4,\"is-submit\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[11,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]],{\"buttonType\":[\"validateType\"],\"icon\":[\"updateIcon\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-action-menu_2\",[[17,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"darkMode\":[4,\"dark-mode\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"icon\":[1025],\"description\":[1]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]],{\"disabled\":[\"setOnClick\"]}]]]]"), options);
18
+ return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[17,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"keydownOnTabItem\",\"handleKeydown\"]],{\"selectedTab\":[\"setSelected\"]}],[17,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]}],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]}]]],[\"wm-file\",[[17,\"wm-file\",{\"name\":[1],\"type\":[1],\"fileActions\":[1,\"file-actions\"],\"lastUpdated\":[1,\"last-updated\"],\"progress\":[514],\"size\":[1],\"uploadedBy\":[1,\"uploaded-by\"],\"errorMessage\":[1,\"error-message\"],\"showInfo\":[1025,\"show-info\"]}]]],[\"wm-modal-pss_3\",[[0,\"wm-modal-pss-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-pss-header\",{\"heading\":[1],\"subheading\":[1]}],[0,\"wm-modal-pss\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]],{\"open\":[\"toggleModal\"]}]]],[\"wm-modal_3\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}],[4,\"wm-modal\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"returnFocusEl\":[32],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},null,{\"open\":[\"toggleModal\"]}]]],[\"wm-navigator\",[[17,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"itemIndexToFocus\":[32]},[[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]],{\"products\":[\"parseData\"]}]]],[\"wm-optgroup\",[[17,\"wm-optgroup\",{\"label\":[1],\"isExpanded\":[1028,\"is-expanded\"],\"multiple\":[1028],\"disabled\":[4],\"emitDeselection\":[64],\"handleChildChange\":[64]},[[0,\"wmKeyLeftPressed\",\"handleOptionKeyLeft\"]],{\"isExpanded\":[\"isExpandedChanged\"]}]]],[\"wm-navigation_3\",[[17,\"wm-navigation\",{\"open\":[1540]},[[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"],[0,\"wmNavigationItemClicked\",\"handleClickOnItem\"]],{\"open\":[\"handleStateChange\"]}],[17,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[17,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4]}]]],[\"wm-progress-indicator_3\",[[17,\"wm-progress-indicator\",{\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"showLegend\":[4,\"show-legend\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"isTabbing\":[32],\"mode\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmProgressSliceUpdated\",\"handleSliceUpdate\"]],{\"mode\":[\"handleModeUpdate\"]}],[17,\"wm-progress-monitor\",{\"breakpoint\":[8],\"groupLegend\":[1,\"group-legend\"],\"barLabelsWidth\":[1,\"bar-labels-width\"]}],[1,\"wm-progress-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-chart\",[[17,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"labelWidth\":[1,\"label-width\"],\"subinfo\":[1],\"valueFormat\":[1,\"value-format\"],\"showGrid\":[4,\"show-grid\"],\"showLegend\":[4,\"show-legend\"],\"showBarLegend\":[4,\"show-bar-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-date-range\",[[17,\"wm-date-range\",{\"dateFormat\":[1,\"date-format\"],\"disabled\":[4],\"errorMessage\":[513,\"error-message\"],\"invalidStart\":[4,\"invalid-start\"],\"invalidEnd\":[4,\"invalid-end\"],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"preselected\":[1],\"requiredField\":[4,\"required-field\"],\"valueStart\":[1025,\"value-start\"],\"valueEnd\":[1025,\"value-end\"],\"availSpace\":[32],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidISO\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[0,\"outOfCal\",\"handleOutOfCal\"],[0,\"cellHovered\",\"handleCellHovered\"],[9,\"resize\",\"setAvailSpace\"]],{\"disabled\":[\"handleDisabled\"],\"valueStart\":[\"updateValueStart\"],\"valueEnd\":[\"updateValueEnd\"],\"errorMessage\":[\"handleErrorMessage\"]}]]],[\"wm-datepicker\",[[17,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidIso\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"cellTriggered\",\"handleCellTriggered\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-line-chart\",[[1,\"wm-line-chart\",{\"label\":[1],\"description\":[1],\"xAxisLabel\":[1,\"x-axis-label\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"lineData\":[513,\"line-data\"],\"units\":[1],\"labelWidth\":[1,\"label-width\"],\"highlightQualifier\":[1,\"highlight-qualifier\"],\"highlightStart\":[1,\"highlight-start\"],\"highlightEnd\":[1,\"highlight-end\"],\"visibilityToggles\":[4,\"visibility-toggles\"],\"showDeltas\":[4,\"show-deltas\"],\"yRange\":[1,\"y-range\"],\"parsedLineData\":[32],\"popoverIndex\":[32],\"focusedLine\":[32],\"hiddenLines\":[32],\"isTabbing\":[32],\"intervalSkip\":[32],\"announcement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"lineData\":[\"parseData\"],\"intervalSkip\":[\"handleIntervalSkip\"]}]]],[\"wm-search\",[[17,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"announcement\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"numResults\":[\"handleNumResultsUpdate\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"wm-input\",[[17,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"inputWidth\":[1,\"input-width\"],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"symbolBefore\":[1,\"symbol-before\"],\"symbolAfter\":[1,\"symbol-after\"],\"textAfter\":[1,\"text-after\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"isSubmit\":[4,\"is-submit\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-nested-select\",[[17,\"wm-nested-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"constrainedMaxHeight\":[1025,\"constrained-max-height\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"keydown\",\"handleKeyDown\"],[6,\"click\",\"handleClick\"],[0,\"optgroupExpanded\",\"handleOptgroupExpanded\"],[0,\"optgroupHidden\",\"handleOptgroupHidden\"]]]]],[\"wm-pagination\",[[17,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeSize\":[4,\"is-large-size\"],\"srAnnouncement\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"]}]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537],\"isTabbing\":[32],\"announcement\":[32]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]],{\"notifications\":[\"updateSnacks\"]}]]],[\"wm-tag-input\",[[17,\"wm-tag-input\",{\"label\":[1],\"errorMessage\":[1,\"error-message\"],\"info\":[1],\"labelPosition\":[1,\"label-position\"],\"maxTags\":[2,\"max-tags\"],\"placeholder\":[1025],\"requiredField\":[4,\"required-field\"],\"tagInputType\":[1,\"tag-input-type\"],\"helpText\":[1,\"help-text\"],\"addNew\":[4,\"add-new\"],\"characterLimit\":[2,\"character-limit\"],\"colHeaders\":[1,\"col-headers\"],\"colWidths\":[1,\"col-widths\"],\"colWrap\":[1,\"col-wrap\"],\"isKeying\":[32],\"isExpanded\":[32],\"liveRegionMessage\":[32],\"focusedOption\":[32],\"focusedColumn\":[32],\"focusedTagIndex\":[32],\"tagsList\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"privTagOptionSelected\",\"handleTagOptionSelected\"],[0,\"privTagOptionDeselected\",\"handleTagOptionDeselected\"],[4,\"click\",\"handleClick\"],[11,\"scroll\",\"dismissTooltip\"],[0,\"blur\",\"handleBlur\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-tag-option\",[[0,\"wm-tag-option\",{\"selected\":[1540],\"locked\":[4],\"col1\":[1],\"col2\":[1],\"col3\":[1],\"col4\":[1],\"emitSelectedEvent\":[64],\"emitDeselectedEvent\":[64]},null,{\"selected\":[\"handleSelected\"]}]]],[\"wm-textarea\",[[1,\"wm-textarea\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"inputWidth\":[1,\"input-width\"],\"inputHeight\":[1,\"input-height\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-timepicker\",[[17,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1025],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"isValidTime\":[64],\"reformatTime\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"handleValueChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipPosition\":[1537,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[1,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"errorMessage\":[1,\"error-message\"],\"requiredField\":[4,\"required-field\"],\"showInfo\":[1,\"show-info\"],\"isTabbing\":[32],\"notif\":[32],\"isCondensed\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmFileErrorCleared\",\"handleFileErrorCleared\"],[0,\"wmFileDelete\",\"storeDeletedId\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-navigator-button\",[[17,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"priv-calendar\",[[0,\"priv-calendar\",{\"disabled\":[4],\"view\":[1025],\"focusDate\":[1025,\"focus-date\"],\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"hoverDate\":[1,\"hover-date\"],\"focusFirstFocusable\":[64],\"focusLastFocusable\":[64],\"focusCell\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"focusDate\":[\"handleFocusDate\"]}]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"open\":[1028],\"sliceDetails\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"handleOpenChange\"],\"sliceDetails\":[\"handleDetailsChange\"]}]]],[\"wm-option_2\",[[17,\"wm-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isExpanded\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"]],{\"errorMessage\":[\"announceError\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4],\"searchTerm\":[32]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]],{\"selected\":[\"syncAriaSelected\"],\"disabled\":[\"syncAriaDisabled\",\"updateDisabledOnClick\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"maxHeight\":[1,\"max-height\"],\"upwardsHeightLimit\":[2,\"upwards-height-limit\"],\"announcement\":[32],\"searchTerm\":[32],\"handleChildChange\":[64],\"clearSearch\":[64],\"focusOption\":[64],\"handleInitialFocus\":[64],\"unfocusAll\":[64],\"updateOptionVisibility\":[64]},[[0,\"wmLetterPressed\",\"findAndFocusOption\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstOption\"],[0,\"wmEndKeyPressed\",\"moveToLastOption\"],[0,\"intCloneClicked\",\"handleOptionCloneSelection\"]]]]],[\"wm-button\",[[17,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconFlip\":[1,\"icon-flip\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"isSubmit\":[4,\"is-submit\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[11,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]],{\"buttonType\":[\"validateType\"],\"icon\":[\"updateIcon\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-action-menu_2\",[[17,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"darkMode\":[4,\"dark-mode\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"icon\":[1025],\"description\":[1]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]],{\"disabled\":[\"setOnClick\"]}]]]]"), options);
19
19
  });
@@ -0,0 +1,207 @@
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-558b5a82.js';
2
+
3
+ const wmModalPssCss = "wm-modal-pss{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2001;width:80vw;max-width:750px;max-height:80vh;-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);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-pss *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal-pss>*{width:80vw;max-width:750px;background:var(--wmcolor-modal-background)}wm-modal-pss>*:focus{outline:none}wm-modal-pss wm-modal-pss-header,wm-modal-pss wm-modal-pss-footer{padding:20px 30px}wm-modal-pss wm-modal-pss-header{z-index:2003}wm-modal-pss wm-modal-pss-footer{z-index:2003}wm-modal-pss>:not(wm-modal-pss-header):not(wm-modal-pss-footer){max-height:calc(80vh - 166px);z-index:2002}wm-modal-pss.wm-modal wm-modal-pss-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal-pss.wm-modal wm-modal-pss-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal-pss.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal-pss.wm-modal>*{max-width:none;width:100vw}wm-modal-pss.wm-modal>*:not(wm-modal-pss-header):not(wm-modal-pss-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal-pss.wm-dialog>:not(wm-modal-pss-header):not(wm-modal-pss-footer){padding:0 30px 20px 30px;font-size:0.875rem;border:none}wm-modal-pss .overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:-1;bottom:1;left:-1;right:1;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:var(--wmcolor-modal-overlay);-webkit-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;z-index:2000}wm-modal-pss.hide{visibility:hidden}wm-modal-pss .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}";
4
+
5
+ const Modal = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.focusLastElement = createEvent(this, "focusLastElement", 3);
9
+ this.focusFirstElement = createEvent(this, "focusFirstElement", 3);
10
+ this.wmModalCloseTriggered = createEvent(this, "wmModalCloseTriggered", 3);
11
+ this.wmModalPrimaryTriggered = createEvent(this, "wmModalPrimaryTriggered", 7);
12
+ this.wmModalSecondaryTriggered = createEvent(this, "wmModalSecondaryTriggered", 7);
13
+ this.bodyFocusListener = () => this.redirectFocusFromBody();
14
+ this.open = false;
15
+ this.elementToFocus = "";
16
+ this.modalType = "modal";
17
+ this.uid = undefined;
18
+ }
19
+ get focusOnOpenEl() {
20
+ let customElementToFocus = null;
21
+ if (this.elementToFocus === "primary" || this.elementToFocus === "secondary") {
22
+ customElementToFocus = this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`);
23
+ }
24
+ else if (this.elementToFocus) {
25
+ customElementToFocus = this.el.querySelector("#" + this.elementToFocus);
26
+ !customElementToFocus &&
27
+ console.warn("Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens.");
28
+ }
29
+ const closeButtonEl = this.el.querySelector(`#wm-modal-close-${this.uid}`);
30
+ return customElementToFocus ? customElementToFocus : closeButtonEl;
31
+ }
32
+ //App can open modal by toggling the prop
33
+ toggleModal() {
34
+ this.open ? this.showModal() : this.hideModal();
35
+ }
36
+ handleClick(ev) {
37
+ this.open && ev.target === this.overlayEl && this.focusOnOpenEl.focus();
38
+ }
39
+ closeModalOnEscape(ev) {
40
+ if (ev.key === "Escape") {
41
+ // stops propagation prevents nested modal from closing all at once
42
+ ev.stopPropagation();
43
+ this.wmModalCloseTriggered.emit();
44
+ this.open = false;
45
+ }
46
+ }
47
+ showModal() {
48
+ this.setAriaDescribedbyOnModal();
49
+ this.setElToFocusOnClose(); //Record where the user was before the modal opened so that focus can return to it when the modal closes
50
+ document.body.style.overflow = "hidden"; //Keeps the page below the modal from scrolling
51
+ //Focus listeners as a general catch for keeping focus in case of errors in finding element with id passed in by dev (element is removed from DOM, etc.) or other scenarios
52
+ document.body.tabIndex = 0;
53
+ document.body.removeEventListener("focus", this.bodyFocusListener, true);
54
+ document.body.addEventListener("focus", this.bodyFocusListener, true);
55
+ window.requestAnimationFrame(() => {
56
+ // nested requestAnimationFrames allow all elements to become visible on page before assigning focus
57
+ window.requestAnimationFrame(() => this.focusOnOpenEl.focus()); //Bring focus to element inside modal
58
+ });
59
+ }
60
+ //Close the modal and focus the triggering element when the modal buttons emit their events
61
+ hideModal() {
62
+ document.body.style.overflow = "visible";
63
+ document.body.tabIndex = -1;
64
+ document.body.removeEventListener("focus", this.bodyFocusListener, true);
65
+ window.requestAnimationFrame(() => this.focusOnCloseEl.focus()); //Return focus
66
+ }
67
+ componentWillLoad() {
68
+ if (this.elementToFocus === "primary" || this.elementToFocus === "secondary") {
69
+ if (!this.el.id) {
70
+ console.error("For accessibility purposes, you need to set the modal content wrapper's id to 'content-[id of wm-modal-pss]'.");
71
+ }
72
+ }
73
+ this.el.focus = () => {
74
+ this.focusOnOpenEl.focus();
75
+ };
76
+ const generatedId = "wmcl-" + Math.random().toString(36).substr(2, 10);
77
+ this.uid = this.el.id ? this.el.id : generatedId;
78
+ }
79
+ componentDidLoad() {
80
+ if (this.open) {
81
+ this.showModal();
82
+ }
83
+ }
84
+ async emitCloseEvent() {
85
+ this.wmModalCloseTriggered.emit();
86
+ }
87
+ async emitPrimaryEvent() {
88
+ this.wmModalPrimaryTriggered.emit();
89
+ }
90
+ async emitSecondaryEvent() {
91
+ this.wmModalSecondaryTriggered.emit();
92
+ }
93
+ setAriaDescribedbyOnModal() {
94
+ const modalBody = document.getElementById(`content-${this.uid}`);
95
+ if (!modalBody) {
96
+ 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.");
97
+ }
98
+ else {
99
+ this.el.setAttribute("aria-describedby", `wm-modal-heading-text-${this.uid} content-${this.uid}`);
100
+ }
101
+ }
102
+ setElToFocusOnClose() {
103
+ const elToFocus = document.activeElement;
104
+ if (elToFocus.tagName === "WM-MENUITEM") {
105
+ this.focusOnCloseEl = elToFocus.parentElement;
106
+ }
107
+ else {
108
+ let el;
109
+ while (elToFocus && elToFocus.shadowRoot) {
110
+ el = elToFocus.shadowRoot.activeElement;
111
+ }
112
+ if (el) {
113
+ this.focusOnCloseEl = el;
114
+ }
115
+ }
116
+ }
117
+ redirectFocusFromBody() {
118
+ if (document.activeElement.tagName === "BODY") {
119
+ this.focusOnOpenEl.focus();
120
+ }
121
+ }
122
+ render() {
123
+ return (h(Host, { class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
124
+ this.focusLastElement.emit();
125
+ } }, h("div", { class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { class: "sr-only", tabIndex: 0, onFocus: () => {
126
+ this.focusFirstElement.emit();
127
+ } })));
128
+ }
129
+ get el() { return getElement(this); }
130
+ static get watchers() { return {
131
+ "open": ["toggleModal"]
132
+ }; }
133
+ };
134
+ Modal.style = wmModalPssCss;
135
+
136
+ const wmModalPssFooterCss = "wm-modal-pss-footer{border-radius:0px 0px 5px 5px;margin-top:-1px}wm-modal-pss-footer .wm-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-pss-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-pss-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-pss-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-pss-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-pss-footer .wm-wrapper .wm-info:focus{outline:none}";
137
+
138
+ const ModalFooter = class {
139
+ constructor(hostRef) {
140
+ registerInstance(this, hostRef);
141
+ this.secondaryText = "";
142
+ this.primaryText = "";
143
+ this.infoText = "";
144
+ this.primaryActionDisabled = false;
145
+ this.deleteStyle = false;
146
+ }
147
+ componentWillLoad() {
148
+ this.uid = this.el.parentElement.uid;
149
+ // Trap focus when user shift+tabs past first element in modal
150
+ // NB @Listen doesn't allow to listen on a specific element (the parent modal)
151
+ // if we listen to the whole doc each modal on the page reacts to every event
152
+ this.el.parentElement.addEventListener("focusLastElement", () => {
153
+ this.lastElement.focus();
154
+ });
155
+ }
156
+ emitParentPrimaryEvent() {
157
+ const parentModal = this.el.parentElement;
158
+ //@ts-ignore
159
+ parentModal.emitPrimaryEvent();
160
+ }
161
+ emitParentSecondaryEvent() {
162
+ const parentModal = this.el.parentElement;
163
+ //@ts-ignore
164
+ parentModal.emitSecondaryEvent();
165
+ }
166
+ render() {
167
+ 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) : null) }, 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) : null) }, this.primaryText))));
168
+ }
169
+ get el() { return getElement(this); }
170
+ };
171
+ ModalFooter.style = wmModalPssFooterCss;
172
+
173
+ const wmModalPssHeaderCss = "wm-modal-pss-header{border-radius:5px 5px 0 0px;margin-bottom:-1px}wm-modal-pss-header .wm-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}wm-modal-pss-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-pss-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-pss-header .wm-wrapper .title:focus{outline:none}";
174
+
175
+ const ModalHeader = class {
176
+ constructor(hostRef) {
177
+ registerInstance(this, hostRef);
178
+ this.heading = "";
179
+ this.subheading = "";
180
+ }
181
+ componentWillLoad() {
182
+ this.uid = this.el.parentElement.uid;
183
+ // Trap focus when user tabs past last element in modal
184
+ // NB @Listen doesn't allow to listen on a specific element (the parent modal)
185
+ // if we listen to the whole doc each modal on the page reacts to every event
186
+ this.el.parentElement.addEventListener("focusFirstElement", () => {
187
+ this.closeButtonEl.focus();
188
+ });
189
+ }
190
+ emitParentCloseEvent() {
191
+ const parentModal = this.el.parentElement;
192
+ //@ts-ignore
193
+ parentModal.emitCloseEvent();
194
+ }
195
+ // @Listen("click")
196
+ // directFocusOnClick() {
197
+ // this.headingElement.tabIndex = 0;
198
+ // this.headingElement.focus();
199
+ // }
200
+ render() {
201
+ 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: "Close", "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
202
+ }
203
+ get el() { return getElement(this); }
204
+ };
205
+ ModalHeader.style = wmModalPssHeaderCss;
206
+
207
+ export { Modal as wm_modal_pss, ModalFooter as wm_modal_pss_footer, ModalHeader as wm_modal_pss_header };
@@ -1,5 +1,6 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-558b5a82.js';
1
+ import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-558b5a82.js';
2
2
  import { g as generateId } from './functions-b791a892.js';
3
+ import { g as globalMessages } from './intl-f2f7ce8b.js';
3
4
 
4
5
  const 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}";
5
6
 
@@ -132,4 +133,74 @@ const Modal = class {
132
133
  };
133
134
  Modal.style = wmModalCss;
134
135
 
135
- export { Modal as wm_modal };
136
+ 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}";
137
+
138
+ const ModalFooter = class {
139
+ constructor(hostRef) {
140
+ registerInstance(this, hostRef);
141
+ this.secondaryText = "";
142
+ this.primaryText = "";
143
+ this.infoText = "";
144
+ this.primaryActionDisabled = false;
145
+ this.deleteStyle = false;
146
+ }
147
+ componentWillLoad() {
148
+ const parentModal = this.el.closest("wm-modal");
149
+ this.uid = parentModal.uid;
150
+ // Trap focus when user shift+tabs past first element in modal
151
+ // NB @Listen doesn't allow to listen on a specific element (the parent modal)
152
+ // if we listen to the whole doc each modal on the page reacts to every event
153
+ parentModal.addEventListener("focusLastElement", () => {
154
+ this.lastElement.focus();
155
+ });
156
+ }
157
+ emitParentPrimaryEvent() {
158
+ const parentModal = this.el.closest("wm-modal");
159
+ if (parentModal) {
160
+ parentModal.emitPrimaryEvent();
161
+ }
162
+ }
163
+ emitParentSecondaryEvent() {
164
+ const parentModal = this.el.closest("wm-modal");
165
+ if (parentModal) {
166
+ parentModal.emitSecondaryEvent();
167
+ }
168
+ }
169
+ render() {
170
+ 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))));
171
+ }
172
+ get el() { return getElement(this); }
173
+ };
174
+ ModalFooter.style = wmModalFooterCss;
175
+
176
+ 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}";
177
+
178
+ const ModalHeader = class {
179
+ constructor(hostRef) {
180
+ registerInstance(this, hostRef);
181
+ this.heading = "";
182
+ this.subheading = "";
183
+ }
184
+ componentWillLoad() {
185
+ const parentModal = this.el.closest("wm-modal");
186
+ this.uid = parentModal.uid;
187
+ // Trap focus when user tabs past last element in modal
188
+ // NB @Listen doesn't allow to listen on a specific element (the parent modal)
189
+ // if we listen to the whole doc each modal on the page reacts to every event
190
+ parentModal.addEventListener("focusFirstElement", () => {
191
+ this.closeButtonEl.focus();
192
+ });
193
+ }
194
+ emitParentCloseEvent() {
195
+ const parentModal = this.el.closest("wm-modal");
196
+ //@ts-ignore
197
+ parentModal.emitCloseEvent();
198
+ }
199
+ render() {
200
+ 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() }))));
201
+ }
202
+ get el() { return getElement(this); }
203
+ };
204
+ ModalHeader.style = wmModalHeaderCss;
205
+
206
+ export { Modal as wm_modal, ModalFooter as wm_modal_footer, ModalHeader as wm_modal_header };
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
2
2
  import { i as intl, t as toBool, k as shouldOpenUp, B as getContextMeasurements, z as isElOrChild, y as getTextDir } from './functions-b791a892.js';
3
3
  import { g as globalMessages } from './intl-f2f7ce8b.js';
4
4
 
5
- const wmNestedSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:\"\\f143\"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:var(--max-height);overflow-y:auto}.menu.hidden{position:absolute;max-height:100%;overflow:hidden}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu .menuitem.disabled{color:var(--wmcolor-select-option-text-disabled);cursor:auto}.menu .menuitem.clear-selection{color:var(--wmcolor-select-text);-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.menu .menuitem.clear-selection:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f156\";pointer-events:none;padding-right:0.5rem;font-size:1.12rem}.menu :focus-visible{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f142\";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.group-btn.disabled{background:var(--wmcolor-select-option-background-disabled)}.selection-count,.disabled-indication{margin-right:40px;font-weight:400;font-style:italic}.disabled-indication{color:var(--wmcolor-interactive-disabled)}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px;max-height:100%;overflow-y:hidden}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
5
+ const wmNestedSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption.expanded:before{content:\"\\f143\"}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:var(--wmcolor-select-option-text-disabled);border-color:var(--wmcolor-border-dark);background:var(--wmcolor-select-option-background-disabled);cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:100%;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:var(--max-height);overflow-y:auto}.menu.hidden{position:absolute;max-height:100%;overflow:hidden}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu .menuitem.disabled{color:var(--wmcolor-select-option-text-disabled);cursor:auto}.menu .menuitem.clear-selection{color:var(--wmcolor-select-text);-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.menu .menuitem.clear-selection:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f156\";pointer-events:none;padding-right:0.5rem;font-size:1.12rem}.menu .menuitem:focus-visible{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu .menuitem:hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f142\";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.group-btn.disabled{background:var(--wmcolor-select-option-background-disabled)}.selection-count,.disabled-indication{margin-right:40px;font-weight:400;font-style:italic}.disabled-indication{color:var(--wmcolor-interactive-disabled)}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.hidden{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;top:0px;max-height:100%;overflow-y:hidden}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
6
6
 
7
7
  const NestedSelect = class {
8
8
  constructor(hostRef) {
@@ -54,6 +54,7 @@ const NestedSelect = class {
54
54
  });
55
55
  this.isExpanded = false;
56
56
  this.showClearSelectionButton = false;
57
+ this.announcement = "";
57
58
  this.constrainedMaxHeight = this.maxHeight;
58
59
  }
59
60
  get isDisabled() {
@@ -165,6 +166,7 @@ const NestedSelect = class {
165
166
  open(focusLast = false) {
166
167
  if (!this.isDisabled) {
167
168
  this.showClearSelectionButton = this.childOptions.some((o) => o.selected);
169
+ this.dropdownEl.scrollTop = 0;
168
170
  this.isExpanded = true;
169
171
  this.dropdownEl.classList.add("open");
170
172
  const elHeight = this.el.clientHeight;
@@ -196,21 +198,15 @@ const NestedSelect = class {
196
198
  }
197
199
  moveDown(menuitemEl) {
198
200
  const currentIndex = this.menuitemEls.indexOf(menuitemEl);
199
- if (currentIndex == this.menuitemEls.length - 1) {
200
- this.menuitemEls[0].focus();
201
- }
202
- else {
203
- this.menuitemEls[currentIndex + 1].focus();
204
- }
201
+ const menuitemToFocus = this.menuitemEls[currentIndex == this.menuitemEls.length - 1 ? 0 : currentIndex + 1];
202
+ menuitemToFocus.scrollIntoView({ block: "nearest" });
203
+ menuitemToFocus.focus();
205
204
  }
206
205
  moveUp(menuitemEl) {
207
206
  const currentIndex = this.menuitemEls.indexOf(menuitemEl);
208
- if (currentIndex == 0) {
209
- this.menuitemEls[this.menuitemEls.length - 1].focus();
210
- }
211
- else {
212
- this.menuitemEls[currentIndex - 1].focus();
213
- }
207
+ const menuitemToFocus = this.menuitemEls[currentIndex == 0 ? this.menuitemEls.length - 1 : currentIndex - 1];
208
+ menuitemToFocus.scrollIntoView({ block: "nearest" });
209
+ menuitemToFocus.focus();
214
210
  }
215
211
  handleButtonBlur(ev) {
216
212
  if (isElOrChild(this.el, ev.relatedTarget)) {
@@ -266,6 +262,13 @@ const NestedSelect = class {
266
262
  const elToFocus = this.el.shadowRoot.querySelector(`button[data-label=${ev.detail}]`);
267
263
  elToFocus.focus();
268
264
  }
265
+ announce(message) {
266
+ // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
267
+ if (this.liveRegionEl.textContent === message) {
268
+ message += "\u00A0";
269
+ }
270
+ this.announcement = message;
271
+ }
269
272
  renderButtonText() {
270
273
  if (this.displayedOptions.length < 1) {
271
274
  return h("span", null, this.placeholder);
@@ -284,6 +287,12 @@ const NestedSelect = class {
284
287
  }
285
288
  handleClearSelection() {
286
289
  this.optgroupEls.forEach((optgroupEl) => optgroupEl.emitDeselection());
290
+ const selectionClearedAnnouncement = intl.formatMessage({
291
+ id: "select.selectionCleared",
292
+ defaultMessage: "Selection cleared",
293
+ description: "Screen reader announcement alerting the user they have cleared their selection",
294
+ });
295
+ this.announce(selectionClearedAnnouncement);
287
296
  if (!this.multiple) {
288
297
  this.close();
289
298
  }
@@ -323,14 +332,14 @@ const NestedSelect = class {
323
332
  };
324
333
  return (h(Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label,
325
334
  // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
326
- this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { ref: (el) => (this.menuEl = el), class: "menu", style: { "--max-height": this.constrainedMaxHeight } }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
335
+ this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { ref: (el) => (this.menuEl = el), class: "menu", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
327
336
  return (h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
328
337
  if (!optgroupEl.disabled) {
329
338
  optgroupEl.isExpanded = !optgroupEl.isExpanded;
330
339
  forceUpdate(this.el);
331
340
  }
332
341
  }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && h("div", { class: "disabled-indication" }, "Disabled")));
333
- })), h("div", { ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage)))));
342
+ })), h("div", { ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
334
343
  }
335
344
  static get delegatesFocus() { return true; }
336
345
  get el() { return getElement(this); }
@@ -171,7 +171,7 @@ const Option = class {
171
171
  };
172
172
  Option.style = wmOptionCss;
173
173
 
174
- const wmSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem;max-height:var(--max-height);overflow-y:auto}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}";
174
+ const wmSelectCss = ":host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f026\";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:var(--wmcolor-select-option-text-disabled);border-color:var(--wmcolor-border-dark);background:var(--wmcolor-select-option-background-disabled);cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem;max-height:var(--max-height);overflow-y:auto}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.measurement-area{position:absolute;visibility:hidden;height:0px;pointer-events:none}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}";
175
175
 
176
176
  const Select = class {
177
177
  constructor(hostRef) {