@watermarkinsights/ripple 3.3.1 → 3.4.0-1
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-605fbf89.js → global-62b00020.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-datepicker.cjs.entry.js +9 -3
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-chart.cjs.entry.js +7 -5
- package/dist/cjs/wm-input.cjs.entry.js +9 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +1 -1
- package/dist/collection/components/wm-chart/wm-chart.css +7 -5
- package/dist/collection/components/wm-chart/wm-chart.js +17 -13
- package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.js +15 -3
- package/dist/collection/components/wm-input/wm-input.js +9 -1
- package/dist/collection/components/wm-select/wm-select.css +1 -0
- package/dist/esm/{global-dbc19362.js → global-1de94d50.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/priv-datepicker.entry.js +9 -3
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-chart.entry.js +7 -5
- package/dist/esm/wm-input.entry.js +9 -1
- package/dist/esm/wm-option_2.entry.js +1 -1
- package/dist/ripple/p-34694011.entry.js +1 -0
- package/dist/ripple/p-5f19bcd1.entry.js +1 -0
- package/dist/ripple/{p-1a934627.entry.js → p-9b4f222b.entry.js} +1 -1
- package/dist/ripple/p-a4d95d60.js +1 -0
- package/dist/ripple/p-c724ce54.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/types/components/wm-datepicker/priv-datepicker/priv-datepicker.d.ts +1 -0
- package/dist/types/components/wm-input/wm-input.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ripple/p-2689c3ff.entry.js +0 -1
- package/dist/ripple/p-589f8195.entry.js +0 -1
- package/dist/ripple/p-80c1162f.js +0 -1
- package/dist/ripple/p-af4b2ea9.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-66f8130e.js';
|
|
2
|
-
import './global-
|
|
2
|
+
import './global-1de94d50.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Esm v2.8.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"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],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupClosed\",\"handlePopupClosed\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"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\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"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],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"previousBlurredValue\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handeChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
|
|
14
|
+
return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"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],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupClosed\",\"handlePopupClosed\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"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\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"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],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"previousBlurredValue\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handeChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -295,6 +295,12 @@ const PrivDatepicker = class {
|
|
|
295
295
|
this.popupClicked = false;
|
|
296
296
|
this.buttonClicked = false;
|
|
297
297
|
}
|
|
298
|
+
handleBlurOnWindow() {
|
|
299
|
+
// for cases where the user clicks or uses a shortcut to leave the document
|
|
300
|
+
if (this.isExpanded) {
|
|
301
|
+
this.closePopup();
|
|
302
|
+
}
|
|
303
|
+
}
|
|
298
304
|
setDateValuesForView() {
|
|
299
305
|
this.selectedYear = this.date.getUTCFullYear();
|
|
300
306
|
this.selectedMonth = this.date.getUTCMonth() + 1;
|
|
@@ -513,19 +519,19 @@ const PrivDatepicker = class {
|
|
|
513
519
|
} }, month));
|
|
514
520
|
}
|
|
515
521
|
trapFocusLeft(ev) {
|
|
516
|
-
if (ev.shiftKey && ev.
|
|
522
|
+
if (ev.shiftKey && ev.key === "Tab") {
|
|
517
523
|
ev.preventDefault();
|
|
518
524
|
this.focusCellInView();
|
|
519
525
|
}
|
|
520
526
|
}
|
|
521
527
|
trapFocusEnd(ev) {
|
|
522
|
-
if (!ev.shiftKey && ev.
|
|
528
|
+
if (!ev.shiftKey && ev.key === "Tab") {
|
|
523
529
|
ev.preventDefault();
|
|
524
530
|
this.prevButton.focus();
|
|
525
531
|
}
|
|
526
532
|
}
|
|
527
533
|
trapFocusRight(ev) {
|
|
528
|
-
if (!ev.shiftKey && ev.
|
|
534
|
+
if (!ev.shiftKey && ev.key === "Tab") {
|
|
529
535
|
ev.preventDefault();
|
|
530
536
|
this.focusCellInView();
|
|
531
537
|
}
|
package/dist/esm/ripple.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-66f8130e.js';
|
|
2
|
-
import './global-
|
|
2
|
+
import './global-1de94d50.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"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],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupClosed\",\"handlePopupClosed\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"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\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"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],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"previousBlurredValue\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handeChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
|
|
17
|
+
return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"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],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupClosed\",\"handlePopupClosed\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"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\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"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],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"previousBlurredValue\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handeChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
|
|
18
18
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-66f8130e.js';
|
|
2
2
|
import { g as generateId, d as debounce, f as findParentWithScrollbar, b as getPosition, i as intl, c as checkForActiveElInShadow } from './functions-c315390d.js';
|
|
3
3
|
|
|
4
|
-
const wmChartCss = ".component-wrapper{display:flex;flex-direction:column;align-items:center;font-size:0.875rem;position:relative;}.component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:500;position:relative}.component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}.component-wrapper .legend-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.component-wrapper .legend-wrapper .legend{display:flex;align-items:center;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;box-sizing:border-box}.component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}.component-wrapper .legend-wrapper .legend .legend-item{position:relative}.component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}.component-wrapper .legend-wrapper .legend .legend-text{padding-left:1rem;line-height:1}.component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}.component-wrapper .legend-wrapper .cluster-warning{font-size:0.75rem;font-style:italic;max-width:100%}.component-wrapper .chart-svg{overflow:visible}.component-wrapper .chart-svg:active,.component-wrapper .chart-svg:hover,.component-wrapper .chart-svg:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.component-wrapper .chart-svg::-moz-focus-inner{border:0;outline:none}.component-wrapper .chart-svg path:active,.component-wrapper .chart-svg path:hover,.component-wrapper .chart-svg path:focus,.component-wrapper .chart-svg rect:active,.component-wrapper .chart-svg rect:hover,.component-wrapper .chart-svg rect:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:url(#wmHoverDropShadow)}.component-wrapper .chart-svg path::-moz-focus-inner,.component-wrapper .chart-svg rect::-moz-focus-inner{border:0;outline:none}.component-wrapper .bar-wrapper{flex-grow:1;width:100%}.component-wrapper .bar-wrapper rect{height:30px}.component-wrapper .doughnut-wrapper .chart-svg{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}.component-wrapper.doughnut1 label,.component-wrapper.doughnut1 .label-text,.component-wrapper.doughnut2 label,.component-wrapper.doughnut2 .label-text,.component-wrapper.doughnut3 label,.component-wrapper.doughnut3 .label-text{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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.component-wrapper.doughnut0{align-items:center}.component-wrapper.doughnut0 label{text-align:center;width:100%;padding-bottom:1.5rem}.component-wrapper.doughnut0 label .subinfo{position:absolute}.component-wrapper.doughnut0 .legend{display:flex}.component-wrapper.doughnut0 .completion-message{padding-top:0.625rem}.component-wrapper .bar-svg{width:100%}.component-wrapper .bar-svg foreignObject{width:100%;height:30px;overflow:visible}.component-wrapper.bar1{padding:1.25rem;position:relative;align-items:flex-start}.component-wrapper.bar1 label{display:flex;flex-direction:column}.component-wrapper.bar1 label .subinfo{position:initial}.component-wrapper.bar1 .legend{display:none}.component-wrapper.bar1 .completion-message{position:absolute;right:
|
|
4
|
+
const wmChartCss = ".component-wrapper{display:flex;flex-direction:column;align-items:center;font-size:0.875rem;position:relative;}.component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:500;position:relative}.component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}.component-wrapper .legend-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.component-wrapper .legend-wrapper .legend{display:flex;align-items:center;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;box-sizing:border-box}.component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}.component-wrapper .legend-wrapper .legend .legend-item{position:relative}.component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}.component-wrapper .legend-wrapper .legend .legend-text{padding-left:1rem;line-height:1}.component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}.component-wrapper .legend-wrapper .cluster-warning{font-size:0.75rem;font-style:italic;max-width:100%}.component-wrapper .chart-svg{overflow:visible}.component-wrapper .chart-svg:active,.component-wrapper .chart-svg:hover,.component-wrapper .chart-svg:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.component-wrapper .chart-svg::-moz-focus-inner{border:0;outline:none}.component-wrapper .chart-svg path:active,.component-wrapper .chart-svg path:hover,.component-wrapper .chart-svg path:focus,.component-wrapper .chart-svg rect:active,.component-wrapper .chart-svg rect:hover,.component-wrapper .chart-svg rect:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:url(#wmHoverDropShadow)}.component-wrapper .chart-svg path::-moz-focus-inner,.component-wrapper .chart-svg rect::-moz-focus-inner{border:0;outline:none}.component-wrapper .bar-wrapper{flex-grow:1;width:100%}.component-wrapper .bar-wrapper rect{height:30px}.component-wrapper .doughnut-wrapper .chart-svg{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}.component-wrapper .completion-message-wrapper{position:relative;flex-grow:1}.component-wrapper.doughnut1 label,.component-wrapper.doughnut1 .label-text,.component-wrapper.doughnut2 label,.component-wrapper.doughnut2 .label-text,.component-wrapper.doughnut3 label,.component-wrapper.doughnut3 .label-text{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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.component-wrapper.doughnut0{align-items:center}.component-wrapper.doughnut0 label{text-align:center;width:100%;padding-bottom:1.5rem}.component-wrapper.doughnut0 label .subinfo{position:absolute}.component-wrapper.doughnut0 .legend{display:flex}.component-wrapper.doughnut0 .completion-message{padding-top:0.625rem}.component-wrapper .bar-svg{width:100%}.component-wrapper .bar-svg foreignObject{width:100%;height:30px;overflow:visible}.component-wrapper.bar1{padding:1.25rem;position:relative;align-items:flex-start}.component-wrapper.bar1 label{display:flex;flex-direction:column}.component-wrapper.bar1 label .subinfo{position:initial}.component-wrapper.bar1 .legend{display:none}.component-wrapper.bar1 .completion-message{position:absolute;right:0;top:30px;margin-top:4px}.component-wrapper.bar1 .bar-wrapper{display:flex;align-items:center}.component-wrapper.bar1 .bar-wrapper .single-perc{width:4rem;flex:none}.component-wrapper.bar1 .bar-wrapper .chart-svg{flex:1;height:30px}@media screen and (min-width: 768px){.component-wrapper.bar1{flex-direction:row;align-items:center}.component-wrapper.bar1 label{width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;flex:none}.component-wrapper.bar1 .bar-wrapper{flex-direction:row-reverse}.component-wrapper.bar1 .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem}}.component-wrapper.bar2,.component-wrapper.bar3,.component-wrapper.bar4,.component-wrapper.bar5{align-items:flex-start}.component-wrapper.bar2 .legend,.component-wrapper.bar4 .legend,.component-wrapper.bar5 .legend{padding-bottom:0}.component-wrapper.bar2 .chart-svg,.component-wrapper.bar4 .chart-svg,.component-wrapper.bar5 .chart-svg{height:30px;margin-top:20px;margin-bottom:0}.component-wrapper.bar2 .chart-svg.show-values,.component-wrapper.bar4 .chart-svg.show-values,.component-wrapper.bar5 .chart-svg.show-values{height:60px;margin-top:0;margin-bottom:0}.component-wrapper.bar2 .chart-svg .percs,.component-wrapper.bar4 .chart-svg .percs,.component-wrapper.bar5 .chart-svg .percs{transform:translateY(24px);text-anchor:middle}.component-wrapper.bar3 .legend{padding-bottom:1.25rem}.component-wrapper.bar3 .svg-wrapper{position:relative;height:100px}.component-wrapper.bar3 .svg-wrapper .chart-svg{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}.component-wrapper.bar3 .svg-wrapper .chart-svg text{fill:#4a4a4a}.component-wrapper.bar3 .svg-wrapper .chart-svg .percs{transform:translateY(-4px);text-anchor:middle}.component-wrapper.bar3 .svg-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;transform:translateY(90px)}.component-wrapper.bar3 .svg-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}.component-wrapper.bar3 .svg-wrapper .axis text{transform:translate(4px, 24px);text-anchor:middle}.component-wrapper.left-label{flex-direction:row}.component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;flex:none;align-self:flex-end;min-height:30px;display:flex;align-items:center}:host(:focus){outline:none}:host(:focus) .chart-svg.user-is-tabbing:not(.show-values){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .chart-svg.user-is-tabbing:not(.show-values)::-moz-focus-inner{border:0}:host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;width:100%;height:30px}:host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus::-moz-focus-inner{border:0}:host(:focus) .chart-svg.user-is-tabbing.show-values .focus-offset{transform:translateY(30px)}";
|
|
5
5
|
|
|
6
6
|
const Chart = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -412,14 +412,16 @@ const Chart = class {
|
|
|
412
412
|
}
|
|
413
413
|
// BAR
|
|
414
414
|
renderBar() {
|
|
415
|
-
return (h("div", { class: "svg-wrapper bar-wrapper" }, this.getType() === "bar1" ? (h("div", { class: "single-perc" }, this.amountToPercent(this.slicesData[0].amount, true) + "%")) : (""), this.drawAxis(), h("svg", { ref: (el) => (this.svgEl = el), id: `graphic-${this.uid}`, class: {
|
|
415
|
+
return (h("div", { class: "svg-wrapper bar-wrapper" }, this.getType() === "bar1" ? (h("div", { class: "single-perc" }, this.amountToPercent(this.slicesData[0].amount, true) + "%")) : (""), this.drawAxis(), h("div", { class: "completion-message-wrapper" }, h("svg", { ref: (el) => (this.svgEl = el), id: `graphic-${this.uid}`, class: {
|
|
416
416
|
"chart-svg bar-svg": true,
|
|
417
417
|
"user-is-tabbing": this.isTabbing,
|
|
418
418
|
"show-values": this.tempValueFormat === "percentage" || this.tempValueFormat === "amount",
|
|
419
|
-
} }, this.renderFilter(), h("foreignObject", { class: this.getType() === "bar2" || this.getType() === "bar4" || this.getType() === "bar5"
|
|
419
|
+
} }, this.renderFilter(), h("foreignObject", { class: this.getType() === "bar2" || this.getType() === "bar4" || this.getType() === "bar5"
|
|
420
|
+
? "focus-offset"
|
|
421
|
+
: "" }, h("div", {
|
|
420
422
|
// @ts-ignore
|
|
421
423
|
xmlns: "http://www.w3.org/1999/xhtml", class: "tabbing-focus"
|
|
422
|
-
})), this.slicesData.map((s, idx) => this.renderRect(s, idx)), this.getType() !== "bar1" ? (h("g", { class: "percs" }, this.slicesData.map((s) => (s.perc > 0 ? this.renderBarText(s) : "")))) : (""))));
|
|
424
|
+
})), this.slicesData.map((s, idx) => this.renderRect(s, idx)), this.getType() !== "bar1" ? (h("g", { class: "percs" }, this.slicesData.map((s) => (s.perc > 0 ? this.renderBarText(s) : "")))) : ("")), this.renderCompletionMessage())));
|
|
423
425
|
}
|
|
424
426
|
renderRect(s, idx) {
|
|
425
427
|
let y;
|
|
@@ -511,7 +513,7 @@ const Chart = class {
|
|
|
511
513
|
intl.formatMessage({
|
|
512
514
|
id: "chart.interactiveChart",
|
|
513
515
|
defaultMessage: "Interactive chart. Use arrow keys to browse elements, press Tab to exit.",
|
|
514
|
-
}), tabindex: "0" }, h("div", { class: `component-wrapper ${this.getType()} ${this.labelPosition === "left" && this.chartType === "bar4" ? "left-label" : ""}` }, h("label", { class: "label", id: `label-${this.uid}`, htmlFor: `graphic-${this.uid}` }, h("span", { class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.chartData.isBar ? this.renderLegend() : "", this.total > 0 && this.chartData.isBar ? this.renderBar() : this.renderDoughnut(), !this.chartData.isBar ? this.renderLegend() : "", h("priv-chart-popover", { class: this.isTabbing ? "user-is-tabbing" : "", ref: (el) => (this.popoverEl = el) }), this.renderCompletionMessage())));
|
|
516
|
+
}), tabindex: "0" }, h("div", { class: `component-wrapper ${this.getType()} ${this.labelPosition === "left" && this.chartType === "bar4" ? "left-label" : ""}` }, h("label", { class: "label", id: `label-${this.uid}`, htmlFor: `graphic-${this.uid}` }, h("span", { class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.chartData.isBar ? this.renderLegend() : "", this.total > 0 && this.chartData.isBar ? this.renderBar() : this.renderDoughnut(), !this.chartData.isBar ? this.renderLegend() : "", h("priv-chart-popover", { class: this.isTabbing ? "user-is-tabbing" : "", ref: (el) => (this.popoverEl = el) }), this.hybridType === "doughnut0" ? this.renderCompletionMessage() : "")));
|
|
515
517
|
}
|
|
516
518
|
get el() { return getElement(this); }
|
|
517
519
|
};
|
|
@@ -116,11 +116,19 @@ const Input = class {
|
|
|
116
116
|
});
|
|
117
117
|
return `${charactersEnteredMessage}${charCount >= charLimit ? " " + characterLimitReachedMessage : ""}`;
|
|
118
118
|
}
|
|
119
|
+
generateCharacterLimitLabel(characterLimit) {
|
|
120
|
+
return intl.formatMessage({
|
|
121
|
+
id: "input.characterLimit",
|
|
122
|
+
defaultMessage: "{limit, number} characters allowed.",
|
|
123
|
+
}, {
|
|
124
|
+
limit: characterLimit,
|
|
125
|
+
});
|
|
126
|
+
}
|
|
119
127
|
renderErrorMessage() {
|
|
120
128
|
return this.errorMessage || this.displayedErrorMessage;
|
|
121
129
|
}
|
|
122
130
|
render() {
|
|
123
|
-
return (h(Host, { id: this.uid }, h("div", { class: `wrapper label-${this.labelPosition} ${this.errorMessage || this.displayedErrorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { htmlFor: `inputfield-${this.uid}`, class: "label" }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*"))))), h("div", { class: "inner-wrapper" }, h("div", { class: "inputfield-wrapper" }, h("input", { ref: (el) => (this.inputEl = el), id: `inputfield-${this.uid}`, disabled: this.disabled, "aria-label": this.label
|
|
131
|
+
return (h(Host, { id: this.uid }, h("div", { class: `wrapper label-${this.labelPosition} ${this.errorMessage || this.displayedErrorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { htmlFor: `inputfield-${this.uid}`, class: "label" }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*"))))), h("div", { class: "inner-wrapper" }, h("div", { class: "inputfield-wrapper" }, h("input", { ref: (el) => (this.inputEl = el), id: `inputfield-${this.uid}`, disabled: this.disabled, "aria-label": `${this.label}${this.characterLimit ? " " + this.generateCharacterLimitLabel(this.characterLimit) : ""}`, "aria-describedby": `info-${this.uid} error-${this.uid}`, onInput: (ev) => this.handleInput(ev), onKeyDown: (ev) => this.handleKeyDown(ev), onBlur: (ev) => this.handleBlur(ev), onFocus: this.handleFocus.bind(this), placeholder: this.placeholder, autocomplete: "off", required: this.requiredField, maxLength: this.characterLimit || undefined, type: this.type, step: this.step, max: this.max, min: this.min }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { id: `info-${this.uid}`, class: "info" }, this.info)), h("div", { id: `error-${this.uid}`, "aria-live": "assertive", class: "error-message", "aria-atomic": "true" }, this.renderErrorMessage()), h("div", { class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
|
|
124
132
|
}
|
|
125
133
|
get el() { return getElement(this); }
|
|
126
134
|
static get watchers() { return {
|
|
@@ -121,7 +121,7 @@ const Option = class {
|
|
|
121
121
|
};
|
|
122
122
|
Option.style = wmOptionCss;
|
|
123
123
|
|
|
124
|
-
const wmSelectCss = "@charset \"UTF-8\";:host{position:relative;display:block;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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:#c0392b}.wrapper.label-left{flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:flex;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:#c0392b}.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:\"\";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 .dropdown{position:relative;font-size:1.125rem;color:#575195;min-width:8.75rem}.wrapper .dropdown .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:flex;align-items:center;flex-wrap:nowrap;background:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .dropdown .displayedoption{height:2.75rem}}.wrapper .dropdown .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:\"\";position:absolute;right:0.5625rem;pointer-events:none}.wrapper .dropdown .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;text-decoration:none}.wrapper .dropdown .displayedoption:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .dropdown .displayedoption:focus{outline:none}.wrapper .dropdown .displayedoption::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .dropdown .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo{display:flex}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .button-text{flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .subinfo{flex:none;font-style:italic}.wrapper .dropdown .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .dropdown>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .dropdown>.options{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;-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:0;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}.wrapper .dropdown>.options.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 .dropdown>.options.hidden{visibility:hidden}.wrapper .dropdown>.options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .dropdown .displayedoption{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}.wrapper .error-message{color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;display:block;top:100%;left:0;font-style:italic}.rtl>.options{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.options .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}";
|
|
124
|
+
const wmSelectCss = "@charset \"UTF-8\";:host{position:relative;display:block;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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:#c0392b}.wrapper.label-left{flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:flex;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:#c0392b}.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:\"\";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 .dropdown{position:relative;flex:1;font-size:1.125rem;color:#575195;min-width:8.75rem}.wrapper .dropdown .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:flex;align-items:center;flex-wrap:nowrap;background:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .dropdown .displayedoption{height:2.75rem}}.wrapper .dropdown .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:\"\";position:absolute;right:0.5625rem;pointer-events:none}.wrapper .dropdown .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;text-decoration:none}.wrapper .dropdown .displayedoption:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .dropdown .displayedoption:focus{outline:none}.wrapper .dropdown .displayedoption::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .dropdown .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo{display:flex}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .button-text{flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .subinfo{flex:none;font-style:italic}.wrapper .dropdown .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .dropdown>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .dropdown>.options{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;-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:0;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}.wrapper .dropdown>.options.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 .dropdown>.options.hidden{visibility:hidden}.wrapper .dropdown>.options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .dropdown .displayedoption{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}.wrapper .error-message{color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;display:block;top:100%;left:0;font-style:italic}.rtl>.options{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.options .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}";
|
|
125
125
|
|
|
126
126
|
const Select = class {
|
|
127
127
|
constructor(hostRef) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as e,H as r,g as a}from"./p-9baa3039.js";import{i as s,g as p,e as n}from"./p-e60fe2f5.js";const o=class{constructor(e){i(this,e),this.wmInputValueChanged=t(this,"wmInputValueChanged",7),this.labelPosition="top",this.value="",this.disabled=!1,this.placeholder="",this.requiredField=!1,this.type="text",this.step=1,this.announcement="",this.previousBlurredValue="",this.displayedErrorMessage="",this.uid="",this.requiredErrorMessage=s.formatMessage({id:"global.requiredError",defaultMessage:"This field is required."}),this.numberErrorMessage=s.formatMessage({id:"input.numberError",defaultMessage:"Please enter a valid number."})}get charCount(){return this.value.length}componentWillLoad(){this.uid=this.el.id?this.el.id:p(),this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("input").focus()},this.label||console.error("wm-input requires the label property")}componentDidLoad(){this.value&&(this.inputEl.value=this.value,this.previousBlurredValue=this.inputEl.value)}handleErrorMessage(){this.displayedErrorMessage=this.validate()}handleKeyDown(i){const t=i.ctrlKey||i.metaKey||i.altKey;/^.$/.test(i.key)&&!t&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleBlur(i){this.value!==this.previousBlurredValue&&this.wmInputValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value,this.preventValidation&&n(i,this.preventValidation)||(this.displayedErrorMessage=this.validate()),this.inputWrapperEl.classList.remove("focus")}handleInput(i){this.value=i.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleFocus(){this.inputWrapperEl.classList.add("focus")}validate(){const i=[this.validateNumber.bind(this),this.validateRequired.bind(this)];return this.errorMessage?this.errorMessage:i.reduce(((i,t)=>i||t()),"")}validateRequired(){return this.requiredField&&""===this.value?this.requiredErrorMessage:""}validateNumber(){return"number"===this.type&&this.inputEl.validity.badInput?this.numberErrorMessage:""}announce(i){this.liveRegionEl.textContent===i&&(i+=" "),this.announcement=i}generateCharacterLimitWarning(i,t){const e=s.formatMessage({id:"input.charactersEntered",defaultMessage:"{x, number} of {y, number} characters entered."},{x:i,y:t}),r=s.formatMessage({id:"input.characterLimitReached",defaultMessage:"No additional characters will be entered."});return`${e}${i>=t?" "+r:""}`}generateCharacterLimitLabel(i){return s.formatMessage({id:"input.characterLimit",defaultMessage:"{limit, number} characters allowed."},{limit:i})}renderErrorMessage(){return this.errorMessage||this.displayedErrorMessage}render(){return e(r,{id:this.uid},e("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage||this.displayedErrorMessage?"invalid":""}`,ref:i=>this.inputWrapperEl=i},e("div",{class:"label-wrapper"},"none"!==this.labelPosition&&e("label",{htmlFor:`inputfield-${this.uid}`,class:"label"},this.label,this.requiredField&&e("span",{class:"required","aria-hidden":"true"},"*"))),e("div",{class:"inner-wrapper"},e("div",{class:"inputfield-wrapper"},e("input",{ref:i=>this.inputEl=i,id:`inputfield-${this.uid}`,disabled:this.disabled,"aria-label":`${this.label}${this.characterLimit?" "+this.generateCharacterLimitLabel(this.characterLimit):""}`,"aria-describedby":`info-${this.uid} error-${this.uid}`,onInput:i=>this.handleInput(i),onKeyDown:i=>this.handleKeyDown(i),onBlur:i=>this.handleBlur(i),onFocus:this.handleFocus.bind(this),placeholder:this.placeholder,autocomplete:"off",required:this.requiredField,maxLength:this.characterLimit||void 0,type:this.type,step:this.step,max:this.max,min:this.min}),this.characterLimit&&"number"==typeof this.characterLimit?e("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.info&&e("div",{id:`info-${this.uid}`,class:"info"},this.info),e("div",{id:`error-${this.uid}`,"aria-live":"assertive",class:"error-message","aria-atomic":"true"},this.renderErrorMessage()),e("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:i=>this.liveRegionEl=i},this.announcement))))}get el(){return a(this)}static get watchers(){return{errorMessage:["handleErrorMessage"]}}};o.style='@charset "UTF-8";:host,wm-input{font-family:inherit;width:100%}:host *,wm-input *{box-sizing:border-box}:host .wrapper,wm-input .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;font-size:0.875rem}:host .wrapper .label,wm-input .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required,wm-input .wrapper .label .required{color:#c0392b}:host .wrapper.label-left,wm-input .wrapper.label-left{flex-direction:row}:host .wrapper.label-left .label-wrapper,wm-input .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label,wm-input .wrapper.label-left .label-wrapper .label{display:flex;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label,wm-input .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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label,wm-input .wrapper.invalid .label{color:#c0392b}:host .wrapper.invalid .label:after,wm-input .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:"";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after,[dir=RTL] wm-input .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label,wm-input .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper,wm-input .wrapper .inner-wrapper{width:100%}:host .wrapper .inputfield-wrapper,wm-input .wrapper .inputfield-wrapper{height:2.5rem;border:1px solid #4a4a4a;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:flex}:host .wrapper .character-count,wm-input .wrapper .character-count{display:flex;align-items:center;justify-content:center;min-width:5rem;background-color:rgba(74, 74, 74, 0.05);font-size:0.875rem;font-weight:500;align-self:stretch}:host .wrapper input,wm-input .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:disabled,wm-input .wrapper input:disabled{background-color:#f0f0f0;color:#737373}:host .wrapper input:focus,wm-input .wrapper input:focus{outline:none}:host .wrapper .info,wm-input .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper,wm-input .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}:host .wrapper.invalid .error-message,wm-input .wrapper.invalid .error-message{color:#c0392b;margin:4px 0;display:block;font-style:italic;line-height:100%}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper,wm-input .wrapper:focus .inputfield-wrapper,wm-input .wrapper.focus .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px #20cbd4;-moz-box-shadow:0 0 0 1px #20cbd4;box-shadow:0 0 0 1px #20cbd4;outline:none;border-color:#20cbd4}:host .sr-only,wm-input .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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{o as wm_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,f as t,h as r,H as s,g as a}from"./p-9baa3039.js";import{g as o,d as i,f as n,b as p,i as h,c as l}from"./p-e60fe2f5.js";const c=class{constructor(r){e(this,r),this.chartType="doughnut1",this.showLegend=!0,this.notStartedColor=!1,this.labelPosition="top",this.isTabbing=!1,this.uid=o(),this.slicesData=[],this.colors={salmon:"#ff5f4e",cyan:"#19a1a9",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca"},this.types={doughnut0:{size:155,colors:[this.colors.cyan,"#bfbfbf"],thickness:.73,padding:25,isBar:!1},doughnut1:{size:130,colors:[this.colors.lavender,this.colors.midnight,"#d4d4d4"],thickness:.5,padding:90,isBar:!1},doughnut2:{size:130,colors:[this.colors.cyan,this.colors.salmon,"#d4d4d4"],thickness:.5,padding:90,isBar:!1},doughnut3:{size:130,colors:[this.colors.lavender,this.colors.midnight,"#919834","#c177cf","#c16e00","#029af2","#2a6993"],thickness:.5,padding:90,isBar:!1},bar1:{size:350,colors:[this.colors.cyan,"#bfbfbf"],padding:0,isBar:!0},bar2:{size:400,colors:["#d4d4d4",this.colors.sleet,this.colors.cyan,this.colors.salmon],padding:0,isBar:!0},bar3:{size:300,colors:["#0d696e",this.colors.cyan,"#8e4129",this.colors.salmon],padding:0,isBar:!0},bar4:{size:400,colors:["#d4d4d4",this.colors.sleet,"#33a919"],padding:0,isBar:!0},bar5:{size:400,colors:["#d4d4d4",this.colors.lavender,this.colors.midnight,"#919834","#c177cf","#c16e00","#029af2","#2a6993"],padding:0,isBar:!0}},this.debouncedResize=i((async()=>{"hybrid"===this.chartType&&(this.setHybridType(),await this.getData()),t(this.el)}),10),this.debouncedSliceUpdate=i((async()=>{await this.getData(),t(this.el)}),100)}get tempValueFormat(){return this.valueFormat||this.showValues||"none"}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleKeydown(e){switch(e.keyCode){case 37:case 38:e.preventDefault(),this.isTabbing=!0,this.focusPrevious();break;case 39:case 40:e.preventDefault(),this.isTabbing=!0,this.focusNext();break;case 9:this.exitChart();break;case 27:this.popoverEl.open=!1}}focusNext(){const e=l(document.activeElement),t=(this.sliceEls.indexOf(e)+1)%this.sliceEls.length;this.focusSlice(t)}focusPrevious(){if(this.sliceEls){const e=l(document.activeElement);let t=this.sliceEls.indexOf(e);-1===t?t=0:0===t?t=this.sliceEls.length-1:t-=1,this.focusSlice(t)}}focusSlice(e){this.sliceEls&&this.el&&(this.popoverEl&&(this.popoverEl.open=!1),this.el.tabIndex=-1,this.el.focusable=!1,this.sliceEls.map((e=>{e.tabIndex=-1,e.focusable=!1})),this.sliceEls[e].tabIndex=0,this.sliceEls[e].focusable=!0,this.sliceEls[e].focus(),window.setTimeout((()=>{this.popoverEl&&(this.popoverEl.open=!0)}),10))}exitChart(){this.sliceEls&&this.sliceEls.map((e=>{e.tabIndex=-1,e.focusable=!1})),window.setTimeout((()=>{this.el&&(this.el.tabIndex=0,this.el.focusable=!0,this.popoverEl&&(this.popoverEl.open=!1))}),100)}openPopover(e){if(this.popoverEl&&e.title&&e.text){this.popoverEl.popoverTitle=e.title,this.popoverEl.popoverText=e.text,this.popoverEl.buttonText=e.buttonText,this.popoverEl.coords=e.coords,this.popoverEl.sliceRef=e.sliceRef,window.setTimeout((()=>{this.popoverEl&&(this.popoverEl.open=!0)}),30);const t=i((async()=>{this.popoverEl.open=!1}),10);document.addEventListener("scroll",(()=>{t()}));const r=n(this.el);r&&r.addEventListener("scroll",(()=>{t()}))}}amountToPercent(e,t){return t?Math.round(100*e/this.total):Math.round(1e4*e/this.total)/100}amountToDegree(e){return 360*e/this.total}toFixed(e){return parseFloat((Math.floor(100*e)/100).toFixed(2))}polarToCartesian(e,t,r,s){var a=this.toFixed(e+e*t*Math.cos(Math.PI*r/180)),o=this.toFixed(e+e*t*Math.sin(Math.PI*r/180));return void 0!==s?{x1:a,y1:o,x2:this.toFixed(e+e*t*Math.cos(Math.PI*s/180)),y2:this.toFixed(e+e*t*Math.sin(Math.PI*s/180))}:{x:a,y:o}}getPathData(e,t){var r=this.amountToDegree(t)-90,s=e/this.total*360,a=r+s,o=s>180?"1 1":"0 1",i=s>180?"1 0":"0 0",n=this.chartData.size/2,p=this.chartData.thickness;360===s&&(a-=.01);var h=this.polarToCartesian(n,1,r+1.5,a),l=this.polarToCartesian(n,p,r+3,a);return`M ${h.x1}, ${h.y1} `+this.getArc(1,o,h.x2,h.y2)+` L ${l.x2}, ${l.y2} `+this.getArc(p,i,l.x1,l.y1)+" z"}getArc(e,t,r,s){var a=this.toFixed(this.chartData.size/2*e);return`A ${a}, ${a} 0 ${t} ${this.toFixed(r)}, ${this.toFixed(s)}`}setHybridType(){this.hybridType=window.innerWidth>1340?"doughnut0":"bar1"}getType(){return"hybrid"===this.chartType?this.hybridType:this.chartType}async getData(){this.slicesData=[];let e=0;const t=this.el.querySelectorAll("wm-chart-slice");this.total=Array.from(t).reduce(((e,t)=>e+parseInt(t.getAttribute("amount")||"0")),0),t.forEach(((r,s)=>{const a=parseInt(r.getAttribute("amount")||"0"),o=this.amountToPercent(a,!0),i=this.amountToPercent(parseInt(t[0===s?t.length-1:s-1].getAttribute("amount")||"0"),!0),n=this.amountToPercent(parseInt(t[s===t.length-1?0:s+1].getAttribute("amount")||"0"),!0);let p=o<4&&(i<5||n<5);0===o&&a>0&&(n<8||i<8)&&(p=!0);const h="bar5"===this.getType()?this.notStartedColor?s:s+1:s,l=this.types[this.getType()].colors[h],c={amount:a,perc:o,legend:r.getAttribute("legend"),color:l||"#d4d4d4",offset:e,id:`${this.uid}-${s+1}`,title:r.getAttribute("popover-title"),text:r.getAttribute("popover-text"),buttonText:r.getAttribute("popover-button-text"),sliceRef:r,inSmallCluster:p};e+=a,this.slicesData.push(c)})),this.chartData=this.types[this.getType()]}getSliceEls(){this.svgEl&&(this.sliceEls=Array.from(this.svgEl.querySelectorAll(this.chartData.isBar?"rect":"path")))}handleResize(){(this.chartType.includes("bar")||"hybrid"===this.chartType)&&this.debouncedResize()}async componentWillLoad(){if(!this.label)throw new Error("For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information.");this.showValues&&console.warn("wm-chart: show-values has been deprecated as of v3.1.0. Please use value-format instead."),"hybrid"===this.chartType&&this.setHybridType(),await this.getData()}componentDidLoad(){this.getSliceEls()}componentDidUpdate(){this.getSliceEls()}handleSliceUpdate(){this.debouncedSliceUpdate()}renderFilter(){return r("defs",null,r("filter",{id:"wmHoverDropShadow"},r("feGaussianBlur",{stdDeviation:"3"}),r("feOffset",{result:"offsetblur"}),r("feFlood",{"flood-color":"#333"}),r("feComposite",{operator:"in",in2:"offsetblur"}),r("feMerge",null,r("feMergeNode",null),r("feMergeNode",{in:"SourceGraphic"}))))}renderDoughnut(){const e=this.chartData.size+this.chartData.padding;return r("div",{class:"svg-wrapper doughnut-wrapper"},r("svg",{width:e+"px",height:e+"px",ref:e=>this.svgEl=e,id:`graphic-${this.uid}`,class:"chart-svg doughnut-svg "+(this.isTabbing?"user-is-tabbing":"")},this.renderFilter(),this.slicesData.map((e=>this.renderPath(e))),"doughnut0"===this.getType()?r("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},this.amountToPercent(this.slicesData[0].amount,!0)+"%"):r("g",{transform:`translate(${this.chartData.padding/2}, ${this.chartData.padding/2})`,"text-anchor":"middle","dominant-baseline":"middle"},this.slicesData.map((e=>e.amount>0?this.renderDoughnutText(e):"")))))}renderPath(e){return r("g",{transform:`translate(${this.chartData.padding/2}, ${this.chartData.padding/2})`},r("path",{id:e.id,fill:e.amount?e.color:"transparent",d:this.getPathData(e.amount,e.offset),onClick:t=>{this.popoverEl&&(this.isTabbing||(e.coords={x:t.clientX,y:t.clientY},this.openPopover(e)))},onFocus:t=>{this.popoverEl&&this.isTabbing&&(e.coords=p(t.target),this.openPopover(e))},onKeyDown:e=>{if(this.popoverEl&&this.popoverEl.open&&13===e.keyCode){const e=this.popoverEl.querySelector("button");e&&e.click()}}}),r("text",{class:"sr-only"},e.legend))}renderDoughnutText(e){if(!e.inSmallCluster){const t=this.amountToDegree(e.offset+e.amount/2);let{x:s,y:a}=this.polarToCartesian(this.chartData.size/2,1.4,t-90);return r("text",{class:"value",x:s+"px",y:a+"px"},`${e.perc>0?e.perc:"<1"}%`)}}renderBar(){return r("div",{class:"svg-wrapper bar-wrapper"},"bar1"===this.getType()?r("div",{class:"single-perc"},this.amountToPercent(this.slicesData[0].amount,!0)+"%"):"",this.drawAxis(),r("div",{class:"completion-message-wrapper"},r("svg",{ref:e=>this.svgEl=e,id:`graphic-${this.uid}`,class:{"chart-svg bar-svg":!0,"user-is-tabbing":this.isTabbing,"show-values":"percentage"===this.tempValueFormat||"amount"===this.tempValueFormat}},this.renderFilter(),r("foreignObject",{class:"bar2"===this.getType()||"bar4"===this.getType()||"bar5"===this.getType()?"focus-offset":""},r("div",{xmlns:"http://www.w3.org/1999/xhtml",class:"tabbing-focus"})),this.slicesData.map(((e,t)=>this.renderRect(e,t))),"bar1"!==this.getType()?r("g",{class:"percs"},this.slicesData.map((e=>e.perc>0?this.renderBarText(e):""))):""),this.renderCompletionMessage()))}renderRect(e,t){let s;switch(this.getType()){case"bar2":case"bar4":case"bar5":s="percentage"===this.tempValueFormat||"amount"===this.tempValueFormat?"30px":"0";break;default:s="0"}const a=Math.random()/1e3;return r("g",{class:"barcontainer"},r("style",null,` #${e.id} {\n fill:${e.color};\n x: ${this.amountToPercent(e.offset,!1)}%;\n y: ${s};\n height: 30px;\n width: calc(${this.amountToPercent(e.amount,!1)+a}%${t!==this.slicesData.length-1?" - 2px":""});\n }`),r("rect",{id:e.id,onClick:t=>{this.popoverEl&&(this.isTabbing||(e.coords={x:t.clientX,y:t.clientY},this.openPopover(e)))},onFocus:t=>{this.popoverEl&&this.isTabbing&&(e.coords=p(t.target),this.openPopover(e))},onKeyDown:e=>{if(this.popoverEl&&this.popoverEl.open&&13===e.keyCode){const e=this.popoverEl.querySelector("button");e&&e.click()}}}),r("text",{class:"sr-only"},e.legend))}renderBarText(e){let t;if("percentage"===this.tempValueFormat)t=e.perc+"%";else{if("amount"!==this.tempValueFormat)return;t=e.amount}return r("text",{class:"value",x:`${this.amountToPercent(e.offset,!1)+this.amountToPercent(e.amount,!1)/2}%`},t)}drawAxis(){if("bar3"===this.getType())return r("svg",{class:"axis"},r("line",{x1:"0",x2:"100%",y1:"0",y2:"0"}),r("line",{x1:"0",x2:"0",y1:"0",y2:"-85px"}),r("line",{class:"tick",x1:"0.5",x2:"0.5",y1:"0",y2:"6"}),r("text",{x:"0.5",y:"-6"},"0%"),r("line",{class:"tick",x1:"100%",x2:"100%",y1:"0",y2:"6"}),r("text",{x:"100%",y:"-6"},"100%"))}renderCompletionMessage(){if("hybrid"===this.chartType&&this.completionMessage)return r("span",{class:"completion-message"},this.completionMessage)}renderLegend(){if(this.showLegend){const e=this.slicesData.reduce(((e,t)=>!!t.inSmallCluster||e),!1);return r("div",{class:"legend-wrapper"},r("div",{class:"legend "+(this.chartData.isBar?"--top":"--bottom"),"aria-hidden":"true"},this.total>0?this.slicesData.map((e=>{if(e.amount||e.legend)return r("div",{class:"legend-item"},r("div",{class:"legend-color",style:{"background-color":e.color}}),r("div",{class:"legend-text"},e.legend))})):""),!this.chartData.isBar&&e?r("div",{class:"cluster-warning"},h.formatMessage({id:"chart.hiddenPercentages",defaultMessage:"Percentages smaller than 5% are not shown when too close to each other."}),r("br",null),h.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details."})):"")}}render(){return r(s,{role:"application","aria-label":this.label+", "+h.formatMessage({id:"chart.interactiveChart",defaultMessage:"Interactive chart. Use arrow keys to browse elements, press Tab to exit."}),tabindex:"0"},r("div",{class:`component-wrapper ${this.getType()} ${"left"===this.labelPosition&&"bar4"===this.chartType?"left-label":""}`},r("label",{class:"label",id:`label-${this.uid}`,htmlFor:`graphic-${this.uid}`},r("span",{class:"label-text"},this.label),this.subinfo?r("span",{class:"subinfo"},this.subinfo):""),this.chartData.isBar?this.renderLegend():"",this.total>0&&this.chartData.isBar?this.renderBar():this.renderDoughnut(),this.chartData.isBar?"":this.renderLegend(),r("priv-chart-popover",{class:this.isTabbing?"user-is-tabbing":"",ref:e=>this.popoverEl=e}),"doughnut0"===this.hybridType?this.renderCompletionMessage():""))}get el(){return a(this)}};c.style=".component-wrapper{display:flex;flex-direction:column;align-items:center;font-size:0.875rem;position:relative;}.component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:500;position:relative}.component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}.component-wrapper .legend-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.component-wrapper .legend-wrapper .legend{display:flex;align-items:center;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;box-sizing:border-box}.component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}.component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}.component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}.component-wrapper .legend-wrapper .legend .legend-item{position:relative}.component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}.component-wrapper .legend-wrapper .legend .legend-text{padding-left:1rem;line-height:1}.component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}.component-wrapper .legend-wrapper .cluster-warning{font-size:0.75rem;font-style:italic;max-width:100%}.component-wrapper .chart-svg{overflow:visible}.component-wrapper .chart-svg:active,.component-wrapper .chart-svg:hover,.component-wrapper .chart-svg:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.component-wrapper .chart-svg::-moz-focus-inner{border:0;outline:none}.component-wrapper .chart-svg path:active,.component-wrapper .chart-svg path:hover,.component-wrapper .chart-svg path:focus,.component-wrapper .chart-svg rect:active,.component-wrapper .chart-svg rect:hover,.component-wrapper .chart-svg rect:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:url(#wmHoverDropShadow)}.component-wrapper .chart-svg path::-moz-focus-inner,.component-wrapper .chart-svg rect::-moz-focus-inner{border:0;outline:none}.component-wrapper .bar-wrapper{flex-grow:1;width:100%}.component-wrapper .bar-wrapper rect{height:30px}.component-wrapper .doughnut-wrapper .chart-svg{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}.component-wrapper .completion-message-wrapper{position:relative;flex-grow:1}.component-wrapper.doughnut1 label,.component-wrapper.doughnut1 .label-text,.component-wrapper.doughnut2 label,.component-wrapper.doughnut2 .label-text,.component-wrapper.doughnut3 label,.component-wrapper.doughnut3 .label-text{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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.component-wrapper.doughnut0{align-items:center}.component-wrapper.doughnut0 label{text-align:center;width:100%;padding-bottom:1.5rem}.component-wrapper.doughnut0 label .subinfo{position:absolute}.component-wrapper.doughnut0 .legend{display:flex}.component-wrapper.doughnut0 .completion-message{padding-top:0.625rem}.component-wrapper .bar-svg{width:100%}.component-wrapper .bar-svg foreignObject{width:100%;height:30px;overflow:visible}.component-wrapper.bar1{padding:1.25rem;position:relative;align-items:flex-start}.component-wrapper.bar1 label{display:flex;flex-direction:column}.component-wrapper.bar1 label .subinfo{position:initial}.component-wrapper.bar1 .legend{display:none}.component-wrapper.bar1 .completion-message{position:absolute;right:0;top:30px;margin-top:4px}.component-wrapper.bar1 .bar-wrapper{display:flex;align-items:center}.component-wrapper.bar1 .bar-wrapper .single-perc{width:4rem;flex:none}.component-wrapper.bar1 .bar-wrapper .chart-svg{flex:1;height:30px}@media screen and (min-width: 768px){.component-wrapper.bar1{flex-direction:row;align-items:center}.component-wrapper.bar1 label{width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;flex:none}.component-wrapper.bar1 .bar-wrapper{flex-direction:row-reverse}.component-wrapper.bar1 .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem}}.component-wrapper.bar2,.component-wrapper.bar3,.component-wrapper.bar4,.component-wrapper.bar5{align-items:flex-start}.component-wrapper.bar2 .legend,.component-wrapper.bar4 .legend,.component-wrapper.bar5 .legend{padding-bottom:0}.component-wrapper.bar2 .chart-svg,.component-wrapper.bar4 .chart-svg,.component-wrapper.bar5 .chart-svg{height:30px;margin-top:20px;margin-bottom:0}.component-wrapper.bar2 .chart-svg.show-values,.component-wrapper.bar4 .chart-svg.show-values,.component-wrapper.bar5 .chart-svg.show-values{height:60px;margin-top:0;margin-bottom:0}.component-wrapper.bar2 .chart-svg .percs,.component-wrapper.bar4 .chart-svg .percs,.component-wrapper.bar5 .chart-svg .percs{transform:translateY(24px);text-anchor:middle}.component-wrapper.bar3 .legend{padding-bottom:1.25rem}.component-wrapper.bar3 .svg-wrapper{position:relative;height:100px}.component-wrapper.bar3 .svg-wrapper .chart-svg{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}.component-wrapper.bar3 .svg-wrapper .chart-svg text{fill:#4a4a4a}.component-wrapper.bar3 .svg-wrapper .chart-svg .percs{transform:translateY(-4px);text-anchor:middle}.component-wrapper.bar3 .svg-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;transform:translateY(90px)}.component-wrapper.bar3 .svg-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}.component-wrapper.bar3 .svg-wrapper .axis text{transform:translate(4px, 24px);text-anchor:middle}.component-wrapper.left-label{flex-direction:row}.component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;flex:none;align-self:flex-end;min-height:30px;display:flex;align-items:center}:host(:focus){outline:none}:host(:focus) .chart-svg.user-is-tabbing:not(.show-values){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .chart-svg.user-is-tabbing:not(.show-values)::-moz-focus-inner{border:0}:host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;width:100%;height:30px}:host(:focus) .chart-svg.user-is-tabbing.show-values .tabbing-focus::-moz-focus-inner{border:0}:host(:focus) .chart-svg.user-is-tabbing.show-values .focus-offset{transform:translateY(30px)}";export{c as wm_chart}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as o,f as r}from"./p-9baa3039.js";import{i as n,g as a,l,q as h}from"./p-e60fe2f5.js";const p=class{constructor(e){t(this,e),this.wmOptionSelected=i(this,"wmOptionSelected",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmEnterKeyPressed=i(this,"wmEnterKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmOptionBlurred=i(this,"wmOptionBlurred",7),this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1}get isMultiChild(){var t;return null===(t=this.el.parentElement)||void 0===t?void 0:t.multiple}handleKeydown(t){switch(t.keyCode){case 38:t.preventDefault(),this.wmKeyUpPressed.emit();break;case 40:t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case 13:t.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case 32:t.preventDefault(),this.el.click();break;case 27:t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case 36:t.preventDefault(),this.wmHomeKeyPressed.emit();break;case 35:t.preventDefault(),this.wmEndKeyPressed.emit();break;case 9:this.wmTabKeyPressed.emit();break;default:this.wmLetterPressed.emit(t.key)}}handleSelection(){this.disabled||this.wmOptionSelected.emit()}handleBlur(t){this.wmOptionBlurred.emit({relatedTarget:t.relatedTarget})}syncAriaSelected(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.removeAttribute("aria-selected")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}focusHandler(t){t&&this.el.focus()}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick()}render(){return e(s,{role:"option",tabindex:this.focused?0:-1,class:`${this.subinfo?"hassubinfo":""} ${this.isMultiChild?"multi-option":""}`},e("div",{class:"option-wrapper "+(this.isMultiChild?"checkbox":"")},e("slot",null)),e("div",{class:"subinfo"},this.subinfo))}get el(){return o(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"],focused:["focusHandler"]}}};p.style='@charset "UTF-8";:host(:not(:last-child)),wm-option:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host,wm-option{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a;user-select:none}:host:focus,:host.focus,wm-option:focus,wm-option.focus{outline:none;background:#f4f4f4}:host.icon,wm-option.icon{color:#575195}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline;margin-right:0.25rem;color:#575195}:host([aria-selected=true]),wm-option[aria-selected=true]{background:rgba(46, 27, 70, 0.05);font-weight:500}:host([aria-selected=true]) .checkbox:before,wm-option[aria-selected=true] .checkbox:before{content:""}:host([aria-disabled=true]),wm-option[aria-disabled=true]{font-style:italic;color:#6b6b6b;cursor:default}:host([aria-disabled=true]) .checkbox:before,wm-option[aria-disabled=true] .checkbox:before{color:#6b6b6b}:host(.multi-option),wm-option.multi-option{background:unset}:host(.hassubinfo),wm-option.hassubinfo{display:flex}:host(.hassubinfo) .option-wrapper,wm-option.hassubinfo .option-wrapper{flex:1}:host(.hassubinfo) .subinfo,wm-option.hassubinfo .subinfo{flex:none}.subinfo{font-style:italic}.option-wrapper{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-option:focus{outline:none;background:#f4f4f4}:host(:hover){background:#f4f4f4;outline:none}';const d=class{constructor(e){t(this,e),this.wmSelectDidLoad=i(this,"wmSelectDidLoad",7),this.wmSelectBlurred=i(this,"wmSelectBlurred",7),this.wmComponentBlurred=i(this,"wmComponentBlurred",7),this.disabled=!1,this.invalid=!1,this.labelPosition="top",this.requiredField=!1,this.errorMessage="",this.multiple=!1,this.placeholder=n.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection"}),this.allSelectedMessage=n.formatMessage({id:"select.allSelected",defaultMessage:"All selected"}),this.requiredMessage=n.formatMessage({id:"global.requiredField",defaultMessage:"required field"}),this.isTabbing=!1,this.isExpanded=!1,this.keysSoFar="",this.searchIndex=0,this.keyClear=null,this.openUp=!1,this.overflowCount=0,this.displayedItems=[],this.allSelected=!1}get childItems(){return Array.from(this.el.querySelectorAll("wm-option"))}get selectedItems(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleOptionSelection(t){this.multiple||this.childItems.filter((i=>i!=t.target&&!!i.selected)).map((t=>t.selected=!1)),this.focusItem(t.target),this.selectItem(t.target),this.multiple||this.close()}handeChildEnter(){this.close()}handleChildUp(t){this.moveUp(t.target)}handleChildDown(t){this.moveDown(t.target)}moveToFirstItem(){this.focusItem(this.childItems[0])}moveToLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}handleTabKey(){this.close(!1)}closePopupOnEscape(){this.close()}handleOptionBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isExpanded&&this.close()}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}handleKey(t){switch(t.keyCode){case 40:!1===this.isExpanded&&(t.preventDefault(),this.open("next"));break;case 38:!1===this.isExpanded&&(t.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("button").focus()},this.uid=this.el.id?this.el.id:a(),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}componentDidLoad(){if(this.wmSelectDidLoad.emit(),!this.childItems.length)throw new Error("wm-select should have wm-option elements as children.");if(this.multiple&&this.childItems.filter((t=>t.subinfo)).length>0)throw new Error("wm-select with the multiple prop cannot have subinfo options");if(this.multiple&&!this.placeholder)throw new Error("wm-select with the multiple prop needs to also use the placeholder prop.");this.selectedItems.length>0?(this.selectedItems.forEach((t=>this.displayedItems.push(t))),this.setButtonText()):this.multiple||this.selectItem(this.childItems[0]),this.optionsEl.classList.add("hidden"),r(this.el),this.maxHeight&&(this.optionsEl.style.maxHeight=this.maxHeight)}moveUp(t){const i=t.previousElementSibling;i?(i.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&(this.optionsEl.scrollTop=i.getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop),this.focusItem(i)):this.focusItem(this.childItems[this.childItems.length-1])}moveDown(t){const i=t.nextElementSibling;i&&"INPUT"!==i.tagName?(i.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&(this.optionsEl.scrollTop=i.getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight),this.focusItem(i)):this.focusItem(this.childItems[0])}open(t){this.disabled||(this.openUp=l(this.el,this.optionsEl,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.selectedItems.length>0?"next"===t?this.moveDown(this.selectedItems[this.selectedItems.length-1]):"previous"===t?this.moveUp(this.selectedItems[0]):this.focusItem(this.selectedItems[0]):this.focusItem(this.childItems[0])})))}close(t=!0){this.isExpanded=!1,this.childItems.map((t=>t.focused=!1)),window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),t&&this.el.focus()}),150)}focusItem(t){this.childItems.forEach((i=>i.focused=i===t))}selectItem(t){this.multiple?t.selected=!t.selected:this.childItems.forEach((i=>i.selected=i===t)),this.setButtonText()}findAndFocusItem(t){const i=t.detail.toUpperCase();if(!this.keysSoFar)for(var e=0;e<this.childItems.length;e++)this.childItems[e].focused&&(this.searchIndex=e);this.keysSoFar+=i,this.clearKeysSoFarAfterDelay();var s=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);s||(s=this.findMatchInRange(this.childItems,0,this.searchIndex)),s&&this.focusItem(s)}clearKeysSoFarAfterDelay(){this.keyClear&&(window.clearTimeout(this.keyClear),this.keyClear=null),this.keyClear=window.setTimeout(function(){this.keysSoFar="",this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,e){for(var s=i;s<e;s++){var o=t[s].textContent;if(o&&0===o.toUpperCase().indexOf(this.keysSoFar))return t[s]}return null}exposeErrors(){const t=a();this.errorContainer.id=`wm-errors-${t}`,this.buttonEl.setAttribute("aria-describedby",`wm-errors-${t}`)}renderErrorContainer(){return e("div",{id:"wm-errors",class:this.errorMessage?"error-message":"",ref:t=>this.errorContainer=t,"aria-live":"assertive","aria-atomic":"true"},this.errorMessage)}handleComponentBlur(){this.isExpanded||(this.wmSelectBlurred.emit(),this.wmComponentBlurred.emit())}setButtonText(){if(this.displayedItems=this.childItems.filter((t=>t.selected)),this.allSelected=this.displayedItems.length===this.childItems.length,this.multiple){const t=38,i=window.getComputedStyle(this.buttonEl),e=parseInt(i.getPropertyValue("padding-left").slice(0,-2)),s=parseInt(i.getPropertyValue("padding-right").slice(0,-2)),o=this.buttonEl.clientWidth-e-s-t;let r=this.displayedItems.map((t=>t.shadowRoot.querySelector(".option-wrapper").clientWidth)),n=r.reduce(((t,i)=>t+i),0);for(this.overflowCount=0;n>o&&this.displayedItems.length>1;)this.overflowCount++,n-=r[r.length-1],r.pop(),this.displayedItems.pop()}}renderButtonText(){return this.multiple&&this.displayedItems.length<1?e("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedItems.map(((t,i)=>e("span",null,i>0?", ":"",t.textContent)))}renderSubinfo(){if(!this.multiple&&this.selectedItems.length>0&&this.selectedItems[0].subinfo)return e("span",{class:"subinfo"},this.selectedItems[0].subinfo)}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return e("span",null,e("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const t={id:`selectbtn-${this.uid}`,disabled:this.disabled,"aria-controls":`list-${this.uid}`,"aria-labelledby":`label-${this.uid} selectbtn-${this.uid}`,"aria-describedby":"wm-errors","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:()=>this.handleComponentBlur()};return e(s,{onBlur:()=>this.close(!1)},e("div",{class:`wrapper ${h()} label-${this.labelPosition} ${this.invalid||this.errorMessage?"invalid":""}`},e("div",{class:"label-wrapper"},e("label",{class:"label",id:`label-${this.uid}`,htmlFor:`selectbtn-${this.uid}`},this.label,this.requiredField?e("span",{class:"required"},e("span",{class:"sr-only"},this.requiredMessage),e("span",{"aria-hidden":"true"},"*")):"")),e("div",{class:"dropdown"},e("button",Object.assign({},t,{class:"displayedoption "+(this.isTabbing?"user-is-tabbing":""),ref:t=>this.buttonEl=t,onBlur:t=>this.handleButtonBlur(t)}),e("span",{class:this.selectedItems.length>0&&this.selectedItems.filter((t=>t.subinfo)).length>0?"overflowcontrol hassubinfo":"overflowcontrol"},e("span",{class:"button-text"},this.renderButtonText()),this.renderSubinfo()),this.renderOverflowCount()),e("div",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":`label-${this.uid}`,ref:t=>this.optionsEl=t},e("slot",null)),this.renderErrorContainer())))}get el(){return o(this)}static get watchers(){return{errorMessage:["exposeErrors"]}}};d.style='@charset "UTF-8";:host{position:relative;display:block;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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:#c0392b}.wrapper.label-left{flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:flex;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:#c0392b}.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:"";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 .dropdown{position:relative;font-size:1.125rem;color:#575195;min-width:8.75rem}.wrapper .dropdown .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:flex;align-items:center;flex-wrap:nowrap;background:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .dropdown .displayedoption{height:2.75rem}}.wrapper .dropdown .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:"";position:absolute;right:0.5625rem;pointer-events:none}.wrapper .dropdown .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;text-decoration:none}.wrapper .dropdown .displayedoption:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .dropdown .displayedoption:focus{outline:none}.wrapper .dropdown .displayedoption::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .dropdown .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo{display:flex}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .button-text{flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .subinfo{flex:none;font-style:italic}.wrapper .dropdown .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .dropdown>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .dropdown>.options{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;-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:0;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}.wrapper .dropdown>.options.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 .dropdown>.options.hidden{visibility:hidden}.wrapper .dropdown>.options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .dropdown .displayedoption{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}.wrapper .error-message{color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;display:block;top:100%;left:0;font-style:italic}.rtl>.options{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.options .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{p as wm_option,d as wm_select}
|
|
1
|
+
import{r as t,c as i,h as e,H as s,g as o,f as r}from"./p-9baa3039.js";import{i as n,g as a,l,q as h}from"./p-e60fe2f5.js";const p=class{constructor(e){t(this,e),this.wmOptionSelected=i(this,"wmOptionSelected",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmEnterKeyPressed=i(this,"wmEnterKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmOptionBlurred=i(this,"wmOptionBlurred",7),this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1}get isMultiChild(){var t;return null===(t=this.el.parentElement)||void 0===t?void 0:t.multiple}handleKeydown(t){switch(t.keyCode){case 38:t.preventDefault(),this.wmKeyUpPressed.emit();break;case 40:t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case 13:t.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case 32:t.preventDefault(),this.el.click();break;case 27:t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case 36:t.preventDefault(),this.wmHomeKeyPressed.emit();break;case 35:t.preventDefault(),this.wmEndKeyPressed.emit();break;case 9:this.wmTabKeyPressed.emit();break;default:this.wmLetterPressed.emit(t.key)}}handleSelection(){this.disabled||this.wmOptionSelected.emit()}handleBlur(t){this.wmOptionBlurred.emit({relatedTarget:t.relatedTarget})}syncAriaSelected(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.removeAttribute("aria-selected")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}focusHandler(t){t&&this.el.focus()}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick()}render(){return e(s,{role:"option",tabindex:this.focused?0:-1,class:`${this.subinfo?"hassubinfo":""} ${this.isMultiChild?"multi-option":""}`},e("div",{class:"option-wrapper "+(this.isMultiChild?"checkbox":"")},e("slot",null)),e("div",{class:"subinfo"},this.subinfo))}get el(){return o(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"],focused:["focusHandler"]}}};p.style='@charset "UTF-8";:host(:not(:last-child)),wm-option:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host,wm-option{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a;user-select:none}:host:focus,:host.focus,wm-option:focus,wm-option.focus{outline:none;background:#f4f4f4}:host.icon,wm-option.icon{color:#575195}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline;margin-right:0.25rem;color:#575195}:host([aria-selected=true]),wm-option[aria-selected=true]{background:rgba(46, 27, 70, 0.05);font-weight:500}:host([aria-selected=true]) .checkbox:before,wm-option[aria-selected=true] .checkbox:before{content:""}:host([aria-disabled=true]),wm-option[aria-disabled=true]{font-style:italic;color:#6b6b6b;cursor:default}:host([aria-disabled=true]) .checkbox:before,wm-option[aria-disabled=true] .checkbox:before{color:#6b6b6b}:host(.multi-option),wm-option.multi-option{background:unset}:host(.hassubinfo),wm-option.hassubinfo{display:flex}:host(.hassubinfo) .option-wrapper,wm-option.hassubinfo .option-wrapper{flex:1}:host(.hassubinfo) .subinfo,wm-option.hassubinfo .subinfo{flex:none}.subinfo{font-style:italic}.option-wrapper{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-option:focus{outline:none;background:#f4f4f4}:host(:hover){background:#f4f4f4;outline:none}';const d=class{constructor(e){t(this,e),this.wmSelectDidLoad=i(this,"wmSelectDidLoad",7),this.wmSelectBlurred=i(this,"wmSelectBlurred",7),this.wmComponentBlurred=i(this,"wmComponentBlurred",7),this.disabled=!1,this.invalid=!1,this.labelPosition="top",this.requiredField=!1,this.errorMessage="",this.multiple=!1,this.placeholder=n.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection"}),this.allSelectedMessage=n.formatMessage({id:"select.allSelected",defaultMessage:"All selected"}),this.requiredMessage=n.formatMessage({id:"global.requiredField",defaultMessage:"required field"}),this.isTabbing=!1,this.isExpanded=!1,this.keysSoFar="",this.searchIndex=0,this.keyClear=null,this.openUp=!1,this.overflowCount=0,this.displayedItems=[],this.allSelected=!1}get childItems(){return Array.from(this.el.querySelectorAll("wm-option"))}get selectedItems(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleOptionSelection(t){this.multiple||this.childItems.filter((i=>i!=t.target&&!!i.selected)).map((t=>t.selected=!1)),this.focusItem(t.target),this.selectItem(t.target),this.multiple||this.close()}handeChildEnter(){this.close()}handleChildUp(t){this.moveUp(t.target)}handleChildDown(t){this.moveDown(t.target)}moveToFirstItem(){this.focusItem(this.childItems[0])}moveToLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}handleTabKey(){this.close(!1)}closePopupOnEscape(){this.close()}handleOptionBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isExpanded&&this.close()}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}handleKey(t){switch(t.keyCode){case 40:!1===this.isExpanded&&(t.preventDefault(),this.open("next"));break;case 38:!1===this.isExpanded&&(t.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.el.focus=function(){this.disabled||this.shadowRoot.querySelector("button").focus()},this.uid=this.el.id?this.el.id:a(),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}componentDidLoad(){if(this.wmSelectDidLoad.emit(),!this.childItems.length)throw new Error("wm-select should have wm-option elements as children.");if(this.multiple&&this.childItems.filter((t=>t.subinfo)).length>0)throw new Error("wm-select with the multiple prop cannot have subinfo options");if(this.multiple&&!this.placeholder)throw new Error("wm-select with the multiple prop needs to also use the placeholder prop.");this.selectedItems.length>0?(this.selectedItems.forEach((t=>this.displayedItems.push(t))),this.setButtonText()):this.multiple||this.selectItem(this.childItems[0]),this.optionsEl.classList.add("hidden"),r(this.el),this.maxHeight&&(this.optionsEl.style.maxHeight=this.maxHeight)}moveUp(t){const i=t.previousElementSibling;i?(i.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&(this.optionsEl.scrollTop=i.getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop),this.focusItem(i)):this.focusItem(this.childItems[this.childItems.length-1])}moveDown(t){const i=t.nextElementSibling;i&&"INPUT"!==i.tagName?(i.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&(this.optionsEl.scrollTop=i.getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight),this.focusItem(i)):this.focusItem(this.childItems[0])}open(t){this.disabled||(this.openUp=l(this.el,this.optionsEl,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{this.selectedItems.length>0?"next"===t?this.moveDown(this.selectedItems[this.selectedItems.length-1]):"previous"===t?this.moveUp(this.selectedItems[0]):this.focusItem(this.selectedItems[0]):this.focusItem(this.childItems[0])})))}close(t=!0){this.isExpanded=!1,this.childItems.map((t=>t.focused=!1)),window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),t&&this.el.focus()}),150)}focusItem(t){this.childItems.forEach((i=>i.focused=i===t))}selectItem(t){this.multiple?t.selected=!t.selected:this.childItems.forEach((i=>i.selected=i===t)),this.setButtonText()}findAndFocusItem(t){const i=t.detail.toUpperCase();if(!this.keysSoFar)for(var e=0;e<this.childItems.length;e++)this.childItems[e].focused&&(this.searchIndex=e);this.keysSoFar+=i,this.clearKeysSoFarAfterDelay();var s=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);s||(s=this.findMatchInRange(this.childItems,0,this.searchIndex)),s&&this.focusItem(s)}clearKeysSoFarAfterDelay(){this.keyClear&&(window.clearTimeout(this.keyClear),this.keyClear=null),this.keyClear=window.setTimeout(function(){this.keysSoFar="",this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,e){for(var s=i;s<e;s++){var o=t[s].textContent;if(o&&0===o.toUpperCase().indexOf(this.keysSoFar))return t[s]}return null}exposeErrors(){const t=a();this.errorContainer.id=`wm-errors-${t}`,this.buttonEl.setAttribute("aria-describedby",`wm-errors-${t}`)}renderErrorContainer(){return e("div",{id:"wm-errors",class:this.errorMessage?"error-message":"",ref:t=>this.errorContainer=t,"aria-live":"assertive","aria-atomic":"true"},this.errorMessage)}handleComponentBlur(){this.isExpanded||(this.wmSelectBlurred.emit(),this.wmComponentBlurred.emit())}setButtonText(){if(this.displayedItems=this.childItems.filter((t=>t.selected)),this.allSelected=this.displayedItems.length===this.childItems.length,this.multiple){const t=38,i=window.getComputedStyle(this.buttonEl),e=parseInt(i.getPropertyValue("padding-left").slice(0,-2)),s=parseInt(i.getPropertyValue("padding-right").slice(0,-2)),o=this.buttonEl.clientWidth-e-s-t;let r=this.displayedItems.map((t=>t.shadowRoot.querySelector(".option-wrapper").clientWidth)),n=r.reduce(((t,i)=>t+i),0);for(this.overflowCount=0;n>o&&this.displayedItems.length>1;)this.overflowCount++,n-=r[r.length-1],r.pop(),this.displayedItems.pop()}}renderButtonText(){return this.multiple&&this.displayedItems.length<1?e("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedItems.map(((t,i)=>e("span",null,i>0?", ":"",t.textContent)))}renderSubinfo(){if(!this.multiple&&this.selectedItems.length>0&&this.selectedItems[0].subinfo)return e("span",{class:"subinfo"},this.selectedItems[0].subinfo)}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return e("span",null,e("span",{class:"overflow-counter"},"+",this.overflowCount))}render(){const t={id:`selectbtn-${this.uid}`,disabled:this.disabled,"aria-controls":`list-${this.uid}`,"aria-labelledby":`label-${this.uid} selectbtn-${this.uid}`,"aria-describedby":"wm-errors","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:()=>this.handleComponentBlur()};return e(s,{onBlur:()=>this.close(!1)},e("div",{class:`wrapper ${h()} label-${this.labelPosition} ${this.invalid||this.errorMessage?"invalid":""}`},e("div",{class:"label-wrapper"},e("label",{class:"label",id:`label-${this.uid}`,htmlFor:`selectbtn-${this.uid}`},this.label,this.requiredField?e("span",{class:"required"},e("span",{class:"sr-only"},this.requiredMessage),e("span",{"aria-hidden":"true"},"*")):"")),e("div",{class:"dropdown"},e("button",Object.assign({},t,{class:"displayedoption "+(this.isTabbing?"user-is-tabbing":""),ref:t=>this.buttonEl=t,onBlur:t=>this.handleButtonBlur(t)}),e("span",{class:this.selectedItems.length>0&&this.selectedItems.filter((t=>t.subinfo)).length>0?"overflowcontrol hassubinfo":"overflowcontrol"},e("span",{class:"button-text"},this.renderButtonText()),this.renderSubinfo()),this.renderOverflowCount()),e("div",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":`label-${this.uid}`,ref:t=>this.optionsEl=t},e("slot",null)),this.renderErrorContainer())))}get el(){return o(this)}static get watchers(){return{errorMessage:["exposeErrors"]}}};d.style='@charset "UTF-8";:host{position:relative;display:block;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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:#c0392b}.wrapper.label-left{flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:flex;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;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:#c0392b}.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:"";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 .dropdown{position:relative;flex:1;font-size:1.125rem;color:#575195;min-width:8.75rem}.wrapper .dropdown .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:flex;align-items:center;flex-wrap:nowrap;background:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .dropdown .displayedoption{height:2.75rem}}.wrapper .dropdown .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:"";position:absolute;right:0.5625rem;pointer-events:none}.wrapper .dropdown .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;text-decoration:none}.wrapper .dropdown .displayedoption:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .dropdown .displayedoption:focus{outline:none}.wrapper .dropdown .displayedoption::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .dropdown .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.wrapper .dropdown .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo{display:flex}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .button-text{flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .dropdown .displayedoption .overflowcontrol.hassubinfo .subinfo{flex:none;font-style:italic}.wrapper .dropdown .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .dropdown>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .dropdown>.options{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;-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:0;right:0;background:#fff;z-index:100;width:100%;font-size:0.875rem}.wrapper .dropdown>.options.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 .dropdown>.options.hidden{visibility:hidden}.wrapper .dropdown>.options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .dropdown .displayedoption{-webkit-box-shadow:0 0 0 1px #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}.wrapper .error-message{color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;display:block;top:100%;left:0;font-style:italic}.rtl>.options{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.options .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{p as wm_option,d as wm_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
window.navigator.plugins.length>0&&console.log("Ripple component library","3.4.0-1"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var e=new Event("wmUserIsTabbing");window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(e=new Event("wmUserIsKeying"),window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));const n=document.createElement("div");n.id="wm-tooltip-container";const o=document.createElement("div");o.id="wm-tooltip",o.setAttribute("aria-hidden","true"),o.style.position="fixed",o.style.overflow="hidden",o.style.pointerEvents="none",o.style.lineHeight="normal",o.style.fontFamily="inherit",o.style.fontSize="0.875rem",o.style.textTransform="none",o.style.fontWeight="normal",o.style.background="black",o.style.color="#fff",o.style.zIndex="999999",o.style.maxWidth="13.75rem",o.style.marginRight="1.5rem",o.style.padding="0.375rem",o.style.transitionProperty="opacity",o.style.transitionDelay="opacity",o.style.opacity="0",n.appendChild(o),document.querySelector("body").appendChild(n);
|