@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.
- package/dist/cjs/{global-4e6e41e7.js → global-80ed0881.js} +1 -1
- package/dist/cjs/index-e86c28b6.js +8 -12
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-option-list.cjs.entry.js +6 -2
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-modal-pss_3.cjs.entry.js +213 -0
- package/dist/cjs/{wm-modal.cjs.entry.js → wm-modal_3.cjs.entry.js} +73 -0
- package/dist/cjs/wm-nested-select.cjs.entry.js +24 -15
- package/dist/cjs/wm-option_2.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +17 -5
- package/dist/collection/components/selects/priv-option-list/priv-option-list.css +16 -6
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +5 -1
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +5 -5
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +25 -15
- package/dist/collection/components/selects/wm-select/wm-select.css +3 -3
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +61 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +55 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +81 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +134 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +361 -0
- package/dist/esm/{global-099ddc86.js → global-525745d2.js} +1 -1
- package/dist/esm/index-558b5a82.js +8 -12
- package/dist/esm/loader.js +2 -2
- package/dist/esm/priv-option-list.entry.js +6 -2
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-modal-pss_3.entry.js +207 -0
- package/dist/esm/{wm-modal.entry.js → wm-modal_3.entry.js} +73 -2
- package/dist/esm/wm-nested-select.entry.js +24 -15
- package/dist/esm/wm-option_2.entry.js +1 -1
- package/dist/esm-es5/{global-099ddc86.js → global-525745d2.js} +1 -1
- package/dist/esm-es5/index-558b5a82.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-option-list.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
- package/dist/esm-es5/wm-modal_3.entry.js +1 -0
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/ripple/{p-c269536e.system.js → p-01035c8e.system.js} +1 -1
- package/dist/ripple/p-012cab20.entry.js +1 -0
- package/dist/ripple/p-02deae76.entry.js +1 -0
- package/dist/ripple/{p-320d06aa.js → p-1092e5ce.js} +1 -1
- package/dist/ripple/p-1d18d9d2.system.entry.js +1 -0
- package/dist/ripple/p-249add87.system.entry.js +1 -0
- package/dist/ripple/p-5254f902.entry.js +1 -0
- package/dist/ripple/p-6e725656.system.entry.js +1 -0
- package/dist/ripple/p-6fdfe9f4.system.entry.js +1 -0
- package/dist/ripple/{p-ad7c9d21.entry.js → p-bf7d98d8.entry.js} +1 -1
- package/dist/ripple/p-cff5d7e9.system.entry.js +1 -0
- package/dist/ripple/p-eefbca0e.system.js +1 -0
- package/dist/ripple/p-f13b034e.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +1 -0
- package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +3 -0
- package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +14 -0
- package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +10 -0
- package/dist/types/components.d.ts +88 -0
- package/package.json +1 -1
- package/dist/cjs/wm-modal-footer.cjs.entry.js +0 -47
- package/dist/cjs/wm-modal-header.cjs.entry.js +0 -39
- package/dist/esm/wm-modal-footer.entry.js +0 -43
- package/dist/esm/wm-modal-header.entry.js +0 -35
- package/dist/esm-es5/wm-modal-footer.entry.js +0 -1
- package/dist/esm-es5/wm-modal-header.entry.js +0 -1
- package/dist/esm-es5/wm-modal.entry.js +0 -1
- package/dist/ripple/p-13f51c06.entry.js +0 -1
- package/dist/ripple/p-1c170fb3.entry.js +0 -1
- package/dist/ripple/p-22930de9.system.entry.js +0 -1
- package/dist/ripple/p-294b38ca.system.entry.js +0 -1
- package/dist/ripple/p-2f664fdd.entry.js +0 -1
- package/dist/ripple/p-3568472c.entry.js +0 -1
- package/dist/ripple/p-4d956340.system.entry.js +0 -1
- package/dist/ripple/p-50388b6f.system.entry.js +0 -1
- package/dist/ripple/p-7c338485.entry.js +0 -1
- package/dist/ripple/p-84603f1f.system.entry.js +0 -1
- package/dist/ripple/p-b3a2bc1b.system.entry.js +0 -1
- package/dist/ripple/p-dcc367a9.system.js +0 -1
package/dist/esm/ripple.js
CHANGED
|
@@ -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-
|
|
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
|
-
|
|
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
|
-
|
|
200
|
-
|
|
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
|
-
|
|
209
|
-
|
|
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
|
|
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) {
|