@shoper/phoenix_design_system 1.17.10-9 → 1.17.11

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.
Files changed (24) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +68 -55
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/modal/modal.js +6 -2
  4. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js +0 -2
  6. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/index.js +2 -0
  8. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +5 -6
  10. package/build/esm/packages/phoenix/src/components/form/search/search.js +69 -56
  11. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/modal/modal.js +6 -2
  13. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/components/sheet/sheet.js +0 -2
  15. package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  16. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  17. package/build/esm/packages/phoenix/src/index.js +1 -0
  18. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  19. package/package.json +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -63
  21. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +0 -1
  22. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.d.ts +0 -14
  23. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -59
  24. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +0 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -16,16 +16,14 @@ 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 modal_constants = require('../../modal/modal_constants.js');
19
20
  var when = require('../../../../../../external/lit-html/directives/when.js');
20
21
  var search_constants = require('./search_constants.js');
21
- var search_popup_controller = require('./controllers/search_popup_controller.js');
22
22
 
23
23
  exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
24
24
  constructor() {
25
25
  super(...arguments);
26
26
  this.view = search_constants.DEFAULT_VIEW;
27
- this._shouldRenderAsPopup = false;
28
- this._isOpenedAsPopup = false;
29
27
  this._id = v4['default']();
30
28
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
31
29
  this._searchContentContainerId = v4['default']();
@@ -33,7 +31,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
33
31
  this._searchHistoryRef = ref_js.createRef();
34
32
  this._searchMessageRef = ref_js.createRef();
35
33
  this._openSearchButtonLabelRef = ref_js.createRef();
36
- this.shouldShowHistory = false;
34
+ this._shouldShowHistory = false;
37
35
  this._shouldShowResults = false;
38
36
  this._shouldShowMessage = false;
39
37
  this._searchHistory = [];
@@ -46,6 +44,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
46
44
  this._translations = {};
47
45
  this._containerRole = 'grid';
48
46
  this._bindKeys = (ev) => {
47
+ if (this.popup) {
48
+ this._bindPopupKeys(ev);
49
+ }
50
+ else {
51
+ this._bindDropdownKeys(ev);
52
+ }
53
+ };
54
+ this._bindDropdownKeys = (ev) => {
49
55
  switch (ev.key) {
50
56
  case 'ArrowDown':
51
57
  ev.preventDefault();
@@ -78,7 +84,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
78
84
  break;
79
85
  case 'Escape':
80
86
  ev.preventDefault();
81
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
87
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
82
88
  this._inputField.focus();
83
89
  this._shouldShowMessage = false;
84
90
  this._hideHistorySuggestionsAndResults();
@@ -110,6 +116,19 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
110
116
  break;
111
117
  }
112
118
  };
119
+ this._bindPopupKeys = (ev) => {
120
+ switch (ev.key) {
121
+ case 'Escape':
122
+ ev.preventDefault();
123
+ this.emitCustomEvent(modal_constants.MODAL_EVENTS.close);
124
+ const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
125
+ const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
126
+ $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
127
+ this._shouldShowMessage = false;
128
+ this._hideHistorySuggestionsAndResults();
129
+ break;
130
+ }
131
+ };
113
132
  this._handleSearchTabNavigation = (ev) => {
114
133
  if (ev.key !== 'Tab')
115
134
  return;
@@ -184,7 +203,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
184
203
  this._handleBackwardListFocus = (ev) => {
185
204
  var _a, _b;
186
205
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
187
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
206
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
188
207
  if (isFocusedOnSearchInput || !hasPopup)
189
208
  return;
190
209
  ev.preventDefault();
@@ -237,7 +256,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
237
256
  }
238
257
  };
239
258
  this._removeSearchKeyboardNavigation = () => {
240
- document.removeEventListener('keydown', this._bindKeys);
259
+ document.body.removeEventListener('keydown', this._bindKeys);
241
260
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
242
261
  };
243
262
  this._handleFocusOnInputWithCaretEnd = () => {
@@ -269,18 +288,28 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
269
288
  this._resetSearchView();
270
289
  };
271
290
  this._switchTypeOfSearchView = () => {
272
- if (!this._isSuggesterLayerVisible())
291
+ if (!this._isSuggesterLayerVisible() && !this.popup)
273
292
  return;
274
293
  if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
275
294
  const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
276
295
  this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
277
- if (hasBeenOpened)
278
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
296
+ if (hasBeenOpened && this.popup) {
297
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
298
+ const $searchModal = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-modal');
299
+ $searchModal === null || $searchModal === void 0 ? void 0 : $searchModal.open();
300
+ }
279
301
  }
280
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
281
- this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
302
+ else if (!this.popup) {
303
+ this._openMobileView();
282
304
  }
283
305
  };
