@shoper/phoenix_design_system 1.15.3-15 → 1.15.3-17
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/form/search/search.js +1 -54
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js +7 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -5
- package/build/esm/packages/phoenix/src/components/form/search/search.js +1 -54
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +7 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/navigator/navigator_share/navigator_share.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js +2 -2
- package/package.json +1 -1
|
@@ -150,10 +150,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
150
150
|
const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
|
|
151
151
|
const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
|
|
152
152
|
const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
|
|
153
|
-
|
|
154
|
-
if (hasForwardFocusedForTheFirstTime && !this.noScreenReaderNavigationTrap) {
|
|
155
|
-
this._addAriaHiddenToBodyChildrenElements();
|
|
156
|
-
}
|
|
153
|
+
this._handleForwardFocus($listSearchItems);
|
|
157
154
|
};
|
|
158
155
|
this._handleForwardGridFocus = () => {
|
|
159
156
|
const $searchItemsContainer = this._findSearchItemsContainer();
|
|
@@ -172,8 +169,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
172
169
|
const $nextSearchItemElement = $searchItems[indexOfNextElement];
|
|
173
170
|
$nextSearchItemElement.focus();
|
|
174
171
|
this._setActiveItemId((_a = $nextSearchItemElement.getAttribute('data-search-item-id')) !== null && _a !== void 0 ? _a : `${this._id}-1`);
|
|
175
|
-
const hasForwardFocusedForTheFirstTime = indexOfNextElement === 0;
|
|
176
|
-
return hasForwardFocusedForTheFirstTime;
|
|
177
172
|
};
|
|
178
173
|
this._handleMoveToInputField = () => {
|
|
179
174
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -239,7 +234,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
239
234
|
this._removeSearchKeyboardNavigation = () => {
|
|
240
235
|
document.removeEventListener('keydown', this._bindKeys);
|
|
241
236
|
document.removeEventListener('keyup', this._handleSearchTabNavigation);
|
|
242
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
243
237
|
};
|
|
244
238
|
this._handleFocusOnInputWithCaretEnd = () => {
|
|
245
239
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -282,45 +276,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
282
276
|
ev.preventDefault();
|
|
283
277
|
}
|
|
284
278
|
};
|
|
285
|
-
this._addAriaHiddenToBodyChildrenElements = () => {
|
|
286
|
-
[...document.body.children].forEach(($mainPageElement) => {
|
|
287
|
-
if (!$mainPageElement.contains(this)) {
|
|
288
|
-
$mainPageElement.setAttribute('aria-hidden', 'true');
|
|
289
|
-
}
|
|
290
|
-
else {
|
|
291
|
-
this._handleAriaHiddenForModulesCloseToSearch($mainPageElement, true);
|
|
292
|
-
}
|
|
293
|
-
});
|
|
294
|
-
this._handleAriaHiddenForSearchSubElements(true);
|
|
295
|
-
};
|
|
296
|
-
this._removeAriaHiddenFromBodyChildrenElements = () => {
|
|
297
|
-
if (this.noScreenReaderNavigationTrap)
|
|
298
|
-
return;
|
|
299
|
-
[...document.body.children].forEach(($mainPageElement) => {
|
|
300
|
-
if (!$mainPageElement.contains(this)) {
|
|
301
|
-
$mainPageElement.removeAttribute('aria-hidden');
|
|
302
|
-
}
|
|
303
|
-
else {
|
|
304
|
-
this._handleAriaHiddenForModulesCloseToSearch($mainPageElement, false);
|
|
305
|
-
}
|
|
306
|
-
});
|
|
307
|
-
this._handleAriaHiddenForSearchSubElements(false);
|
|
308
|
-
};
|
|
309
|
-
this._handleAriaHiddenForModulesCloseToSearch = ($pageSection, shouldAddAriaHidden) => {
|
|
310
|
-
const $modules = $pageSection.querySelectorAll('div.module');
|
|
311
|
-
$modules.forEach(($module) => {
|
|
312
|
-
if (!$module.contains(this)) {
|
|
313
|
-
shouldAddAriaHidden ? $module.setAttribute('aria-hidden', 'true') : $module.removeAttribute('aria-hidden');
|
|
314
|
-
}
|
|
315
|
-
});
|
|
316
|
-
};
|
|
317
|
-
this._handleAriaHiddenForSearchSubElements = (shouldAddAriaHidden) => {
|
|
318
|
-
[...this.children].forEach(($searchSubElement) => {
|
|
319
|
-
if ($searchSubElement.id !== this._searchContentContainerId) {
|
|
320
|
-
shouldAddAriaHidden ? $searchSubElement.setAttribute('aria-hidden', 'true') : $searchSubElement.removeAttribute('aria-hidden');
|
|
321
|
-
}
|
|
322
|
-
});
|
|
323
|
-
};
|
|
324
279
|
}
|
|
325
280
|
async connectedCallback() {
|
|
326
281
|
super.connectedCallback();
|
|
@@ -412,7 +367,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
412
367
|
this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
|
|
413
368
|
this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
|
|
414
369
|
this._updateSearchView('', false);
|
|
415
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
416
370
|
});
|
|
417
371
|
this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
|
|
418
372
|
if (this._activeItemId !== `${this._id}-1`)
|
|
@@ -449,9 +403,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
449
403
|
if (!shouldUpdateSearchPhrase)
|
|
450
404
|
return;
|
|
451
405
|
this._updateSearchPhrase(searchPhrase);
|
|
452
|
-
if (searchPhrase.length === 0) {
|
|
453
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
454
|
-
}
|
|
455
406
|
}
|
|
456
407
|
_displaySuggester(searchPhrase) {
|
|
457
408
|
if (searchPhrase === '' && this._searchHistory.length !== 0) {
|
|
@@ -632,10 +583,6 @@ tslib_es6.__decorate([
|
|
|
632
583
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
633
584
|
tslib_es6.__metadata("design:type", String)
|
|
634
585
|
], exports.HSearch.prototype, "moduleInstanceId", void 0);
|
|
635
|
-
tslib_es6.__decorate([
|
|
636
|
-
decorators.property({ type: Boolean, attribute: 'no-screen-reader-navigation-trap' }),
|
|
637
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
638
|
-
], exports.HSearch.prototype, "noScreenReaderNavigationTrap", void 0);
|
|
639
586
|
tslib_es6.__decorate([
|
|
640
587
|
decorators.state(),
|
|
641
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,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;
|
|
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;"}
|
|
@@ -19,6 +19,7 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
19
19
|
this.portalTarget = base_message_constants.DEFAULT_MESSAGE_PORTAL_NAME;
|
|
20
20
|
this.direction = utilities.DIRECTIONS.topCenter;
|
|
21
21
|
this.offset = base_message_constants.DEFAULT_MESSAGE_OFFSET;
|
|
22
|
+
this.tabindex = '0';
|
|
22
23
|
this._setupEventListeners = () => {
|
|
23
24
|
this.addEventListener('mouseenter', this.open);
|
|
24
25
|
this.addEventListener('mouseleave', this.close);
|
|
@@ -117,6 +118,7 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
|
117
118
|
elementToPosition: this._$messageContent,
|
|
118
119
|
offset: this.offset
|
|
119
120
|
});
|
|
121
|
+
this.setAttribute('tabindex', this.tabindex);
|
|
120
122
|
this._setupEventListeners();
|
|
121
123
|
}
|
|
122
124
|
static _appendMessagePortal() {
|
|
@@ -148,7 +150,11 @@ tslib_es6.__decorate([
|
|
|
148
150
|
tslib_es6.__decorate([
|
|
149
151
|
decorators.property({ type: String }),
|
|
150
152
|
tslib_es6.__metadata("design:type", Number)
|
|
151
|
-
], BaseMessage.prototype, "offset", void 0);
|
|
153
|
+
], BaseMessage.prototype, "offset", void 0);
|
|
154
|
+
tslib_es6.__decorate([
|
|
155
|
+
decorators.property({ type: String }),
|
|
156
|
+
tslib_es6.__metadata("design:type", String)
|
|
157
|
+
], BaseMessage.prototype, "tabindex", void 0);
|
|
152
158
|
|
|
153
159
|
exports.BaseMessage = BaseMessage;
|
|
154
160
|
//# sourceMappingURL=base_message.js.map
|
|
@@ -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;"}
|
|
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;"}
|
package/build/cjs/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js
CHANGED
|
@@ -7,6 +7,7 @@ var lit = require('lit');
|
|
|
7
7
|
var decorators = require('lit/decorators');
|
|
8
8
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
|
+
var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
|
|
10
11
|
var navigator_share_constants = require('./navigator_share_constants.js');
|
|
11
12
|
|
|
12
13
|
exports.NavigatorShare = class NavigatorShare extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -29,8 +30,7 @@ exports.NavigatorShare = class NavigatorShare extends phoenix_light_lit_element.
|
|
|
29
30
|
});
|
|
30
31
|
}
|
|
31
32
|
};
|
|
32
|
-
this.
|
|
33
|
-
this.setAttribute('role', 'button');
|
|
33
|
+
this._btnController = new btn_controller.BtnController(this, this._handleShare);
|
|
34
34
|
}
|
|
35
35
|
get shareData() {
|
|
36
36
|
return {
|
|
@@ -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$;
|
|
@@ -71,10 +70,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
71
70
|
private _switchTypeOfSearchView;
|
|
72
71
|
private _isSuggesterLayerVisible;
|
|
73
72
|
private _preventSubmitOnSearchClear;
|
|
74
|
-
private _addAriaHiddenToBodyChildrenElements;
|
|
75
|
-
private _removeAriaHiddenFromBodyChildrenElements;
|
|
76
|
-
private _handleAriaHiddenForModulesCloseToSearch;
|
|
77
|
-
private _handleAriaHiddenForSearchSubElements;
|
|
78
73
|
private _handleOpenSearch;
|
|
79
74
|
private _handleOpenSearchWithKeyboard;
|
|
80
75
|
protected render(): TemplateResult;
|
|
@@ -146,10 +146,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
146
146
|
const isActiveElementASearchItem = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-search-item-id'));
|
|
147
147
|
const isActiveElementAGridSearchItem = isActiveElementASearchItem && !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-search-grid-item'));
|
|
148
148
|
const $listSearchItems = this._findListSearchItems($searchItemsContainer, isActiveElementAGridSearchItem);
|
|
149
|
-
|
|
150
|
-
if (hasForwardFocusedForTheFirstTime && !this.noScreenReaderNavigationTrap) {
|
|
151
|
-
this._addAriaHiddenToBodyChildrenElements();
|
|
152
|
-
}
|
|
149
|
+
this._handleForwardFocus($listSearchItems);
|
|
153
150
|
};
|
|
154
151
|
this._handleForwardGridFocus = () => {
|
|
155
152
|
const $searchItemsContainer = this._findSearchItemsContainer();
|
|
@@ -168,8 +165,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
168
165
|
const $nextSearchItemElement = $searchItems[indexOfNextElement];
|
|
169
166
|
$nextSearchItemElement.focus();
|
|
170
167
|
this._setActiveItemId((_a = $nextSearchItemElement.getAttribute('data-search-item-id')) !== null && _a !== void 0 ? _a : `${this._id}-1`);
|
|
171
|
-
const hasForwardFocusedForTheFirstTime = indexOfNextElement === 0;
|
|
172
|
-
return hasForwardFocusedForTheFirstTime;
|
|
173
168
|
};
|
|
174
169
|
this._handleMoveToInputField = () => {
|
|
175
170
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -235,7 +230,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
235
230
|
this._removeSearchKeyboardNavigation = () => {
|
|
236
231
|
document.removeEventListener('keydown', this._bindKeys);
|
|
237
232
|
document.removeEventListener('keyup', this._handleSearchTabNavigation);
|
|
238
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
239
233
|
};
|
|
240
234
|
this._handleFocusOnInputWithCaretEnd = () => {
|
|
241
235
|
const isFocusedOnSearchInput = document.activeElement === this._inputField;
|
|
@@ -278,45 +272,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
278
272
|
ev.preventDefault();
|
|
279
273
|
}
|
|
280
274
|
};
|
|
281
|
-
this._addAriaHiddenToBodyChildrenElements = () => {
|
|
282
|
-
[...document.body.children].forEach(($mainPageElement) => {
|
|
283
|
-
if (!$mainPageElement.contains(this)) {
|
|
284
|
-
$mainPageElement.setAttribute('aria-hidden', 'true');
|
|
285
|
-
}
|
|
286
|
-
else {
|
|
287
|
-
this._handleAriaHiddenForModulesCloseToSearch($mainPageElement, true);
|
|
288
|
-
}
|
|
289
|
-
});
|
|
290
|
-
this._handleAriaHiddenForSearchSubElements(true);
|
|
291
|
-
};
|
|
292
|
-
this._removeAriaHiddenFromBodyChildrenElements = () => {
|
|
293
|
-
if (this.noScreenReaderNavigationTrap)
|
|
294
|
-
return;
|
|
295
|
-
[...document.body.children].forEach(($mainPageElement) => {
|
|
296
|
-
if (!$mainPageElement.contains(this)) {
|
|
297
|
-
$mainPageElement.removeAttribute('aria-hidden');
|
|
298
|
-
}
|
|
299
|
-
else {
|
|
300
|
-
this._handleAriaHiddenForModulesCloseToSearch($mainPageElement, false);
|
|
301
|
-
}
|
|
302
|
-
});
|
|
303
|
-
this._handleAriaHiddenForSearchSubElements(false);
|
|
304
|
-
};
|
|
305
|
-
this._handleAriaHiddenForModulesCloseToSearch = ($pageSection, shouldAddAriaHidden) => {
|
|
306
|
-
const $modules = $pageSection.querySelectorAll('div.module');
|
|
307
|
-
$modules.forEach(($module) => {
|
|
308
|
-
if (!$module.contains(this)) {
|
|
309
|
-
shouldAddAriaHidden ? $module.setAttribute('aria-hidden', 'true') : $module.removeAttribute('aria-hidden');
|
|
310
|
-
}
|
|
311
|
-
});
|
|
312
|
-
};
|
|
313
|
-
this._handleAriaHiddenForSearchSubElements = (shouldAddAriaHidden) => {
|
|
314
|
-
[...this.children].forEach(($searchSubElement) => {
|
|
315
|
-
if ($searchSubElement.id !== this._searchContentContainerId) {
|
|
316
|
-
shouldAddAriaHidden ? $searchSubElement.setAttribute('aria-hidden', 'true') : $searchSubElement.removeAttribute('aria-hidden');
|
|
317
|
-
}
|
|
318
|
-
});
|
|
319
|
-
};
|
|
320
275
|
}
|
|
321
276
|
async connectedCallback() {
|
|
322
277
|
super.connectedCallback();
|
|
@@ -408,7 +363,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
408
363
|
this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
|
|
409
364
|
this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
|
|
410
365
|
this._updateSearchView('', false);
|
|
411
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
412
366
|
});
|
|
413
367
|
this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
|
|
414
368
|
if (this._activeItemId !== `${this._id}-1`)
|
|
@@ -445,9 +399,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
445
399
|
if (!shouldUpdateSearchPhrase)
|
|
446
400
|
return;
|
|
447
401
|
this._updateSearchPhrase(searchPhrase);
|
|
448
|
-
if (searchPhrase.length === 0) {
|
|
449
|
-
this._removeAriaHiddenFromBodyChildrenElements();
|
|
450
|
-
}
|
|
451
402
|
}
|
|
452
403
|
_displaySuggester(searchPhrase) {
|
|
453
404
|
if (searchPhrase === '' && this._searchHistory.length !== 0) {
|
|
@@ -628,10 +579,6 @@ __decorate([
|
|
|
628
579
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
629
580
|
__metadata("design:type", String)
|
|
630
581
|
], HSearch.prototype, "moduleInstanceId", void 0);
|
|
631
|
-
__decorate([
|
|
632
|
-
property({ type: Boolean, attribute: 'no-screen-reader-navigation-trap' }),
|
|
633
|
-
__metadata("design:type", Boolean)
|
|
634
|
-
], HSearch.prototype, "noScreenReaderNavigationTrap", void 0);
|
|
635
582
|
__decorate([
|
|
636
583
|
state(),
|
|
637
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,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
|
+
{"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;"}
|
|
@@ -15,6 +15,7 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
15
15
|
this.portalTarget = DEFAULT_MESSAGE_PORTAL_NAME;
|
|
16
16
|
this.direction = DIRECTIONS.topCenter;
|
|
17
17
|
this.offset = DEFAULT_MESSAGE_OFFSET;
|
|
18
|
+
this.tabindex = '0';
|
|
18
19
|
this._setupEventListeners = () => {
|
|
19
20
|
this.addEventListener('mouseenter', this.open);
|
|
20
21
|
this.addEventListener('mouseleave', this.close);
|
|
@@ -113,6 +114,7 @@ class BaseMessage extends PhoenixLightLitElement {
|
|
|
113
114
|
elementToPosition: this._$messageContent,
|
|
114
115
|
offset: this.offset
|
|
115
116
|
});
|
|
117
|
+
this.setAttribute('tabindex', this.tabindex);
|
|
116
118
|
this._setupEventListeners();
|
|
117
119
|
}
|
|
118
120
|
static _appendMessagePortal() {
|
|
@@ -144,7 +146,11 @@ __decorate([
|
|
|
144
146
|
__decorate([
|
|
145
147
|
property({ type: String }),
|
|
146
148
|
__metadata("design:type", Number)
|
|
147
|
-
], BaseMessage.prototype, "offset", void 0);
|
|
149
|
+
], BaseMessage.prototype, "offset", void 0);
|
|
150
|
+
__decorate([
|
|
151
|
+
property({ type: String }),
|
|
152
|
+
__metadata("design:type", String)
|
|
153
|
+
], BaseMessage.prototype, "tabindex", void 0);
|
|
148
154
|
|
|
149
155
|
export { BaseMessage };
|
|
150
156
|
//# sourceMappingURL=base_message.js.map
|
|
@@ -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;"}
|
|
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;"}
|
package/build/esm/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js
CHANGED
|
@@ -3,6 +3,7 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
+
import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
|
|
6
7
|
import { NAVIGATOR_SHARE_EVENTS } from './navigator_share_constants.js';
|
|
7
8
|
|
|
8
9
|
let NavigatorShare = class NavigatorShare extends PhoenixLightLitElement {
|
|
@@ -25,8 +26,7 @@ let NavigatorShare = class NavigatorShare extends PhoenixLightLitElement {
|
|
|
25
26
|
});
|
|
26
27
|
}
|
|
27
28
|
};
|
|
28
|
-
this.
|
|
29
|
-
this.setAttribute('role', 'button');
|
|
29
|
+
this._btnController = new BtnController(this, this._handleShare);
|
|
30
30
|
}
|
|
31
31
|
get shareData() {
|
|
32
32
|
return {
|