@shoper/phoenix_design_system 1.18.23-13 → 1.18.23-14
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/accordion/accordion_content.js +6 -15
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +3 -51
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +8 -55
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +0 -6
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +11 -39
- package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/sheet/sheet.js +10 -33
- package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +6 -15
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +0 -6
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +3 -51
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -6
- package/build/esm/packages/phoenix/src/components/form/search/search.js +8 -55
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.js +0 -6
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/modal/modal.js +11 -39
- package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/sheet/sheet.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/sheet/sheet.js +10 -33
- package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -47
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -66
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -14
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -12
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js +0 -29
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js +0 -60
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.d.ts +0 -13
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -43
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.d.ts +0 -14
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js +0 -5
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.d.ts +0 -14
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -62
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.d.ts +0 -8
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.d.ts +0 -6
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -10
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.d.ts +0 -3
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.d.ts +0 -5
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -8
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.d.ts +0 -7
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js +0 -25
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.d.ts +0 -4
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/sentinel_focus_trap_strategy/sentinel_focus_trap_strategy_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.d.ts +0 -11
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js +0 -56
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.d.ts +0 -4
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/toggler_focus_trap_strategy/toggler_focus_trap_strategy_types.js.map +0 -1
|
@@ -13,8 +13,6 @@ var ref_js = require('lit-html/directives/ref.js');
|
|
|
13
13
|
var portal_constants = require('../portal/portal_constants.js');
|
|
14
14
|
var backdrop_constants = require('../backdrop/backdrop_constants.js');
|
|
15
15
|
var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
|
|
16
|
-
var focus_trap_strategy_constants = require('../../controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js');
|
|
17
|
-
var focus_trap_controller = require('../../controllers/focus_trap_controller/focus_trap_controller.js');
|
|
18
16
|
var modal_constants = require('./modal_constants.js');
|
|
19
17
|
var modal_close = require('./modal_close.js');
|
|
20
18
|
|
|
@@ -27,7 +25,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
27
25
|
this.transition = 'scale';
|
|
28
26
|
this.modalLabel = '';
|
|
29
27
|
this.noAutofocus = false;
|
|
30
|
-
this.isSearchFocusTrapFixEnabled = false;
|
|
31
28
|
this._firstFocusableElement = undefined;
|
|
32
29
|
this._focusableElements = null;
|
|
33
30
|
this._lastFocusableElement = undefined;
|
|
@@ -43,35 +40,22 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
43
40
|
document.addEventListener('keydown', this._bindCloseOnEsc);
|
|
44
41
|
document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
|
|
45
42
|
this._dispatchModalOpenedEvent();
|
|
46
|
-
this.
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
setTimeout(() => {
|
|
53
|
-
var _a;
|
|
54
|
-
(_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
55
|
-
window.scrollTo(0, scrollY);
|
|
56
|
-
}, 0);
|
|
57
|
-
}
|
|
43
|
+
if (!this.noAutofocus) {
|
|
44
|
+
setTimeout(() => {
|
|
45
|
+
var _a;
|
|
46
|
+
(_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
47
|
+
window.scrollTo(0, scrollY);
|
|
48
|
+
}, 0);
|
|
58
49
|
}
|
|
59
50
|
},
|
|
60
51
|
false: () => {
|
|
61
52
|
HModal_1.openModals = HModal_1.openModals.filter((modal) => modal !== this);
|
|
62
53
|
document.removeEventListener('keydown', this._bindCloseOnEsc);
|
|
63
54
|
document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
|
|
64
|
-
if (this.isSearchFocusTrapFixEnabled)
|
|
65
|
-
this._focusTrapController.deactivate();
|
|
66
55
|
}
|
|
67
56
|
}
|
|
68
57
|
};
|
|
69
58
|
this._backdropController = new backdrop_controller.BackdropController();
|
|
70
|
-
this._focusTrapController = new focus_trap_controller.FocusTrapController(this, {
|
|
71
|
-
mode: focus_trap_strategy_constants.FOCUS_TRAP_STRATEGY_TYPES.sentinel,
|
|
72
|
-
getContainer: () => this._contentRef.value,
|
|
73
|
-
noAutofocus: this.noAutofocus
|
|
74
|
-
});
|
|
75
59
|
this._keepFocusWithinModal = (ev) => {
|
|
76
60
|
var _a;
|
|
77
61
|
const isTabPressed = ev.code === 'Tab';
|
|
@@ -165,8 +149,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
165
149
|
connectedCallback() {
|
|
166
150
|
super.connectedCallback();
|
|
167
151
|
HModal_1._appendModalsPortal();
|
|
168
|
-
|
|
169
|
-
document.addEventListener('keyup', this._keepFocusWithinModal);
|
|
152
|
+
document.addEventListener('keyup', this._keepFocusWithinModal);
|
|
170
153
|
document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
171
154
|
}
|
|
172
155
|
disconnectedCallback() {
|
|
@@ -175,23 +158,17 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
175
158
|
this.close();
|
|
176
159
|
document.removeEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
177
160
|
document.removeEventListener('keydown', this._bindCloseOnEsc);
|
|
178
|
-
|
|
179
|
-
document.removeEventListener('keyup', this._keepFocusWithinModal);
|
|
161
|
+
document.removeEventListener('keyup', this._keepFocusWithinModal);
|
|
180
162
|
}
|
|
181
163
|
firstUpdated(props) {
|
|
182
164
|
super.firstUpdated(props);
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
this._lastFocusableElement = this._focusSentinelEnd.value;
|
|
186
|
-
}
|
|
165
|
+
this._firstFocusableElement = this._focusSentinelStart.value;
|
|
166
|
+
this._lastFocusableElement = this._focusSentinelEnd.value;
|
|
187
167
|
}
|
|
188
168
|
updated(changedProps) {
|
|
189
169
|
if (changedProps.has(modal_constants.MODAL_OPENED_PROP)) {
|
|
190
170
|
this._propsChangeStrategies[modal_constants.MODAL_OPENED_PROP][String(this[modal_constants.MODAL_OPENED_PROP])]();
|
|
191
171
|
}
|
|
192
|
-
if (this.isSearchFocusTrapFixEnabled && changedProps.has('noAutofocus')) {
|
|
193
|
-
this._focusTrapController.strategy.noAutofocus = this.noAutofocus;
|
|
194
|
-
}
|
|
195
172
|
}
|
|
196
173
|
_setFocusToFirstFocusableElementInModalOrCloseBtn() {
|
|
197
174
|
if (this.noAutofocus)
|
|
@@ -220,8 +197,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
220
197
|
setTimeout(() => {
|
|
221
198
|
var _a;
|
|
222
199
|
(_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
|
|
223
|
-
|
|
224
|
-
this._setFocusToFirstFocusableElementInModalOrCloseBtn();
|
|
200
|
+
this._setFocusToFirstFocusableElementInModalOrCloseBtn();
|
|
225
201
|
resolve();
|
|
226
202
|
}, transitionDuration);
|
|
227
203
|
});
|
|
@@ -280,10 +256,6 @@ tslib_es6.__decorate([
|
|
|
280
256
|
decorators_js.property({ type: Boolean, attribute: 'no-autofocus' }),
|
|
281
257
|
tslib_es6.__metadata("design:type", Object)
|
|
282
258
|
], exports.HModal.prototype, "noAutofocus", void 0);
|
|
283
|
-
tslib_es6.__decorate([
|
|
284
|
-
decorators_js.property({ type: Boolean, attribute: 'is-search-focus-trap-fix-enabled' }),
|
|
285
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
286
|
-
], exports.HModal.prototype, "isSearchFocusTrapFixEnabled", void 0);
|
|
287
259
|
tslib_es6.__decorate([
|
|
288
260
|
decorators_js.state(),
|
|
289
261
|
tslib_es6.__metadata("design:type", Object)
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -13,8 +13,6 @@ var ref_js = require('lit-html/directives/ref.js');
|
|
|
13
13
|
var portal_constants = require('../portal/portal_constants.js');
|
|
14
14
|
var backdrop_constants = require('../backdrop/backdrop_constants.js');
|
|
15
15
|
var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
|
|
16
|
-
var focus_trap_strategy_constants = require('../../controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js');
|
|
17
|
-
var focus_trap_controller = require('../../controllers/focus_trap_controller/focus_trap_controller.js');
|
|
18
16
|
var sheet_constants = require('./sheet_constants.js');
|
|
19
17
|
var sheet_close = require('./sheet_close.js');
|
|
20
18
|
|
|
@@ -26,7 +24,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
|
|
|
26
24
|
this.class = '';
|
|
27
25
|
this.transition = 'scale';
|
|
28
26
|
this.sheetLabel = '';
|
|
29
|
-
this.isSearchFocusTrapFixEnabled = false;
|
|
30
27
|
this._firstFocusableElement = undefined;
|
|
31
28
|
this._focusableElements = null;
|
|
32
29
|
this._lastFocusableElement = undefined;
|
|
@@ -42,31 +39,20 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
|
|
|
42
39
|
document.addEventListener('keydown', this._bindCloseOnEsc);
|
|
43
40
|
document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
|
|
44
41
|
this._dispatchSheetOpenedEvent();
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var _a;
|
|
51
|
-
(_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
52
|
-
window.scrollTo(0, scrollY);
|
|
53
|
-
}, 0);
|
|
54
|
-
}
|
|
42
|
+
setTimeout(() => {
|
|
43
|
+
var _a;
|
|
44
|
+
(_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
45
|
+
window.scrollTo(0, scrollY);
|
|
46
|
+
}, 0);
|
|
55
47
|
},
|
|
56
48
|
false: () => {
|
|
57
49
|
HSheet_1.openSheets = HSheet_1.openSheets.filter((sheet) => sheet !== this);
|
|
58
50
|
document.removeEventListener('keydown', this._bindCloseOnEsc);
|
|
59
51
|
document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
|
|
60
|
-
if (this.isSearchFocusTrapFixEnabled)
|
|
61
|
-
this._focusTrapController.deactivate();
|
|
62
52
|
}
|
|
63
53
|
}
|
|
64
54
|
};
|
|
65
55
|
this._backdropController = new backdrop_controller.BackdropController();
|
|
66
|
-
this._focusTrapController = new focus_trap_controller.FocusTrapController(this, {
|
|
67
|
-
mode: focus_trap_strategy_constants.FOCUS_TRAP_STRATEGY_TYPES.sentinel,
|
|
68
|
-
getContainer: () => this._contentRef.value
|
|
69
|
-
});
|
|
70
56
|
this._keepFocusWithinSheet = (ev) => {
|
|
71
57
|
var _a;
|
|
72
58
|
const isTabPressed = ev.code === 'Tab';
|
|
@@ -160,8 +146,7 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
|
|
|
160
146
|
connectedCallback() {
|
|
161
147
|
super.connectedCallback();
|
|
162
148
|
HSheet_1._appendSheetPortal();
|
|
163
|
-
|
|
164
|
-
document.addEventListener('keyup', this._keepFocusWithinSheet);
|
|
149
|
+
document.addEventListener('keyup', this._keepFocusWithinSheet);
|
|
165
150
|
document.addEventListener(sheet_constants.SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
166
151
|
}
|
|
167
152
|
disconnectedCallback() {
|
|
@@ -170,15 +155,12 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
|
|
|
170
155
|
this.close();
|
|
171
156
|
document.removeEventListener(sheet_constants.SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
172
157
|
document.removeEventListener('keydown', this._bindCloseOnEsc);
|
|
173
|
-
|
|
174
|
-
document.removeEventListener('keyup', this._keepFocusWithinSheet);
|
|
158
|
+
document.removeEventListener('keyup', this._keepFocusWithinSheet);
|
|
175
159
|
}
|
|
176
160
|
firstUpdated(props) {
|
|
177
161
|
super.firstUpdated(props);
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
this._lastFocusableElement = this._focusSentinelEnd.value;
|
|
181
|
-
}
|
|
162
|
+
this._firstFocusableElement = this._focusSentinelStart.value;
|
|
163
|
+
this._lastFocusableElement = this._focusSentinelEnd.value;
|
|
182
164
|
}
|
|
183
165
|
updated(changedProps) {
|
|
184
166
|
if (changedProps.has(sheet_constants.SHEET_OPENED_PROP)) {
|
|
@@ -210,8 +192,7 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
|
|
|
210
192
|
setTimeout(() => {
|
|
211
193
|
var _a;
|
|
212
194
|
(_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_show-${this.transition}-start`, `sheet_show-${this.transition}-end`);
|
|
213
|
-
|
|
214
|
-
this._setFocusToFirstFocusableElementInSheetOrCloseBtn();
|
|
195
|
+
this._setFocusToFirstFocusableElementInSheetOrCloseBtn();
|
|
215
196
|
resolve();
|
|
216
197
|
}, transitionDuration);
|
|
217
198
|
});
|
|
@@ -264,10 +245,6 @@ tslib_es6.__decorate([
|
|
|
264
245
|
decorators_js.property({ type: String, attribute: 'sheet-label' }),
|
|
265
246
|
tslib_es6.__metadata("design:type", Object)
|
|
266
247
|
], exports.HSheet.prototype, "sheetLabel", void 0);
|
|
267
|
-
tslib_es6.__decorate([
|
|
268
|
-
decorators_js.property({ type: Boolean, attribute: 'is-search-focus-trap-fix-enabled' }),
|
|
269
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
270
|
-
], exports.HSheet.prototype, "isSearchFocusTrapFixEnabled", void 0);
|
|
271
248
|
tslib_es6.__decorate([
|
|
272
249
|
decorators_js.state(),
|
|
273
250
|
tslib_es6.__metadata("design:type", Object)
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,7 +3,6 @@ import { PropertyValues } from 'lit';
|
|
|
3
3
|
export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
4
4
|
transitionName: string;
|
|
5
5
|
isDevAccordionOptimizationFlagEnabled: boolean;
|
|
6
|
-
isDevAccordionHeightFixFlagEnabled: boolean;
|
|
7
6
|
private _transitionController;
|
|
8
7
|
private _contextConsumer;
|
|
9
8
|
private _accordionGroupProps;
|
|
@@ -15,7 +15,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
15
15
|
super();
|
|
16
16
|
this.transitionName = 'accordion-toggle';
|
|
17
17
|
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
18
|
-
this.isDevAccordionHeightFixFlagEnabled = false;
|
|
19
18
|
this._resizeObserver = null;
|
|
20
19
|
this._isTransitioning = false;
|
|
21
20
|
this._resizeDebounceTimer = null;
|
|
@@ -133,9 +132,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
133
132
|
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
134
133
|
}
|
|
135
134
|
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
136
|
-
|
|
137
|
-
this._setupImageLoadListeners();
|
|
138
|
-
}
|
|
135
|
+
this._setupImageLoadListeners();
|
|
139
136
|
}
|
|
140
137
|
firstUpdated(props) {
|
|
141
138
|
super.firstUpdated(props);
|
|
@@ -213,13 +210,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
213
210
|
window.clearTimeout(this._mutationDebounceTimer);
|
|
214
211
|
}
|
|
215
212
|
}
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
});
|
|
222
|
-
}
|
|
213
|
+
const images = this.querySelectorAll('img');
|
|
214
|
+
images.forEach((img) => {
|
|
215
|
+
img.removeEventListener('load', this._boundHandleImageLoad);
|
|
216
|
+
img.removeEventListener('error', this._boundHandleImageLoad);
|
|
217
|
+
});
|
|
223
218
|
window.removeEventListener('resize', this._handleResize);
|
|
224
219
|
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
225
220
|
}
|
|
@@ -232,10 +227,6 @@ __decorate([
|
|
|
232
227
|
property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
233
228
|
__metadata("design:type", Boolean)
|
|
234
229
|
], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
235
|
-
__decorate([
|
|
236
|
-
property({ type: Boolean, attribute: 'dev_accordion_height_fix' }),
|
|
237
|
-
__metadata("design:type", Boolean)
|
|
238
|
-
], HAccordionContent.prototype, "isDevAccordionHeightFixFlagEnabled", void 0);
|
|
239
230
|
HAccordionContent = __decorate([
|
|
240
231
|
phoenixCustomElement('h-accordion-content'),
|
|
241
232
|
__metadata("design:paramtypes", [])
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -18,7 +18,6 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
|
|
|
18
18
|
id: string;
|
|
19
19
|
preventFocusTrap: boolean;
|
|
20
20
|
noAutoFocus: boolean;
|
|
21
|
-
isSearchFocusTrapFixEnabled: boolean;
|
|
22
21
|
$dropdownToggler: HDropdownToggler | null;
|
|
23
22
|
$dropdownContent: HDropdownContent | null;
|
|
24
23
|
$nestedDropdownContentElements?: HDropdownContent[];
|
|
@@ -27,7 +26,6 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
|
|
|
27
26
|
private _dropdownContentChildrenHeight;
|
|
28
27
|
private _hasScrollableClassInitially;
|
|
29
28
|
private _backdropController;
|
|
30
|
-
private _focusTrapController;
|
|
31
29
|
constructor();
|
|
32
30
|
connectedCallback(): Promise<void>;
|
|
33
31
|
private static _appendDropdownPortal;
|
|
@@ -45,14 +43,10 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
|
|
|
45
43
|
private _observeScrollToggling;
|
|
46
44
|
private _toggleScroll;
|
|
47
45
|
private _closeDropdownOnEscape;
|
|
48
|
-
private _handleTabForward;
|
|
49
|
-
private _handleTabExitForward;
|
|
50
46
|
private _keepFocusWithinDropdownForwards;
|
|
51
47
|
private _handleFocusOnNextElementAfterDropdown;
|
|
52
48
|
private _handleFocusFromTogglerForwards;
|
|
53
49
|
private _handleFocusFromSentinelEndForwards;
|
|
54
|
-
private _handleTabBackward;
|
|
55
|
-
private _handleTabExitBackward;
|
|
56
50
|
private _keepFocusWithinDropdownBackwards;
|
|
57
51
|
private _handleDefaultFocusFromDropdownBackwards;
|
|
58
52
|
private _handleFocusFromTogglerBackwards;
|
|
@@ -12,8 +12,6 @@ import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
|
12
12
|
import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
|
|
13
13
|
import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
|
|
14
14
|
import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
|
|
15
|
-
import { FOCUS_TRAP_STRATEGY_TYPES } from '../../controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js';
|
|
16
|
-
import { FocusTrapController } from '../../controllers/focus_trap_controller/focus_trap_controller.js';
|
|
17
15
|
import throttle_1 from '../../../../../external/lodash/throttle.js';
|
|
18
16
|
import { RelativePositionController } from '../../controllers/relative_position_controller/relative_position_controller.js';
|
|
19
17
|
|
|
@@ -31,13 +29,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
31
29
|
this.id = v4();
|
|
32
30
|
this.preventFocusTrap = false;
|
|
33
31
|
this.noAutoFocus = false;
|
|
34
|
-
this.isSearchFocusTrapFixEnabled = false;
|
|
35
32
|
this._backdropController = new BackdropController();
|
|
36
|
-
this._focusTrapController = new FocusTrapController(this, {
|
|
37
|
-
mode: FOCUS_TRAP_STRATEGY_TYPES.toggler,
|
|
38
|
-
getContainer: () => { var _a; return (_a = this.$dropdownContent) !== null && _a !== void 0 ? _a : undefined; },
|
|
39
|
-
getToggler: () => { var _a; return (_a = this.$dropdownToggler) !== null && _a !== void 0 ? _a : undefined; }
|
|
40
|
-
});
|
|
41
33
|
this._handleClickOutside = async (target) => {
|
|
42
34
|
var _a, _b;
|
|
43
35
|
if (!this.opened)
|
|
@@ -75,8 +67,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
75
67
|
this._dispatchShowDropdownEvent();
|
|
76
68
|
(_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`, `${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
|
|
77
69
|
this._toggleScroll();
|
|
78
|
-
if (this.isSearchFocusTrapFixEnabled && !this.preventFocusTrap)
|
|
79
|
-
this._focusTrapController.activate();
|
|
80
70
|
resolve();
|
|
81
71
|
}, transitionDuration);
|
|
82
72
|
});
|
|
@@ -117,8 +107,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
117
107
|
var _a;
|
|
118
108
|
(_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`, `${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
|
|
119
109
|
this.opened = false;
|
|
120
|
-
if (this.isSearchFocusTrapFixEnabled)
|
|
121
|
-
this._focusTrapController.deactivate();
|
|
122
110
|
this._dispatchHideDropdownEvent();
|
|
123
111
|
resolve();
|
|
124
112
|
}, transitionDuration);
|
|
@@ -149,23 +137,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
149
137
|
return;
|
|
150
138
|
await this.hide();
|
|
151
139
|
};
|
|
152
|
-
this._handleTabForward = (ev) => {
|
|
153
|
-
if (this.isSearchFocusTrapFixEnabled) {
|
|
154
|
-
this._handleTabExitForward(ev);
|
|
155
|
-
}
|
|
156
|
-
else {
|
|
157
|
-
this._keepFocusWithinDropdownForwards(ev);
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
this._handleTabExitForward = (ev) => {
|
|
161
|
-
if (ev.shiftKey || !this.$dropdownContent || !this.opened || !this.preventFocusTrap)
|
|
162
|
-
return;
|
|
163
|
-
if (this.$dropdownContent.contains(ev.target)) {
|
|
164
|
-
ev.preventDefault();
|
|
165
|
-
this.hide();
|
|
166
|
-
UiDomUtils.getNextFocusableElement(this.$dropdownToggler || this).focus();
|
|
167
|
-
}
|
|
168
|
-
};
|
|
169
140
|
this._keepFocusWithinDropdownForwards = (ev) => {
|
|
170
141
|
var _a, _b;
|
|
171
142
|
if (ev.shiftKey === true || !this.$dropdownContent || !this.opened)
|
|
@@ -181,21 +152,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
181
152
|
}
|
|
182
153
|
this._handleFocusFromSentinelEndForwards(ev, $target);
|
|
183
154
|
};
|
|
184
|
-
this._handleTabBackward = (ev) => {
|
|
185
|
-
if (this.isSearchFocusTrapFixEnabled) {
|
|
186
|
-
this._handleTabExitBackward(ev);
|
|
187
|
-
}
|
|
188
|
-
else {
|
|
189
|
-
this._keepFocusWithinDropdownBackwards(ev);
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
this._handleTabExitBackward = (ev) => {
|
|
193
|
-
if (!this.opened || !this.$dropdownContent || !this.preventFocusTrap)
|
|
194
|
-
return;
|
|
195
|
-
ev.preventDefault();
|
|
196
|
-
this.hide();
|
|
197
|
-
UiDomUtils.getPreviousFocusableElement(this.$dropdownToggler || this).focus();
|
|
198
|
-
};
|
|
199
155
|
this._keepFocusWithinDropdownBackwards = (ev) => {
|
|
200
156
|
if (!this.opened || !this.$dropdownContent)
|
|
201
157
|
return;
|
|
@@ -228,7 +184,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
228
184
|
this._focusOnFirstContentElement = () => {
|
|
229
185
|
if (!this.$dropdownContent)
|
|
230
186
|
return;
|
|
231
|
-
const $firstFocusableElement = this.
|
|
187
|
+
const $firstFocusableElement = this._getTrulyFocusableElements(this.$dropdownContent)[0];
|
|
232
188
|
if ($firstFocusableElement)
|
|
233
189
|
$firstFocusableElement.focus();
|
|
234
190
|
};
|
|
@@ -257,13 +213,13 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
|
|
|
257
213
|
host: this,
|
|
258
214
|
target: document.body,
|
|
259
215
|
keys: ['tab'],
|
|
260
|
-
callback: this.
|
|
216
|
+
callback: this._keepFocusWithinDropdownForwards
|
|
261
217
|
});
|
|
262
218
|
new KeystrokesController({
|
|
263
219
|
host: this,
|
|
264
220
|
target: document.body,
|
|
265
221
|
keys: [['shift', 'tab']],
|
|
266
|
-
callback: this.
|
|
222
|
+
callback: this._keepFocusWithinDropdownBackwards,
|
|
267
223
|
containerSelectors: ['h-dropdown', 'h-dropdown-content']
|
|
268
224
|
});
|
|
269
225
|
}
|
|
@@ -513,10 +469,6 @@ __decorate([
|
|
|
513
469
|
property({ type: Boolean, attribute: 'no-autofocus' }),
|
|
514
470
|
__metadata("design:type", Object)
|
|
515
471
|
], HDropdown.prototype, "noAutoFocus", void 0);
|
|
516
|
-
__decorate([
|
|
517
|
-
property({ type: Boolean, attribute: 'is-search-focus-trap-fix-enabled' }),
|
|
518
|
-
__metadata("design:type", Boolean)
|
|
519
|
-
], HDropdown.prototype, "isSearchFocusTrapFixEnabled", void 0);
|
|
520
472
|
HDropdown = HDropdown_1 = __decorate([
|
|
521
473
|
phoenixCustomElement('h-dropdown'),
|
|
522
474
|
__metadata("design:paramtypes", [])
|
|
@@ -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
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,14 +1,12 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
2
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
3
|
import type { TSearchDisplayMode, TSearchSettings } from "./search_types";
|
|
4
|
-
import { FocusTrapController } from "../../../controllers/focus_trap_controller/focus_trap_controller";
|
|
5
4
|
export declare class HSearch extends PhoenixLightLitElement {
|
|
6
5
|
settings: TSearchSettings;
|
|
7
6
|
view: string;
|
|
8
7
|
locale: string;
|
|
9
8
|
isSearchIconFixEnabled: boolean;
|
|
10
9
|
isSearchUxFixesFlagEnabled: boolean;
|
|
11
|
-
isSearchFocusTrapFixEnabled: boolean;
|
|
12
10
|
displayMode: TSearchDisplayMode;
|
|
13
11
|
moduleInstanceId: string;
|
|
14
12
|
private _historyContextProvider;
|
|
@@ -19,11 +17,9 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
19
17
|
private _inputField;
|
|
20
18
|
private _searchForm;
|
|
21
19
|
private _togglerElement;
|
|
22
|
-
private _mobileDialogOpener;
|
|
23
20
|
private _id;
|
|
24
21
|
private _openSearchButtonAriaLabelId;
|
|
25
22
|
private _searchContentContainerId;
|
|
26
|
-
mobileFocusTrapController: FocusTrapController;
|
|
27
23
|
private _searchResultsRef;
|
|
28
24
|
private _searchHistoryRef;
|
|
29
25
|
private _searchMessageRef;
|
|
@@ -85,8 +81,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
85
81
|
private _isSuggesterLayerVisible;
|
|
86
82
|
private _preventSubmitOnSearchClear;
|
|
87
83
|
private _resetSearchOnFocusOutside;
|
|
88
|
-
private _activateMobileDialog;
|
|
89
|
-
private _deactivateMobileDialog;
|
|
90
84
|
private _setupAriaAttributes;
|
|
91
85
|
private _handleOpenSearch;
|
|
92
86
|
private _handleOpenSearchWithKeyboard;
|