306
+ this._openMobileView = () => {
307
+ this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
308
+ };
309
+ this._isSuggesterLayerVisible = () => {
310
+ var _a;
311
+ return ((_a = this.settings) === null || _a === void 0 ? void 0 : _a.isSearchSuggestLayerEnabled) && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
312
+ };
284
313
  this._preventSubmitOnSearchClear = (ev) => {
285
314
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
286
315
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -305,8 +334,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
305
334
  }
306
335
  async connectedCallback() {
307
336
  super.connectedCallback();
308
- if (this.popup)
309
- this._searchPopupController = new search_popup_controller.SearchPopupController(this);
310
337
  this._setupContext();
311
338
  try {
312
339
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -341,11 +368,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
341
368
  this._setupListeners();
342
369
  this._setupAriaAttributes();
343
370
  }
344
- updated(_changedProperties) {
345
- super.updated(_changedProperties);
346
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
347
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
348
- }
349
371
  disconnectedCallback() {
350
372
  var _a;
351
373
  super.disconnectedCallback();
@@ -393,19 +415,22 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
393
415
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
394
416
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
395
417
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
396
- if (!this._shouldRenderAsPopup) {
397
- document.addEventListener('keydown', this._bindKeys);
418
+ if (!this.popup) {
398
419
  document.addEventListener('keyup', this._handleSearchTabNavigation);
399
420
  }
421
+ document.body.addEventListener('keydown', this._bindKeys);
400
422
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
401
423
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
424
+ document.body.addEventListener('searchOpenMobileView', this._openMobileView);
402
425
  });
403
426
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
404
427
  const shouldShowMessage = ev.detail.searchPhrase !== '';
405
428
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
406
429
  });
407
430
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
408
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
431
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
432
+ ev.stopImmediatePropagation();
433
+ this._inputField.value = '';
409
434
  this._updateSearchView('', false);
410
435
  });
411
436
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
@@ -474,7 +499,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
474
499
  });
475
500
  }
476
501
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
477
- this.shouldShowHistory = shouldShowHistory;
502
+ this._shouldShowHistory = shouldShowHistory;
478
503
  this._shouldShowResults = shouldShowResults;
479
504
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
480
505
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -526,16 +551,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
526
551
  this._setActiveItemId(`${this._id}-1`);
527
552
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
528
553
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
529
- if (!this._shouldRenderAsPopup)
554
+ if (!this.popup)
530
555
  this._hideHistorySuggestionsAndResults();
531
556
  this._removeSearchKeyboardNavigation();
532
557
  }
533
558
  _submitSearchPhrase(searchPhrase) {
534
559
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
535
560
  }
536
- _isSuggesterLayerVisible() {
537
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
538
- }
539
561
  _handleOpenSearch() {
540
562
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
541
563
  const shouldShowMessage = this._searchPhrase !== '';
@@ -554,24 +576,23 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
554
576
  render() {
555
577
  super.render();
556
578
  return lit.html `
557
- ${when.when(this._shouldRenderAsPopup, () => lit.nothing, () => lit.html `
558
- <div
559
- class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
560
- tabindex="0"
561
- @click=${this._handleOpenSearch}
562
- @keyup=${this._handleOpenSearchWithKeyboard}
563
- >
564
- ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
565
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
566
- ${this._translations.openSearchButtonAriaLabel}
567
- </span>
568
- `)}
569
- <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
570
- <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
571
- ${this._translations.search}
572
- </div>
573
- </div>
574
- `)}
579
+ <div
580
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
581
+ tabindex="0"
582
+ aria-haspopup="dialog"
583
+ @click=${this._handleOpenSearch}
584
+ @keyup=${this._handleOpenSearchWithKeyboard}
585
+ >
586
+ ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
587
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
588
+ ${this._translations.openSearchButtonAriaLabel}
589
+ </span>
590
+ `)}
591
+ <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
592
+ <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
593
+ ${this._translations.search}
594
+ </div>
595
+ </div>
575
596
 
576
597
 
577
598
  ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
@@ -588,7 +609,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
588
609
  search-phrase="${this._searchPhrase}"
589
610
  module-instance-id="${this.moduleInstanceId}"
590
611
  ></h-search-message>`)}
