@watermarkinsights/ripple 5.6.0-6 → 5.6.0-7
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/{chartFunctions-fb38580b.js → chartFunctions-995023b1.js} +1 -1
- package/dist/cjs/{functions-a70fcff7.js → functions-e24249e6.js} +3 -3
- package/dist/cjs/{global-c3c4f4e2.js → global-8b5f83e4.js} +1 -1
- package/dist/cjs/{intl-4a3a3a94.js → intl-5aeba788.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/priv-calendar.cjs.entry.js +1 -1
- package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
- package/dist/cjs/priv-option-list.cjs.entry.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/wm-button.cjs.entry.js +1 -1
- package/dist/cjs/wm-chart.cjs.entry.js +3 -3
- package/dist/cjs/wm-date-range.cjs.entry.js +1 -1
- package/dist/cjs/wm-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/wm-file.cjs.entry.js +1 -1
- package/dist/cjs/wm-input.cjs.entry.js +2 -2
- package/dist/cjs/wm-line-chart.cjs.entry.js +3 -3
- package/dist/cjs/wm-modal-header.cjs.entry.js +2 -2
- package/dist/cjs/wm-modal.cjs.entry.js +1 -1
- package/dist/cjs/wm-navigation_3.cjs.entry.js +2 -2
- package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
- package/dist/cjs/wm-nested-select.cjs.entry.js +2 -2
- package/dist/cjs/wm-option_2.cjs.entry.js +2 -2
- package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
- package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +2 -2
- package/dist/cjs/wm-search.cjs.entry.js +2 -2
- package/dist/cjs/wm-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
- package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
- package/dist/cjs/wm-tag-option.cjs.entry.js +1 -1
- package/dist/cjs/wm-textarea.cjs.entry.js +2 -2
- package/dist/cjs/wm-timepicker.cjs.entry.js +1 -1
- package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
- package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
- package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +2 -2
- package/dist/collection/global/functions.js +2 -2
- package/dist/esm/{chartFunctions-c07590f5.js → chartFunctions-dfcb1edf.js} +1 -1
- package/dist/esm/{functions-dea8b0f6.js → functions-b791a892.js} +3 -3
- package/dist/esm/{global-c7921f97.js → global-5c6da026.js} +1 -1
- package/dist/esm/{intl-417d8b33.js → intl-f2f7ce8b.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/priv-calendar.entry.js +1 -1
- package/dist/esm/priv-chart-popover.entry.js +2 -2
- package/dist/esm/priv-option-list.entry.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-action-menu_2.entry.js +1 -1
- package/dist/esm/wm-button.entry.js +1 -1
- package/dist/esm/wm-chart.entry.js +3 -3
- package/dist/esm/wm-date-range.entry.js +1 -1
- package/dist/esm/wm-datepicker.entry.js +1 -1
- package/dist/esm/wm-file.entry.js +1 -1
- package/dist/esm/wm-input.entry.js +2 -2
- package/dist/esm/wm-line-chart.entry.js +3 -3
- package/dist/esm/wm-modal-header.entry.js +2 -2
- package/dist/esm/wm-modal.entry.js +1 -1
- package/dist/esm/wm-navigation_3.entry.js +2 -2
- package/dist/esm/wm-navigator.entry.js +1 -1
- package/dist/esm/wm-nested-select.entry.js +2 -2
- package/dist/esm/wm-option_2.entry.js +2 -2
- package/dist/esm/wm-pagination.entry.js +1 -1
- package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
- package/dist/esm/wm-search.entry.js +2 -2
- package/dist/esm/wm-snackbar.entry.js +2 -2
- package/dist/esm/wm-tab-item_3.entry.js +1 -1
- package/dist/esm/wm-tag-input.entry.js +2 -2
- package/dist/esm/wm-tag-option.entry.js +1 -1
- package/dist/esm/wm-textarea.entry.js +2 -2
- package/dist/esm/wm-timepicker.entry.js +1 -1
- package/dist/esm/wm-toggletip.entry.js +1 -1
- package/dist/esm/wm-uploader.entry.js +2 -2
- package/dist/esm-es5/{chartFunctions-c07590f5.js → chartFunctions-dfcb1edf.js} +1 -1
- package/dist/esm-es5/{functions-dea8b0f6.js → functions-b791a892.js} +1 -1
- package/dist/esm-es5/{global-c7921f97.js → global-5c6da026.js} +1 -1
- package/dist/esm-es5/{intl-417d8b33.js → intl-f2f7ce8b.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-calendar.entry.js +1 -1
- package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
- package/dist/esm-es5/priv-option-list.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
- package/dist/esm-es5/wm-button.entry.js +1 -1
- package/dist/esm-es5/wm-chart.entry.js +1 -1
- package/dist/esm-es5/wm-date-range.entry.js +1 -1
- package/dist/esm-es5/wm-datepicker.entry.js +1 -1
- package/dist/esm-es5/wm-file.entry.js +1 -1
- package/dist/esm-es5/wm-input.entry.js +1 -1
- package/dist/esm-es5/wm-line-chart.entry.js +1 -1
- package/dist/esm-es5/wm-modal-header.entry.js +1 -1
- package/dist/esm-es5/wm-modal.entry.js +1 -1
- package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
- package/dist/esm-es5/wm-navigator.entry.js +1 -1
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/esm-es5/wm-pagination.entry.js +1 -1
- package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
- package/dist/esm-es5/wm-search.entry.js +1 -1
- package/dist/esm-es5/wm-snackbar.entry.js +1 -1
- package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
- package/dist/esm-es5/wm-tag-input.entry.js +1 -1
- package/dist/esm-es5/wm-tag-option.entry.js +1 -1
- package/dist/esm-es5/wm-textarea.entry.js +1 -1
- package/dist/esm-es5/wm-timepicker.entry.js +1 -1
- package/dist/esm-es5/wm-toggletip.entry.js +1 -1
- package/dist/esm-es5/wm-uploader.entry.js +1 -1
- package/dist/ripple/{p-fb3d5a64.system.entry.js → p-0b1c6965.system.entry.js} +1 -1
- package/dist/ripple/{p-37687638.system.entry.js → p-104c0e9b.system.entry.js} +1 -1
- package/dist/ripple/{p-2c7bb996.system.entry.js → p-1389302e.system.entry.js} +1 -1
- package/dist/ripple/{p-eeebc2c7.entry.js → p-13f51c06.entry.js} +1 -1
- package/dist/ripple/{p-03a28fd8.entry.js → p-149a22bf.entry.js} +1 -1
- package/dist/ripple/{p-bb884a44.js → p-16f65bf4.js} +1 -1
- package/dist/ripple/{p-b8963e4d.system.entry.js → p-17c8aac1.system.entry.js} +1 -1
- package/dist/ripple/{p-350223f1.entry.js → p-1e625a5e.entry.js} +1 -1
- package/dist/ripple/{p-2ed54dbc.entry.js → p-215793a4.entry.js} +1 -1
- package/dist/ripple/{p-d32bf479.js → p-21d372ed.js} +1 -1
- package/dist/ripple/{p-9e9c9d20.entry.js → p-236af552.entry.js} +1 -1
- package/dist/ripple/{p-6a6bfac8.entry.js → p-2e79fa49.entry.js} +1 -1
- package/dist/ripple/{p-c4df2809.entry.js → p-2fb58947.entry.js} +1 -1
- package/dist/ripple/{p-e004b92b.system.entry.js → p-30b905eb.system.entry.js} +1 -1
- package/dist/ripple/{p-8c02e3a3.entry.js → p-3d50db36.entry.js} +1 -1
- package/dist/ripple/{p-24c56217.system.entry.js → p-3deaf4d9.system.entry.js} +1 -1
- package/dist/ripple/{p-4df006b1.system.entry.js → p-3e415c49.system.entry.js} +1 -1
- package/dist/ripple/{p-c10f3273.entry.js → p-41550baa.entry.js} +1 -1
- package/dist/ripple/{p-f69a16d4.system.entry.js → p-4564a101.system.entry.js} +1 -1
- package/dist/ripple/{p-ace05e0b.entry.js → p-45f9ad09.entry.js} +1 -1
- package/dist/ripple/{p-4e1065d1.system.entry.js → p-465d44f0.system.entry.js} +1 -1
- package/dist/ripple/{p-e9395ac5.entry.js → p-4ca5ed96.entry.js} +1 -1
- package/dist/ripple/{p-182f1286.system.entry.js → p-50388b6f.system.entry.js} +1 -1
- package/dist/ripple/{p-37f39cd9.system.entry.js → p-505eca1c.system.entry.js} +1 -1
- package/dist/ripple/{p-503702ef.entry.js → p-5284791c.entry.js} +1 -1
- package/dist/ripple/{p-6dd5fd2e.entry.js → p-5300b15d.entry.js} +1 -1
- package/dist/ripple/{p-1d25afb6.system.js → p-5a8e86e9.system.js} +1 -1
- package/dist/ripple/{p-eded3ca5.system.entry.js → p-5a9e3108.system.entry.js} +1 -1
- package/dist/ripple/{p-190e9bc8.js → p-61262e66.js} +1 -1
- package/dist/ripple/{p-230cd6ec.system.entry.js → p-6cc07645.system.entry.js} +1 -1
- package/dist/ripple/{p-e42eeb59.system.entry.js → p-6d129ef8.system.entry.js} +1 -1
- package/dist/ripple/{p-8c7d5cd9.entry.js → p-72165bd2.entry.js} +1 -1
- package/dist/ripple/{p-c999c1f7.system.entry.js → p-725230dd.system.entry.js} +1 -1
- package/dist/ripple/{p-d9122935.system.entry.js → p-749597da.system.entry.js} +1 -1
- package/dist/ripple/{p-c28863e7.system.js → p-81c2df85.system.js} +1 -1
- package/dist/ripple/{p-cd7cef47.system.js → p-828adbf1.system.js} +1 -1
- package/dist/ripple/{p-1aead401.entry.js → p-83be63f6.entry.js} +1 -1
- package/dist/ripple/{p-abf6cfe2.entry.js → p-84ba5b74.entry.js} +1 -1
- package/dist/ripple/{p-3bdac9a4.entry.js → p-8835adfb.entry.js} +1 -1
- package/dist/ripple/{p-94db7841.entry.js → p-885c3527.entry.js} +1 -1
- package/dist/ripple/{p-71ed7e56.system.entry.js → p-a0ecb6d7.system.entry.js} +1 -1
- package/dist/ripple/{p-d52545c7.system.entry.js → p-a3c01e10.system.entry.js} +1 -1
- package/dist/ripple/{p-2a407f55.system.js → p-aa4a7527.system.js} +1 -1
- package/dist/ripple/{p-de283385.system.js → p-ae82b3d2.system.js} +1 -1
- package/dist/ripple/{p-daf03315.entry.js → p-aea13873.entry.js} +1 -1
- package/dist/ripple/{p-c93275bd.system.entry.js → p-b01f9998.system.entry.js} +1 -1
- package/dist/ripple/{p-de35505c.entry.js → p-b9dbf1f4.entry.js} +1 -1
- package/dist/ripple/{p-1ae47d48.entry.js → p-c1e3c2fb.entry.js} +1 -1
- package/dist/ripple/{p-91b21054.system.entry.js → p-c2e00d4a.system.entry.js} +1 -1
- package/dist/ripple/{p-c51398ba.entry.js → p-c47fab48.entry.js} +1 -1
- package/dist/ripple/{p-5052c9dd.system.entry.js → p-c853e185.system.entry.js} +1 -1
- package/dist/ripple/{p-b918e97a.system.entry.js → p-ca971eac.system.entry.js} +1 -1
- package/dist/ripple/{p-87d0933f.system.entry.js → p-cad0c5f9.system.entry.js} +1 -1
- package/dist/ripple/{p-709965dc.system.entry.js → p-db9657eb.system.entry.js} +1 -1
- package/dist/ripple/{p-38c177d4.entry.js → p-df157138.entry.js} +1 -1
- package/dist/ripple/{p-f8c6fa96.system.entry.js → p-e081fdc2.system.entry.js} +1 -1
- package/dist/ripple/{p-0289e88d.entry.js → p-e687176d.entry.js} +1 -1
- package/dist/ripple/{p-b0a02b42.system.entry.js → p-ed1f6b8d.system.entry.js} +1 -1
- package/dist/ripple/{p-e8c12272.js → p-eddbcb21.js} +1 -1
- package/dist/ripple/{p-10fffb96.entry.js → p-f2101a0d.entry.js} +1 -1
- package/dist/ripple/{p-588d678d.entry.js → p-f24572f5.entry.js} +1 -1
- package/dist/ripple/{p-c7dfcc99.system.entry.js → p-f40e1468.system.entry.js} +1 -1
- package/dist/ripple/{p-61a19aa5.entry.js → p-f90e4094.entry.js} +1 -1
- package/dist/ripple/{p-cb690d83.system.entry.js → p-fa4f1030.system.entry.js} +1 -1
- package/dist/ripple/{p-e26a6bd0.entry.js → p-ff1ed90f.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +68 -0
- package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +55 -0
- package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts +16 -0
- package/dist/types/components/wm-option/wm-option.d.ts +40 -0
- package/dist/types/global/functions.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js","./p-de283385.system.js","./p-c28863e7.system.js"],(function(e){"use strict";var t,o,r,i,n,s,a,l,c,p,u;return{setters:[function(e){t=e.r;o=e.c;r=e.f;i=e.h;n=e.H;s=e.g},function(e){a=e.i;l=e.t;c=e.z;p=e.y},function(e){u=e.g}],execute:function(){var m=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f142";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.visible{-webkit-transform:translateX(0%);transform:translateX(0%)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var d=e("wm_nested_select",function(){function e(e){t(this,e);this.wmNestedSelectBlurred=o(this,"wmNestedSelectBlurred",7);this.overflowCount=0;this.displayedOptions=[];this.clearSelectionMessage=this.multiple?a.formatMessage({id:"select.multiClearSelection",defaultMessage:"Clear all Selections",description:"Button text to clear selection. Use imperative"}):a.formatMessage({id:"select.singleClearSelection",defaultMessage:"Clear Selection",description:"Button text to clear selection. Use imperative"});this.disabled=false;this.maxHeight=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage=undefined;this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=this.multiple?a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text for multiple select. Use imperative"}):a.formatMessage({id:"select.singlePlaceholder",defaultMessage:"Select an Option",description:"Placeholder text for single select. Use imperative"});this.searchPlaceholder=a.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"});this.allSelectedMessage=a.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"});this.isExpanded=false;this.optgroupExpanded=false}Object.defineProperty(e.prototype,"isDisabled",{get:function(){return l(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"optgroupEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-optgroup"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuitemEls",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allSelected",{get:function(){return this.childOptions.every((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;var t=new MutationObserver((function(t){return t.forEach((function(t){return e.handleChildChange(t)}))}));t.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};e.prototype.componentDidLoad=function(){if(this.maxHeight){this.dropdownEl.style.maxHeight=this.maxHeight}};e.prototype.handleChildChange=function(e){this.setButtonText();r(this.el)};e.prototype.setButtonText=function(){this.displayedOptions=this.childOptions.filter((function(e){return e.selected}));if(this.multiple){var e=38;var t=window.getComputedStyle(this.buttonEl);var o=parseInt(t.getPropertyValue("padding-left").slice(0,-2));var r=parseInt(t.getPropertyValue("padding-right").slice(0,-2));var i=this.buttonEl.clientWidth-o-r-e;var n=this.displayedOptions.map((function(e){return e.shadowRoot.querySelector(".option-text").clientWidth}));var s=n.reduce((function(e,t){return e+t}),0);this.overflowCount=0;while(s>i&&this.displayedOptions.length>1){this.overflowCount++;s-=n[n.length-1];n.pop();this.displayedOptions.pop()}}};e.prototype.countOptgroupSelected=function(e){var t=Array.from(e.querySelectorAll("wm-option")).filter((function(e){return e.selected}));return t.length};e.prototype.handleOptionSelection=function(){if(!this.multiple){this.close()}};e.prototype.handleChildEnter=function(){this.close()};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.handleOptionKeyLeft=function(e){var t=e.detail.parentElement;t.isExpanded=false;this.focusFirstMenuitem()};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.optgroupEls.forEach((function(e){return e.isExpanded=false}));window.setTimeout((function(){t.dropdownEl.classList.remove("open");if(e){t.buttonEl.focus()}}),150)}};e.prototype.open=function(){var e=this;this.isExpanded=true;this.dropdownEl.classList.add("open");window.requestAnimationFrame((function(){e.focusFirstMenuitem()}))};e.prototype.focusFirstMenuitem=function(){if(this.menuitemEls.length>0){this.menuitemEls[0].focus()}};e.prototype.moveDown=function(e){var t=this.menuitemEls.indexOf(e);if(t==this.menuitemEls.length-1){this.menuitemEls[0].focus()}else{this.menuitemEls[t+1].focus()}};e.prototype.moveUp=function(e){var t=this.menuitemEls.indexOf(e);if(t==0){this.menuitemEls[this.menuitemEls.length-1].focus()}else{this.menuitemEls[t-1].focus()}};e.prototype.handleButtonBlur=function(e){if(c(this.el,e.relatedTarget)){e.stopPropagation()}};e.prototype.handleClick=function(e){if(!c(this.el,e.target)){this.close()}};e.prototype.handleMenuitemKeydown=function(e){switch(e.key){case"ArrowDown":e.preventDefault();this.moveDown(e.target);break;case"ArrowUp":e.preventDefault();this.moveUp(e.target);break;case"ArrowRight":if(e.target.classList.contains("group-btn")){e.preventDefault();e.target.click()}break;case"Escape":e.preventDefault();this.close();break}};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmNestedSelectBlurred.emit()}};e.prototype.handleOptgroupExpanded=function(){this.optgroupExpanded=true};e.prototype.handleOptgroupHidden=function(){this.optgroupExpanded=false};e.prototype.renderButtonText=function(){if(this.displayedOptions.length<1){return i("span",null,this.placeholder)}else if(this.multiple&&this.allSelected&&this.overflowCount>0){return this.allSelectedMessage}else{return this.displayedOptions.map((function(e,t){return i("span",null,t>0?", ":"",e.textContent)}))}};e.prototype.renderOverflowCount=function(){if(this.overflowCount>0){return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.handleClearSelection=function(){this.optgroupEls.forEach((function(e){return e.emitDeselection()}))};e.prototype.renderClearSelectionButton=function(){var e=this;var t=this.childOptions.some((function(e){return e.selected}));if(t){return i("button",{class:"menuitem",onClick:function(){return e.handleClearSelection()},tabindex:-1,onKeyDown:function(t){return e.handleMenuitemKeydown(t)}},this.clearSelectionMessage)}};e.prototype.renderSelectionCount=function(e){var t=this.countOptgroupSelected(e);if(t){var o=a.formatMessage({id:"select.optgroupSelectionCount",defaultMessage:"{numSelected, plural, one {Item} other {#}} Selected",description:"Text indicating number of selected in a group."},{numSelected:t});return i("div",{class:"selection-count"},i("span",null,o))}};e.prototype.render=function(){var e;var t=this;var o=(e={id:"selectbtn"},e["disabled"]=this.isDisabled,e["aria-controls"]="list",e["aria-labelledby"]="label selectbtn",e["aria-describedby"]="error",e["aria-expanded"]=this.isExpanded?"true":"false",e.onClick=function(){t.isExpanded?t.close():t.open()},e);return i(n,{onBlur:function(e){return t.handleComponentBlur(e)}},i("div",{class:"wrapper ".concat(p()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{class:"label-wrapper"},i("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},u.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{class:"button-wrapper"},i("button",Object.assign({},o,{class:"displayedoption",ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),i("span",{class:"overflowcontrol"},i("span",{class:"button-text"},this.renderButtonText())),this.renderOverflowCount()),i("div",{class:"dropdown",ref:function(e){return t.dropdownEl=e}},i("div",{class:"menu ".concat(this.optgroupExpanded?"hidden":"")},this.renderClearSelectionButton(),this.optgroupEls.map((function(e){return i("button",{class:"menuitem group-btn",role:"menuitem",tabindex:-1,onClick:function(){e.isExpanded=!e.isExpanded;r(t.el)},onKeyDown:function(e){return t.handleMenuitemKeydown(e)}},i("span",null,e.label),t.renderSelectionCount(e))}))),i("div",{class:"option-list-wrapper ".concat(this.optgroupExpanded?"visible":"")},i("slot",null))),i("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());d.style=m}}}));
|
|
1
|
+
System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js","./p-81c2df85.system.js"],(function(e){"use strict";var t,o,r,i,n,s,a,l,c,p,u;return{setters:[function(e){t=e.r;o=e.c;r=e.f;i=e.h;n=e.H;s=e.g},function(e){a=e.i;l=e.t;c=e.z;p=e.y},function(e){u=e.g}],execute:function(){var d=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.button-wrapper .displayedoption{height:2.75rem}}.button-wrapper .displayedoption:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.button-wrapper .displayedoption:focus{outline:none}.button-wrapper .displayedoption::-moz-focus-inner{border:0}.button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.dropdown{overflow-x:hidden;overflow-y:auto;-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;transform:scale(1, 0);-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;transition:transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:40;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.hidden{visibility:hidden}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.menu{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu.hidden{position:absolute}.menu .menuitem{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:600}.menu .menuitem:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.menu :focus{outline:none;background:var(--wmcolor-interactive-background-focus)}.menu :hover{background:var(--wmcolor-select-option-background-hover);outline:none}.group-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f142";position:absolute;right:1.25rem;pointer-events:none;font-size:1.12rem}.selection-count{margin-right:20px;font-weight:400;font-style:italic}.option-list-wrapper{background:white;width:100%;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:-webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1);transition:transform 0.2s cubic-bezier(0.04, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.04, 0, 0.2, 1)}.option-list-wrapper.visible{-webkit-transform:translateX(0%);transform:translateX(0%)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var m=e("wm_nested_select",function(){function e(e){t(this,e);this.wmNestedSelectBlurred=o(this,"wmNestedSelectBlurred",7);this.overflowCount=0;this.displayedOptions=[];this.clearSelectionMessage=this.multiple?a.formatMessage({id:"select.multiClearSelection",defaultMessage:"Clear all Selections",description:"Button text to clear selection. Use imperative"}):a.formatMessage({id:"select.singleClearSelection",defaultMessage:"Clear Selection",description:"Button text to clear selection. Use imperative"});this.disabled=false;this.maxHeight=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage=undefined;this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=this.multiple?a.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text for multiple select. Use imperative"}):a.formatMessage({id:"select.singlePlaceholder",defaultMessage:"Select an Option",description:"Placeholder text for single select. Use imperative"});this.searchPlaceholder=a.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"});this.allSelectedMessage=a.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"});this.isExpanded=false;this.optgroupExpanded=false}Object.defineProperty(e.prototype,"isDisabled",{get:function(){return l(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"optgroupEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-optgroup"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"menuitemEls",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll(".menuitem"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allSelected",{get:function(){return this.childOptions.every((function(e){return e.selected}))},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;var t=new MutationObserver((function(t){return t.forEach((function(t){return e.handleChildChange(t)}))}));t.observe(this.el,{childList:true,attributes:true,subtree:true,attributeFilter:["selected"]})};e.prototype.componentDidLoad=function(){if(this.maxHeight){this.dropdownEl.style.maxHeight=this.maxHeight}};e.prototype.handleChildChange=function(e){this.setButtonText();r(this.el)};e.prototype.setButtonText=function(){this.displayedOptions=this.childOptions.filter((function(e){return e.selected}));if(this.multiple){var e=38;var t=window.getComputedStyle(this.buttonEl);var o=parseInt(t.getPropertyValue("padding-left").slice(0,-2));var r=parseInt(t.getPropertyValue("padding-right").slice(0,-2));var i=this.buttonEl.clientWidth-o-r-e;var n=this.displayedOptions.map((function(e){return e.shadowRoot.querySelector(".option-text").clientWidth}));var s=n.reduce((function(e,t){return e+t}),0);this.overflowCount=0;while(s>i&&this.displayedOptions.length>1){this.overflowCount++;s-=n[n.length-1];n.pop();this.displayedOptions.pop()}}};e.prototype.countOptgroupSelected=function(e){var t=Array.from(e.querySelectorAll("wm-option")).filter((function(e){return e.selected}));return t.length};e.prototype.handleOptionSelection=function(){if(!this.multiple){this.close()}};e.prototype.handleChildEnter=function(){this.close()};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.handleOptionKeyLeft=function(e){var t=e.detail.parentElement;t.isExpanded=false;this.focusFirstMenuitem()};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.optgroupEls.forEach((function(e){return e.isExpanded=false}));window.setTimeout((function(){t.dropdownEl.classList.remove("open");if(e){t.buttonEl.focus()}}),150)}};e.prototype.open=function(){var e=this;this.isExpanded=true;this.dropdownEl.classList.add("open");window.requestAnimationFrame((function(){e.focusFirstMenuitem()}))};e.prototype.focusFirstMenuitem=function(){if(this.menuitemEls.length>0){this.menuitemEls[0].focus()}};e.prototype.moveDown=function(e){var t=this.menuitemEls.indexOf(e);if(t==this.menuitemEls.length-1){this.menuitemEls[0].focus()}else{this.menuitemEls[t+1].focus()}};e.prototype.moveUp=function(e){var t=this.menuitemEls.indexOf(e);if(t==0){this.menuitemEls[this.menuitemEls.length-1].focus()}else{this.menuitemEls[t-1].focus()}};e.prototype.handleButtonBlur=function(e){if(c(this.el,e.relatedTarget)){e.stopPropagation()}};e.prototype.handleClick=function(e){if(!c(this.el,e.target)){this.close()}};e.prototype.handleMenuitemKeydown=function(e){switch(e.key){case"ArrowDown":e.preventDefault();this.moveDown(e.target);break;case"ArrowUp":e.preventDefault();this.moveUp(e.target);break;case"ArrowRight":if(e.target.classList.contains("group-btn")){e.preventDefault();e.target.click()}break;case"Escape":e.preventDefault();this.close();break}};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmNestedSelectBlurred.emit()}};e.prototype.handleOptgroupExpanded=function(){this.optgroupExpanded=true};e.prototype.handleOptgroupHidden=function(){this.optgroupExpanded=false};e.prototype.renderButtonText=function(){if(this.displayedOptions.length<1){return i("span",null,this.placeholder)}else if(this.multiple&&this.allSelected&&this.overflowCount>0){return this.allSelectedMessage}else{return this.displayedOptions.map((function(e,t){return i("span",null,t>0?", ":"",e.textContent)}))}};e.prototype.renderOverflowCount=function(){if(this.overflowCount>0){return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.handleClearSelection=function(){this.optgroupEls.forEach((function(e){return e.emitDeselection()}))};e.prototype.renderClearSelectionButton=function(){var e=this;var t=this.childOptions.some((function(e){return e.selected}));if(t){return i("button",{class:"menuitem",onClick:function(){return e.handleClearSelection()},tabindex:-1,onKeyDown:function(t){return e.handleMenuitemKeydown(t)}},this.clearSelectionMessage)}};e.prototype.renderSelectionCount=function(e){var t=this.countOptgroupSelected(e);if(t){var o=a.formatMessage({id:"select.optgroupSelectionCount",defaultMessage:"{numSelected, plural, one {Item} other {#}} Selected",description:"Text indicating number of selected in a group."},{numSelected:t});return i("div",{class:"selection-count"},i("span",null,o))}};e.prototype.render=function(){var e;var t=this;var o=(e={id:"selectbtn"},e["disabled"]=this.isDisabled,e["aria-controls"]="list",e["aria-labelledby"]="label selectbtn",e["aria-describedby"]="error",e["aria-expanded"]=this.isExpanded?"true":"false",e.onClick=function(){t.isExpanded?t.close():t.open()},e);return i(n,{onBlur:function(e){return t.handleComponentBlur(e)}},i("div",{class:"wrapper ".concat(p()," label-").concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{class:"label-wrapper"},i("label",{class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},u.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{class:"button-wrapper"},i("button",Object.assign({},o,{class:"displayedoption",ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),i("span",{class:"overflowcontrol"},i("span",{class:"button-text"},this.renderButtonText())),this.renderOverflowCount()),i("div",{class:"dropdown",ref:function(e){return t.dropdownEl=e}},i("div",{class:"menu ".concat(this.optgroupExpanded?"hidden":"")},this.renderClearSelectionButton(),this.optgroupEls.map((function(e){return i("button",{class:"menuitem group-btn",role:"menuitem",tabindex:-1,onClick:function(){e.isExpanded=!e.isExpanded;r(t.el)},onKeyDown:function(e){return t.handleMenuitemKeydown(e)}},i("span",null,e.label),t.renderSelectionCount(e))}))),i("div",{class:"option-list-wrapper ".concat(this.optgroupExpanded?"visible":"")},i("slot",null))),i("div",{id:"error",class:this.errorMessage?"error-message":""},this.errorMessage))))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());m.style=d}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as a,f as r}from"./p-568c595f.js";import{d as o,g as n}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as a,f as r}from"./p-568c595f.js";import{d as o,g as n}from"./p-16f65bf4.js";const h=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.keydownOnTabItem=e(this,"keydownOnTabItem",7),this.tabItemLoaded=e(this,"tabItemLoaded",7),this.tabClicked=t=>{t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId})},this.tabPressed=t=>{const e=t.key;"Enter"===e||" "===e?(t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId})):e.includes("Arrow")&&(t.preventDefault(),this.keydownOnTabItem.emit({tabItem:this.el,key:t.key}))},this.selected=!1,this.show=!0,this.tabId=""}get parentTabList(){return this.el.parentElement}componentDidLoad(){this.tabItemLoaded.emit()}render(){let t=this.show?"":"hide ";t+=this.parentTabList&&"dark"==this.parentTabList.customBackground?"dark":"";let e={};const a=this.parentTabList&&this.parentTabList.customPadding;if(a){const t=2*parseInt(a,10)||0,i=a.split(/([0-9]+)/).pop();e={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":`calc(100% - ${t}${i}) 3px`}}return i(s,{role:"presentation"},i("li",{class:"tab-item",role:"presentation"},i("a",{class:`tab ${t}`,style:e,role:"tab",ref:t=>this.linkEl=t,onClick:this.tabClicked,id:`tab-link-${this.tabId}`,onKeyDown:t=>this.tabPressed(t),"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},i("slot",null))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";const l=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.debouncedSetLayout=o((()=>{this.listWidth||this.setListWidth(),r(this.el)}),10),this.customBackground=void 0,this.customPadding=void 0,this.selectedTab=void 0}get menuLayout(){return!!this.listWidth&&this.el.offsetWidth<this.listWidth-24}get tabItems(){return Array.from(this.el.querySelectorAll("wm-tab-item"))}get selectedTabItem(){return this.tabItems.filter((t=>t.selected))[0]}getLinkEl(t){return t.shadowRoot.querySelector("a")}get panels(){const t=Array.from(document.querySelectorAll("wm-tab-panel")),e=this.tabItems.map((t=>t.tabId));return t.filter((t=>e.includes(t.tabId)))}getPanel(t){return this.panels.find((e=>e.tabId===t))}setListWidth(){let t=this.tabItems.reduce(((t,e)=>t+e.offsetWidth),0);this.listWidth=t&&t>0?t:this.listWidth}setSelected(t){this.tabItems.map((e=>e.selected=e.tabId===t)),1===this.panels.length&&this.tabItems.length>1?(this.setAttributesOnPanel(this.panels[0],this.selectedTabItem),this.panels[0].active=!0):this.panels.map((e=>e.active=e.tabId===t))}showItems(){this.tabItems.map((t=>t.show=!0))}hideItems(){this.tabItems.map((t=>t.show=!1))}componentWillLoad(){this.el.focus=()=>{this.selectedTabItem&&this.selectedTabItem.focus()},new ResizeObserver((()=>this.debouncedSetLayout())).observe(this.el)}componentDidLoad(){this.setSelected(this.selectedTab||this.tabItems[0].tabId)}tabItemLoaded(t){this.setAriaOnPanelAndTab(t.target)}setAriaOnPanelAndTab(t){const e=this.getPanel(t.tabId);e?(this.setAttributesOnPanel(e,t),this.setAttributesOnTab(t,e)):1===this.panels.length&&this.setAttributesOnTab(t,this.panels[0])}setAttributesOnTab(t,e){const i=this.getLinkEl(t);i&&i.setAttribute("href",`#${e.id}`)}removeAttributesOnTab(t){const e=this.getLinkEl(t);e&&e.removeAttribute("href")}setAttributesOnPanel(t,e){const i=this.getLinkEl(e);i&&(t.setAttribute("aria-labelledby",i.id),t.setAttribute("tab-id",e.tabId))}handleKeydown(t){const e=t.detail.key,i=this.tabItems.indexOf(t.detail.tabItem);"ArrowLeft"!==e&&"ArrowRight"!==e||this.handleLeftRightArrow(i,e)}handleLeftRightArrow(t,e){e&&(t="ArrowLeft"===e?t-1:t+1),t<0?t=this.tabItems.length-1:t===this.tabItems.length&&(t=0),this.getLinkEl(this.tabItems[t]).focus()}renderMenuOrTabs(){if(this.menuLayout)return this.hideItems(),i("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions());{this.showItems();let t={};return this.customPadding&&(t={"margin-left":"-"+this.customPadding}),i("ul",{class:`tabcontainer ${this.customBackground||""}`,style:t,role:"tablist"},i("slot",null))}}renderOptions(){return this.tabItems.map((t=>i("wm-option",{id:`tab-link-${t.tabId}`,selected:t.tabId===this.selectedTab,onClick:e=>{e.preventDefault(),this.wmTabSelected.emit({tabId:t.tabId})}},t.textContent)))}render(){return i(s,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{selectedTab:["setSelected"]}}};l.style=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";const d=class{constructor(i){t(this,i),this.tabPanelLoaded=e(this,"tabPanelLoaded",7),this.active=!1,this.tabId=""}componentWillLoad(){!this.el.id&&this.el.setAttribute("id",n())}componentDidLoad(){this.tabPanelLoaded.emit({tabId:this.tabId})}render(){return i(s,{role:"tabpanel",class:{"tab-hidden":!this.active}})}get el(){return a(this)}};d.style="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";export{h as wm_tab_item,l as wm_tab_list,d as wm_tab_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as r,H as a,g as i}from"./p-568c595f.js";import{t as o,j as n,a as s,k as l,l as p,i as d}from"./p-bb884a44.js";const c=class{constructor(r){e(this,r),this.wmDatepickerDateSelected=t(this,"wmDatepickerDateSelected",7),this.wmDatepickerInputBlurred=t(this,"wmDatepickerInputBlurred",7),this.openUp=!1,this.popupClicked=!1,this.toggleButtonClicked=!1,this.value="",this.disabled=!1,this.dateFormat="mm/dd/yyyy",this.errorMessage=void 0,this.labelPosition="top",this.label="",this.requiredField=!1,this.preselected=void 0,this.isExpanded=!1}get isDisabled(){return o(this.disabled)}get calendarDate(){let e=n(new Date);const t={"mm/dd/yyyy":"US","dd/mm/yyyy":"INT","yyyy/mm/dd":"ISO"};return this.value&&t[this.dateFormat]&&this.isValidIsoInternal(this.reformatDateInternal(t[this.dateFormat],"ISO",this.value))?e=this.reformatDateInternal(t[this.dateFormat],"ISO",this.value):this.preselected&&(e=this.preselected),e}handleDisabledChange(){s(this.el,this.isDisabled)}updateValue(){this.inputEl.value=this.value?this.value:""}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.toggleButtonClicked=!0}closePopup(e=!1){this.isExpanded=!1,this.calEl.view="day",this.calEl.view="day",this.popupEl.classList.remove("open"),window.setTimeout((()=>{this.popupEl.style.visibility="hidden"}),250),e&&this.toggleEl.focus()}openPopup(){this.openUp=l(this.el,this.popupEl.clientHeight,this.labelWrapperEl.clientHeight),p(this.el,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto"),this.popupEl.style.visibility="visible",window.requestAnimationFrame((()=>{this.popupEl.classList.add("open")})),this.isExpanded=!0,this.calEl.focusDate=this.calendarDate,this.calEl.startDate=this.calendarDate,this.calEl.focusCell()}handleInput(e){this.value=e.target.value}handleInputBlur(){this.dpWrapperEl.classList.remove("focus"),this.wmDatepickerInputBlurred.emit()}handleInputFocus(){this.dpWrapperEl.classList.add("focus")}handleInputChange(){const e=new CustomEvent("change");this.el.dispatchEvent(e)}handleKey(e){"Escape"===e.key&&this.isExpanded&&(e.preventDefault(),e.stopPropagation(),this.closePopup(!0))}blurHandler(){this.popupClicked||this.toggleButtonClicked||!this.isExpanded||this.closePopup(),this.popupClicked=!1,this.toggleButtonClicked=!1}handleBlurOnWindow(){this.isExpanded&&this.closePopup()}handleCellTriggered(e){let t=e.detail.cell,r=t.getAttribute("data-year")+"-"+t.getAttribute("data-month")+"-"+t.textContent.padStart(2,"0");this.wmDatepickerDateSelected.emit({date:r});const a=new CustomEvent("input");this.el.dispatchEvent(a);const i=new CustomEvent("change");this.el.dispatchEvent(i),this.closePopup(!0)}async reformatDate(e,t,r){return this.reformatDateInternal(e,t,r)}reformatDateInternal(e,t,r){if(!r)return"";if(!/^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/.test(r))return r;{const a=r.replace(/[\-\.]/gi,"/").split("/");switch(t){case"US":return a[1].padStart(2,"0")+"/"+a[2].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"INT":return a[2].padStart(2,"0")+"/"+a[1].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"ISO":if("US"===e)return a[2].padStart(4,"20")+"-"+a[0].padStart(2,"0")+"-"+a[1].padStart(2,"0");if("INT"===e)return a[2].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[0].padStart(2,"0");if("ISO"===e)return a[0].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[2].padStart(2,"0");default:return a.join("/")}}}async isValidIso(e){return this.isValidIsoInternal(e)}isValidIsoInternal(e){if(e&&/^\d\d\d\d[-]\d\d[-]\d\d$/.test(e)){const t=e.split("-"),r=parseInt(t[2],10),a=parseInt(t[1],10),i=parseInt(t[0],10);if(i<1e3||i>3e3||0==a||a>12)return!1;let o=[31,28,31,30,31,30,31,31,30,31,30,31];return(i%400==0||i%100!=0&&i%4==0)&&(o[1]=29),r>0&&r<=o[a-1]}return!1}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the datepicker input (for accessibility reasons), even if the label position is none."),s(this.el,this.isDisabled)}componentDidLoad(){this.calEl.addEventListener("click",(()=>{this.popupClicked=!0}))}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.liveRegionEl.textContent=e}render(){return r(a,{"aria-busy":"false",class:this.errorMessage?"invalid":""},r("div",{ref:e=>this.dpWrapperEl=e,class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},r("div",{class:"label-wrapper",ref:e=>this.labelWrapperEl=e},"none"!==this.labelPosition&&r("label",{id:"datepickerLabel",htmlFor:"date-input",class:"label",title:`${this.label} (${this.dateFormat})`},this.label,this.requiredField&&r("span",{"aria-hidden":"true",class:"required"},"*"))),r("div",null,r("div",{class:"single-wrapper input"},r("input",{disabled:this.isDisabled,type:"text",id:"single-date-input",class:"date-input",name:"date",placeholder:this.dateFormat,value:this.value,onFocus:()=>this.handleInputFocus(),onInput:e=>this.handleInput(e),onBlur:()=>this.handleInputBlur(),onChange:()=>this.handleInputChange(),ref:e=>this.inputEl=e,"aria-describedby":"error","aria-label":this.label,"aria-required":this.requiredField?"true":null}),r("div",{class:"container",id:"wm-container"},r("button",{disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-label":d.formatMessage({id:"date.selectDate",defaultMessage:"Select date",description:"Button text for screen readers."}),"aria-describedby":"single-date-input",ref:e=>this.toggleEl=e,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:"toggle"},r("span",{class:"calendar",title:d.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),r("div",{class:`popup-wrapper ${this.calEl&&this.calEl.view}-view ${this.openUp?"expand-upwards":""}`,id:"popup-wrapper",ref:e=>this.popupEl=e,onClick:()=>this.popupClicked=!0},r("div",{tabIndex:0,onFocus:()=>this.calEl.focusLastFocusable()}),r("priv-calendar",{ref:e=>this.calEl=e,startDate:this.calendarDate,focusDate:this.calendarDate,class:"inside"}),r("div",{tabIndex:0,onFocus:()=>this.calEl.focusFirstFocusable()})),r("div",{id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),r("div",{id:"month-title",class:"sr-only"},d.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),r("div",{id:"year-title",class:"sr-only"},d.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})))),r("div",{id:"error",class:"error"},this.errorMessage),r("div",{ref:e=>this.liveRegionEl=e,class:"sr-only","aria-live":"polite","aria-atomic":"true"}))))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],value:["updateValue"],errorMessage:["announceError"]}}};c.style=':host{--wmcolor-datepicker-background:var(--wmcolor-background);--wmcolor-datepicker-day-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-day-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-day-text-outside:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-day-text-selected:var(--wmcolor-interactive-text-selected);--wmcolor-datepicker-day-text:var(--wmcolor-text);--wmcolor-datepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-input-background:var(--wmcolor-input-background);--wmcolor-datepicker-input-border:var(--wmcolor-input-border);--wmcolor-datepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-datepicker-input-text:var(--wmcolor-input-text);--wmcolor-datepicker-month-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-month-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-month-background:var(--wmcolor-text);--wmcolor-datepicker-month-border:var(--wmcolor-border-light);--wmcolor-datepicker-month-text-selected:var(--wmcolor-text-ondark);--wmcolor-datepicker-month-text:var(--wmcolor-interactive);--wmcolor-datepicker-navigation-background-hover:var(--wmcolor-button-background-navigational-hover);--wmcolor-datepicker-navigation-background:var(--wmcolor-button-background-navigational);--wmcolor-datepicker-navigation-text:var(--wmcolor-button-icon-navigational);--wmcolor-datepicker-selector-background:var(--wmcolor-button-background-secondary);--wmcolor-datepicker-selector-border:var(--wmcolor-button-border-secondary);--wmcolor-datepicker-selector-text:var(--wmcolor-button-text-secondary);--wmcolor-datepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-datepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-toggle-icon:var(--wmcolor-interactive);--wmcolor-datepicker-weekdays-background:var(--wmcolor-table-header-background);--wmcolor-datepicker-weekdays-text:var(--wmcolor-text);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{position:relative}:host .wrapper .single-wrapper,:host .wrapper .range-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .date-input{border-radius:3px;color:var(--wmcolor-datepicker-input-text);font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;-ms-flex:1;flex:1;margin:0;background-color:var(--wmcolor-datepicker-input-background)}:host .wrapper .date-input:disabled{background-color:var(--wmcolor-datepicker-input-background-disabled);color:var(--wmcolor-datepicker-input-text-disabled)}:host .wrapper .date-input:focus{outline:none}:host .wrapper .input{height:2.5rem;border:1px solid var(--wmcolor-datepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;}:host .wrapper #single-date-input{height:100%;border:none;border-radius:3px;-webkit-margin-end:3px;margin-inline-end:3px}:host .wrapper .range-wrapper{max-width:257px;display:grid;grid-template-rows:minmax(21px, 1fr) 38px;grid-template-columns:120px 17px 120px;grid-template-areas:"start-label-wrapper . end-label-wrapper" "start-date-input hyphen end-date-input"}:host .wrapper .range-wrapper #start-label-wrapper{grid-area:start-label-wrapper}:host .wrapper .range-wrapper #end-label-wrapper{grid-area:end-label-wrapper}:host .wrapper .range-wrapper #start-date-input{grid-area:start-date-input}:host .wrapper .range-wrapper #hyphen{grid-area:hyphen}:host .wrapper .range-wrapper #end-date-input{grid-area:end-date-input}:host .wrapper .range-wrapper .label{text-wrap:wrap}:host .wrapper .range-wrapper.cal{max-width:305px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-template-columns:120px 17px 120px 36px;grid-template-areas:"start-label-wrapper . end-label-wrapper ." "start-date-input hyphen end-date-input toggle-wrapper"}:host .wrapper .range-wrapper.cal #toggle-wrapper{grid-area:toggle-wrapper}:host .wrapper #start-date-input,:host .wrapper #end-date-input{max-width:120px}:host .wrapper #start-date-input:focus,:host .wrapper #end-date-input:focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper.invalid .input,:host .wrapper .date-input.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper .error:not(:empty){margin-top:0.25rem}:host .wrapper.focus #single-date-input{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{c as wm_datepicker}
|
|
1
|
+
import{r as e,c as t,h as r,H as a,g as i}from"./p-568c595f.js";import{t as o,j as n,a as s,k as l,l as p,i as d}from"./p-16f65bf4.js";const c=class{constructor(r){e(this,r),this.wmDatepickerDateSelected=t(this,"wmDatepickerDateSelected",7),this.wmDatepickerInputBlurred=t(this,"wmDatepickerInputBlurred",7),this.openUp=!1,this.popupClicked=!1,this.toggleButtonClicked=!1,this.value="",this.disabled=!1,this.dateFormat="mm/dd/yyyy",this.errorMessage=void 0,this.labelPosition="top",this.label="",this.requiredField=!1,this.preselected=void 0,this.isExpanded=!1}get isDisabled(){return o(this.disabled)}get calendarDate(){let e=n(new Date);const t={"mm/dd/yyyy":"US","dd/mm/yyyy":"INT","yyyy/mm/dd":"ISO"};return this.value&&t[this.dateFormat]&&this.isValidIsoInternal(this.reformatDateInternal(t[this.dateFormat],"ISO",this.value))?e=this.reformatDateInternal(t[this.dateFormat],"ISO",this.value):this.preselected&&(e=this.preselected),e}handleDisabledChange(){s(this.el,this.isDisabled)}updateValue(){this.inputEl.value=this.value?this.value:""}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.toggleButtonClicked=!0}closePopup(e=!1){this.isExpanded=!1,this.calEl.view="day",this.calEl.view="day",this.popupEl.classList.remove("open"),window.setTimeout((()=>{this.popupEl.style.visibility="hidden"}),250),e&&this.toggleEl.focus()}openPopup(){this.openUp=l(this.el,this.popupEl.clientHeight,this.labelWrapperEl.clientHeight),p(this.el,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto"),this.popupEl.style.visibility="visible",window.requestAnimationFrame((()=>{this.popupEl.classList.add("open")})),this.isExpanded=!0,this.calEl.focusDate=this.calendarDate,this.calEl.startDate=this.calendarDate,this.calEl.focusCell()}handleInput(e){this.value=e.target.value}handleInputBlur(){this.dpWrapperEl.classList.remove("focus"),this.wmDatepickerInputBlurred.emit()}handleInputFocus(){this.dpWrapperEl.classList.add("focus")}handleInputChange(){const e=new CustomEvent("change");this.el.dispatchEvent(e)}handleKey(e){"Escape"===e.key&&this.isExpanded&&(e.preventDefault(),e.stopPropagation(),this.closePopup(!0))}blurHandler(){this.popupClicked||this.toggleButtonClicked||!this.isExpanded||this.closePopup(),this.popupClicked=!1,this.toggleButtonClicked=!1}handleBlurOnWindow(){this.isExpanded&&this.closePopup()}handleCellTriggered(e){let t=e.detail.cell,r=t.getAttribute("data-year")+"-"+t.getAttribute("data-month")+"-"+t.textContent.padStart(2,"0");this.wmDatepickerDateSelected.emit({date:r});const a=new CustomEvent("input");this.el.dispatchEvent(a);const i=new CustomEvent("change");this.el.dispatchEvent(i),this.closePopup(!0)}async reformatDate(e,t,r){return this.reformatDateInternal(e,t,r)}reformatDateInternal(e,t,r){if(!r)return"";if(!/^(\d{1}|\d{2}|\d{4})[\-\.\/]\d{1,2}[\-\.\/](\d{1}|\d{2}|\d{4})$/.test(r))return r;{const a=r.replace(/[\-\.]/gi,"/").split("/");switch(t){case"US":return a[1].padStart(2,"0")+"/"+a[2].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"INT":return a[2].padStart(2,"0")+"/"+a[1].padStart(2,"0")+"/"+a[0].padStart(4,"20");case"ISO":if("US"===e)return a[2].padStart(4,"20")+"-"+a[0].padStart(2,"0")+"-"+a[1].padStart(2,"0");if("INT"===e)return a[2].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[0].padStart(2,"0");if("ISO"===e)return a[0].padStart(4,"20")+"-"+a[1].padStart(2,"0")+"-"+a[2].padStart(2,"0");default:return a.join("/")}}}async isValidIso(e){return this.isValidIsoInternal(e)}isValidIsoInternal(e){if(e&&/^\d\d\d\d[-]\d\d[-]\d\d$/.test(e)){const t=e.split("-"),r=parseInt(t[2],10),a=parseInt(t[1],10),i=parseInt(t[0],10);if(i<1e3||i>3e3||0==a||a>12)return!1;let o=[31,28,31,30,31,30,31,31,30,31,30,31];return(i%400==0||i%100!=0&&i%4==0)&&(o[1]=29),r>0&&r<=o[a-1]}return!1}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the datepicker input (for accessibility reasons), even if the label position is none."),s(this.el,this.isDisabled)}componentDidLoad(){this.calEl.addEventListener("click",(()=>{this.popupClicked=!0}))}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.liveRegionEl.textContent=e}render(){return r(a,{"aria-busy":"false",class:this.errorMessage?"invalid":""},r("div",{ref:e=>this.dpWrapperEl=e,class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},r("div",{class:"label-wrapper",ref:e=>this.labelWrapperEl=e},"none"!==this.labelPosition&&r("label",{id:"datepickerLabel",htmlFor:"date-input",class:"label",title:`${this.label} (${this.dateFormat})`},this.label,this.requiredField&&r("span",{"aria-hidden":"true",class:"required"},"*"))),r("div",null,r("div",{class:"single-wrapper input"},r("input",{disabled:this.isDisabled,type:"text",id:"single-date-input",class:"date-input",name:"date",placeholder:this.dateFormat,value:this.value,onFocus:()=>this.handleInputFocus(),onInput:e=>this.handleInput(e),onBlur:()=>this.handleInputBlur(),onChange:()=>this.handleInputChange(),ref:e=>this.inputEl=e,"aria-describedby":"error","aria-label":this.label,"aria-required":this.requiredField?"true":null}),r("div",{class:"container",id:"wm-container"},r("button",{disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-label":d.formatMessage({id:"date.selectDate",defaultMessage:"Select date",description:"Button text for screen readers."}),"aria-describedby":"single-date-input",ref:e=>this.toggleEl=e,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:"toggle"},r("span",{class:"calendar",title:d.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),r("div",{class:`popup-wrapper ${this.calEl&&this.calEl.view}-view ${this.openUp?"expand-upwards":""}`,id:"popup-wrapper",ref:e=>this.popupEl=e,onClick:()=>this.popupClicked=!0},r("div",{tabIndex:0,onFocus:()=>this.calEl.focusLastFocusable()}),r("priv-calendar",{ref:e=>this.calEl=e,startDate:this.calendarDate,focusDate:this.calendarDate,class:"inside"}),r("div",{tabIndex:0,onFocus:()=>this.calEl.focusFirstFocusable()})),r("div",{id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),r("div",{id:"month-title",class:"sr-only"},d.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),r("div",{id:"year-title",class:"sr-only"},d.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})))),r("div",{id:"error",class:"error"},this.errorMessage),r("div",{ref:e=>this.liveRegionEl=e,class:"sr-only","aria-live":"polite","aria-atomic":"true"}))))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],value:["updateValue"],errorMessage:["announceError"]}}};c.style=':host{--wmcolor-datepicker-background:var(--wmcolor-background);--wmcolor-datepicker-day-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-day-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-day-text-outside:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-day-text-selected:var(--wmcolor-interactive-text-selected);--wmcolor-datepicker-day-text:var(--wmcolor-text);--wmcolor-datepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-input-background:var(--wmcolor-input-background);--wmcolor-datepicker-input-border:var(--wmcolor-input-border);--wmcolor-datepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-datepicker-input-text:var(--wmcolor-input-text);--wmcolor-datepicker-month-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-month-background-selected:var(--wmcolor-interactive);--wmcolor-datepicker-month-background:var(--wmcolor-text);--wmcolor-datepicker-month-border:var(--wmcolor-border-light);--wmcolor-datepicker-month-text-selected:var(--wmcolor-text-ondark);--wmcolor-datepicker-month-text:var(--wmcolor-interactive);--wmcolor-datepicker-navigation-background-hover:var(--wmcolor-button-background-navigational-hover);--wmcolor-datepicker-navigation-background:var(--wmcolor-button-background-navigational);--wmcolor-datepicker-navigation-text:var(--wmcolor-button-icon-navigational);--wmcolor-datepicker-selector-background:var(--wmcolor-button-background-secondary);--wmcolor-datepicker-selector-border:var(--wmcolor-button-border-secondary);--wmcolor-datepicker-selector-text:var(--wmcolor-button-text-secondary);--wmcolor-datepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-datepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-datepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-datepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-datepicker-toggle-icon:var(--wmcolor-interactive);--wmcolor-datepicker-weekdays-background:var(--wmcolor-table-header-background);--wmcolor-datepicker-weekdays-text:var(--wmcolor-text);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{position:relative}:host .wrapper .single-wrapper,:host .wrapper .range-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .date-input{border-radius:3px;color:var(--wmcolor-datepicker-input-text);font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;-ms-flex:1;flex:1;margin:0;background-color:var(--wmcolor-datepicker-input-background)}:host .wrapper .date-input:disabled{background-color:var(--wmcolor-datepicker-input-background-disabled);color:var(--wmcolor-datepicker-input-text-disabled)}:host .wrapper .date-input:focus{outline:none}:host .wrapper .input{height:2.5rem;border:1px solid var(--wmcolor-datepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;}:host .wrapper #single-date-input{height:100%;border:none;border-radius:3px;-webkit-margin-end:3px;margin-inline-end:3px}:host .wrapper .range-wrapper{max-width:257px;display:grid;grid-template-rows:minmax(21px, 1fr) 38px;grid-template-columns:120px 17px 120px;grid-template-areas:"start-label-wrapper . end-label-wrapper" "start-date-input hyphen end-date-input"}:host .wrapper .range-wrapper #start-label-wrapper{grid-area:start-label-wrapper}:host .wrapper .range-wrapper #end-label-wrapper{grid-area:end-label-wrapper}:host .wrapper .range-wrapper #start-date-input{grid-area:start-date-input}:host .wrapper .range-wrapper #hyphen{grid-area:hyphen}:host .wrapper .range-wrapper #end-date-input{grid-area:end-date-input}:host .wrapper .range-wrapper .label{text-wrap:wrap}:host .wrapper .range-wrapper.cal{max-width:305px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-template-columns:120px 17px 120px 36px;grid-template-areas:"start-label-wrapper . end-label-wrapper ." "start-date-input hyphen end-date-input toggle-wrapper"}:host .wrapper .range-wrapper.cal #toggle-wrapper{grid-area:toggle-wrapper}:host .wrapper #start-date-input,:host .wrapper #end-date-input{max-width:120px}:host .wrapper #start-date-input:focus,:host .wrapper #end-date-input:focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper.invalid .input,:host .wrapper .date-input.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper .error:not(:empty){margin-top:0.25rem}:host .wrapper.focus #single-date-input{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{c as wm_datepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as e}from"./p-
|
|
1
|
+
import{i as e}from"./p-16f65bf4.js";const i={characterLimitReached:e.formatMessage({id:"global.characterLimitReached",defaultMessage:"No additional characters will be entered.",description:"for screen readers"}),close:e.formatMessage({id:"global.closeVerb",defaultMessage:"Close",description:"For a button, to close a user interface element"}),genericError:e.formatMessage({id:"global.genericError",defaultMessage:"An error occurred. Please try again."}),hide:e.formatMessage({id:"global.hideVerb",defaultMessage:"Hide",description:"For a button, to hide something"}),newWindow:e.formatMessage({id:"global.newWindowLink",defaultMessage:"Opens in a new window.",description:"Indicates that a focused link will open in a new window"}),next:e.formatMessage({id:"global.next",defaultMessage:"next",description:"Button text, indicating an action leading to a 'next' state"}),open:e.formatMessage({id:"global.openVerb",defaultMessage:"Open",description:"For a button, to open a user interface element"}),previous:e.formatMessage({id:"global.previous",defaultMessage:"previous",description:"Button text, indicating an action leading to a 'previous' state"}),requiredError:e.formatMessage({id:"global.requiredError",defaultMessage:"This field is required.",description:"Error displayed under a required field when it has not been filled"}),requiredField:e.formatMessage({id:"global.requiredField",defaultMessage:"required field",description:"Screen reader text, indicating the currently focused field is required"}),show:e.formatMessage({id:"global.showVerb",defaultMessage:"Show",description:"For a button, to show something"}),getCharactersEntered:(i,a)=>e.formatMessage({id:"global.charactersEntered",defaultMessage:"{x, number} of {y, number} characters entered.",description:"for screen readers"},{x:i,y:a}),getCharacterLimit:i=>e.formatMessage({id:"global.characterLimit",defaultMessage:"{limit, number} characters allowed.",description:"for screen readers"},{limit:i})},a={duplicateName:e.formatMessage({id:"uploader.duplicateName",defaultMessage:"A file with this name already exists."}),fileLimitExceeded:e.formatMessage({id:"uploader.fileUploadLimitExceeded",defaultMessage:"Upload unsuccessful because file selection would exceed the maximum number of files",description:"Message displayed when trying to upload too many files"}),fileLimitReached:e.formatMessage({id:"uploader.fileUploadLimitReached",defaultMessage:"The maximum number of files has been reached",description:"Message displayed when trying to upload additional files, but the limit has been reached"}),finishedUploading:e.formatMessage({id:"uploader.finishedUploading",defaultMessage:"Finished uploading"}),waitToUpload:e.formatMessage({id:"uploader.waitToUpload",defaultMessage:"Please wait for current upload to complete before uploading new files.",description:"Message for screen reader users"}),zeroFileSize:e.formatMessage({id:"uploader.zeroFileSize",defaultMessage:"The file must be more than 0 bytes",description:"Error message when user attempts to upload a file of no size"}),getAcceptedFileTypes:(i,a)=>e.formatMessage({id:"uploader.acceptedFileTypes",defaultMessage:"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}"},{fileTypes:i,amount:a}),getFilesAdded:i=>e.formatMessage({id:"uploader.filesAdded",defaultMessage:"{numFiles, plural, one {1 file added} other {# files added}}"},{numFiles:i}),getFileCount:(i,a)=>e.formatMessage({id:"uploader.fileCount",defaultMessage:"{x} of {y} Files",description:"A count of the number of files currently uploaded"},{x:i,y:a}),getFileTooLarge:i=>e.formatMessage({id:"uploader.fileTooLarge",defaultMessage:"The selected file is too large. Maximum file size is {size}"},{size:i}),getFilesUploading:i=>e.formatMessage({id:"uploader.filesUploading",defaultMessage:"{num, plural, one {1 file uploading} other {# files uploading}}"},{num:i}),getInvalidFileType:i=>e.formatMessage({id:"uploader.invalidFileType",defaultMessage:"The file type is invalid. Accepted types: {validTypes}"},{validTypes:i}),getMaxSize:i=>e.formatMessage({id:"uploader.maxSize",defaultMessage:"Maximum file size {maxSize}",description:"An indicator of the maximum file size the uploader allows"},{maxSize:i}),getUploadProgress:i=>e.formatMessage({id:"uploader.uploadProgress",defaultMessage:"Upload progress: {percentage}%"},{percentage:i})},t={interactiveChart:e.formatMessage({id:"chart.interactiveChart",defaultMessage:"Interactive chart",description:"For screen readers only, a description clarifying the role of the chart widget"})},d={instructions:e.formatMessage({id:"linechart.instructions",defaultMessage:"Use Tab and arrow keys to browse elements.",description:"For screen readers only, instructions on how to interact with the line chart component"}),noData:e.formatMessage({id:"linechart.noData",defaultMessage:"No Data",description:"Message displayed when a data point has missing data"}),getChangeSince:i=>e.formatMessage({id:"linechart.changeSince",defaultMessage:"Change since {time}",description:"Indicates a comparison between current and previous data"},{time:i})};export{t as c,i as g,d as l,a as u}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as r}from"./p-568c595f.js";import{i,h as n,k as s,p as a,q as l,r as p,s as h}from"./p-
|
|
1
|
+
import{r as t,h as o,H as e,g as r}from"./p-568c595f.js";import{i,h as n,k as s,p as a,q as l,r as p,s as h}from"./p-16f65bf4.js";const m=class{constructor(o){t(this,o),this.tooltipMessage=i.formatMessage({id:"toggletip.moreInformation",defaultMessage:"More information"}),this.label=void 0,this.tooltip=void 0,this.tooltipPosition="bottom-right",this.targetSize="small",this.isOpen=!1}componentWillLoad(){const t=["top","right","bottom","left","top-right","top-left","bottom-right","bottom-left"];this.label||console.error("wm-toggletip must have a label property"),this.tooltip||console.error("wm-toggletip must have a tooltip property"),t.includes(this.tooltipPosition)||console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${t}`)}handleKeydown(t){switch(t.key){case"Escape":t.preventDefault(),this.isOpen&&(t.stopPropagation(),this.close());break;case"Tab":this.isOpen&&this.close()}}handleClick(t){this.isOpen&&(t.target===this.el||this.el.contains(t.target)?this.announceToggletip():this.close())}open(){n(),this.setToggletipPosition(this.tooltipPosition,this.el,this.toggletipEl.clientHeight,this.toggletipEl.clientWidth),this.isOpen=!0,this.announceToggletip()}close(){this.isOpen=!1,n()}handleBlur(){n(),this.liveRegionEl.innerHTML=""}announceToggletip(){this.liveRegionEl.innerHTML="",setTimeout((()=>{this.liveRegionEl.innerHTML=this.tooltip}),10)}setToggletipPosition(t,o,e,r){t.includes("bottom")&&s(o,e)?t=t.replace("bottom","top"):t.includes("top")&&a(o,e)&&(t=t.replace("top","bottom")),t.includes("left")&&l(o,r)?t=t.replace("left","right"):t.includes("right")&&p(o,r)&&(t=t.replace("right","left"))}render(){return o(e,{class:`size-${this.targetSize}`},o("button",{class:"button",type:"button","aria-label":this.label,onClick:()=>this.open(),onMouseEnter:()=>h(this.tooltipPosition,this.el,this.tooltipMessage),onMouseLeave:()=>n(),onFocus:()=>h(this.tooltipPosition,this.el,this.tooltipMessage),onBlur:()=>this.handleBlur()}),o("div",{ref:t=>this.toggletipEl=t,class:`toggletip ${this.isOpen?"":"hidden"} ${this.tooltipPosition}`},this.tooltip),o("div",{ref:t=>this.liveRegionEl=t,class:"live-region sr-only",role:"status","aria-live":"polite","aria-atomic":"true"}))}static get delegatesFocus(){return!0}get el(){return r(this)}};m.style=':host{--button-size:16px}:host(.size-small){--button-size:16px}:host(.size-small) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}:host(.size-large){--button-size:40px}:host(.size-large) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host{--wmcolor-toggletip-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-text:var(--wmcolor-icon-ondark);--wmcolor-toggletip-text:var(--wmcolor-text-ondark);display:inline-block;position:relative;height:var(--button-size);width:var(--button-size);text-transform:none;font-weight:normal}:host .button{display:-ms-flexbox;display:flex;background:none;border:none;padding:0;width:inherit;height:inherit;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer}:host .button: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:"\\f2fc";font-size:16px;color:var(--wmcolor-toggletip-icon-background);background:radial-gradient(var(--wmcolor-toggletip-icon-text) 40%, transparent 0%)}:host .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .tooltip{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);pointer-events:none;font-family:inherit;font-size:0.875rem;text-transform:none;font-weight:normal;background:var(--wmcolor-tooltip-background);color:var(--wmcolor-tooltip-text);padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;white-space:nowrap}:host .toggletip{position:absolute;max-width:13.75rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5rem 0.75rem;border-radius:0.1875rem;background:var(--wmcolor-toggletip-background);color:var(--wmcolor-toggletip-text);font-size:14px;z-index:30}:host .toggletip.top:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.bottom:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:var(--wmcolor-toggletip-background);border-right-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-left-width:0px;top:calc(50% - 6px);left:-0.1875rem}:host .toggletip.left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:var(--wmcolor-toggletip-background);border-left-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-right-width:0px;top:calc(50% - 6px);right:-0.1875rem}:host .toggletip.bottom-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.bottom-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.top-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.top-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.hidden{-webkit-transform:scale(0, 0) !important;transform:scale(0, 0) !important;visibility:hidden}:host .toggletip{top:calc(var(--button-size) / 2);left:calc(var(--button-size) / 2)}:host .toggletip.top{-webkit-transform:translate(-50%, calc(-100% - 18px));transform:translate(-50%, calc(-100% - 18px))}:host .toggletip.bottom{-webkit-transform:translate(-50%, 18px);transform:translate(-50%, 18px)}:host .toggletip.right{-webkit-transform:translate(18px, -50%);transform:translate(18px, -50%)}:host .toggletip.left{-webkit-transform:translate(calc(-100% - 18px), -50%);transform:translate(calc(-100% - 18px), -50%)}:host .toggletip.bottom-right{-webkit-transform:translate(-20px, 18px);transform:translate(-20px, 18px)}:host .toggletip.bottom-left{-webkit-transform:translate(calc(-100% + 20px), 18px);transform:translate(calc(-100% + 20px), 18px)}:host .toggletip.top-right{-webkit-transform:translate(-20px, calc(-100% - 18px));transform:translate(-20px, calc(-100% - 18px))}:host .toggletip.top-left{-webkit-transform:translate(calc(-100% + 20px), calc(-100% - 18px));transform:translate(calc(-100% + 20px), calc(-100% - 18px))}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{m as wm_toggletip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as e,h as t,H as i,g as o}from"./p-568c595f.js";import{i as a,t as n,a as s,k as p}from"./p-bb884a44.js";const l=class{constructor(t){r(this,t),this.wmTimepickerInputBlurred=e(this,"wmTimepickerInputBlurred",7),this.wmTimepickerTimeSelected=e(this,"wmTimepickerTimeSelected",7),this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.timeFormat="hh:mm",this.times=this.generateTimeIntervals(),this.openUp=!1,this.buttonAriaLabel=a.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."}),this.disabled=!1,this.value="",this.errorMessage=void 0,this.label="",this.labelPosition="top",this.requiredField=!1,this.preselected=void 0,this.isExpanded=!1}get selectedOption(){return this.optionsList.filter((r=>0===r.tabIndex))[0]}get optionsList(){return Array.from(this.optionsEl.querySelectorAll("li"))}get isDisabled(){return n(this.disabled)}async isValidTime(r){return this.isValidTimeInternal(r)}isValidTimeInternal(r){return this.twelveHrValid.test(r)||this.twentyFourHrValid.test(r)}async reformatTime(r,e){return this.reformatTimeInternal(r,e)}announce(r){this.liveRegionEl.textContent===r&&(r+=" "),this.liveRegionEl.textContent=r}reformatTimeInternal(r,e){let[t,i,o]=this.splitTime(e);return"12"===r?(12!==t||o||(o="PM"),0!==t&&24!==t||(t=12),t>12&&(t-=12,o="PM"),o=o&&o.toUpperCase().includes("P")?"PM":"AM",`${t.toString().padStart(2,"0")}:${i} ${o}`):"24"===r?(24===t&&(t=0),12===t&&o&&o.toUpperCase().includes("A")&&(t-=12),o&&o.toUpperCase().includes("P")&&12!==t&&(t+=12),`${t.toString().padStart(2,"0")}:${i}`):e}handleKey(r){switch(r.key){case"ArrowDown":r.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveNext(this.selectedOption);break;case"ArrowUp":r.preventDefault(),!1===this.isExpanded?this.open("previous"):this.movePrevious(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(r.preventDefault(),this.handleOptionClick(this.selectedOption.dataset.time));break;case"Escape":r.preventDefault(),this.isExpanded&&(r.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close(!1);break;case"Home":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[0]);break;case"End":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[this.optionsList.length-1])}}handleDisabledChange(){s(this.el,this.isDisabled)}handleValueChange(){this.inputEl.value=this.value?this.value:""}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none."),this.timeFormat=a.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),s(this.el,this.isDisabled)}componentDidLoad(){this.optionsEl.classList.add("hidden")}handleOptionClick(r){this.close(),this.wmTimepickerTimeSelected.emit({time:r})}handleInputBlur(){this.wmTimepickerInputBlurred.emit(),this.tpWrapper.classList.remove("focus")}generateTimeIntervals(){let r=[],e=0;for(let t=0;e<1440;t++){const i=Math.floor(e/60).toString().padStart(2,"0"),o=(e%60).toString().padStart(2,"0");r[t]=`${i}:${o}`,e+=15}return r}splitTime(r){const e=this.twelveHrValid.exec(r)||this.twentyFourHrValid.exec(r);let t=parseInt(e[1]),i=e[2]||"00",o=e?e[3]:void 0;return 0===t&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[t,i,o]}open(r){this.openUp=p(this.el,this.optionsEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden");let e=this.optionsList[36];if(this.preselected)e=this.optionsList.filter((r=>r.dataset.time==this.preselected))[0];else if(this.isValidTimeInternal(this.value)){const r=this.findNearestTimeInterval(this.reformatTimeInternal("24",this.value));e=this.optionsList.filter((e=>e.dataset.time==r))[0]}this.optionsEl.scrollTop=(this.optionsList.findIndex((r=>r.textContent===(null==e?void 0:e.textContent)))-2)*e.offsetHeight,this.focusOption(e),window.requestAnimationFrame((()=>{"next"===r?this.moveNext(this.selectedOption):"previous"===r&&this.movePrevious(this.selectedOption)}))}close(r=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),r&&this.buttonEl.focus()}),150)}focusOption(r){this.optionsList.forEach((r=>{r.tabIndex=-1})),r.tabIndex=0,r.scrollIntoView({block:"nearest"}),r.focus()}movePrevious(r){this.focusOption(r.previousElementSibling?r.previousElementSibling:this.optionsList[this.optionsList.length-1])}moveNext(r){this.focusOption(r.nextElementSibling?r.nextElementSibling:this.optionsList[0])}findNearestTimeInterval(r){const e=parseInt(r.slice(3,5));if(e%15!=0){const t=parseInt(r.slice(0,2));let i=(15*Math.round(e/15)).toString().padStart(2,"0");if("60"===i){i="00";let e=t+1;24===e&&(e=0),r=r.replace(`${t.toString().padStart(2,"0")}:`,`${e.toString().padStart(2,"0")}:`)}parseInt(i)<8&&(i="00"),r=r.replace(`:${e.toString().padStart(2,"0")}`,`:${i}`)}return r}renderOptions(){return this.times.map(((r,e)=>t("li",{id:`option${e+1}`,"data-time":r,role:"option",onClick:()=>this.handleOptionClick(r)},this.reformatTimeInternal("12",r))))}render(){return t(i,{onBlur:()=>this.close(!1)},t("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`,ref:r=>this.tpWrapper=r},t("div",{class:"label-wrapper"},"none"!==this.labelPosition&&t("label",{id:"label",class:"label",htmlFor:"time-input"},this.label,this.requiredField&&t("span",{class:"required","aria-hidden":"true"},"*"))),t("div",null,t("div",{class:"inner-wrapper"},t("input",{id:"time-input","aria-label":this.label,"aria-describedby":"error",ref:r=>this.inputEl=r,onBlur:()=>this.handleInputBlur(),onInput:()=>this.value=this.inputEl.value,disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",value:this.value,onFocus:()=>this.tpWrapper.classList.add("focus")}),t("button",{id:"btn",ref:r=>this.buttonEl=r,disabled:this.isDisabled,"aria-controls":"list","aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":"time-input",onClick:()=>this.isExpanded?this.close():this.open(),onMouseDown:r=>{r.preventDefault(),this.buttonEl.focus()}},t("span",{class:"clock"})),t("ul",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:"list",role:"listbox","aria-labelledby":"label","aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:r=>this.optionsEl=r},this.renderOptions())),t("div",{id:"error",class:"error"},this.errorMessage)),t("div",{id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:r=>this.liveRegionEl=r})))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{disabled:["handleDisabledChange"],value:["handleValueChange"],errorMessage:["announceError"]}}};l.style=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::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:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper.invalid .error:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}';export{l as wm_timepicker}
|
|
1
|
+
import{r,c as e,h as t,H as i,g as o}from"./p-568c595f.js";import{i as a,t as n,a as s,k as p}from"./p-16f65bf4.js";const l=class{constructor(t){r(this,t),this.wmTimepickerInputBlurred=e(this,"wmTimepickerInputBlurred",7),this.wmTimepickerTimeSelected=e(this,"wmTimepickerTimeSelected",7),this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.timeFormat="hh:mm",this.times=this.generateTimeIntervals(),this.openUp=!1,this.buttonAriaLabel=a.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."}),this.disabled=!1,this.value="",this.errorMessage=void 0,this.label="",this.labelPosition="top",this.requiredField=!1,this.preselected=void 0,this.isExpanded=!1}get selectedOption(){return this.optionsList.filter((r=>0===r.tabIndex))[0]}get optionsList(){return Array.from(this.optionsEl.querySelectorAll("li"))}get isDisabled(){return n(this.disabled)}async isValidTime(r){return this.isValidTimeInternal(r)}isValidTimeInternal(r){return this.twelveHrValid.test(r)||this.twentyFourHrValid.test(r)}async reformatTime(r,e){return this.reformatTimeInternal(r,e)}announce(r){this.liveRegionEl.textContent===r&&(r+=" "),this.liveRegionEl.textContent=r}reformatTimeInternal(r,e){let[t,i,o]=this.splitTime(e);return"12"===r?(12!==t||o||(o="PM"),0!==t&&24!==t||(t=12),t>12&&(t-=12,o="PM"),o=o&&o.toUpperCase().includes("P")?"PM":"AM",`${t.toString().padStart(2,"0")}:${i} ${o}`):"24"===r?(24===t&&(t=0),12===t&&o&&o.toUpperCase().includes("A")&&(t-=12),o&&o.toUpperCase().includes("P")&&12!==t&&(t+=12),`${t.toString().padStart(2,"0")}:${i}`):e}handleKey(r){switch(r.key){case"ArrowDown":r.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveNext(this.selectedOption);break;case"ArrowUp":r.preventDefault(),!1===this.isExpanded?this.open("previous"):this.movePrevious(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(r.preventDefault(),this.handleOptionClick(this.selectedOption.dataset.time));break;case"Escape":r.preventDefault(),this.isExpanded&&(r.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close(!1);break;case"Home":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[0]);break;case"End":r.preventDefault(),this.isExpanded&&this.focusOption(this.optionsList[this.optionsList.length-1])}}handleDisabledChange(){s(this.el,this.isDisabled)}handleValueChange(){this.inputEl.value=this.value?this.value:""}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none."),this.timeFormat=a.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),s(this.el,this.isDisabled)}componentDidLoad(){this.optionsEl.classList.add("hidden")}handleOptionClick(r){this.close(),this.wmTimepickerTimeSelected.emit({time:r})}handleInputBlur(){this.wmTimepickerInputBlurred.emit(),this.tpWrapper.classList.remove("focus")}generateTimeIntervals(){let r=[],e=0;for(let t=0;e<1440;t++){const i=Math.floor(e/60).toString().padStart(2,"0"),o=(e%60).toString().padStart(2,"0");r[t]=`${i}:${o}`,e+=15}return r}splitTime(r){const e=this.twelveHrValid.exec(r)||this.twentyFourHrValid.exec(r);let t=parseInt(e[1]),i=e[2]||"00",o=e?e[3]:void 0;return 0===t&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[t,i,o]}open(r){this.openUp=p(this.el,this.optionsEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden");let e=this.optionsList[36];if(this.preselected)e=this.optionsList.filter((r=>r.dataset.time==this.preselected))[0];else if(this.isValidTimeInternal(this.value)){const r=this.findNearestTimeInterval(this.reformatTimeInternal("24",this.value));e=this.optionsList.filter((e=>e.dataset.time==r))[0]}this.optionsEl.scrollTop=(this.optionsList.findIndex((r=>r.textContent===(null==e?void 0:e.textContent)))-2)*e.offsetHeight,this.focusOption(e),window.requestAnimationFrame((()=>{"next"===r?this.moveNext(this.selectedOption):"previous"===r&&this.movePrevious(this.selectedOption)}))}close(r=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),r&&this.buttonEl.focus()}),150)}focusOption(r){this.optionsList.forEach((r=>{r.tabIndex=-1})),r.tabIndex=0,r.scrollIntoView({block:"nearest"}),r.focus()}movePrevious(r){this.focusOption(r.previousElementSibling?r.previousElementSibling:this.optionsList[this.optionsList.length-1])}moveNext(r){this.focusOption(r.nextElementSibling?r.nextElementSibling:this.optionsList[0])}findNearestTimeInterval(r){const e=parseInt(r.slice(3,5));if(e%15!=0){const t=parseInt(r.slice(0,2));let i=(15*Math.round(e/15)).toString().padStart(2,"0");if("60"===i){i="00";let e=t+1;24===e&&(e=0),r=r.replace(`${t.toString().padStart(2,"0")}:`,`${e.toString().padStart(2,"0")}:`)}parseInt(i)<8&&(i="00"),r=r.replace(`:${e.toString().padStart(2,"0")}`,`:${i}`)}return r}renderOptions(){return this.times.map(((r,e)=>t("li",{id:`option${e+1}`,"data-time":r,role:"option",onClick:()=>this.handleOptionClick(r)},this.reformatTimeInternal("12",r))))}render(){return t(i,{onBlur:()=>this.close(!1)},t("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`,ref:r=>this.tpWrapper=r},t("div",{class:"label-wrapper"},"none"!==this.labelPosition&&t("label",{id:"label",class:"label",htmlFor:"time-input"},this.label,this.requiredField&&t("span",{class:"required","aria-hidden":"true"},"*"))),t("div",null,t("div",{class:"inner-wrapper"},t("input",{id:"time-input","aria-label":this.label,"aria-describedby":"error",ref:r=>this.inputEl=r,onBlur:()=>this.handleInputBlur(),onInput:()=>this.value=this.inputEl.value,disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",value:this.value,onFocus:()=>this.tpWrapper.classList.add("focus")}),t("button",{id:"btn",ref:r=>this.buttonEl=r,disabled:this.isDisabled,"aria-controls":"list","aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":"time-input",onClick:()=>this.isExpanded?this.close():this.open(),onMouseDown:r=>{r.preventDefault(),this.buttonEl.focus()}},t("span",{class:"clock"})),t("ul",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:"list",role:"listbox","aria-labelledby":"label","aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:r=>this.optionsEl=r},this.renderOptions())),t("div",{id:"error",class:"error"},this.errorMessage)),t("div",{id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:r=>this.liveRegionEl=r})))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{disabled:["handleDisabledChange"],value:["handleValueChange"],errorMessage:["announceError"]}}};l.style=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::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:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper.invalid .error:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}';export{l as wm_timepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as e,f as t,h as i,g as o}from"./p-568c595f.js";import{i as r,d as l,z as h}from"./p-bb884a44.js";const n=class{constructor(t){s(this,t),this.optionListSearchChanged=e(this,"optionListSearchChanged",7),this.optionListCloseRequested=e(this,"optionListCloseRequested",7),this.optionListAllSelected=e(this,"optionListAllSelected",7),this.optionListAllDeselected=e(this,"optionListAllDeselected",7),this.searchIndex=0,this.keysSoFar="",this.selectAllMessage=r.formatMessage({id:"select.selectAll",defaultMessage:"Select All"}),this.deselectAllMessage=r.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"}),this.allOptionsSelectedMessage=r.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"}),this.allOptionsDeselectedMessage=r.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"}),this.debouncedSearch=l((()=>{this.searchTerm=this.searchFieldEl.value,this.optionListSearchChanged.emit({searchTerm:this.searchTerm}),this.announce(this.filteredOptions.length?this.resultsFoundMessage:this.noResultsFoundMessage)}),150),this.debouncedClearKeysSoFar=l((()=>{this.keysSoFar=""}),500),this.multiple=!1,this.search=!1,this.selectAll=!1,this.searchPlaceholder=void 0,this.maxHeight=void 0,this.announcement="",this.searchTerm=""}get childOptions(){return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"))}get cloneOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get allOptionEls(){return this.cloneOptions.concat(this.childOptions)}get visibleOptionEls(){return this.allOptionEls.filter((s=>!s.classList.contains("hidden")&&!s.classList.contains("filtered-out")))}get filteredOptions(){return this.childOptions.filter((s=>{var e;return null===(e=s.textContent)||void 0===e?void 0:e.toLowerCase().includes(this.searchTerm.toLowerCase())}))}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((s=>s.selected))}get visibleSelectAllButton(){return this.selectAll&&this.multiple&&""===this.searchTerm}get allSelected(){return this.childOptions.every((s=>s.selected))}get resultsFoundMessage(){return r.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})}get noResultsFoundMessage(){return r.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})}findAndFocusOption(s){const e=s.detail.letter.toLowerCase(),t=s.detail.optionEl;if(this.keysSoFar||" "!=e){this.keysSoFar||this.visibleOptionEls.forEach(((s,e)=>{s.focused&&(this.searchIndex=e)})),this.keysSoFar+=e;let s=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);s||(s=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)),s&&this.focusOption(s),this.debouncedClearKeysSoFar()}else t.click()}handleOptionSelection(s){this.focusOption(s.detail)}handleChildUp(s){this.moveUp(s.detail)}handleChildDown(s){this.moveDown(s.detail)}moveToFirstOption(){this.focusOption(this.visibleOptionEls[0])}moveToLastOption(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}handleOptionCloneSelection(s){this.findCorrespondingOption(s.detail).click()}componentDidLoad(){this.multiple&&this.updateOptionVisibility(),this.maxHeight&&(this.listboxEl.style.maxHeight=this.maxHeight)}async handleChildChange(s){this.multiple&&t(this.el)}async clearSearch(){this.searchFieldEl.value="",this.searchTerm="",this.optionListSearchChanged.emit({searchTerm:this.searchTerm})}async focusOption(s){this.allOptionEls.forEach((e=>e.focused=e===s)),s.scrollIntoView({block:"nearest"}),window.setTimeout((()=>s.scrollIntoView({block:"nearest"})),60),s.focus()}async handleInitialFocus(s){switch(s){case"next":this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.moveDown(this.visibleOptionEls.filter((s=>s.selected)).slice(-1)[0]);break;case"previous":this.search?this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1]):this.moveUp(this.visibleOptionEls.filter((s=>s.selected))[0]);break;default:this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.focusOption(this.selectedOptions.length>0?this.visibleOptionEls.filter((s=>s.selected))[0]:this.visibleOptionEls[0])}}async unfocusAll(){this.allOptionEls.map((s=>s.focused=!1))}findMatchInRange(s,e,t){let i=null;return s.slice(e,t).forEach((s=>{const e=s.textContent;!i&&e&&e.toLowerCase().startsWith(this.keysSoFar)&&(i=s)})),i}findCorrespondingOption(s){return s.classList.contains("clone")?this.childOptions[this.cloneOptions.indexOf(s)]:this.cloneOptions[this.childOptions.indexOf(s)]}handleSearchFieldBlur(s){this.searchFieldWrapperEl.classList.remove("focus"),h(this.el,s.relatedTarget)&&s.stopPropagation()}handleKeyDown(s){const e=s.target;switch(s.key){case"ArrowDown":s.preventDefault(),this.moveDown(s.target);break;case"ArrowUp":s.preventDefault(),this.moveUp(s.target);break;case"Escape":s.preventDefault(),this.close();break;case"Enter":e===this.selectAllEl&&(s.preventDefault(),this.handleSelectAllClick(),this.close());break;case" ":e===this.selectAllEl&&(s.preventDefault(),this.handleSelectAllClick())}}close(){this.multiple&&this.updateOptionVisibility(),this.optionListCloseRequested.emit()}handleSelectAllClick(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()}selectAllOptions(){this.announce(this.allOptionsSelectedMessage),this.optionListAllSelected.emit()}deselectAllOptions(){this.announce(this.allOptionsDeselectedMessage),this.optionListAllDeselected.emit()}moveUp(s){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl);const t=e[e.indexOf(s)-1]||e[e.length-1];t&&this.focusOption(t)}moveDown(s){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl);const t=e[e.indexOf(s)+1]||e[0];t&&this.focusOption(t)}async updateOptionVisibility(){this.childOptions.forEach(((s,e)=>{const t=this.cloneOptions[e];s.selected?(s.classList.add("hidden"),t.classList.remove("hidden")):(s.classList.remove("hidden"),t.classList.add("hidden"))}));const s=this.visibleOptionEls.filter((s=>s.classList.contains("clone"))),e=s.length===this.visibleOptionEls.length;s.forEach(((t,i)=>{e||i!==s.length-1?t.classList.remove("last"):t.classList.add("last")}))}announce(s){this.liveRegionEl.textContent===s&&(s+=" "),this.announcement=s}renderSearchField(){return i("div",{class:"search"},i("div",{class:"searchfield-wrapper",ref:s=>this.searchFieldWrapperEl=s},i("div",{class:"icon"}),i("input",{ref:s=>this.searchFieldEl=s,class:"searchfield",role:"combobox","aria-controls":"list",onKeyDown:s=>this.handleKeyDown(s),onFocus:()=>this.searchFieldWrapperEl.classList.add("focus"),onBlur:s=>this.handleSearchFieldBlur(s),onInput:()=>this.debouncedSearch(),placeholder:this.searchPlaceholder})))}renderSearchFailedMessage(){return i("div",{class:"search-results-message"},this.noResultsFoundMessage)}renderSelectAllButton(){return i("button",{ref:s=>this.selectAllEl=s,class:"select-all",onClick:()=>this.handleSelectAllClick(),onKeyDown:s=>this.handleKeyDown(s),tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}renderCloneOptions(){return Array.from(this.childOptions).map((s=>i("wm-option",{class:"clone",subinfo:s.subinfo,selected:s.selected},s.textContent)))}render(){return i("div",{class:"list-wrapper"},this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),i("div",{id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:s=>this.listboxEl=s},this.searchTerm&&0===this.filteredOptions.length&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),i("slot",null)),i("div",{id:"optionlist-announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:s=>this.liveRegionEl=s},this.announcement))}get el(){return o(this)}};n.style='.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-selectall-border);background:var(--wmcolor-select-selectall-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-selectall-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-all:hover,.select-all:focus{outline:none;background:#f4f4f4}';export{n as priv_option_list}
|
|
1
|
+
import{r as s,c as e,f as t,h as i,g as o}from"./p-568c595f.js";import{i as r,d as l,z as h}from"./p-16f65bf4.js";const n=class{constructor(t){s(this,t),this.optionListSearchChanged=e(this,"optionListSearchChanged",7),this.optionListCloseRequested=e(this,"optionListCloseRequested",7),this.optionListAllSelected=e(this,"optionListAllSelected",7),this.optionListAllDeselected=e(this,"optionListAllDeselected",7),this.searchIndex=0,this.keysSoFar="",this.selectAllMessage=r.formatMessage({id:"select.selectAll",defaultMessage:"Select All"}),this.deselectAllMessage=r.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"}),this.allOptionsSelectedMessage=r.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"}),this.allOptionsDeselectedMessage=r.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"}),this.debouncedSearch=l((()=>{this.searchTerm=this.searchFieldEl.value,this.optionListSearchChanged.emit({searchTerm:this.searchTerm}),this.announce(this.filteredOptions.length?this.resultsFoundMessage:this.noResultsFoundMessage)}),150),this.debouncedClearKeysSoFar=l((()=>{this.keysSoFar=""}),500),this.multiple=!1,this.search=!1,this.selectAll=!1,this.searchPlaceholder=void 0,this.maxHeight=void 0,this.announcement="",this.searchTerm=""}get childOptions(){return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"))}get cloneOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get allOptionEls(){return this.cloneOptions.concat(this.childOptions)}get visibleOptionEls(){return this.allOptionEls.filter((s=>!s.classList.contains("hidden")&&!s.classList.contains("filtered-out")))}get filteredOptions(){return this.childOptions.filter((s=>{var e;return null===(e=s.textContent)||void 0===e?void 0:e.toLowerCase().includes(this.searchTerm.toLowerCase())}))}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((s=>s.selected))}get visibleSelectAllButton(){return this.selectAll&&this.multiple&&""===this.searchTerm}get allSelected(){return this.childOptions.every((s=>s.selected))}get resultsFoundMessage(){return r.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})}get noResultsFoundMessage(){return r.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})}findAndFocusOption(s){const e=s.detail.letter.toLowerCase(),t=s.detail.optionEl;if(this.keysSoFar||" "!=e){this.keysSoFar||this.visibleOptionEls.forEach(((s,e)=>{s.focused&&(this.searchIndex=e)})),this.keysSoFar+=e;let s=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);s||(s=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)),s&&this.focusOption(s),this.debouncedClearKeysSoFar()}else t.click()}handleOptionSelection(s){this.focusOption(s.detail)}handleChildUp(s){this.moveUp(s.detail)}handleChildDown(s){this.moveDown(s.detail)}moveToFirstOption(){this.focusOption(this.visibleOptionEls[0])}moveToLastOption(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}handleOptionCloneSelection(s){this.findCorrespondingOption(s.detail).click()}componentDidLoad(){this.multiple&&this.updateOptionVisibility(),this.maxHeight&&(this.listboxEl.style.maxHeight=this.maxHeight)}async handleChildChange(s){this.multiple&&t(this.el)}async clearSearch(){this.searchFieldEl.value="",this.searchTerm="",this.optionListSearchChanged.emit({searchTerm:this.searchTerm})}async focusOption(s){this.allOptionEls.forEach((e=>e.focused=e===s)),s.scrollIntoView({block:"nearest"}),window.setTimeout((()=>s.scrollIntoView({block:"nearest"})),60),s.focus()}async handleInitialFocus(s){switch(s){case"next":this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.moveDown(this.visibleOptionEls.filter((s=>s.selected)).slice(-1)[0]);break;case"previous":this.search?this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1]):this.moveUp(this.visibleOptionEls.filter((s=>s.selected))[0]);break;default:this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.focusOption(this.selectedOptions.length>0?this.visibleOptionEls.filter((s=>s.selected))[0]:this.visibleOptionEls[0])}}async unfocusAll(){this.allOptionEls.map((s=>s.focused=!1))}findMatchInRange(s,e,t){let i=null;return s.slice(e,t).forEach((s=>{const e=s.textContent;!i&&e&&e.toLowerCase().startsWith(this.keysSoFar)&&(i=s)})),i}findCorrespondingOption(s){return s.classList.contains("clone")?this.childOptions[this.cloneOptions.indexOf(s)]:this.cloneOptions[this.childOptions.indexOf(s)]}handleSearchFieldBlur(s){this.searchFieldWrapperEl.classList.remove("focus"),h(this.el,s.relatedTarget)&&s.stopPropagation()}handleKeyDown(s){const e=s.target;switch(s.key){case"ArrowDown":s.preventDefault(),this.moveDown(s.target);break;case"ArrowUp":s.preventDefault(),this.moveUp(s.target);break;case"Escape":s.preventDefault(),this.close();break;case"Enter":e===this.selectAllEl&&(s.preventDefault(),this.handleSelectAllClick(),this.close());break;case" ":e===this.selectAllEl&&(s.preventDefault(),this.handleSelectAllClick())}}close(){this.multiple&&this.updateOptionVisibility(),this.optionListCloseRequested.emit()}handleSelectAllClick(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()}selectAllOptions(){this.announce(this.allOptionsSelectedMessage),this.optionListAllSelected.emit()}deselectAllOptions(){this.announce(this.allOptionsDeselectedMessage),this.optionListAllDeselected.emit()}moveUp(s){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl);const t=e[e.indexOf(s)-1]||e[e.length-1];t&&this.focusOption(t)}moveDown(s){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl);const t=e[e.indexOf(s)+1]||e[0];t&&this.focusOption(t)}async updateOptionVisibility(){this.childOptions.forEach(((s,e)=>{const t=this.cloneOptions[e];s.selected?(s.classList.add("hidden"),t.classList.remove("hidden")):(s.classList.remove("hidden"),t.classList.add("hidden"))}));const s=this.visibleOptionEls.filter((s=>s.classList.contains("clone"))),e=s.length===this.visibleOptionEls.length;s.forEach(((t,i)=>{e||i!==s.length-1?t.classList.remove("last"):t.classList.add("last")}))}announce(s){this.liveRegionEl.textContent===s&&(s+=" "),this.announcement=s}renderSearchField(){return i("div",{class:"search"},i("div",{class:"searchfield-wrapper",ref:s=>this.searchFieldWrapperEl=s},i("div",{class:"icon"}),i("input",{ref:s=>this.searchFieldEl=s,class:"searchfield",role:"combobox","aria-controls":"list",onKeyDown:s=>this.handleKeyDown(s),onFocus:()=>this.searchFieldWrapperEl.classList.add("focus"),onBlur:s=>this.handleSearchFieldBlur(s),onInput:()=>this.debouncedSearch(),placeholder:this.searchPlaceholder})))}renderSearchFailedMessage(){return i("div",{class:"search-results-message"},this.noResultsFoundMessage)}renderSelectAllButton(){return i("button",{ref:s=>this.selectAllEl=s,class:"select-all",onClick:()=>this.handleSelectAllClick(),onKeyDown:s=>this.handleKeyDown(s),tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}renderCloneOptions(){return Array.from(this.childOptions).map((s=>i("wm-option",{class:"clone",subinfo:s.subinfo,selected:s.selected},s.textContent)))}render(){return i("div",{class:"list-wrapper"},this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),i("div",{id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:s=>this.listboxEl=s},this.searchTerm&&0===this.filteredOptions.length&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),i("slot",null)),i("div",{id:"optionlist-announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:s=>this.liveRegionEl=s},this.announcement))}get el(){return o(this)}};n.style='.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-selectall-border);background:var(--wmcolor-select-selectall-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-selectall-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-all:hover,.select-all:focus{outline:none;background:#f4f4f4}';export{n as priv_option_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-ab8d78cc.system.js","./p-
|
|
1
|
+
System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js","./p-81c2df85.system.js"],(function(t){"use strict";var e,i,r,n,o,s,a,l;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.g},function(t){o=t.t;s=t.a;a=t.b},function(t){l=t.g}],execute:function(){var p=':host{font-family:inherit;width:100%}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%}:host .wrapper .text-after-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}:host .wrapper .text-after{-ms-flex:0 1 fit-content;flex:0 1 fit-content}:host .wrapper .inputfield-wrapper{height:2.5rem;min-width:6.25rem;border:1px solid var(--wmcolor-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex}:host .wrapper .inputfield-wrapper.disabled{background-color:var(--wmcolor-input-background-disabled);color:var(--wmcolor-input-text-disabled)}:host .wrapper .inputfield-wrapper.disabled .symbol{background:none}:host .wrapper .symbol{display:-ms-flexbox;display:flex;background-color:var(--wmcolor-input-unit-background);-ms-flex:0 0 44px;flex:0 0 44px;padding-inline:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-input-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .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%;-ms-flex:1;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:focus{outline:none}:host .wrapper input[type=number]{padding-right:0}:host .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper.invalid .error-message:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var h=t("wm_input",function(){function t(t){e(this,t);this.wmInputValueChanged=i(this,"wmInputValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.inputWidth="";this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.symbolBefore=undefined;this.symbolAfter=undefined;this.textAfter=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.isSubmit=false;this.announcement=""}t.prototype.getInputWidth=function(){return this.inputWidth?{width:this.inputWidth}:{flex:"1"}};Object.defineProperty(t.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDisabled",{get:function(){return o(this.disabled)},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){if(!this.label){console.error("wm-input requires the label property")}s(this.el,this.isDisabled)};t.prototype.componentDidLoad=function(){this.previousValue=this.inputEl.value};t.prototype.handleDisabledChange=function(){s(this.el,this.isDisabled)};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleInput=function(t){this.value=t.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}};t.prototype.handleKeyDown=function(t){var e=t.ctrlKey||t.metaKey||t.altKey;var i=/^.$/.test(t.key)&&!e;var r=i&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit;if(r){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(t.key==="Enter"){this.isSubmit&&a(this.el.closest("form"))}};t.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmInputValueChanged.emit({value:this.value})}this.previousValue=this.value;this.inputWrapperEl.classList.remove("focus")};t.prototype.handleFocus=function(){this.inputWrapperEl.classList.add("focus")};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.announcement=t};t.prototype.generateCharacterLimitWarning=function(t,e){var i=l.getCharactersEntered(t,e);if(t>=e){i+=" ".concat(l.characterLimitReached)}return i};t.prototype.descriptors=function(){return this.symbolBefore||this.symbolAfter||this.textAfter?"symbol-before inputfield symbol-after text-after info error":"info error"};t.prototype.render=function(){var t=this;return r("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":""),ref:function(e){return t.inputWrapperEl=e}},r("div",{class:"label-wrapper"},r("label",{htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&r("span",{class:"sr-only"}," ",l.getCharacterLimit(this.characterLimit)),this.requiredField&&r("span",{class:"required","aria-hidden":"true"},"*"))),r("div",{class:"inner-wrapper"},r("div",{class:"text-after-wrapper"},r("div",{class:"inputfield-wrapper ".concat(this.isDisabled?"disabled":""),style:this.getInputWidth()},this.symbolBefore&&r("span",{class:"symbol",id:"symbol-before"},this.symbolBefore),r("input",{ref:function(e){return t.inputEl=e},id:"inputfield",disabled:this.isDisabled,"aria-describedby":this.descriptors(),onInput:function(e){return t.handleInput(e)},onKeyDown:function(e){return t.handleKeyDown(e)},onBlur:function(){return t.handleBlur()},onFocus:function(){return t.handleFocus()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,maxLength:this.characterLimit||undefined,type:this.type,step:this.step,max:this.max,min:this.min,value:this.el.value}),this.symbolAfter&&r("span",{class:"symbol",id:"symbol-after"},this.symbolAfter),this.characterLimit&&typeof this.characterLimit==="number"?r("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.textAfter&&r("span",{class:"text-after",id:"text-after"},this.textAfter)),this.info&&r("div",{id:"info",class:"info"},this.info),r("div",{id:"error",class:"error-message"},this.errorMessage),r("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(e){return t.liveRegionEl=e}},this.announcement)))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return t}());h.style=p}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as n,H as i,g as o}from"./p-568c595f.js";import{g as e,s as r,h as s}from"./p-bb884a44.js";import{g as c}from"./p-d32bf479.js";const p=class{constructor(n){t(this,n),this.wmSnackbarSnackFinished=a(this,"wmSnackbarSnackFinished",7),this.wmSnackbarActionTriggered=a(this,"wmSnackbarActionTriggered",7),this.parsedNotifications=[],this.uid=this.el.id?this.el.id:e(),this.focusOnDismiss=null,this.timers={},this.notifications="[]",this.isTabbing=!1,this.announcement=""}componentDidLoad(){new MutationObserver((t=>t.forEach((t=>this.handleSnackMutation(t))))).observe(this.snackAreaEl,{childList:!0})}handleSnackMutation(t){const a=Array.from(t.addedNodes);a.length>0&&(a.forEach((t=>t.querySelector(".wm-snackbar").classList.add("grow"))),a[0].scrollIntoView())}updateSnacks(t){const a=[...this.parsedNotifications];if(this.parsedNotifications=[...JSON.parse(t)],this.resetUpdatedNotifications(a),a.length<this.parsedNotifications.length){const t=this.parsedNotifications[0];if(!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`),this.isTabbing&&t.link&&(this.focusOnDismiss=document.activeElement?document.activeElement:null,this.stopTimer(t),window.requestAnimationFrame((()=>{this.el.shadowRoot.querySelector(`#action-${t.id}`).focus()})))}this.setMinWidths()}setMinWidths(){requestAnimationFrame((()=>{this.el.shadowRoot.querySelectorAll(".msg").forEach((t=>{t.classList.remove("long"),t.scrollWidth>216&&t.classList.add("long")}))}))}resetUpdatedNotifications(t){let a=[];t.forEach((t=>{this.parsedNotifications.forEach((n=>{n.id==t.id&&n.message!=t.message&&a.push(n)}))})),a.forEach((t=>{const a=this.el.shadowRoot.querySelector(`#snack-${t.id}`);if(a&&(a.classList.remove("grow"),window.requestAnimationFrame((()=>a.classList.add("grow")))),this.stopTimer(t),!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`)}))}checkForTabbing(t){"Tab"===t.key&&(this.isTabbing=!0)}handleMouse(){this.isTabbing=!1}snackDismissed(t){this.endSnack(t),t.link&&this.isTabbing&&this.focusOnDismiss&&(this.focusOnDismiss.focus(),this.focusOnDismiss=null)}snackExpired(t){const a=this.parsedNotifications.find((a=>a.id==t));a&&this.endSnack(a)}endSnack(t){this.stopTimer(t),this.el.shadowRoot.querySelector(`#snack-${t.id}`).classList.add("shrink"),setTimeout((()=>{this.wmSnackbarSnackFinished.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}),250)}snackLinkClicked(t){this.stopTimer(t),this.wmSnackbarActionTriggered.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}stopTimer(t){this.timers[t.id]&&(clearTimeout(this.timers[t.id]),delete this.timers[t.id])}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderSnackbars(){return this.parsedNotifications.map((t=>n("div",{class:"wm-snack-wrapper",key:`snack-${t.id}`},n("div",{id:`snack-${t.id}`,class:"wm-snackbar active neutral"},n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)}),n("div",{class:"content-wrapper"},n("div",{class:"msg-wrapper"},n("span",{class:"msg"},t.message),t.link&&n("a",{id:`action-${t.id}`,class:"link "+(t.newWindow?"new-window":""),"aria-label":`Click to ${t.link}...${t.newWindow?" "+c.newWindow:""}`,tabindex:0,onClick:()=>{this.snackLinkClicked(t)},onKeyDown:a=>"Enter"===a.key&&this.snackLinkClicked(t)},n("span",{"aria-hidden":"true"},t.link))),n("button",{id:`close-button-${t.id}`,"aria-label":"Close this notification",class:"closesnack",tabindex:t.link?0:-1,onClick:()=>this.snackDismissed(t),onMouseEnter:t=>r("bottom",t.target,c.close),onMouseLeave:()=>s(),onFocus:t=>this.isTabbing&&r("bottom",t.target,c.close),onBlur:()=>s()})),n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)})))))}render(){return n(i,null,n("div",{ref:t=>this.snackAreaEl=t,class:{"list-wrapper":!0,"user-is-tabbing":this.isTabbing,empty:0==this.parsedNotifications.length}},this.renderSnackbars()),n("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:`wm-live-region-${this.uid}`,ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return o(this)}static get watchers(){return{notifications:["updateSnacks"]}}};p.style=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark);position:fixed;bottom:0;z-index:2001}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .list-wrapper{-webkit-overflow-scrolling:touch;width:35.5rem;max-height:17.5rem;overflow:auto;padding:1.125rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;position:fixed;bottom:0.75rem;left:0.75rem}:host .list-wrapper.empty{visibility:hidden}:host .wm-snack-wrapper{width:100%;height:100%}:host .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:4px 16px;min-height:3.75rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snack-wrapper .wm-snackbar.shrink{-webkit-animation:shrink 0.25s;animation:shrink 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}:host .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snack-wrapper .wm-snackbar .link.new-window::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;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snack-wrapper .wm-snackbar .content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link span{display:block;white-space:nowrap}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus{outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';export{p as wm_snackbar}
|
|
1
|
+
import{r as t,c as a,h as n,H as i,g as o}from"./p-568c595f.js";import{g as e,s as r,h as s}from"./p-16f65bf4.js";import{g as c}from"./p-21d372ed.js";const p=class{constructor(n){t(this,n),this.wmSnackbarSnackFinished=a(this,"wmSnackbarSnackFinished",7),this.wmSnackbarActionTriggered=a(this,"wmSnackbarActionTriggered",7),this.parsedNotifications=[],this.uid=this.el.id?this.el.id:e(),this.focusOnDismiss=null,this.timers={},this.notifications="[]",this.isTabbing=!1,this.announcement=""}componentDidLoad(){new MutationObserver((t=>t.forEach((t=>this.handleSnackMutation(t))))).observe(this.snackAreaEl,{childList:!0})}handleSnackMutation(t){const a=Array.from(t.addedNodes);a.length>0&&(a.forEach((t=>t.querySelector(".wm-snackbar").classList.add("grow"))),a[0].scrollIntoView())}updateSnacks(t){const a=[...this.parsedNotifications];if(this.parsedNotifications=[...JSON.parse(t)],this.resetUpdatedNotifications(a),a.length<this.parsedNotifications.length){const t=this.parsedNotifications[0];if(!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`),this.isTabbing&&t.link&&(this.focusOnDismiss=document.activeElement?document.activeElement:null,this.stopTimer(t),window.requestAnimationFrame((()=>{this.el.shadowRoot.querySelector(`#action-${t.id}`).focus()})))}this.setMinWidths()}setMinWidths(){requestAnimationFrame((()=>{this.el.shadowRoot.querySelectorAll(".msg").forEach((t=>{t.classList.remove("long"),t.scrollWidth>216&&t.classList.add("long")}))}))}resetUpdatedNotifications(t){let a=[];t.forEach((t=>{this.parsedNotifications.forEach((n=>{n.id==t.id&&n.message!=t.message&&a.push(n)}))})),a.forEach((t=>{const a=this.el.shadowRoot.querySelector(`#snack-${t.id}`);if(a&&(a.classList.remove("grow"),window.requestAnimationFrame((()=>a.classList.add("grow")))),this.stopTimer(t),!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`)}))}checkForTabbing(t){"Tab"===t.key&&(this.isTabbing=!0)}handleMouse(){this.isTabbing=!1}snackDismissed(t){this.endSnack(t),t.link&&this.isTabbing&&this.focusOnDismiss&&(this.focusOnDismiss.focus(),this.focusOnDismiss=null)}snackExpired(t){const a=this.parsedNotifications.find((a=>a.id==t));a&&this.endSnack(a)}endSnack(t){this.stopTimer(t),this.el.shadowRoot.querySelector(`#snack-${t.id}`).classList.add("shrink"),setTimeout((()=>{this.wmSnackbarSnackFinished.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}),250)}snackLinkClicked(t){this.stopTimer(t),this.wmSnackbarActionTriggered.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}stopTimer(t){this.timers[t.id]&&(clearTimeout(this.timers[t.id]),delete this.timers[t.id])}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderSnackbars(){return this.parsedNotifications.map((t=>n("div",{class:"wm-snack-wrapper",key:`snack-${t.id}`},n("div",{id:`snack-${t.id}`,class:"wm-snackbar active neutral"},n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)}),n("div",{class:"content-wrapper"},n("div",{class:"msg-wrapper"},n("span",{class:"msg"},t.message),t.link&&n("a",{id:`action-${t.id}`,class:"link "+(t.newWindow?"new-window":""),"aria-label":`Click to ${t.link}...${t.newWindow?" "+c.newWindow:""}`,tabindex:0,onClick:()=>{this.snackLinkClicked(t)},onKeyDown:a=>"Enter"===a.key&&this.snackLinkClicked(t)},n("span",{"aria-hidden":"true"},t.link))),n("button",{id:`close-button-${t.id}`,"aria-label":"Close this notification",class:"closesnack",tabindex:t.link?0:-1,onClick:()=>this.snackDismissed(t),onMouseEnter:t=>r("bottom",t.target,c.close),onMouseLeave:()=>s(),onFocus:t=>this.isTabbing&&r("bottom",t.target,c.close),onBlur:()=>s()})),n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)})))))}render(){return n(i,null,n("div",{ref:t=>this.snackAreaEl=t,class:{"list-wrapper":!0,"user-is-tabbing":this.isTabbing,empty:0==this.parsedNotifications.length}},this.renderSnackbars()),n("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:`wm-live-region-${this.uid}`,ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return o(this)}static get watchers(){return{notifications:["updateSnacks"]}}};p.style=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark);position:fixed;bottom:0;z-index:2001}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .list-wrapper{-webkit-overflow-scrolling:touch;width:35.5rem;max-height:17.5rem;overflow:auto;padding:1.125rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;position:fixed;bottom:0.75rem;left:0.75rem}:host .list-wrapper.empty{visibility:hidden}:host .wm-snack-wrapper{width:100%;height:100%}:host .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:4px 16px;min-height:3.75rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snack-wrapper .wm-snackbar.shrink{-webkit-animation:shrink 0.25s;animation:shrink 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}:host .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snack-wrapper .wm-snackbar .link.new-window::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;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snack-wrapper .wm-snackbar .content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link span{display:block;white-space:nowrap}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus{outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';export{p as wm_snackbar}
|