@watermarkinsights/ripple 5.23.0-alpha.1 → 5.23.0-alpha.4
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/{app-globals-d5560aa2.js → app-globals-b4f32f90.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-calendar.cjs.entry.js +25 -12
- package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
- package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
- package/dist/cjs/priv-option-list.cjs.entry.js +1 -1
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +2 -2
- package/dist/cjs/wm-button.cjs.entry.js +1 -1
- package/dist/cjs/wm-file-list.cjs.entry.js +1 -1
- package/dist/cjs/wm-file.cjs.entry.js +1 -1
- package/dist/cjs/wm-flyout.cjs.entry.js +1 -1
- package/dist/cjs/wm-input.cjs.entry.js +1 -1
- package/dist/cjs/wm-modal-pss_3.cjs.entry.js +4 -4
- package/dist/cjs/wm-modal_3.cjs.entry.js +4 -4
- package/dist/cjs/wm-navigation_3.cjs.entry.js +4 -4
- package/dist/cjs/wm-nested-select.cjs.entry.js +3 -3
- package/dist/cjs/wm-optgroup.cjs.entry.js +1 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +5 -5
- package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
- 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 +6 -6
- package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
- package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
- package/dist/cjs/wm-timepicker.cjs.entry.js +2 -2
- package/dist/cjs/wm-toggletip.cjs.entry.js +3 -3
- package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
- package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +30 -12
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +1 -1
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +3 -3
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +1 -1
- package/dist/collection/components/selects/wm-option/wm-option.js +1 -1
- package/dist/collection/components/selects/wm-select/wm-select.js +4 -4
- package/dist/collection/components/wm-action-menu/wm-action-menu.js +1 -1
- package/dist/collection/components/wm-button/wm-button.js +1 -1
- package/dist/collection/components/wm-file/wm-file.js +1 -1
- package/dist/collection/components/wm-file-list/wm-file-list.js +1 -1
- package/dist/collection/components/wm-flyout/wm-flyout.js +1 -1
- package/dist/collection/components/wm-input/wm-input.js +1 -1
- package/dist/collection/components/wm-menuitem/wm-menuitem.js +1 -1
- package/dist/collection/components/wm-modal/wm-modal-footer.js +1 -1
- package/dist/collection/components/wm-modal/wm-modal-header.js +1 -1
- package/dist/collection/components/wm-modal/wm-modal.js +2 -2
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +1 -1
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +1 -1
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +2 -2
- package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +1 -1
- package/dist/collection/components/wm-navigation/wm-navigation-item.js +1 -1
- package/dist/collection/components/wm-navigation/wm-navigation.js +2 -2
- package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +1 -1
- package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +1 -1
- package/dist/collection/components/wm-pagination/wm-pagination.js +1 -1
- package/dist/collection/components/wm-search/wm-search.js +2 -2
- package/dist/collection/components/wm-snackbar/wm-snackbar.js +2 -2
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +2 -2
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +3 -3
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +1 -1
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +2 -2
- package/dist/collection/components/wm-textarea/wm-textarea.js +1 -1
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +2 -2
- package/dist/collection/components/wm-toggletip/wm-toggletip.js +3 -3
- package/dist/collection/components/wm-uploader/wm-uploader.js +2 -2
- package/dist/esm/{app-globals-2d0df1cb.js → app-globals-fc98aff2.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/priv-calendar.entry.js +26 -13
- package/dist/esm/priv-navigator-button.entry.js +1 -1
- package/dist/esm/priv-navigator-item.entry.js +1 -1
- package/dist/esm/priv-option-list.entry.js +1 -1
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-action-menu_2.entry.js +2 -2
- package/dist/esm/wm-button.entry.js +1 -1
- package/dist/esm/wm-file-list.entry.js +1 -1
- package/dist/esm/wm-file.entry.js +1 -1
- package/dist/esm/wm-flyout.entry.js +1 -1
- package/dist/esm/wm-input.entry.js +1 -1
- package/dist/esm/wm-modal-pss_3.entry.js +4 -4
- package/dist/esm/wm-modal_3.entry.js +4 -4
- package/dist/esm/wm-navigation_3.entry.js +4 -4
- package/dist/esm/wm-nested-select.entry.js +3 -3
- package/dist/esm/wm-optgroup.entry.js +1 -1
- package/dist/esm/wm-option_2.entry.js +5 -5
- package/dist/esm/wm-pagination.entry.js +1 -1
- 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 +6 -6
- package/dist/esm/wm-tag-input.entry.js +2 -2
- package/dist/esm/wm-textarea.entry.js +1 -1
- package/dist/esm/wm-timepicker.entry.js +2 -2
- package/dist/esm/wm-toggletip.entry.js +3 -3
- package/dist/esm/wm-uploader.entry.js +2 -2
- package/dist/esm-es5/{app-globals-2d0df1cb.js → app-globals-fc98aff2.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-navigator-button.entry.js +1 -1
- package/dist/esm-es5/priv-navigator-item.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-file-list.entry.js +1 -1
- package/dist/esm-es5/wm-file.entry.js +1 -1
- package/dist/esm-es5/wm-flyout.entry.js +1 -1
- package/dist/esm-es5/wm-input.entry.js +1 -1
- package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -1
- package/dist/esm-es5/wm-modal_3.entry.js +1 -1
- package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-optgroup.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-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-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-9dc0fcd6.system.entry.js → p-00a9e425.system.entry.js} +1 -1
- package/dist/ripple/{p-377cf709.entry.js → p-0a226179.entry.js} +1 -1
- package/dist/ripple/{p-909f8797.entry.js → p-1641d37f.entry.js} +1 -1
- package/dist/ripple/p-1720b84f.entry.js +1 -0
- package/dist/ripple/{p-575f24e8.system.entry.js → p-1feb49af.system.entry.js} +1 -1
- package/dist/ripple/{p-8c20ccd2.entry.js → p-23ca86c6.entry.js} +1 -1
- package/dist/ripple/{p-2e71fe42.entry.js → p-25c56231.entry.js} +1 -1
- package/dist/ripple/{p-15ab0cf9.system.entry.js → p-278accdb.system.entry.js} +1 -1
- package/dist/ripple/{p-78edd963.entry.js → p-30f1afd4.entry.js} +1 -1
- package/dist/ripple/{p-bc271e17.system.entry.js → p-366f3ff0.system.entry.js} +1 -1
- package/dist/ripple/{p-7ee3f5ab.system.entry.js → p-3b505b32.system.entry.js} +1 -1
- package/dist/ripple/{p-8d858325.system.entry.js → p-4934d53f.system.entry.js} +1 -1
- package/dist/ripple/{p-1c9c0cf2.system.entry.js → p-4eb3a4a9.system.entry.js} +1 -1
- package/dist/ripple/{p-1124978e.system.entry.js → p-55cdf672.system.entry.js} +1 -1
- package/dist/ripple/{p-84d88288.entry.js → p-5b0fe876.entry.js} +1 -1
- package/dist/ripple/{p-1802aedc.system.entry.js → p-5c658003.system.entry.js} +1 -1
- package/dist/ripple/{p-32f95573.system.entry.js → p-5f822c17.system.entry.js} +1 -1
- package/dist/ripple/{p-34574dc8.system.entry.js → p-6a6e4645.system.entry.js} +1 -1
- package/dist/ripple/{p-576f4d06.system.entry.js → p-6c01961b.system.entry.js} +1 -1
- package/dist/ripple/{p-d4877cbc.system.entry.js → p-7457705b.system.entry.js} +1 -1
- package/dist/ripple/{p-0b2a0825.system.entry.js → p-74b5624a.system.entry.js} +1 -1
- package/dist/ripple/{p-bf83369d.system.entry.js → p-79e2e6f0.system.entry.js} +1 -1
- package/dist/ripple/{p-1430f504.entry.js → p-7c0e1ef6.entry.js} +1 -1
- package/dist/ripple/{p-cf845266.entry.js → p-7e56aca4.entry.js} +1 -1
- package/dist/ripple/{p-c4e4a44c.entry.js → p-7f333b52.entry.js} +1 -1
- package/dist/ripple/{p-0ef91339.entry.js → p-842dcfd6.entry.js} +1 -1
- package/dist/ripple/{p-f2a1f116.entry.js → p-84d41f0e.entry.js} +1 -1
- package/dist/ripple/{p-7e0efb95.entry.js → p-8c0ba5b7.entry.js} +1 -1
- package/dist/ripple/{p-26d92a96.system.entry.js → p-8dd40c17.system.entry.js} +1 -1
- package/dist/ripple/{p-b313c3d3.system.entry.js → p-8f4fcdf4.system.entry.js} +1 -1
- package/dist/ripple/{p-d62f5fd3.entry.js → p-95677d9b.entry.js} +1 -1
- package/dist/ripple/{p-966f2c9e.entry.js → p-9bcdb6ae.entry.js} +1 -1
- package/dist/ripple/{p-3e10eb3d.entry.js → p-9bf3d4f1.entry.js} +1 -1
- package/dist/ripple/{p-f6d60ed8.system.entry.js → p-acdfbdb8.system.entry.js} +1 -1
- package/dist/ripple/{p-21114d99.entry.js → p-aecb621d.entry.js} +1 -1
- package/dist/ripple/{p-874cc540.system.js → p-b3cd31d2.system.js} +1 -1
- package/dist/ripple/{p-d6ca433c.entry.js → p-b9a55887.entry.js} +1 -1
- package/dist/ripple/{p-b4ce79cd.entry.js → p-bb3d887c.entry.js} +1 -1
- package/dist/ripple/{p-0ad87064.system.entry.js → p-bf42cf44.system.entry.js} +1 -1
- package/dist/ripple/{p-3989274d.system.entry.js → p-c40d4678.system.entry.js} +1 -1
- package/dist/ripple/{p-8aee3856.system.js → p-cea257ee.system.js} +1 -1
- package/dist/ripple/{p-cab65a05.system.entry.js → p-d404695d.system.entry.js} +1 -1
- package/dist/ripple/{p-21480984.entry.js → p-d4fe10ec.entry.js} +1 -1
- package/dist/ripple/{p-0abc1b51.system.entry.js → p-d5e5c55a.system.entry.js} +1 -1
- package/dist/ripple/{p-0d03f838.js → p-d7accb51.js} +1 -1
- package/dist/ripple/{p-6394d25d.entry.js → p-dddeb54c.entry.js} +1 -1
- package/dist/ripple/{p-6d375c14.system.entry.js → p-e2a2f3ca.system.entry.js} +1 -1
- package/dist/ripple/{p-60aa6bec.system.entry.js → p-e7988695.system.entry.js} +1 -1
- package/dist/ripple/{p-35ef7bba.entry.js → p-f41341a0.entry.js} +1 -1
- package/dist/ripple/{p-b089276a.entry.js → p-f55de899.entry.js} +1 -1
- package/dist/ripple/{p-ad8132aa.entry.js → p-f63ef9c1.entry.js} +1 -1
- package/dist/ripple/{p-8888e7f0.system.entry.js → p-fab7195d.system.entry.js} +1 -1
- package/dist/ripple/{p-51cd1c0f.entry.js → p-ff70ddd9.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/datepickers/priv-calendar/priv-calendar.d.ts +5 -1
- package/package.json +2 -2
- package/dist/ripple/p-157468c5.entry.js +0 -1
|
@@ -291,16 +291,16 @@ export class NestedSelect {
|
|
|
291
291
|
this.isExpanded ? this.close() : this.open();
|
|
292
292
|
},
|
|
293
293
|
};
|
|
294
|
-
return (h(Host, { key: '
|
|
294
|
+
return (h(Host, { key: 'f9d5f5938c7616ca8a21830e26fa97389bedce0e', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '101141bb02e455b57b0fc7a32cd14767281de1fe', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'deb21859c85dfdae5e9449785417142463fa653d', class: "label-wrapper" }, h("label", { key: 'ec765e72aac1232a99585c65d4187a390f675235', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label),
|
|
295
295
|
// we can't use aria-required because the listbox is in a sub-component and it is not announced
|
|
296
|
-
this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : ("")), h("div", { key: '
|
|
296
|
+
this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : ("")), h("div", { key: '0735159dcea1c3cdf9145e18b224fedf90cd3ed7', class: "button-wrapper" }, h("button", Object.assign({ key: '4326702188583f9c210257f7e95dcee3d501825e' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: 'f3fb5f069b0ec70419c0ade0a1c520e8da79c453', class: "overflowcontrol" }, h("span", { key: '4da352b8a0312287ae27205731c7d46ff2cac88e', class: "button-text" }, this.renderButtonText())), h("div", { key: 'f85e648f0da497df4d906a262bba62b2fbe3c5db', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '7ab45a7201b3375d59ddef5ac86a2c0fea438662', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'a3153d330243404ed4c4dd931a182cc47f2a5672', class: `dropdown ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), h("div", { key: 'e106169ebfbe226b886d972f41e3a93d88ed8f26', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.optgroupEls.map((optgroupEl) => {
|
|
297
297
|
return (h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
|
|
298
298
|
if (!optgroupEl.disabled) {
|
|
299
299
|
optgroupEl.isExpanded = !optgroupEl.isExpanded;
|
|
300
300
|
forceUpdate(this.el);
|
|
301
301
|
}
|
|
302
302
|
}, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, h("div", { class: "option-text" }, h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && h("div", { class: "disabled-indication" }, "Disabled")), h("div", { class: "svg-icon svg-next" })));
|
|
303
|
-
})), h("div", { key: '
|
|
303
|
+
})), h("div", { key: 'ba3ad38b66537f365379921ebcec8f630c934a93', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, h("slot", { key: 'b0083c7e49ba59f7a36459b599f79a89121c09e5' }))), h("div", { key: '4ccb451822e5ace5e34a96f2560d936b6c02b9ad', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: 'cdca96e717a912c022096a9c781199fabc040a43', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
|
|
304
304
|
}
|
|
305
305
|
static get is() { return "wm-nested-select"; }
|
|
306
306
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,7 +48,7 @@ export class Optgroup {
|
|
|
48
48
|
handleDisabledAttribute(this.el, this.isDisabled);
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: 'f26edb066ca14bbad62dc07198651d180be2ed3b' }, h("div", { key: '202a27a0d33c34b861e28cfe08407225589905e9', class: `list-wrapper` }, h("priv-option-list", { key: '68a0f5992c24ee62ca7539ba900afeda25f313e5', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", { key: '8f445e06b048ccd6e49627beb989be9b6c55d651' })))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "wm-optgroup"; }
|
|
54
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -143,7 +143,7 @@ export class Option {
|
|
|
143
143
|
this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
|
|
144
144
|
}
|
|
145
145
|
render() {
|
|
146
|
-
return (h(Host, { key: '
|
|
146
|
+
return (h(Host, { key: '0a31affb1b8ed02ba38fce11d11b4b0919b97d5c', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'b7ad9eef86983ba3ace177522f3a42a55a71bfdc', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '5876611c20af1169794db93b30577e48a6ce63df', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: 'aef00aca54b33552892d73c51f70c273d9ad4088', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: 'fb6306f9014205ce6f1d2a39ecdbd3f36141584d', class: "sr-only" }, this.el.textContent)), h("div", { key: 'af1894e912632a93255b5f90412990f6c0f0924b', class: "subinfo" }, this.subinfo)));
|
|
147
147
|
}
|
|
148
148
|
static get is() { return "wm-option"; }
|
|
149
149
|
static get encapsulation() { return "shadow"; }
|
|
@@ -333,14 +333,14 @@ export class Select {
|
|
|
333
333
|
}
|
|
334
334
|
render() {
|
|
335
335
|
const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
|
|
336
|
-
return (h(Host, { key: '
|
|
336
|
+
return (h(Host, { key: '32eda81294981e2d46b283c469f7373f9984dbdd', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'dc3e7f782326beda2517cf8878516d4d23576bf3', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '0ddf3269d861b1d252876b587346739e978117fe', class: "label-wrapper" }, h("label", { key: '78493121ecada1718c1f0de42cdc09289d000bc9', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label),
|
|
337
337
|
// we can't use aria-required because the listbox is in a sub-component and it is not announced
|
|
338
|
-
this.requiredField && (h("span", { key: '
|
|
338
|
+
this.requiredField && (h("span", { key: 'dfa3603962893e5fe6542924561fbe31828b694b', class: "required" }, h("span", { key: '478a6d2c7e9bb56dea7165a1e762bc3a136c7c1d', class: "sr-only" }, globalMessages.requiredField), h("span", { key: '8f3115f4a09dc109ed4580be49e3a704bd643ca0', "aria-hidden": "true" }, "*")))), h("div", { key: 'cbe6cc0600f11352dfc81a5a991805e757256906', class: "button-wrapper" }, h("button", { key: 'e943b99068a8822a65d8cc8ae6ab61999ac8a511', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'e914e5cc9eabfe311e4ed57ee92744b14e3828e4', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: '095981a63cea28e0dbcdc269401eb511694739f6', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: 'd006aadc9c414abf0dfefc05d8fbff9c0fc1c370', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '77054ec91448bc021ce4a4bacfa5a1a8130e34d3', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '1719132ac678c1a8a530e3b7f2fc3c67cd7c73ae', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'dc968de113b89cdf848d7a231b097a4d2308b357',
|
|
339
339
|
// is-open is for the CSS transition in modern browsers
|
|
340
340
|
// hidden is to wait for position calculations in Firefox
|
|
341
341
|
class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
|
|
342
342
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
343
|
-
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '
|
|
343
|
+
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '64518e2aa66f3373417506a4126fcec27de552f5', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
|
|
344
344
|
this.dropdownEl.hidePopover();
|
|
345
345
|
}, onOptionListAllSelected: () => {
|
|
346
346
|
this.returnFocus = true;
|
|
@@ -348,7 +348,7 @@ export class Select {
|
|
|
348
348
|
}, onOptionListAllDeselected: () => {
|
|
349
349
|
this.returnFocus = true;
|
|
350
350
|
this.wmSelectAllDeselected.emit();
|
|
351
|
-
} }, h("slot", { key: '
|
|
351
|
+
} }, h("slot", { key: '138d16484638a094fd0664982e30149888cc3270' }))), h("div", { key: 'fc644fe425fc73337558af6dc809893e0574ba9a', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'a6f373b32a1dc83a788bfd17ee410e23a6d53001', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
|
|
352
352
|
}
|
|
353
353
|
static get is() { return "wm-select"; }
|
|
354
354
|
static get encapsulation() { return "shadow"; }
|
|
@@ -190,7 +190,7 @@ export class ActionMenu {
|
|
|
190
190
|
return null;
|
|
191
191
|
}
|
|
192
192
|
render() {
|
|
193
|
-
return (h(Host, { key: '
|
|
193
|
+
return (h(Host, { key: 'b502a2495bd993134ac44e48ceaaad6ec956b2ac', onBlur: () => this.close(false) }, h("div", { key: 'd182caca8e792e931c41228ca377f1862bcde0c7', class: getTextDir() }, h("wm-button", { key: 'd7250925bfe7301ba5cc07512153516c9a76cd05', "button-type": this.internalButtonType, tooltip: this.tooltip, "custom-background": this.darkMode ? "dark" : undefined, "label-for-identical-buttons": this.labelForIdenticalButtons, icon: this.actionMenuType === "icon" ? "#more-options" : "", iconSize: this.actionMenuType === "icon" ? "24px" : undefined, id: "menubtn", onClick: () => (this.isExpanded ? this.close() : this.open()), onBlur: (ev) => this.handleButtonBlur(ev), disabled: this.disabled, ref: (el) => (this.wmButtonEl = el), "tooltip-position": this.tooltipPosition || this.horizontalPosition, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? "true" : "false", "aria-controls": "menu" }, this.buttonText), h("div", { key: '0c57d648010b7b74ffae41d3a08211f58c84a10a', class: `dropdown ${this.openUp ? "open-up" : ""} ${this.horizontalPosition} ${this.isExpanded ? "open" : ""} hidden`, id: "menu", tabindex: -1, role: "menu", ref: (el) => (this.itemsEl = el) }, h("slot", { key: '453b3b42dfde1fa32be56386dec7841ced644f80' })))));
|
|
194
194
|
}
|
|
195
195
|
static get is() { return "wm-action-menu"; }
|
|
196
196
|
static get encapsulation() { return "shadow"; }
|
|
@@ -249,7 +249,7 @@ export class Button {
|
|
|
249
249
|
}
|
|
250
250
|
}
|
|
251
251
|
render() {
|
|
252
|
-
return (h(Host, { key: '
|
|
252
|
+
return (h(Host, { key: '3909651c78ce41cceffe0398775c145753980100', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '2a5cb652b8d91eddee9730198c3d697e27b22265', id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "aria-hasPopup": this.ariaPopup ? "menu" : null, onMouseEnter: (ev) => this.handleMouseEnter(ev), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.handleFocus(ev), onBlur: () => hideTooltip(), onClick: () => hideTooltip() }, (this.icon || this.buttonType.endsWith("-ai")) && this.renderIcon(), (!this.buttonType.startsWith("navigational") && !this.buttonType.startsWith("icononly")) && (h("span", { key: '2caefbd131837905560d956cf7fc67ac6561662a', class: "button-text" }, h("slot", { key: 'c3af52b84fbede6a57c931fedfda003180a0fc9d' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'c8ef8760a08241ce1a519886b222d2cf2be8cf67', class: "selector-icon svg-icon svg-expand-more" })))));
|
|
253
253
|
}
|
|
254
254
|
static get is() { return "wm-button"; }
|
|
255
255
|
static get encapsulation() { return "shadow"; }
|
|
@@ -187,7 +187,7 @@ export class File {
|
|
|
187
187
|
return (h("div", { class: `file-wrapper` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""} ${this.isCondensed ? "condensed" : ""} ${this.isExtraCondensed ? "extra-condensed" : ""}` }, this.renderFileName(), showRightGroup && (h("div", { class: "right-group" }, !this.isExtraCondensed && this.renderFileInfo(), this.fileActions !== "" && this.renderFileControls())), this.errorMessage && (h("div", { class: "right-group" }, h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(this.name), onClick: () => this.wmFileErrorCleared.emit() }, this.clearButtonText))), this.progress == 100 && h("span", { class: "svg-icon svg-success" })), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
|
|
188
188
|
}
|
|
189
189
|
render() {
|
|
190
|
-
return h(Host, { key: '
|
|
190
|
+
return h(Host, { key: '0e7b794a992c0e7e6ba0d9784a09e7bf90695d2d', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
|
|
191
191
|
}
|
|
192
192
|
static get is() { return "wm-file"; }
|
|
193
193
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class FileList {
|
|
|
4
4
|
this.showInfo = "last-updated";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'ecfeb07e38ae73d4cee41d40e42bc08e31b69f47', role: "list", class: "list-wrapper" }, h("slot", { key: '2b98626decea02837970168b892c7789f7be0004' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "wm-file-list"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -155,7 +155,7 @@ export class Flyout {
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
render() {
|
|
158
|
-
return (h(Host, { key: '
|
|
158
|
+
return (h(Host, { key: 'd68943a7b7dc87266087e8c5a8e4def91d138808' }, h("dialog", { key: '779e65065a15f7cf975c329b470eb324746aac80', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '971890ba3408b561829d3f98a1a94e9f6374ce51', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'f41605a52062336b73c4e68ff6850eee3e13ca58', class: "flyout-content" }, h("slot", { key: '4862d931516f9de7977cb4beaf5efefeca17a61d' })), this.renderFooter(), h("div", { key: '83f87c356cadf84757068f5ab7a2f9b2e3d93111', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
|
|
159
159
|
}
|
|
160
160
|
static get is() { return "wm-flyout"; }
|
|
161
161
|
static get encapsulation() { return "shadow"; }
|
|
@@ -107,7 +107,7 @@ export class Input {
|
|
|
107
107
|
: `info error`;
|
|
108
108
|
}
|
|
109
109
|
render() {
|
|
110
|
-
return (h("div", { key: '
|
|
110
|
+
return (h("div", { key: '440534026de67cf3d4a3988a117e56947346fb5c', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: 'd0ae8862c9dcb63b77cc14890c652b06ad9f3c27', class: "label-wrapper" }, h("label", { key: '4e24aab7500503bd7eb98e077225769edba96f88', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: 'b004a2dd83dcdcfce1ecf3bc1d1d88a3ef59f96f', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("div", { key: '6bd8f84d7271ded3c08f07546e0a787527ff75af', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '8c2cbf7b3e33ecce61635274b411dae56a633af8', class: "inner-wrapper" }, h("div", { key: 'ee880eece5ac3c6b7d24316f21aa9c09bcb3e33b', class: "text-after-wrapper" }, h("div", { key: 'e5208c4ed4cbc34da95171a5f748901839373ae1', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '316f86011c89529f101769234f7cbd914eccc174', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '020bc74fd67239bfd6da162bba9c9fd3a7cf99c4', ref: (el) => (this.inputEl = el), id: "inputfield", disabled: this.isDisabled, "aria-describedby": this.descriptors(), onInput: (ev) => this.handleInput(ev), onKeyDown: (ev) => this.handleKeyDown(ev), onBlur: () => this.handleBlur(), onFocus: () => this.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 && (h("span", { key: '1f8fb34695d89d882d3c04690b1196b6b1bd9a26', class: "symbol", id: "symbol-after" }, this.symbolAfter)), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.textAfter && (h("span", { key: '0dbb52627a7fbb274b57b2191e6b7ca0614f40af', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: 'ca7f5a76086330bab897afa71233943bd97ee17b', id: "info", class: "info" }, this.info)), h("div", { key: '6ae93c211c1ac945aceea3a88cf8be773ff5860b', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '67ae836cbb27cb0c17531bf9a347cb64acb81197', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
|
|
111
111
|
}
|
|
112
112
|
static get is() { return "wm-input"; }
|
|
113
113
|
static get encapsulation() { return "shadow"; }
|
|
@@ -98,7 +98,7 @@ export class Menuitem {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
|
-
return (h(Host, { key: '
|
|
101
|
+
return (h(Host, { key: '48ecd39137287b30ed6426013277b2d418301dbd', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '24fe7a9f4798fe7ae1637f6031dee9cff18cc21f', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, this.icon && this.renderIcon(), this.el.textContent, this.description ? h("div", { class: "description" }, this.description) : "")));
|
|
102
102
|
}
|
|
103
103
|
static get is() { return "wm-menuitem"; }
|
|
104
104
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,7 +31,7 @@ export class ModalFooter {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h("div", { key: '
|
|
34
|
+
return (h("div", { key: '09a767c503fd0c29d548b626ce5d4e9f2dc05fab', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '2fb279caa8ab8d71959d218dbae28c614acce8e5', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '5f182514fc8bfa243ff630f6638ae27500f89c21', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'b27dc355a2794a0ca63774a80132aee49809762a', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: 'd03404a339209bae2fbd181227ac18c547667570', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
|
|
35
35
|
}
|
|
36
36
|
static get is() { return "wm-modal-footer"; }
|
|
37
37
|
static get originalStyleUrls() {
|
|
@@ -22,7 +22,7 @@ export class ModalHeader {
|
|
|
22
22
|
parentModal.emitCloseEvent();
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'fdd199695b2ceb94f64a277ceae16c596b406071' }, h("div", { key: '40e435da7701bf5a174028a153b5a040338ec0ed', class: "wm-wrapper" }, h("div", { key: '51f7b66ec56a8e977bdc75e84734a63b869ba53b' }, h("h2", { key: '23abdc0aba1d5ee84a66c6cf9facaf6c61f8ccc2', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'bcbb5454236dc3e51f66e08ce156a28a13335eb7', class: "subtitle" }, this.subheading))), h("wm-button", { key: '9390af056a9a0ce8da6d8387409c73d6b5535942', "button-type": "navigational", icon: "#close", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "wm-modal-header"; }
|
|
28
28
|
static get originalStyleUrls() {
|
|
@@ -116,11 +116,11 @@ export class Modal {
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
render() {
|
|
119
|
-
return (h("dialog", { key: '
|
|
119
|
+
return (h("dialog", { key: '7e79523b945c00909991a3dcfecfda79e92c882b', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: 'c032006260d0c083a5b796e20705cb99f6fa44b9', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
|
|
120
120
|
const focusedFromCloseButton = ev.relatedTarget && ev.relatedTarget == this.closeButtonEl;
|
|
121
121
|
// no related target means we're coming from outside the page (browser chrome), and first element should be focused instead
|
|
122
122
|
focusedFromCloseButton ? this.focusLastElement.emit() : this.focusFirstElement.emit();
|
|
123
|
-
} }), !this.hasBrowserPopoverSupport && h("div", { key: '
|
|
123
|
+
} }), !this.hasBrowserPopoverSupport && h("div", { key: '384ed4e4fa347e50d1f9c78a3c1d84d6dab9f34a', class: "wm-tooltip" }), h("slot", { key: '6ec6ba8b0b90db721ff1e29db8f259d2f1cff6d0' }), h("div", { key: '3795b7025286e5d4f542cfccad9c6851d2f22a8d', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
|
|
124
124
|
this.focusFirstElement.emit();
|
|
125
125
|
} })));
|
|
126
126
|
}
|
|
@@ -27,7 +27,7 @@ export class ModalPssFooter {
|
|
|
27
27
|
parentModal.emitSecondaryEvent();
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h("div", { key: '
|
|
30
|
+
return (h("div", { key: '791d8fddb2121d453a1e7221059342c9241a54d0', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '581dc035d64b04d0b684e3ce8e641407d62daf4f', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'fef39bd6ce9d01698476a123b4a0f3ed72434945', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '3cc32b27ae12037dbd9ae5d975d107bd5775272c', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '7188091c11e32f7a2d4372512a7c901069783405', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "wm-modal-pss-footer"; }
|
|
33
33
|
static get originalStyleUrls() {
|
|
@@ -25,7 +25,7 @@ export class ModalPssHeader {
|
|
|
25
25
|
// this.headingElement.focus();
|
|
26
26
|
// }
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '2d4dd3bbbb5413443b124fadc058195f5676abb7' }, h("div", { key: '8d56fc348b7fb879c58f1bd458ae8a9927c90bd7', class: "wm-wrapper" }, h("div", { key: '3f0601ddf471a1ac41dcbaf091dc8a797518e4c5' }, h("h2", { key: 'cb4dc227bc7b4bc8181d9bdcc503a7132df2b3f8', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '8c6fb51bd5f40211e3ca56f0e302e564e1002ece', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'b91805d20a64b345b7708b2732f63057c2ce18a3', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "wm-modal-pss-header"; }
|
|
31
31
|
static get originalStyleUrls() {
|
|
@@ -115,9 +115,9 @@ export class ModalPss {
|
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: '6a14c87f1f275d750663b26645cac0fb90f4e591', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
|
|
119
119
|
this.focusLastElement.emit();
|
|
120
|
-
} }, h("div", { key: '
|
|
120
|
+
} }, h("div", { key: '0f5745cd9ec6f6ebbb79f48c40fd2284c8d1739e', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: '23784657cf165f160a396b14247f473e055f8b04', class: "sr-only", tabIndex: 0, onFocus: () => {
|
|
121
121
|
this.focusFirstElement.emit();
|
|
122
122
|
} })));
|
|
123
123
|
}
|
|
@@ -34,7 +34,7 @@ export class NavigationHamburger {
|
|
|
34
34
|
this.wmNavigationHamburgerClicked.emit();
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '37f512ffa18761c2a10204012171d5ba352c28ef', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '755bce6170da2475c2bf6ef648cf16498ab60eeb', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: 'e66062eb9341bad68269b6e446a7b07478e9221a', class: "svg-icon svg-menu" }))));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "wm-navigation-hamburger"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class NavigationItem {
|
|
|
6
6
|
this.active = undefined;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '4e606df3119b6f8ccaed56affc38852ceaea8c41', role: "listitem" }, h("a", { key: '7a29df7fc9f86c11322f05aef0640bd734074b36', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'd3d72b08a32e41f4fb27122d5dda1ca1a456e822', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'a92895fc556c0013348b5053c5eb53f18f70a8d5' })), h("div", { key: '341345b952f853c45253f61debed8cbff5bd5bdd', class: "text" }, this.text))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "wm-navigation-item"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -96,9 +96,9 @@ export class Navigation {
|
|
|
96
96
|
} }));
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
|
-
return (h(Host, { key: '
|
|
99
|
+
return (h(Host, { key: '40e8ea08dd4de4b325b8157563b2053448ca90f5', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '906975fbaad775dde78cf94e7ace20caa32027f6', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '29a269e61ef8ca8bcccf1d4bbfe7d3c6f8ba2758', class: "tray" }, h("div", { key: '38b207f710cc26163b7eff2ad3eca963f5bdab3c', class: "toggle-wrapper" }, h("wm-button", { key: 'f5bae797529433205ec8abd0f025db335277e3df', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
|
|
100
100
|
this.open = !this.open;
|
|
101
|
-
} })), h("ul", { key: '
|
|
101
|
+
} })), h("ul", { key: '956f80bb6f1f873186e9787836c0748fbd6de708', class: "navlist" }, h("slot", { key: '4846ab62c5a8cd2d76b3b74f6fa9370ea12ff7de' }))), this.isCollapsible && (h("div", { key: '9639e7b704cc88fd8227aa4a30cd88d21951c015', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
|
|
102
102
|
}
|
|
103
103
|
static get is() { return "wm-navigation"; }
|
|
104
104
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js
CHANGED
|
@@ -9,7 +9,7 @@ export class PrivNavigatorButton {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
const { handleClick, altText } = this;
|
|
12
|
-
return (h("button", { key: '
|
|
12
|
+
return (h("button", { key: 'b3055b43aaad031a91e8c10eed63e302e0dda804', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "priv-navigator-button"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,7 +16,7 @@ export class PrivNavigatorItem {
|
|
|
16
16
|
render() {
|
|
17
17
|
const selectedClass = this.selected ? "selected" : "";
|
|
18
18
|
const focusedClass = this.focused ? "focused" : "";
|
|
19
|
-
return (h("div", { key: '
|
|
19
|
+
return (h("div", { key: 'd7c6a68612221b0207c84b48531c144b26d6393a', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'd36a383f3a6964954ab722d9fbc23accd6763622' })));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "priv-navigator-item"; }
|
|
22
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -203,7 +203,7 @@ export class Pagination {
|
|
|
203
203
|
render() {
|
|
204
204
|
return (
|
|
205
205
|
// do not render the component if there's only one page
|
|
206
|
-
this.totalItems > this.itemsPerPage && (h("nav", { key: '
|
|
206
|
+
this.totalItems > this.itemsPerPage && (h("nav", { key: '0dd1e2de8fe412fcdb1e9dd55ae0aa50182bdc5f', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: 'a2b34da3b059df6b42522d19ee4841fc02553fcf', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
|
|
207
207
|
}
|
|
208
208
|
static get is() { return "wm-pagination"; }
|
|
209
209
|
static get encapsulation() { return "shadow"; }
|
|
@@ -168,10 +168,10 @@ export class Search {
|
|
|
168
168
|
* End search and find render helpers
|
|
169
169
|
*/
|
|
170
170
|
render() {
|
|
171
|
-
return (h(Host, { key: '
|
|
171
|
+
return (h(Host, { key: '0badc426e30ae7a816fb78fd187060c615adf238' }, h("div", { key: '66fe953f705a2c90c628855c0864477e62b3ebf3', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '52c205e6873386f5cb270666eb0e6f86aa635549', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
|
|
172
172
|
id: "search.typeToFilterResults",
|
|
173
173
|
defaultMessage: "Type to filter the results",
|
|
174
|
-
})}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '
|
|
174
|
+
})}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '71dbaea311e49a6a576787232a10a66da287eb09', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '3e0ede8efc35452092bd42e684a4be6287118e44', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
|
|
175
175
|
}
|
|
176
176
|
static get is() { return "wm-search"; }
|
|
177
177
|
static get encapsulation() { return "shadow"; }
|
|
@@ -145,11 +145,11 @@ export class Snackbar {
|
|
|
145
145
|
}, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" })))), h("button", { id: `close-button-${notification.id}`, "aria-label": this.closeSnackMessage, class: "closesnack", tabindex: notification.link ? 0 : -1, onClick: () => this.snackDismissed(notification), onMouseEnter: (ev) => showTooltip("bottom", ev.target, globalMessages.close), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.isTabbing && showTooltip("bottom", ev.target, globalMessages.close), onBlur: () => hideTooltip() }, h("div", { class: "svg-icon svg-close" }))), h("div", { class: "sr-only", tabindex: notification.link ? 0 : -1, onFocus: () => notification.link && this.snackDismissed(notification) })))));
|
|
146
146
|
}
|
|
147
147
|
render() {
|
|
148
|
-
return (h(Host, { key: '
|
|
148
|
+
return (h(Host, { key: '84273f446de24a6f61ae4e057e49d3da182149ce' }, h("div", { key: '7adcbc01ac51d68ccdc6e5c1e6876adb9fdb956d', ref: (el) => (this.snackAreaEl = el), class: {
|
|
149
149
|
"list-wrapper": true,
|
|
150
150
|
"user-is-tabbing": this.isTabbing,
|
|
151
151
|
empty: this.parsedNotifications.length == 0,
|
|
152
|
-
} }, this.renderSnackbars()), h("div", { key: '
|
|
152
|
+
} }, this.renderSnackbars()), h("div", { key: '3314ee4b261b884600ff98ae8e9a1087f66b7d12', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
|
|
153
153
|
}
|
|
154
154
|
static get is() { return "wm-snackbar"; }
|
|
155
155
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,9 +27,9 @@ export class TabItem {
|
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
29
|
const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: 'a3428f7215247e174dd989f31df553ec7c2e76bf', role: "presentation" }, h("li", { key: '351d39f9a6fe217ca4d43d7421d20979e5c6a5df', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'b0934afc00da6283016f2245840f7c98eba023e0', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
|
|
31
31
|
this.wmIntTabFocused.emit({ tabItem: this.el });
|
|
32
|
-
} }, h("slot", { key: '
|
|
32
|
+
} }, h("slot", { key: 'b1f7659a3f4d34d3ba80acaf04bd7403765c120f' })))));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "wm-tab-item"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -257,15 +257,15 @@ export class TabList {
|
|
|
257
257
|
this.announcement = message;
|
|
258
258
|
}
|
|
259
259
|
render() {
|
|
260
|
-
return (h(Host, { key: '
|
|
260
|
+
return (h(Host, { key: '4d96241689596a458d8d51e03e4c68c503fbde32' }, h("div", { key: '97c6656543c22d7970403f3dc4233a78ef63b74d', class: "component-wrapper" }, h("wm-button", { key: '713d8219abec2f3743d95022302ae6083c538446', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
|
|
261
261
|
id: "tabs.showPreviousTabs",
|
|
262
262
|
defaultMessage: "Show previous tabs",
|
|
263
263
|
description: "Tooltip for button scrolling tab group.",
|
|
264
|
-
}), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '
|
|
264
|
+
}), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'fe8e2e2ae3d7b13f0f55167da243a60c35df3144', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: 'ec32591d2a5668df5088be59b13846f5fd356b42' })), h("wm-button", { key: '3918f7e86164e23294c48b209fea2ce91103f76f', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
|
|
265
265
|
id: "tabs.showNextTabs",
|
|
266
266
|
defaultMessage: "Show next tabs",
|
|
267
267
|
description: "Tooltip for button scrolling tab group.",
|
|
268
|
-
}), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '
|
|
268
|
+
}), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '96fb1196fcddd7b3454bce22f4febe0d57e9a40a', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
|
|
269
269
|
}
|
|
270
270
|
static get is() { return "wm-tab-list"; }
|
|
271
271
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class TabPanel {
|
|
|
12
12
|
this.tabPanelLoaded.emit({ tabId: this.tabId });
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return h(Host, { key: '
|
|
15
|
+
return h(Host, { key: '385e332f10a9fc6221353fb83be59b0037ffefc2', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "wm-tab-panel"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -927,10 +927,10 @@ export class TagInput {
|
|
|
927
927
|
}
|
|
928
928
|
}
|
|
929
929
|
render() {
|
|
930
|
-
return (h("div", { key: '
|
|
930
|
+
return (h("div", { key: 'bc7ceb341af4255f65128f6a525a3e20e12167c5', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f6fdfac85220dfd3b631243fca8cadb4597d6bc8', class: "label-wrapper" }, h("label", { key: 'f9e85609dd7073deed0387a7a067d3d5d4a758ee', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '43019cbc3f96e62f9777747ef549453cad428b84', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'be53d57e66fafb2c8d6e8df43a37f494a35083d4', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'a61a1bd233e6fcc89aaa0487931c2c451ebaf98b', class: "upper-row" }, h("div", { key: 'fb86580cf7cbaf89d7cad4410d619ef1e73aa9b0', class: "svg-icon svg-search" }), h("div", { key: 'b4e1479be2e46d37be3fddbc165a48730beabaad', class: `tags-and-input-wrapper` }, h("ul", { key: 'a650280f8c311c0b8ce2e5fca09fd943583eabec', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
|
|
931
931
|
this.focusedTagIndex = undefined;
|
|
932
932
|
this.handleBlur(ev);
|
|
933
|
-
}, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '
|
|
933
|
+
}, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: 'c76ccb17e08ff237a00fc56e592cd8453582f654', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '329efa16d0e5cbb0d7d9c527675340493baf2bca', id: "info", class: "info-text" }, this.info)), h("div", { key: '650c06b1b0380ef7cc5fd32eb91159754ac7da38', id: "error" }, this.errorMessage), h("div", { key: 'd4dcdd58f76c5a81e7480973a366e80fb6be51cd', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
|
|
934
934
|
}
|
|
935
935
|
static get is() { return "wm-tag-input"; }
|
|
936
936
|
static get encapsulation() { return "shadow"; }
|
|
@@ -71,7 +71,7 @@ export class Textarea {
|
|
|
71
71
|
this.announcement = message;
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
|
-
return (h("div", { key: '
|
|
74
|
+
return (h("div", { key: '98a1bc4a7b2d670703dda7312b3f54e243a42ca4', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'cd0bb8321d1986dc0c0289fed28b6edca0106a9b', class: "label-wrapper" }, h("label", { key: '26ea0c3c4f0d337ce17a94994bc9c84e7260a931', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '3771ee7ef88d6a067fd27e7ab19d946ab5284044', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: 'a7d6d49787677a5adbf3280ade5a40b5480c26a1', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '73318c22acbc096af93935b9ffd4907ccd978e3f', class: "inner-wrapper" }, h("div", { key: 'dc51d20aa1ac358c7c4b4b75f007a37e7f557bab', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '4515ea10856ef034f4aca1d71ec82a11b3db75c5', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: 'c7fe059676f069e8fcdfe9cb3140261857da96c7', id: "info", class: "info" }, this.info)), h("div", { key: 'ef21da1faba7f0f7441baa2023c9de9a63c91d22', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'c4cbc2ffd6efa2456618d97974ca14a51a970223', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "wm-textarea"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -281,13 +281,13 @@ export class Timepicker {
|
|
|
281
281
|
return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
|
|
282
282
|
}
|
|
283
283
|
render() {
|
|
284
|
-
return (h(Host, { key: '
|
|
284
|
+
return (h(Host, { key: 'f98804829acffe149895961cd4886b3474f6faf5', onBlur: () => this.close(false) }, h("div", { key: '8cf42648463b6a583a80a1aea2c0557d05b212bb', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'e95387c48dfaa41cfae939a34a491ab2f6068252', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: 'b2320f7692e4f53ef8650496b4ace2c0f895133e', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'f203eda85f04e464b6ebbf4d083ab2a57c38e552', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'e111ce9e656608013a06e35d03c2a94b0a131c20' }, h("div", { key: '5247aef8ff1ea9b8852d7a5f37e279832bc97396', class: "inner-wrapper" }, h("input", { key: 'bd9d8ed36234a3e27fdc4e13a52e94a9939f6327', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), 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") }), h("button", { key: 'a9b02c4853528bb5175f6002ac2f5acf6f7b132e', id: "btn", ref: (el) => (this.buttonEl = el), 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()),
|
|
285
285
|
// This addresses an issue in Safari, where clicking buttons does not focus them
|
|
286
286
|
// if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
|
|
287
287
|
onMouseDown: (ev) => {
|
|
288
288
|
ev.preventDefault();
|
|
289
289
|
this.buttonEl.focus();
|
|
290
|
-
} }, h("span", { key: '
|
|
290
|
+
} }, h("span", { key: '5a056cfb78d1cbe04dcb406a193ef4805ad307da', class: "svg-icon svg-time" })), h("ul", { key: '5dea217b8288309b4928f5ac796770f35980c57a', class: `options ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: 'aef93e8dab933cdfa73fa63fd223c76f8b739285', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '03be6148df4a4b474c91b03dbd1764b01b841e18', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
|
|
291
291
|
}
|
|
292
292
|
static get is() { return "wm-timepicker"; }
|
|
293
293
|
static get encapsulation() { return "shadow"; }
|
|
@@ -229,11 +229,11 @@ export class Toggletip {
|
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
render() {
|
|
232
|
-
return (h(Host, { key: '
|
|
232
|
+
return (h(Host, { key: '56260e54c520a577c7aea91ab8bc96f17c289a31', class: `size-${this.targetSize}` }, h("button", { key: '6607e14bc37144ca2fe0e8d2625772510faa9ea0', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
|
|
233
233
|
// In order to position the tooltip identically to the toggletip, its presence is determined by these four events
|
|
234
|
-
onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '
|
|
234
|
+
onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '8771bfc3780775227334f2fb23df98fe8df6f191', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
|
|
235
235
|
// @ts-ignore - despite what Typescript says, this is a valid event for popover elements
|
|
236
|
-
onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: '
|
|
236
|
+
onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: 'cc3081f4a2446a79f05a057cb42bf4057c1a3047', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
|
|
237
237
|
}
|
|
238
238
|
static get is() { return "wm-toggletip"; }
|
|
239
239
|
static get encapsulation() { return "shadow"; }
|
|
@@ -316,9 +316,9 @@ export class Uploader {
|
|
|
316
316
|
return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
|
|
317
317
|
}
|
|
318
318
|
render() {
|
|
319
|
-
return (h(Host, { key: '
|
|
319
|
+
return (h(Host, { key: '2845280b1c6de75ac92b5ca4c331c5ab7d783e66', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '23f86b3cd9edf9123c5c0f8a625cf04649a863bc', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
|
|
320
320
|
,
|
|
321
|
-
"aria-atomic": "true" }), h("div", { key: '
|
|
321
|
+
"aria-atomic": "true" }), h("div", { key: '7f42eefcc7e94e67ec3821d6b2c2db61e901b571', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
|
|
322
322
|
}
|
|
323
323
|
static get is() { return "wm-uploader"; }
|
|
324
324
|
static get encapsulation() { return "shadow"; }
|