@shoper/phoenix_design_system 1.15.3-6 → 1.15.3-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +6 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +1 -20
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/components/select_options.js +1 -2
- package/build/cjs/packages/phoenix/src/components/form/select/components/select_options.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +6 -2
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +8 -12
- package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +6 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/form/search/search.js +1 -20
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js +1 -2
- package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.js +6 -2
- 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 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.js +9 -13
- package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js +0 -43
- package/build/cjs/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.d.ts +0 -9
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js +0 -39
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.d.ts +0 -9
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js +0 -3
- package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js.map +0 -1
|
@@ -16,6 +16,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
|
|
|
16
16
|
constructor() {
|
|
17
17
|
super();
|
|
18
18
|
this.name = '';
|
|
19
|
+
this.ariaHasPopup = 'menu';
|
|
19
20
|
this._setupTogglerAria = () => {
|
|
20
21
|
this._$dropdown = this.closest(dropdown_constants.DROPDOWN_CONTAINER_NAME);
|
|
21
22
|
if (this._$dropdown.isOpened)
|
|
@@ -23,7 +24,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
|
|
|
23
24
|
host: this,
|
|
24
25
|
initialAriaExpandedValue: this._$dropdown.isOpened()
|
|
25
26
|
});
|
|
26
|
-
this.setAttribute('aria-haspopup',
|
|
27
|
+
this.setAttribute('aria-haspopup', this.ariaHasPopup);
|
|
27
28
|
if (this._$dropdown.id)
|
|
28
29
|
this.setAttribute('aria-controls', this._$dropdown.id);
|
|
29
30
|
};
|
|
@@ -60,6 +61,10 @@ tslib_es6.__decorate([
|
|
|
60
61
|
decorators.property({ type: String, reflect: true }),
|
|
61
62
|
tslib_es6.__metadata("design:type", Object)
|
|
62
63
|
], exports.HDropdownToggler.prototype, "name", void 0);
|
|
64
|
+
tslib_es6.__decorate([
|
|
65
|
+
decorators.property({ type: String, attribute: 'aria-haspopup' }),
|
|
66
|
+
tslib_es6.__metadata("design:type", Object)
|
|
67
|
+
], exports.HDropdownToggler.prototype, "ariaHasPopup", void 0);
|
|
63
68
|
exports.HDropdownToggler = tslib_es6.__decorate([
|
|
64
69
|
phoenix_custom_element.phoenixCustomElement('h-dropdown-toggler'),
|
|
65
70
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -16,7 +16,6 @@ var ref_js = require('lit-html/directives/ref.js');
|
|
|
16
16
|
var context_provider_controller = require('../../../core/context/context_provider_controller.js');
|
|
17
17
|
var global_constants = require('../../../global_constants.js');
|
|
18
18
|
var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
19
|
-
var inert_controller = require('../../../controllers/inert_controller/inert_controller.js');
|
|
20
19
|
var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
|
|
21
20
|
var search_constants = require('./search_constants.js');
|
|
22
21
|
|
|
@@ -41,7 +40,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
41
40
|
this._activeItemId = `${this._id}-1`;
|
|
42
41
|
this._translations = {};
|
|
43
42
|
this._containerRole = 'grid';
|
|
44
|
-
this._inertController = null;
|
|
45
43
|
this._bindKeys = (ev) => {
|
|
46
44
|
switch (ev.key) {
|
|
47
45
|
case 'ArrowDown':
|
|
@@ -234,12 +232,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
234
232
|
}
|
|
235
233
|
};
|
|
236
234
|
this._removeSearchKeyboardNavigation = () => {
|
|
237
|
-
var _a;
|
|
238
235
|
document.removeEventListener('keydown', this._bindKeys);
|
|
239
236
|
document.removeEventListener('keyup', this._handleSearchTabNavigation);
|
|
240
|
-
if (!this.noScreenReaderNavigationTrap) {
|
|
241
|
-
(_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
|
|
242
|
-
}
|
|
243
237
|
};
|
|
244
238
|
this._handleFocusOnInputWithCaretEnd = () => {
|
|
245
239
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -285,12 +279,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
285
279
|
}
|
|
286
280
|
async connectedCallback() {
|
|
287
281
|
super.connectedCallback();
|
|
288
|
-
this._inertController = new inert_controller.InertController({
|
|
289
|
-
host: this,
|
|
290
|
-
hideConditionHandler: (child) => {
|
|
291
|
-
return child !== this && !child.closest('h-search') && !child.contains(this);
|
|
292
|
-
}
|
|
293
|
-
});
|
|
294
282
|
this._setupContext();
|
|
295
283
|
try {
|
|
296
284
|
this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
|
|
@@ -360,7 +348,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
360
348
|
}
|
|
361
349
|
_setupListeners() {
|
|
362
350
|
this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
|
|
363
|
-
var _a, _b, _c
|
|
351
|
+
var _a, _b, _c;
|
|
364
352
|
const $target = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.relatedTarget;
|
|
365
353
|
if ($target === null || $target === void 0 ? void 0 : $target.closest(`[id="${this._searchContentContainerId}"]`))
|
|
366
354
|
return;
|
|
@@ -371,9 +359,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
371
359
|
document.addEventListener('keydown', this._bindKeys);
|
|
372
360
|
document.addEventListener('keyup', this._handleSearchTabNavigation);
|
|
373
361
|
document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
|
|
374
|
-
if (!this.noScreenReaderNavigationTrap) {
|
|
375
|
-
(_d = this._inertController) === null || _d === void 0 ? void 0 : _d.hide();
|
|
376
|
-
}
|
|
377
362
|
});
|
|
378
363
|
this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
|
|
379
364
|
const shouldShowMessage = ev.detail.searchPhrase !== '';
|
|
@@ -598,10 +583,6 @@ tslib_es6.__decorate([
|
|
|
598
583
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
599
584
|
tslib_es6.__metadata("design:type", String)
|
|
600
585
|
], exports.HSearch.prototype, "moduleInstanceId", void 0);
|
|
601
|
-
tslib_es6.__decorate([
|
|
602
|
-
decorators.property({ type: Boolean, attribute: 'no-screen-reader-navigation-trap' }),
|
|
603
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
604
|
-
], exports.HSearch.prototype, "noScreenReaderNavigationTrap", void 0);
|
|
605
586
|
tslib_es6.__decorate([
|
|
606
587
|
decorators.state(),
|
|
607
588
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E,mBAAmB,qEAA6E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
|
|
6
|
+
require('@dreamcommerce/utilities');
|
|
7
7
|
var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
8
8
|
var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var select_components_constatns = require('./select_components_constatns.js');
|
|
@@ -26,7 +26,6 @@ exports.HOptions = class HOptions extends phoenix_light_lit_element.PhoenixLight
|
|
|
26
26
|
});
|
|
27
27
|
};
|
|
28
28
|
this.setAttribute('role', 'listbox');
|
|
29
|
-
utilities.UiDomUtils.makeNavigable(this);
|
|
30
29
|
this.addEventListener(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
|
|
31
30
|
this.addEventListener(select_components_constatns.SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
|
|
32
31
|
}
|
package/build/cjs/packages/phoenix/src/components/form/select/components/select_options.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;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,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -203,9 +203,13 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
203
203
|
});
|
|
204
204
|
}
|
|
205
205
|
_focusElementAfterSelectOpened() {
|
|
206
|
-
var _a
|
|
206
|
+
var _a;
|
|
207
207
|
const $searchInput = (_a = this._$search.value) === null || _a === void 0 ? void 0 : _a.querySelector('[role="search"]');
|
|
208
|
-
$
|
|
208
|
+
const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
|
|
209
|
+
const $firstOption = $options.find(($option) => {
|
|
210
|
+
return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.getAttribute('hidden');
|
|
211
|
+
});
|
|
212
|
+
$searchInput ? $searchInput.focus() : $firstOption === null || $firstOption === void 0 ? void 0 : $firstOption.focus();
|
|
209
213
|
}
|
|
210
214
|
connectedCallback() {
|
|
211
215
|
super.connectedCallback();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -15,7 +15,6 @@ var backdrop_constants = require('../backdrop/backdrop_constants.js');
|
|
|
15
15
|
var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
|
|
16
16
|
var modal_constants = require('./modal_constants.js');
|
|
17
17
|
var modal_close = require('./modal_close.js');
|
|
18
|
-
var inert_controller = require('../../controllers/inert_controller/inert_controller.js');
|
|
19
18
|
|
|
20
19
|
var HModal_1;
|
|
21
20
|
exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -54,7 +53,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
54
53
|
}
|
|
55
54
|
};
|
|
56
55
|
this._backdropController = new backdrop_controller.BackdropController();
|
|
57
|
-
this._inertController = null;
|
|
58
56
|
this._keepFocusWithinModal = (ev) => {
|
|
59
57
|
var _a;
|
|
60
58
|
const isTabPressed = ev.code === 'Tab';
|
|
@@ -117,12 +115,16 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
117
115
|
});
|
|
118
116
|
};
|
|
119
117
|
this._addInertToBodyChildrenElements = () => {
|
|
120
|
-
|
|
121
|
-
|
|
118
|
+
[...document.body.children].forEach((child) => {
|
|
119
|
+
if (child.tagName !== portal_constants.PORTAL_TARGET_COMPONENT_NAME.toUpperCase()) {
|
|
120
|
+
child.setAttribute('inert', '');
|
|
121
|
+
}
|
|
122
|
+
});
|
|
122
123
|
};
|
|
123
124
|
this._removeInertFromBodyChildrenElements = () => {
|
|
124
|
-
|
|
125
|
-
|
|
125
|
+
[...document.body.children].forEach((child) => {
|
|
126
|
+
child.removeAttribute('inert');
|
|
127
|
+
});
|
|
126
128
|
};
|
|
127
129
|
this.hidden = true;
|
|
128
130
|
this._focusableElements = [...this.querySelectorAll(modal_constants.FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
|
|
@@ -141,12 +143,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
|
|
|
141
143
|
connectedCallback() {
|
|
142
144
|
super.connectedCallback();
|
|
143
145
|
HModal_1._appendModalsPortal();
|
|
144
|
-
this._inertController = new inert_controller.InertController({
|
|
145
|
-
host: this,
|
|
146
|
-
hideConditionHandler: (child) => {
|
|
147
|
-
return child.tagName !== portal_constants.PORTAL_TARGET_COMPONENT_NAME.toUpperCase();
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
146
|
document.addEventListener('keyup', this._keepFocusWithinModal);
|
|
151
147
|
document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
152
148
|
}
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
2
|
export declare class HDropdownToggler extends PhoenixLightLitElement {
|
|
3
3
|
name: string;
|
|
4
|
+
ariaHasPopup: string;
|
|
4
5
|
private _btnController;
|
|
5
6
|
private _toggleElementAriaController;
|
|
6
7
|
private _$dropdown;
|
|
@@ -12,6 +12,7 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
|
|
|
12
12
|
constructor() {
|
|
13
13
|
super();
|
|
14
14
|
this.name = '';
|
|
15
|
+
this.ariaHasPopup = 'menu';
|
|
15
16
|
this._setupTogglerAria = () => {
|
|
16
17
|
this._$dropdown = this.closest(DROPDOWN_CONTAINER_NAME);
|
|
17
18
|
if (this._$dropdown.isOpened)
|
|
@@ -19,7 +20,7 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
|
|
|
19
20
|
host: this,
|
|
20
21
|
initialAriaExpandedValue: this._$dropdown.isOpened()
|
|
21
22
|
});
|
|
22
|
-
this.setAttribute('aria-haspopup',
|
|
23
|
+
this.setAttribute('aria-haspopup', this.ariaHasPopup);
|
|
23
24
|
if (this._$dropdown.id)
|
|
24
25
|
this.setAttribute('aria-controls', this._$dropdown.id);
|
|
25
26
|
};
|
|
@@ -56,6 +57,10 @@ __decorate([
|
|
|
56
57
|
property({ type: String, reflect: true }),
|
|
57
58
|
__metadata("design:type", Object)
|
|
58
59
|
], HDropdownToggler.prototype, "name", void 0);
|
|
60
|
+
__decorate([
|
|
61
|
+
property({ type: String, attribute: 'aria-haspopup' }),
|
|
62
|
+
__metadata("design:type", Object)
|
|
63
|
+
], HDropdownToggler.prototype, "ariaHasPopup", void 0);
|
|
59
64
|
HDropdownToggler = __decorate([
|
|
60
65
|
phoenixCustomElement('h-dropdown-toggler'),
|
|
61
66
|
__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;"}
|
|
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;"}
|
|
@@ -6,7 +6,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
6
6
|
view: string;
|
|
7
7
|
locale: string;
|
|
8
8
|
moduleInstanceId: string;
|
|
9
|
-
noScreenReaderNavigationTrap: boolean;
|
|
10
9
|
private _historyContextProvider;
|
|
11
10
|
private _searchContextConsumer;
|
|
12
11
|
private _searchContext$;
|
|
@@ -30,7 +29,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
30
29
|
private _activeItemId;
|
|
31
30
|
private _translations;
|
|
32
31
|
private _containerRole;
|
|
33
|
-
private _inertController;
|
|
34
32
|
connectedCallback(): Promise<void>;
|
|
35
33
|
disconnectedCallback(): void;
|
|
36
34
|
private _setupContext;
|
|
@@ -12,7 +12,6 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
|
12
12
|
import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
|
|
13
13
|
import { BREAKPOINTS } from '../../../global_constants.js';
|
|
14
14
|
import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
15
|
-
import { InertController } from '../../../controllers/inert_controller/inert_controller.js';
|
|
16
15
|
import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
|
|
17
16
|
import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
|
|
18
17
|
|
|
@@ -37,7 +36,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
37
36
|
this._activeItemId = `${this._id}-1`;
|
|
38
37
|
this._translations = {};
|
|
39
38
|
this._containerRole = 'grid';
|
|
40
|
-
this._inertController = null;
|
|
41
39
|
this._bindKeys = (ev) => {
|
|
42
40
|
switch (ev.key) {
|
|
43
41
|
case 'ArrowDown':
|
|
@@ -230,12 +228,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
230
228
|
}
|
|
231
229
|
};
|
|
232
230
|
this._removeSearchKeyboardNavigation = () => {
|
|
233
|
-
var _a;
|
|
234
231
|
document.removeEventListener('keydown', this._bindKeys);
|
|
235
232
|
document.removeEventListener('keyup', this._handleSearchTabNavigation);
|
|
236
|
-
if (!this.noScreenReaderNavigationTrap) {
|
|
237
|
-
(_a = this._inertController) === null || _a === void 0 ? void 0 : _a.show();
|
|
238
|
-
}
|
|
239
233
|
};
|
|
240
234
|
this._handleFocusOnInputWithCaretEnd = () => {
|
|
241
235
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -281,12 +275,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
281
275
|
}
|
|
282
276
|
async connectedCallback() {
|
|
283
277
|
super.connectedCallback();
|
|
284
|
-
this._inertController = new InertController({
|
|
285
|
-
host: this,
|
|
286
|
-
hideConditionHandler: (child) => {
|
|
287
|
-
return child !== this && !child.closest('h-search') && !child.contains(this);
|
|
288
|
-
}
|
|
289
|
-
});
|
|
290
278
|
this._setupContext();
|
|
291
279
|
try {
|
|
292
280
|
this._searchContextConsumer = new ContextConsumerController(this);
|
|
@@ -356,7 +344,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
356
344
|
}
|
|
357
345
|
_setupListeners() {
|
|
358
346
|
this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
|
|
359
|
-
var _a, _b, _c
|
|
347
|
+
var _a, _b, _c;
|
|
360
348
|
const $target = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.relatedTarget;
|
|
361
349
|
if ($target === null || $target === void 0 ? void 0 : $target.closest(`[id="${this._searchContentContainerId}"]`))
|
|
362
350
|
return;
|
|
@@ -367,9 +355,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
367
355
|
document.addEventListener('keydown', this._bindKeys);
|
|
368
356
|
document.addEventListener('keyup', this._handleSearchTabNavigation);
|
|
369
357
|
document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
|
|
370
|
-
if (!this.noScreenReaderNavigationTrap) {
|
|
371
|
-
(_d = this._inertController) === null || _d === void 0 ? void 0 : _d.hide();
|
|
372
|
-
}
|
|
373
358
|
});
|
|
374
359
|
this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
|
|
375
360
|
const shouldShowMessage = ev.detail.searchPhrase !== '';
|
|
@@ -594,10 +579,6 @@ __decorate([
|
|
|
594
579
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
595
580
|
__metadata("design:type", String)
|
|
596
581
|
], HSearch.prototype, "moduleInstanceId", void 0);
|
|
597
|
-
__decorate([
|
|
598
|
-
property({ type: Boolean, attribute: 'no-screen-reader-navigation-trap' }),
|
|
599
|
-
__metadata("design:type", Boolean)
|
|
600
|
-
], HSearch.prototype, "noScreenReaderNavigationTrap", void 0);
|
|
601
582
|
__decorate([
|
|
602
583
|
state(),
|
|
603
584
|
__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import
|
|
2
|
+
import '@dreamcommerce/utilities';
|
|
3
3
|
import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
4
|
import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
|
|
5
5
|
import { SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from './select_components_constatns.js';
|
|
@@ -22,7 +22,6 @@ let HOptions = class HOptions extends PhoenixLightLitElement {
|
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
24
|
this.setAttribute('role', 'listbox');
|
|
25
|
-
UiDomUtils.makeNavigable(this);
|
|
26
25
|
this.addEventListener(SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
|
|
27
26
|
this.addEventListener(SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
|
|
28
27
|
}
|
package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -199,9 +199,13 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
199
199
|
});
|
|
200
200
|
}
|
|
201
201
|
_focusElementAfterSelectOpened() {
|
|
202
|
-
var _a
|
|
202
|
+
var _a;
|
|
203
203
|
const $searchInput = (_a = this._$search.value) === null || _a === void 0 ? void 0 : _a.querySelector('[role="search"]');
|
|
204
|
-
$
|
|
204
|
+
const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
|
|
205
|
+
const $firstOption = $options.find(($option) => {
|
|
206
|
+
return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.getAttribute('hidden');
|
|
207
|
+
});
|
|
208
|
+
$searchInput ? $searchInput.focus() : $firstOption === null || $firstOption === void 0 ? void 0 : $firstOption.focus();
|
|
205
209
|
}
|
|
206
210
|
connectedCallback() {
|
|
207
211
|
super.connectedCallback();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -16,7 +16,6 @@ export declare class HModal extends PhoenixLightLitElement {
|
|
|
16
16
|
private _propsChangeStrategies;
|
|
17
17
|
private static openModals;
|
|
18
18
|
private _backdropController;
|
|
19
|
-
private _inertController;
|
|
20
19
|
private static _appendModalsPortal;
|
|
21
20
|
static isSomeModalOpen(): boolean;
|
|
22
21
|
constructor();
|
|
@@ -6,12 +6,11 @@ import { property, state } from '@lit/reactive-element/decorators.js';
|
|
|
6
6
|
import '@lit/reactive-element';
|
|
7
7
|
import { html } from 'lit-html';
|
|
8
8
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
9
|
-
import {
|
|
9
|
+
import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
|
|
10
10
|
import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.js';
|
|
11
11
|
import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
|
|
12
12
|
import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
|
|
13
13
|
import { HModalClose } from './modal_close.js';
|
|
14
|
-
import { InertController } from '../../controllers/inert_controller/inert_controller.js';
|
|
15
14
|
|
|
16
15
|
var HModal_1;
|
|
17
16
|
let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
|
|
@@ -50,7 +49,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
|
|
|
50
49
|
}
|
|
51
50
|
};
|
|
52
51
|
this._backdropController = new BackdropController();
|
|
53
|
-
this._inertController = null;
|
|
54
52
|
this._keepFocusWithinModal = (ev) => {
|
|
55
53
|
var _a;
|
|
56
54
|
const isTabPressed = ev.code === 'Tab';
|
|
@@ -113,12 +111,16 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
|
|
|
113
111
|
});
|
|
114
112
|
};
|
|
115
113
|
this._addInertToBodyChildrenElements = () => {
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
[...document.body.children].forEach((child) => {
|
|
115
|
+
if (child.tagName !== PORTAL_TARGET_COMPONENT_NAME.toUpperCase()) {
|
|
116
|
+
child.setAttribute('inert', '');
|
|
117
|
+
}
|
|
118
|
+
});
|
|
118
119
|
};
|
|
119
120
|
this._removeInertFromBodyChildrenElements = () => {
|
|
120
|
-
|
|
121
|
-
|
|
121
|
+
[...document.body.children].forEach((child) => {
|
|
122
|
+
child.removeAttribute('inert');
|
|
123
|
+
});
|
|
122
124
|
};
|
|
123
125
|
this.hidden = true;
|
|
124
126
|
this._focusableElements = [...this.querySelectorAll(FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
|
|
@@ -137,12 +139,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
|
|
|
137
139
|
connectedCallback() {
|
|
138
140
|
super.connectedCallback();
|
|
139
141
|
HModal_1._appendModalsPortal();
|
|
140
|
-
this._inertController = new InertController({
|
|
141
|
-
host: this,
|
|
142
|
-
hideConditionHandler: (child) => {
|
|
143
|
-
return child.tagName !== PORTAL_TARGET_COMPONENT_NAME.toUpperCase();
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
142
|
document.addEventListener('keyup', this._keepFocusWithinModal);
|
|
147
143
|
document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
|
|
148
144
|
}
|
|
@@ -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;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;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
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
require('lit');
|
|
7
|
-
|
|
8
|
-
var _InertController_host, _InertController_hideConditionHandler;
|
|
9
|
-
class InertController {
|
|
10
|
-
constructor({ host, hideConditionHandler }) {
|
|
11
|
-
_InertController_host.set(this, void 0);
|
|
12
|
-
_InertController_hideConditionHandler.set(this, void 0);
|
|
13
|
-
this.hide = () => {
|
|
14
|
-
[...document.body.children].forEach((child) => {
|
|
15
|
-
if (tslib_es6.__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, child)) {
|
|
16
|
-
child.setAttribute('inert', '');
|
|
17
|
-
}
|
|
18
|
-
if (child.contains(tslib_es6.__classPrivateFieldGet(this, _InertController_host, "f"))) {
|
|
19
|
-
const modules = [...child.querySelectorAll('div.module')];
|
|
20
|
-
modules.forEach((module) => {
|
|
21
|
-
if (tslib_es6.__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, module)) {
|
|
22
|
-
module.setAttribute('inert', '');
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
this.show = () => {
|
|
29
|
-
[...document.body.children].forEach((child) => {
|
|
30
|
-
child.removeAttribute('inert');
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
tslib_es6.__classPrivateFieldSet(this, _InertController_host, host, "f");
|
|
34
|
-
tslib_es6.__classPrivateFieldSet(this, _InertController_hideConditionHandler, hideConditionHandler, "f");
|
|
35
|
-
tslib_es6.__classPrivateFieldGet(this, _InertController_host, "f").addController(this);
|
|
36
|
-
}
|
|
37
|
-
hostConnected() { }
|
|
38
|
-
hostDisconnected() { }
|
|
39
|
-
}
|
|
40
|
-
_InertController_host = new WeakMap(), _InertController_hideConditionHandler = new WeakMap();
|
|
41
|
-
|
|
42
|
-
exports.InertController = InertController;
|
|
43
|
-
//# sourceMappingURL=inert_controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { IInertController, TInertControllerConstructorOptions } from './inert_controller_types';
|
|
2
|
-
export declare class InertController implements IInertController {
|
|
3
|
-
#private;
|
|
4
|
-
constructor({ host, hideConditionHandler }: TInertControllerConstructorOptions);
|
|
5
|
-
hostConnected(): void;
|
|
6
|
-
hostDisconnected(): void;
|
|
7
|
-
hide: () => void;
|
|
8
|
-
show: () => void;
|
|
9
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import 'lit';
|
|
3
|
-
|
|
4
|
-
var _InertController_host, _InertController_hideConditionHandler;
|
|
5
|
-
class InertController {
|
|
6
|
-
constructor({ host, hideConditionHandler }) {
|
|
7
|
-
_InertController_host.set(this, void 0);
|
|
8
|
-
_InertController_hideConditionHandler.set(this, void 0);
|
|
9
|
-
this.hide = () => {
|
|
10
|
-
[...document.body.children].forEach((child) => {
|
|
11
|
-
if (__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, child)) {
|
|
12
|
-
child.setAttribute('inert', '');
|
|
13
|
-
}
|
|
14
|
-
if (child.contains(__classPrivateFieldGet(this, _InertController_host, "f"))) {
|
|
15
|
-
const modules = [...child.querySelectorAll('div.module')];
|
|
16
|
-
modules.forEach((module) => {
|
|
17
|
-
if (__classPrivateFieldGet(this, _InertController_hideConditionHandler, "f").call(this, module)) {
|
|
18
|
-
module.setAttribute('inert', '');
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
this.show = () => {
|
|
25
|
-
[...document.body.children].forEach((child) => {
|
|
26
|
-
child.removeAttribute('inert');
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
__classPrivateFieldSet(this, _InertController_host, host, "f");
|
|
30
|
-
__classPrivateFieldSet(this, _InertController_hideConditionHandler, hideConditionHandler, "f");
|
|
31
|
-
__classPrivateFieldGet(this, _InertController_host, "f").addController(this);
|
|
32
|
-
}
|
|
33
|
-
hostConnected() { }
|
|
34
|
-
hostDisconnected() { }
|
|
35
|
-
}
|
|
36
|
-
_InertController_host = new WeakMap(), _InertController_hideConditionHandler = new WeakMap();
|
|
37
|
-
|
|
38
|
-
export { InertController };
|
|
39
|
-
//# sourceMappingURL=inert_controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactiveControllerHost } from "lit";
|
|
2
|
-
export declare type TInertControllerConstructorOptions = {
|
|
3
|
-
host: ReactiveControllerHost & HTMLElement;
|
|
4
|
-
hideConditionHandler(child: Element): boolean;
|
|
5
|
-
};
|
|
6
|
-
export interface IInertController {
|
|
7
|
-
show(): void;
|
|
8
|
-
hide(): void;
|
|
9
|
-
}
|
package/build/esm/packages/phoenix/src/controllers/inert_controller/inert_controller_types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inert_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/inert_controller/inert_controller_types.ts"],"names":[],"mappings":"AAAA,OAAuC,KAAK,CAAC;AAU5C,CAAC"}
|