@momentum-design/components 0.51.0 → 0.51.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +38 -38
- package/dist/browser/index.js.map +2 -2
- package/dist/components/select/select.component.d.ts +1 -1
- package/dist/components/select/select.component.js +7 -7
- package/dist/custom-elements.json +671 -671
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/package.json +1 -1
@@ -58,7 +58,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
|
|
58
58
|
/** @internal */
|
59
59
|
this.selectedValue = '';
|
60
60
|
/** @internal */
|
61
|
-
this.
|
61
|
+
this.displayPopover = false;
|
62
62
|
/** @internal */
|
63
63
|
this.activeDescendant = '';
|
64
64
|
}
|
@@ -197,7 +197,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
|
|
197
197
|
* @param event - The keyboard event.
|
198
198
|
*/
|
199
199
|
handleKeydown(event) {
|
200
|
-
if (this.
|
200
|
+
if (this.displayPopover) {
|
201
201
|
this.handlePopoverOnOpen(event);
|
202
202
|
}
|
203
203
|
else {
|
@@ -341,11 +341,11 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
|
|
341
341
|
});
|
342
342
|
}
|
343
343
|
openPopover() {
|
344
|
-
this.
|
344
|
+
this.displayPopover = true;
|
345
345
|
this.resetActivedescendant();
|
346
346
|
}
|
347
347
|
closePopover() {
|
348
|
-
this.
|
348
|
+
this.displayPopover = false;
|
349
349
|
this.resetActivedescendant();
|
350
350
|
}
|
351
351
|
/**
|
@@ -392,7 +392,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
|
|
392
392
|
?disabled="${this.disabled}"
|
393
393
|
?required="${!!this.requiredLabel}"
|
394
394
|
aria-activedescendant="${this.activeDescendant}"
|
395
|
-
aria-expanded="${this.
|
395
|
+
aria-expanded="${this.displayPopover}"
|
396
396
|
aria-haspopup="listbox"
|
397
397
|
aria-label="${(_a = this.dataAriaLabel) !== null && _a !== void 0 ? _a : ''}"
|
398
398
|
aria-labelledby="${this.label ? FORMFIELD_DEFAULTS.HEADING_ID : ''}"
|
@@ -443,7 +443,7 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
|
|
443
443
|
id="options-popover"
|
444
444
|
triggerid="select-base-triggerid"
|
445
445
|
interactive
|
446
|
-
?visible="${this.
|
446
|
+
?visible="${this.displayPopover}"
|
447
447
|
hide-on-outside-click
|
448
448
|
focus-back-to-trigger
|
449
449
|
focus-trap
|
@@ -532,7 +532,7 @@ __decorate([
|
|
532
532
|
__decorate([
|
533
533
|
state(),
|
534
534
|
__metadata("design:type", Object)
|
535
|
-
], Select.prototype, "
|
535
|
+
], Select.prototype, "displayPopover", void 0);
|
536
536
|
__decorate([
|
537
537
|
state(),
|
538
538
|
__metadata("design:type", Object)
|