591
- ${when.when(this.shouldShowHistory, () => lit.html `<h-search-history
612
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
592
613
  ${ref_js.ref(this._searchHistoryRef)}
593
614
  .history="${this._historyLimitedContent}"
594
615
  .translations="${this._translations}"
@@ -639,18 +660,10 @@ tslib_es6.__decorate([
639
660
  decorators.property({ type: String, attribute: 'module-instance-id' }),
640
661
  tslib_es6.__metadata("design:type", String)
641
662
  ], exports.HSearch.prototype, "moduleInstanceId", void 0);
642
- tslib_es6.__decorate([
643
- decorators.state(),
644
- tslib_es6.__metadata("design:type", Object)
645
- ], exports.HSearch.prototype, "_shouldRenderAsPopup", void 0);
646
- tslib_es6.__decorate([
647
- decorators.state(),
648
- tslib_es6.__metadata("design:type", Object)
649
- ], exports.HSearch.prototype, "_isOpenedAsPopup", void 0);
650
663
  tslib_es6.__decorate([
651
664
  decorators.state(),
652
665
  tslib_es6.__metadata("design:type", Boolean)
653
- ], exports.HSearch.prototype, "shouldShowHistory", void 0);
666
+ ], exports.HSearch.prototype, "_shouldShowHistory", void 0);
654
667
  tslib_es6.__decorate([
655
668
  decorators.state(),
656
669
  tslib_es6.__metadata("design:type", Boolean)
package/build/cjs/packages/phoenix/src/components/form/search/search.js.map CHANGED
@@ -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,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/modal.js CHANGED
@@ -199,12 +199,16 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
199
199
  });
200
200
  }
201
201
  _dispatchModalOpenedEvent() {
202
- this.emitCustomEvent(modal_constants.MODAL_EVENTS.opened);
202
+ this.emitCustomEvent(modal_constants.MODAL_EVENTS.opened, {
203
+ detail: this
204
+ });
203
205
  this._backdropController.show();
204
206
  this._addInertToBodyChildrenElements();
205
207
  }
206
208
  _dispatchModalClosedEvent() {
207
- this.emitCustomEvent(modal_constants.MODAL_EVENTS.closed);
209
+ this.emitCustomEvent(modal_constants.MODAL_EVENTS.closed, {
210
+ detail: this
211
+ });
208
212
  requestAnimationFrame(() => {
209
213
  var _a;
210
214
  (_a = this._focusedToggler) === null || _a === void 0 ? void 0 : _a.focus();
package/build/cjs/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -178,8 +178,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
178
178
  });
179
179
  }
180
180
  async open() {
181
- if (this.opened)
182
- return;
183
181
  this._focusedToggler = document.activeElement;
184
182
  return new Promise((resolve) => {
185
183
  var _a;
package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -12,6 +12,7 @@ var select_option = require('./components/form/select/components/option/select_o
12
12
  var select_option_content = require('./components/form/select/components/option/select_option_content.js');
13
13
  var select_options = require('./components/form/select/components/select_options.js');
14
14
  var context_consumer_controller = require('./core/context/context_consumer_controller.js');
15
+ var behavior_subject = require('./core/classes/behavior_subject/behavior_subject.js');
15
16
  var select_toggler = require('./components/form/select/components/toggler/select_toggler.js');
16
17
  var context_provider_controller = require('./core/context/context_provider_controller.js');
17
18
  var portal = require('./components/portal/portal.js');
@@ -161,6 +162,7 @@ Object.defineProperty(exports, 'HOptions', {
161
162
  }
162
163
  });
163
164
  exports.ContextConsumerController = context_consumer_controller.ContextConsumerController;
165
+ exports.BehaviorSubject = behavior_subject.BehaviorSubject;
164
166
  Object.defineProperty(exports, 'HSelectToggler', {
165
167
  enumerable: true,
166
168
  get: function () {
package/build/cjs/packages/phoenix/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/search/search.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PropertyValues, TemplateResult } from 'lit';
1
+ import { TemplateResult } from 'lit';
2
2
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
3
  import type { TSearchSettings } from "./search_types";
4
4
  export declare class HSearch extends PhoenixLightLitElement {
@@ -7,8 +7,6 @@ export declare class HSearch extends PhoenixLightLitElement {
7
7
  locale: string;
8
8
  popup: boolean;
9
9
  moduleInstanceId: string;
10
- private _shouldRenderAsPopup;
11
- private _isOpenedAsPopup;
12
10
  private _historyContextProvider;
13
11
  private _searchContextConsumer;
14
12
  private _searchContext$;
@@ -23,8 +21,7 @@ export declare class HSearch extends PhoenixLightLitElement {
23
21
  private _searchHistoryRef;
24
22
  private _searchMessageRef;
25
23
  private _openSearchButtonLabelRef;
26
- private _searchPopupController;
27
- shouldShowHistory: boolean;
24
+ private _shouldShowHistory;
28
25
  private _shouldShowResults;
29
26
  private _shouldShowMessage;
30
27
  private _searchResults;
@@ -36,7 +33,6 @@ export declare class HSearch extends PhoenixLightLitElement {
36
33
  private _translations;
37
34
  private _containerRole;
38
35
  connectedCallback(): Promise<void>;
39
- updated(_changedProperties: PropertyValues): void;
40
36
  disconnectedCallback(): void;
41
37
  private _setupContext;
42
38
  private _setupInitialSearchPhrase;
@@ -52,6 +48,8 @@ export declare class HSearch extends PhoenixLightLitElement {
52
48
  private _toggleSearchInputAttributes;
53
49
  private _toggleSearchContainerAttributes;
54
50
  private _bindKeys;
51
+ private _bindDropdownKeys;
52
+ private _bindPopupKeys;
55
53
  private _handleSearchTabNavigation;
56
54
  private _focusOnPreviousElementBeforeSearchInput;
57
55
  private _focusOnNextElementAfterSearchInput;
@@ -75,6 +73,7 @@ export declare class HSearch extends PhoenixLightLitElement {
75
73
  private _submitSearchPhrase;
76
74
  private _hideSuggesterOnClickOutside;
77
75
  private _switchTypeOfSearchView;
76
+ private _openMobileView;
78
77
  private _isSuggesterLayerVisible;
79
78
  private _preventSubmitOnSearchClear;
80
79
  private _resetSearchOnFocusOutside;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
2
- import { html, nothing } from 'lit';
2
+ import { html } from 'lit';
3
3
  import { property, state } from 'lit/decorators';
4
4
  import { UiDomUtils } from '@dreamcommerce/utilities';
5
5
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
@@ -12,16 +12,14 @@ 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 { MODAL_EVENTS } from '../../modal/modal_constants.js';
15
16
  import { when as n } from '../../../../../../external/lit-html/directives/when.js';
16
17
  import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
17
- import { SearchPopupController } from './controllers/search_popup_controller.js';
18
18
 
19
19
  let HSearch = class HSearch extends PhoenixLightLitElement {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  this.view = DEFAULT_VIEW;
23
- this._shouldRenderAsPopup = false;
24
- this._isOpenedAsPopup = false;
25
23
  this._id = v4();
26
24
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
27
25
  this._searchContentContainerId = v4();
@@ -29,7 +27,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
29
27
  this._searchHistoryRef = createRef();
30
28
  this._searchMessageRef = createRef();
31
29
  this._openSearchButtonLabelRef = createRef();
32
- this.shouldShowHistory = false;
30
+ this._shouldShowHistory = false;
33
31
  this._shouldShowResults = false;
34
32
  this._shouldShowMessage = false;
35
33
  this._searchHistory = [];
@@ -42,6 +40,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
42
40
  this._translations = {};
43
41
  this._containerRole = 'grid';
44
42
  this._bindKeys = (ev) => {
43
+ if (this.popup) {
44
+ this._bindPopupKeys(ev);
45
+ }
46
+ else {
47
+ this._bindDropdownKeys(ev);
48
+ }
49
+ };
50
+ this._bindDropdownKeys = (ev) => {
45
51
  switch (ev.key) {
46
52
  case 'ArrowDown':
47
53
  ev.preventDefault();
@@ -74,7 +80,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
74
80
  break;
75
81
  case 'Escape':
76
82
  ev.preventDefault();
77
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
83
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
78
84
  this._inputField.focus();
79
85
  this._shouldShowMessage = false;
80
86
  this._hideHistorySuggestionsAndResults();
@@ -106,6 +112,19 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
106
112
  break;
107
113
  }
108
114
  };
115
+ this._bindPopupKeys = (ev) => {
116
+ switch (ev.key) {
117
+ case 'Escape':
118
+ ev.preventDefault();
119
+ this.emitCustomEvent(MODAL_EVENTS.close);
120
+ const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
121
+ const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
122
+ $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
123
+ this._shouldShowMessage = false;
124
+ this._hideHistorySuggestionsAndResults();
125
+ break;
126
+ }
127
+ };
109
128
  this._handleSearchTabNavigation = (ev) => {
110
129
  if (ev.key !== 'Tab')
111
130
  return;
@@ -180,7 +199,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
180
199
  this._handleBackwardListFocus = (ev) => {
181
200
  var _a, _b;
182
201
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
183
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
202
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
184
203
  if (isFocusedOnSearchInput || !hasPopup)
185
204
  return;
186
205
  ev.preventDefault();
@@ -233,7 +252,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
233
252
  }
234
253
  };
235
254
  this._removeSearchKeyboardNavigation = () => {
236
- document.removeEventListener('keydown', this._bindKeys);
255
+ document.body.removeEventListener('keydown', this._bindKeys);
237
256
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
238
257
  };
239
258
  this._handleFocusOnInputWithCaretEnd = () => {
@@ -265,18 +284,28 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
265
284
  this._resetSearchView();
266
285
  };
267
286
  this._switchTypeOfSearchView = () => {
268
- if (!this._isSuggesterLayerVisible())
287
+ if (!this._isSuggesterLayerVisible() && !this.popup)
269
288
  return;
270
289
  if (window.innerWidth > BREAKPOINTS.sm) {
271
290
  const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
272
291
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
273
- if (hasBeenOpened)
274
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
292
+ if (hasBeenOpened && this.popup) {
293
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
294
+ const $searchModal = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-modal');
295
+ $searchModal === null || $searchModal === void 0 ? void 0 : $searchModal.open();
296
+ }
275
297
  }
276
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
277
- this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
298
+ else if (!this.popup) {
299
+ this._openMobileView();
278
300
  }
279
301
  };
302
+ this._openMobileView = () => {
303
+ this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
304
+ };
305
+ this._isSuggesterLayerVisible = () => {
306
+ var _a;
307
+ return ((_a = this.settings) === null || _a === void 0 ? void 0 : _a.isSearchSuggestLayerEnabled) && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
308
+ };
280
309
  this._preventSubmitOnSearchClear = (ev) => {
281
310
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
282
311
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -301,8 +330,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
301
330
  }
302
331
  async connectedCallback() {
303
332
  super.connectedCallback();
304
- if (this.popup)
305
- this._searchPopupController = new SearchPopupController(this);
306
333
  this._setupContext();
307
334
  try {
308
335
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -337,11 +364,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
337
364
  this._setupListeners();
338
365
  this._setupAriaAttributes();
339
366
  }
340
- updated(_changedProperties) {
341
- super.updated(_changedProperties);
342
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
343
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
344
- }
345
367
  disconnectedCallback() {
346
368
  var _a;
347
369
  super.disconnectedCallback();
@@ -389,19 +411,22 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
389
411
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
390
412
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
391
413
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
392
- if (!this._shouldRenderAsPopup) {
393
- document.addEventListener('keydown', this._bindKeys);
414
+ if (!this.popup) {
394
415
  document.addEventListener('keyup', this._handleSearchTabNavigation);
395
416
  }
417
+ document.body.addEventListener('keydown', this._bindKeys);
396
418
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
397
419
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
420
+ document.body.addEventListener('searchOpenMobileView', this._openMobileView);
398
421
  });
399
422
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
400
423
  const shouldShowMessage = ev.detail.searchPhrase !== '';
401
424
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
402
425
  });
403
426
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
404
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
427
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
428
+ ev.stopImmediatePropagation();
429
+ this._inputField.value = '';
405
430
  this._updateSearchView('', false);
406
431
  });
407
432
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
@@ -470,7 +495,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
470
495
  });
471
496
  }
472
497
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
473
- this.shouldShowHistory = shouldShowHistory;
498
+ this._shouldShowHistory = shouldShowHistory;
474
499
  this._shouldShowResults = shouldShowResults;
475
500
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
476
501
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -522,16 +547,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
522
547
  this._setActiveItemId(`${this._id}-1`);
523
548
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
524
549
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
525
- if (!this._shouldRenderAsPopup)
550
+ if (!this.popup)
526
551
  this._hideHistorySuggestionsAndResults();
527
552
  this._removeSearchKeyboardNavigation();
528
553
  }
529
554
  _submitSearchPhrase(searchPhrase) {
530
555
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
531
556
  }
532
- _isSuggesterLayerVisible() {
533
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
534
- }
535
557
  _handleOpenSearch() {
536
558
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
537
559
  const shouldShowMessage = this._searchPhrase !== '';
@@ -550,24 +572,23 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
550
572
  render() {
551
573
  super.render();
552
574
  return html `
553
- ${n(this._shouldRenderAsPopup, () => nothing, () => html `
554
- <div
555
- class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
556
- tabindex="0"
557
- @click=${this._handleOpenSearch}
558
- @keyup=${this._handleOpenSearchWithKeyboard}
559
- >
560
- ${n(this._translations.openSearchButtonAriaLabel, () => html `
561
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
562
- ${this._translations.openSearchButtonAriaLabel}
563
- </span>
564
- `)}
565
- <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
566
- <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
567
- ${this._translations.search}
568
- </div>
569
- </div>
570
- `)}
575
+ <div
576
+ class="${SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
577
+ tabindex="0"
578
+ aria-haspopup="dialog"
579
+ @click=${this._handleOpenSearch}
580
+ @keyup=${this._handleOpenSearchWithKeyboard}
581
+ >
582
+ ${n(this._translations.openSearchButtonAriaLabel, () => html `
583
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
584
+ ${this._translations.openSearchButtonAriaLabel}
585
+ </span>
586
+ `)}
587
+ <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
588
+ <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
589
+ ${this._translations.search}
590
+ </div>
591
+ </div>
571
592
 
572
593
 
573
594
  ${n(this._isSuggesterLayerVisible(), () => html `
@@ -584,7 +605,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
584
605
  search-phrase="${this._searchPhrase}"
585
606
  module-instance-id="${this.moduleInstanceId}"
586
607
  ></h-search-message>`)}
587
- ${n(this.shouldShowHistory, () => html `<h-search-history
608
+ ${n(this._shouldShowHistory, () => html `<h-search-history
588
609
  ${ref(this._searchHistoryRef)}
589
610
  .history="${this._historyLimitedContent}"
590
611
  .translations="${this._translations}"
@@ -635,18 +656,10 @@ __decorate([
635
656
  property({ type: String, attribute: 'module-instance-id' }),
636
657
  __metadata("design:type", String)
637
658
  ], HSearch.prototype, "moduleInstanceId", void 0);
638
- __decorate([
639
- state(),
640
- __metadata("design:type", Object)
641
- ], HSearch.prototype, "_shouldRenderAsPopup", void 0);
642
- __decorate([
643
- state(),
644
- __metadata("design:type", Object)
645
- ], HSearch.prototype, "_isOpenedAsPopup", void 0);
646
659
  __decorate([
647
660
  state(),
648
661
  __metadata("design:type", Boolean)
649
- ], HSearch.prototype, "shouldShowHistory", void 0);
662
+ ], HSearch.prototype, "_shouldShowHistory", void 0);
650
663
  __decorate([
651
664
  state(),
652
665
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/form/search/search.js.map CHANGED
@@ -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,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/modal.js CHANGED
@@ -195,12 +195,16 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
195
195
  });
196
196
  }
197
197
  _dispatchModalOpenedEvent() {
198
- this.emitCustomEvent(MODAL_EVENTS.opened);
198
+ this.emitCustomEvent(MODAL_EVENTS.opened, {
199
+ detail: this
200
+ });
199
201
  this._backdropController.show();
200
202
  this._addInertToBodyChildrenElements();
201
203
  }
202
204
  _dispatchModalClosedEvent() {
203
- this.emitCustomEvent(MODAL_EVENTS.closed);
205
+ this.emitCustomEvent(MODAL_EVENTS.closed, {
206
+ detail: this
207
+ });
204
208
  requestAnimationFrame(() => {
205
209
  var _a;
206
210
  (_a = this._focusedToggler) === null || _a === void 0 ? void 0 : _a.focus();
package/build/esm/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -174,8 +174,6 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
174
174
  });
175
175
  }
176
176
  async open() {
177
- if (this.opened)
178
- return;
179
177
  this._focusedToggler = document.activeElement;
180
178
  return new Promise((resolve) => {
181
179
  var _a;
package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map CHANGED
@@ -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;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;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -142,4 +142,5 @@ export { NavigatorShare } from './components/navigator/navigator_share/navigator
142
142
  export { NavigatorController } from './components/navigator/navigator_controller/navigator_controller';
143
143
  export { HShowMore } from './components/show-more/show_more';
144
144
  export { HShowMoreButton } from './components/show-more/show_more_button';
145
+ export { BehaviorSubject } from './core/classes/behavior_subject/behavior_subject';
145
146
  export { phoenixCustomElement } from './core/decorators/phoenix_custom_element';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -8,6 +8,7 @@ export { HOption } from './components/form/select/components/option/select_optio
8
8
  export { HOptionContent } from './components/form/select/components/option/select_option_content.js';
9
9
  export { HOptions } from './components/form/select/components/select_options.js';
10
10
  export { ContextConsumerController } from './core/context/context_consumer_controller.js';
11
+ export { BehaviorSubject } from './core/classes/behavior_subject/behavior_subject.js';
11
12
  export { HSelectToggler } from './components/form/select/components/toggler/select_toggler.js';
12
13
  export { ContextProviderController } from './core/context/context_provider_controller.js';
13
14
  export { HPortal } from './components/portal/portal.js';
package/build/esm/packages/phoenix/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.17.10-9",
5
+ "version": "1.17.11",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js DELETED
@@ -1,63 +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
- var decorators = require('lit/decorators');
8
- var global_constants = require('../../../../global_constants.js');
9
- var sheet_constants = require('../../../sheet/sheet_constants.js');
10
-
11
- class SearchPopupController {
12
- constructor(host) {
13
- this.shouldRenderAsPopup = false;
14
- this.isPopupOpened = false;
15
- this._removeMobileOpened = () => {
16
- const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this._host.moduleInstanceId}"]`);
17
- const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
18
- $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
19
- };
20
- this._showPopup = () => {
21
- this.isPopupOpened = true;
22
- };
23
- this._hidePopup = () => {
24
- this.isPopupOpened = false;
25
- this._host.shouldShowHistory = false;
26
- };
27
- this._updateShouldRenderAsPopup = () => {
28
- if (window.innerWidth < global_constants.BREAKPOINTS.sm) {
29
- this.shouldRenderAsPopup = false;
30
- }
31
- else {
32
- this.shouldRenderAsPopup = true;
33
- }
34
- };
35
- (this._host = host).addController(this);
36
- if (window.innerWidth >= global_constants.BREAKPOINTS.sm) {
37
- this.shouldRenderAsPopup = true;
38
- }
39
- }
40
- hostConnected() {
41
- this._host.addEventListener('removeMobileOpened', this._removeMobileOpened);
42
- document.addEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
43
- document.addEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
44
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
45
- }
46
- hostDisconnected() {
47
- this._host.removeEventListener('removeMobileOpened', this._removeMobileOpened);
48
- document.removeEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
49
- document.removeEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
50
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
51
- }
52
- }
53
- tslib_es6.__decorate([
54
- decorators.state(),
55
- tslib_es6.__metadata("design:type", Object)
56
- ], SearchPopupController.prototype, "shouldRenderAsPopup", void 0);
57
- tslib_es6.__decorate([
58
- decorators.state(),
59
- tslib_es6.__metadata("design:type", Object)
60
- ], SearchPopupController.prototype, "isPopupOpened", void 0);
61
-
62
- exports.SearchPopupController = SearchPopupController;
63
- //# sourceMappingURL=search_popup_controller.js.map
package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map DELETED
@@ -1 +0,0 @@
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;AACA;AACA;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/form/search/controllers/search_popup_controller.d.ts DELETED
@@ -1,14 +0,0 @@
1
- import { ReactiveController, ReactiveControllerHost } from 'lit';
2
- import { HSearch } from '../search';
3
- export declare class SearchPopupController implements ReactiveController {
4
- private _host;
5
- shouldRenderAsPopup: boolean;
6
- isPopupOpened: boolean;
7
- constructor(host: ReactiveControllerHost & HSearch);
8
- hostConnected(): void;
9
- hostDisconnected(): void;
10
- private _removeMobileOpened;
11
- private _showPopup;
12
- private _hidePopup;
13
- private _updateShouldRenderAsPopup;
14
- }
package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js DELETED
@@ -1,59 +0,0 @@
1
- import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
2
- import 'lit';
3
- import { state } from 'lit/decorators';
4
- import { BREAKPOINTS } from '../../../../global_constants.js';
5
- import { SHEET_EVENTS } from '../../../sheet/sheet_constants.js';
6
-
7
- class SearchPopupController {
8
- constructor(host) {
9
- this.shouldRenderAsPopup = false;
10
- this.isPopupOpened = false;
11
- this._removeMobileOpened = () => {
12
- const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this._host.moduleInstanceId}"]`);
13
- const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
14
- $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
15
- };
16
- this._showPopup = () => {
17
- this.isPopupOpened = true;
18
- };
19
- this._hidePopup = () => {
20
- this.isPopupOpened = false;
21
- this._host.shouldShowHistory = false;
22
- };
23
- this._updateShouldRenderAsPopup = () => {
24
- if (window.innerWidth < BREAKPOINTS.sm) {
25
- this.shouldRenderAsPopup = false;
26
- }
27
- else {
28
- this.shouldRenderAsPopup = true;
29
- }
30
- };
31
- (this._host = host).addController(this);
32
- if (window.innerWidth >= BREAKPOINTS.sm) {
33
- this.shouldRenderAsPopup = true;
34
- }
35
- }
36
- hostConnected() {
37
- this._host.addEventListener('removeMobileOpened', this._removeMobileOpened);
38
- document.addEventListener(SHEET_EVENTS.opened, this._showPopup);
39
- document.addEventListener(SHEET_EVENTS.closed, this._hidePopup);
40
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
41
- }
42
- hostDisconnected() {
43
- this._host.removeEventListener('removeMobileOpened', this._removeMobileOpened);
44
- document.removeEventListener(SHEET_EVENTS.opened, this._showPopup);
45
- document.removeEventListener(SHEET_EVENTS.closed, this._hidePopup);
46
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
47
- }
48
- }
49
- __decorate([
50
- state(),
51
- __metadata("design:type", Object)
52
- ], SearchPopupController.prototype, "shouldRenderAsPopup", void 0);
53
- __decorate([
54
- state(),
55
- __metadata("design:type", Object)
56
- ], SearchPopupController.prototype, "isPopupOpened", void 0);
57
-
58
- export { SearchPopupController };
59
- //# sourceMappingURL=search_popup_controller.js.map
package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map DELETED
@@ -1 +0,0 @@
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}