@shoper/phoenix_design_system 1.11.3-4 → 1.11.3-6
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/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +45 -29
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +0 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +45 -29
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +0 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/package.json +2 -2
|
@@ -140,43 +140,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
140
140
|
await this.hide();
|
|
141
141
|
};
|
|
142
142
|
this._keepFocusWithinDropdownForwards = (ev) => {
|
|
143
|
-
var _a, _b, _c;
|
|
144
143
|
if (ev.shiftKey === true || !this.$dropdownContent)
|
|
145
144
|
return;
|
|
146
145
|
const $target = ev.target;
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
(_b = this.$dropdownContent.focusSentinelStart.value) === null || _b === void 0 ? void 0 : _b.focus();
|
|
150
|
-
}
|
|
151
|
-
if ($target === this.$dropdownContent.focusSentinelEnd.value) {
|
|
152
|
-
ev.preventDefault();
|
|
153
|
-
if (this.preventFocusTrap) {
|
|
154
|
-
this.hide();
|
|
155
|
-
utilities.UiDomUtils.getNextFocusableElement(this.$dropdownToggler || this).focus();
|
|
156
|
-
}
|
|
157
|
-
else {
|
|
158
|
-
(_c = this.$dropdownToggler) === null || _c === void 0 ? void 0 : _c.focus();
|
|
159
|
-
}
|
|
160
|
-
}
|
|
146
|
+
this._handleFocusFromTogglerForwards(ev, $target);
|
|
147
|
+
this._handleFocusFromSentinelEndForwards(ev, $target);
|
|
161
148
|
};
|
|
162
149
|
this._keepFocusWithinDropdownBackwards = (ev) => {
|
|
163
|
-
var _a, _b, _c;
|
|
164
150
|
if (!this.opened || !this.$dropdownContent)
|
|
165
151
|
return;
|
|
166
152
|
const $target = ev.target;
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
this.hide();
|
|
170
|
-
}
|
|
171
|
-
else {
|
|
172
|
-
ev.preventDefault();
|
|
173
|
-
(_b = this.$dropdownContent.focusSentinelEnd.value) === null || _b === void 0 ? void 0 : _b.focus();
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
if ($target === this.$dropdownContent.focusSentinelStart.value) {
|
|
177
|
-
ev.preventDefault();
|
|
178
|
-
(_c = this.$dropdownToggler) === null || _c === void 0 ? void 0 : _c.focus();
|
|
179
|
-
}
|
|
153
|
+
this._handleFocusFromTogglerBackwards(ev, $target);
|
|
154
|
+
this._handleFocusFromSentinelStartBackwards(ev, $target);
|
|
180
155
|
};
|
|
181
156
|
this._hoverToggle = async (ev) => {
|
|
182
157
|
if (window.innerWidth < global_constants.BREAKPOINTS.xs)
|
|
@@ -302,6 +277,45 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
302
277
|
(_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(global_constants.SCROLLABLE_CLASS_NAME);
|
|
303
278
|
}
|
|
304
279
|
}
|
|
280
|
+
_handleFocusFromTogglerForwards(ev, $target) {
|
|
281
|
+
var _a, _b, _c;
|
|
282
|
+
if (!((_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.contains($target)) || !this.opened)
|
|
283
|
+
return;
|
|
284
|
+
ev.preventDefault();
|
|
285
|
+
(_c = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.focusSentinelStart.value) === null || _c === void 0 ? void 0 : _c.focus();
|
|
286
|
+
}
|
|
287
|
+
_handleFocusFromSentinelEndForwards(ev, $target) {
|
|
288
|
+
var _a, _b;
|
|
289
|
+
if ($target !== ((_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.focusSentinelEnd.value))
|
|
290
|
+
return;
|
|
291
|
+
ev.preventDefault();
|
|
292
|
+
if (this.preventFocusTrap) {
|
|
293
|
+
this.hide();
|
|
294
|
+
utilities.UiDomUtils.getNextFocusableElement(this.$dropdownToggler || this).focus();
|
|
295
|
+
}
|
|
296
|
+
else {
|
|
297
|
+
(_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.focus();
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
_handleFocusFromTogglerBackwards(ev, $target) {
|
|
301
|
+
var _a, _b, _c;
|
|
302
|
+
if ($target !== this.$dropdownToggler && !((_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.contains($target)))
|
|
303
|
+
return;
|
|
304
|
+
if (this.preventFocusTrap) {
|
|
305
|
+
this.hide();
|
|
306
|
+
}
|
|
307
|
+
else {
|
|
308
|
+
ev.preventDefault();
|
|
309
|
+
(_c = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.focusSentinelEnd.value) === null || _c === void 0 ? void 0 : _c.focus();
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
_handleFocusFromSentinelStartBackwards(ev, $target) {
|
|
313
|
+
var _a, _b;
|
|
314
|
+
if ($target !== ((_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.focusSentinelStart.value))
|
|
315
|
+
return;
|
|
316
|
+
ev.preventDefault();
|
|
317
|
+
(_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.focus();
|
|
318
|
+
}
|
|
305
319
|
_isHoveredWithinDropdown(element) {
|
|
306
320
|
var _a;
|
|
307
321
|
if (element === this)
|
|
@@ -325,6 +339,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
325
339
|
return;
|
|
326
340
|
if (!this._hasScrollableClassInitially)
|
|
327
341
|
this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(global_constants.SCROLLABLE_CLASS_NAME);
|
|
342
|
+
if (!this.preventFocusTrap)
|
|
343
|
+
this.$dropdownContent.setAttribute('aria-modal', 'true');
|
|
328
344
|
}
|
|
329
345
|
_getDropdownContentWidth() {
|
|
330
346
|
const isMobileResolution = document.documentElement.clientWidth < global_constants.BREAKPOINTS.xs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,7 +24,6 @@ exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_elem
|
|
|
24
24
|
super.connectedCallback();
|
|
25
25
|
this.classList.add(dropdown_constants.DROPDOWN_CSS_CLASSES.content);
|
|
26
26
|
this.setAttribute('role', 'menu');
|
|
27
|
-
this.setAttribute('aria-modal', 'true');
|
|
28
27
|
Array.from(this.children).forEach((element) => {
|
|
29
28
|
element.setAttribute('role', 'menuitem');
|
|
30
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -43,7 +43,11 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
|
|
|
43
43
|
private _toggleScroll;
|
|
44
44
|
private _closeDropdownOnEscape;
|
|
45
45
|
private _keepFocusWithinDropdownForwards;
|
|
46
|
+
private _handleFocusFromTogglerForwards;
|
|
47
|
+
private _handleFocusFromSentinelEndForwards;
|
|
46
48
|
private _keepFocusWithinDropdownBackwards;
|
|
49
|
+
private _handleFocusFromTogglerBackwards;
|
|
50
|
+
private _handleFocusFromSentinelStartBackwards;
|
|
47
51
|
private _hoverToggle;
|
|
48
52
|
private _isHoveredWithinDropdown;
|
|
49
53
|
private _setupInitialDropdownProperties;
|
|
@@ -136,43 +136,18 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
136
136
|
await this.hide();
|
|
137
137
|
};
|
|
138
138
|
this._keepFocusWithinDropdownForwards = (ev) => {
|
|
139
|
-
var _a, _b, _c;
|
|
140
139
|
if (ev.shiftKey === true || !this.$dropdownContent)
|
|
141
140
|
return;
|
|
142
141
|
const $target = ev.target;
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
(_b = this.$dropdownContent.focusSentinelStart.value) === null || _b === void 0 ? void 0 : _b.focus();
|
|
146
|
-
}
|
|
147
|
-
if ($target === this.$dropdownContent.focusSentinelEnd.value) {
|
|
148
|
-
ev.preventDefault();
|
|
149
|
-
if (this.preventFocusTrap) {
|
|
150
|
-
this.hide();
|
|
151
|
-
UiDomUtils.getNextFocusableElement(this.$dropdownToggler || this).focus();
|
|
152
|
-
}
|
|
153
|
-
else {
|
|
154
|
-
(_c = this.$dropdownToggler) === null || _c === void 0 ? void 0 : _c.focus();
|
|
155
|
-
}
|
|
156
|
-
}
|
|
142
|
+
this._handleFocusFromTogglerForwards(ev, $target);
|
|
143
|
+
this._handleFocusFromSentinelEndForwards(ev, $target);
|
|
157
144
|
};
|
|
158
145
|
this._keepFocusWithinDropdownBackwards = (ev) => {
|
|
159
|
-
var _a, _b, _c;
|
|
160
146
|
if (!this.opened || !this.$dropdownContent)
|
|
161
147
|
return;
|
|
162
148
|
const $target = ev.target;
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
this.hide();
|
|
166
|
-
}
|
|
167
|
-
else {
|
|
168
|
-
ev.preventDefault();
|
|
169
|
-
(_b = this.$dropdownContent.focusSentinelEnd.value) === null || _b === void 0 ? void 0 : _b.focus();
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
if ($target === this.$dropdownContent.focusSentinelStart.value) {
|
|
173
|
-
ev.preventDefault();
|
|
174
|
-
(_c = this.$dropdownToggler) === null || _c === void 0 ? void 0 : _c.focus();
|
|
175
|
-
}
|
|
149
|
+
this._handleFocusFromTogglerBackwards(ev, $target);
|
|
150
|
+
this._handleFocusFromSentinelStartBackwards(ev, $target);
|
|
176
151
|
};
|
|
177
152
|
this._hoverToggle = async (ev) => {
|
|
178
153
|
if (window.innerWidth < BREAKPOINTS.xs)
|
|
@@ -298,6 +273,45 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
298
273
|
(_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(SCROLLABLE_CLASS_NAME);
|
|
299
274
|
}
|
|
300
275
|
}
|
|
276
|
+
_handleFocusFromTogglerForwards(ev, $target) {
|
|
277
|
+
var _a, _b, _c;
|
|
278
|
+
if (!((_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.contains($target)) || !this.opened)
|
|
279
|
+
return;
|
|
280
|
+
ev.preventDefault();
|
|
281
|
+
(_c = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.focusSentinelStart.value) === null || _c === void 0 ? void 0 : _c.focus();
|
|
282
|
+
}
|
|
283
|
+
_handleFocusFromSentinelEndForwards(ev, $target) {
|
|
284
|
+
var _a, _b;
|
|
285
|
+
if ($target !== ((_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.focusSentinelEnd.value))
|
|
286
|
+
return;
|
|
287
|
+
ev.preventDefault();
|
|
288
|
+
if (this.preventFocusTrap) {
|
|
289
|
+
this.hide();
|
|
290
|
+
UiDomUtils.getNextFocusableElement(this.$dropdownToggler || this).focus();
|
|
291
|
+
}
|
|
292
|
+
else {
|
|
293
|
+
(_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.focus();
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
_handleFocusFromTogglerBackwards(ev, $target) {
|
|
297
|
+
var _a, _b, _c;
|
|
298
|
+
if ($target !== this.$dropdownToggler && !((_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.contains($target)))
|
|
299
|
+
return;
|
|
300
|
+
if (this.preventFocusTrap) {
|
|
301
|
+
this.hide();
|
|
302
|
+
}
|
|
303
|
+
else {
|
|
304
|
+
ev.preventDefault();
|
|
305
|
+
(_c = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.focusSentinelEnd.value) === null || _c === void 0 ? void 0 : _c.focus();
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
_handleFocusFromSentinelStartBackwards(ev, $target) {
|
|
309
|
+
var _a, _b;
|
|
310
|
+
if ($target !== ((_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.focusSentinelStart.value))
|
|
311
|
+
return;
|
|
312
|
+
ev.preventDefault();
|
|
313
|
+
(_b = this.$dropdownToggler) === null || _b === void 0 ? void 0 : _b.focus();
|
|
314
|
+
}
|
|
301
315
|
_isHoveredWithinDropdown(element) {
|
|
302
316
|
var _a;
|
|
303
317
|
if (element === this)
|
|
@@ -321,6 +335,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
321
335
|
return;
|
|
322
336
|
if (!this._hasScrollableClassInitially)
|
|
323
337
|
this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(SCROLLABLE_CLASS_NAME);
|
|
338
|
+
if (!this.preventFocusTrap)
|
|
339
|
+
this.$dropdownContent.setAttribute('aria-modal', 'true');
|
|
324
340
|
}
|
|
325
341
|
_getDropdownContentWidth() {
|
|
326
342
|
const isMobileResolution = document.documentElement.clientWidth < BREAKPOINTS.xs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -20,7 +20,6 @@ let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
|
|
|
20
20
|
super.connectedCallback();
|
|
21
21
|
this.classList.add(DROPDOWN_CSS_CLASSES.content);
|
|
22
22
|
this.setAttribute('role', 'menu');
|
|
23
|
-
this.setAttribute('aria-modal', 'true');
|
|
24
23
|
Array.from(this.children).forEach((element) => {
|
|
25
24
|
element.setAttribute('role', 'menuitem');
|
|
26
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@shoper/phoenix_design_system",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "1.11.3-
|
|
5
|
+
"version": "1.11.3-6",
|
|
6
6
|
"description": "phoenix design system",
|
|
7
7
|
"author": "zefirek",
|
|
8
8
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@splidejs/splide": "^4.0.7"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@dreamcommerce/utilities": "^1.18.1-
|
|
33
|
+
"@dreamcommerce/utilities": "^1.18.1-4",
|
|
34
34
|
"@shoper/jest_config": "^0.0.0",
|
|
35
35
|
"@shoper/tsconfig": "^0.0.0",
|
|
36
36
|
"@splidejs/splide": "4.0.7",
|