@shoper/phoenix_design_system 1.17.10-9 → 1.17.11-0

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 (23) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +75 -58
  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 +3 -3
  6. package/build/cjs/packages/phoenix/src/index.js +2 -0
  7. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +7 -8
  9. package/build/esm/packages/phoenix/src/components/form/search/search.js +76 -59
  10. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +1 -0
  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 +3 -3
  15. package/build/esm/packages/phoenix/src/index.d.ts +2 -0
  16. package/build/esm/packages/phoenix/src/index.js +1 -0
  17. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  18. package/package.json +50 -47
  19. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -63
  20. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +0 -1
  21. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.d.ts +0 -14
  22. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -59
  23. 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,15 @@ 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');
20
+ var sheet_constants = require('../../sheet/sheet_constants.js');
19
21
  var when = require('../../../../../../external/lit-html/directives/when.js');
20
22
  var search_constants = require('./search_constants.js');
21
- var search_popup_controller = require('./controllers/search_popup_controller.js');
22
23
 
23
24
  exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
24
25
  constructor() {
25
26
  super(...arguments);
26
27
  this.view = search_constants.DEFAULT_VIEW;
27
- this._shouldRenderAsPopup = false;
28
- this._isOpenedAsPopup = false;
29
28
  this._id = v4['default']();
30
29
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
31
30
  this._searchContentContainerId = v4['default']();
@@ -33,7 +32,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
33
32
  this._searchHistoryRef = ref_js.createRef();
34
33
  this._searchMessageRef = ref_js.createRef();
35
34
  this._openSearchButtonLabelRef = ref_js.createRef();
36
- this.shouldShowHistory = false;
35
+ this._shouldShowHistory = false;
37
36
  this._shouldShowResults = false;
38
37
  this._shouldShowMessage = false;
39
38
  this._searchHistory = [];
@@ -46,6 +45,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
46
45
  this._translations = {};
47
46
  this._containerRole = 'grid';
48
47
  this._bindKeys = (ev) => {
48
+ if (this.displayMode !== 'dropdown') {
49
+ this._bindOverlayKeys(ev);
50
+ }
51
+ else {
52
+ this._bindDropdownKeys(ev);
53
+ }
54
+ };
55
+ this._bindDropdownKeys = (ev) => {
49
56
  switch (ev.key) {
50
57
  case 'ArrowDown':
51
58
  ev.preventDefault();
@@ -78,7 +85,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
78
85
  break;
79
86
  case 'Escape':
80
87
  ev.preventDefault();
81
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
88
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
82
89
  this._inputField.focus();
83
90
  this._shouldShowMessage = false;
84
91
  this._hideHistorySuggestionsAndResults();
@@ -110,6 +117,20 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
110
117
  break;
111
118
  }
112
119
  };
120
+ this._bindOverlayKeys = (ev) => {
121
+ switch (ev.key) {
122
+ case 'Escape':
123
+ ev.preventDefault();
124
+ const eventName = this.displayMode === 'popup' ? modal_constants.MODAL_EVENTS.close : sheet_constants.SHEET_EVENTS.close;
125
+ this.emitCustomEvent(eventName);
126
+ const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
127
+ const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
128
+ $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
129
+ this._shouldShowMessage = false;
130
+ this._hideHistorySuggestionsAndResults();
131
+ break;
132
+ }
133
+ };
113
134
  this._handleSearchTabNavigation = (ev) => {
114
135
  if (ev.key !== 'Tab')
115
136
  return;
@@ -184,7 +205,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
184
205
  this._handleBackwardListFocus = (ev) => {
185
206
  var _a, _b;
186
207
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
187
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
208
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
188
209
  if (isFocusedOnSearchInput || !hasPopup)
189
210
  return;
190
211
  ev.preventDefault();
@@ -237,7 +258,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
237
258
  }
238
259
  };
239
260
  this._removeSearchKeyboardNavigation = () => {
240
- document.removeEventListener('keydown', this._bindKeys);
261
+ document.body.removeEventListener('keydown', this._bindKeys);
241
262
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
242
263
  };
243
264
  this._handleFocusOnInputWithCaretEnd = () => {
@@ -269,18 +290,30 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
269
290
  this._resetSearchView();
270
291
  };
271
292
  this._switchTypeOfSearchView = () => {
272
- if (!this._isSuggesterLayerVisible())
293
+ var _a;
294
+ if (!this._isSuggesterLayerVisible() && this.displayMode === 'dropdown')
273
295
  return;
274
296
  if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
275
297
  const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
276
298
  this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
277
- if (hasBeenOpened)
278
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
299
+ if (hasBeenOpened && this.displayMode !== 'dropdown') {
300
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
301
+ const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
302
+ const $overlay = this.querySelector(`[id="${searchOverlayTriggerName}"]`);
303
+ $overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
304
+ }
279
305
  }
280
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
281
- this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
306
+ else if (this.displayMode === 'dropdown') {
307
+ this._openMobileView();
282
308
  }
283
309
  };
310
+ this._openMobileView = () => {
311
+ this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
312
+ };
313
+ this._isSuggesterLayerVisible = () => {
314
+ var _a;
315
+ return ((_a = this.settings) === null || _a === void 0 ? void 0 : _a.isSearchSuggestLayerEnabled) && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
316
+ };
284
317
  this._preventSubmitOnSearchClear = (ev) => {
285
318
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
286
319
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -305,8 +338,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
305
338
  }
306
339
  async connectedCallback() {
307
340
  super.connectedCallback();
308
- if (this.popup)
309
- this._searchPopupController = new search_popup_controller.SearchPopupController(this);
310
341
  this._setupContext();
311
342
  try {
312
343
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -341,11 +372,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
341
372
  this._setupListeners();
342
373
  this._setupAriaAttributes();
343
374
  }
344
- updated(_changedProperties) {
345
- super.updated(_changedProperties);
346
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
347
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
348
- }
349
375
  disconnectedCallback() {
350
376
  var _a;
351
377
  super.disconnectedCallback();
@@ -393,19 +419,22 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
393
419
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
394
420
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
395
421
  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);
422
+ if (this.displayMode === 'dropdown') {
398
423
  document.addEventListener('keyup', this._handleSearchTabNavigation);
399
424
  }
425
+ document.body.addEventListener('keydown', this._bindKeys);
400
426
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
401
427
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
428
+ document.body.addEventListener('searchOpenMobileView', this._openMobileView);
402
429
  });
403
430
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
404
431
  const shouldShowMessage = ev.detail.searchPhrase !== '';
405
432
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
406
433
  });
407
434
  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, () => {
435
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
436
+ ev.stopImmediatePropagation();
437
+ this._inputField.value = '';
409
438
  this._updateSearchView('', false);
410
439
  });
411
440
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
@@ -474,7 +503,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
474
503
  });
475
504
  }
476
505
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
477
- this.shouldShowHistory = shouldShowHistory;
506
+ this._shouldShowHistory = shouldShowHistory;
478
507
  this._shouldShowResults = shouldShowResults;
479
508
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
480
509
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -526,16 +555,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
526
555
  this._setActiveItemId(`${this._id}-1`);
527
556
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
528
557
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
529
- if (!this._shouldRenderAsPopup)
558
+ if (this.displayMode === 'dropdown')
530
559
  this._hideHistorySuggestionsAndResults();
531
560
  this._removeSearchKeyboardNavigation();
532
561
  }
533
562
  _submitSearchPhrase(searchPhrase) {
534
563
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
535
564
  }
536
- _isSuggesterLayerVisible() {
537
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
538
- }
539
565
  _handleOpenSearch() {
540
566
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
541
567
  const shouldShowMessage = this._searchPhrase !== '';
@@ -554,24 +580,23 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
554
580
  render() {
555
581
  super.render();
556
582
  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
- `)}
583
+ <div
584
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
585
+ tabindex="0"
586
+ aria-haspopup="dialog"
587
+ @click=${this._handleOpenSearch}
588
+ @keyup=${this._handleOpenSearchWithKeyboard}
589
+ >
590
+ ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
591
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
592
+ ${this._translations.openSearchButtonAriaLabel}
593
+ </span>
594
+ `)}
595
+ <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
596
+ <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
597
+ ${this._translations.search}
598
+ </div>
599
+ </div>
575
600
 
576
601
 
577
602
  ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
@@ -588,7 +613,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
588
613
  search-phrase="${this._searchPhrase}"
589
614
  module-instance-id="${this.moduleInstanceId}"
590
615
  ></h-search-message>`)}
591
- ${when.when(this.shouldShowHistory, () => lit.html `<h-search-history
616
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
592
617
  ${ref_js.ref(this._searchHistoryRef)}
593
618
  .history="${this._historyLimitedContent}"
594
619
  .translations="${this._translations}"
@@ -632,25 +657,17 @@ tslib_es6.__decorate([
632
657
  tslib_es6.__metadata("design:type", String)
633
658
  ], exports.HSearch.prototype, "locale", void 0);
634
659
  tslib_es6.__decorate([
635
- decorators.property({ type: Boolean, attribute: 'popup' }),
636
- tslib_es6.__metadata("design:type", Boolean)
637
- ], exports.HSearch.prototype, "popup", void 0);
660
+ decorators.property({ type: String, attribute: 'display-mode' }),
661
+ tslib_es6.__metadata("design:type", String)
662
+ ], exports.HSearch.prototype, "displayMode", void 0);
638
663
  tslib_es6.__decorate([
639
664
  decorators.property({ type: String, attribute: 'module-instance-id' }),
640
665
  tslib_es6.__metadata("design:type", String)
641
666
  ], 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
667
  tslib_es6.__decorate([
651
668
  decorators.state(),
652
669
  tslib_es6.__metadata("design:type", Boolean)
653
- ], exports.HSearch.prototype, "shouldShowHistory", void 0);
670
+ ], exports.HSearch.prototype, "_shouldShowHistory", void 0);
654
671
  tslib_es6.__decorate([
655
672
  decorators.state(),
656
673
  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;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;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;
@@ -201,7 +199,9 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
201
199
  });
202
200
  }
203
201
  _dispatchSheetOpenedEvent() {
204
- this.emitCustomEvent(sheet_constants.SHEET_EVENTS.opened);
202
+ this.emitCustomEvent(sheet_constants.SHEET_EVENTS.opened, {
203
+ detail: this
204
+ });
205
205
  this._backdropController.show();
206
206
  this._addInertToBodyChildrenElements();
207
207
  }
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,14 +1,12 @@
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
- import type { TSearchSettings } from "./search_types";
3
+ import type { TSearchDisplayMode, TSearchSettings } from "./search_types";
4
4
  export declare class HSearch extends PhoenixLightLitElement {
5
5
  settings: TSearchSettings;
6
6
  view: string;
7
7
  locale: string;
8
- popup: boolean;
8
+ displayMode: TSearchDisplayMode;
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 _bindOverlayKeys;
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,15 @@ 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';
16
+ import { SHEET_EVENTS } from '../../sheet/sheet_constants.js';
15
17
  import { when as n } from '../../../../../../external/lit-html/directives/when.js';
16
18
  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
19
 
19
20
  let HSearch = class HSearch extends PhoenixLightLitElement {
20
21
  constructor() {
21
22
  super(...arguments);
22
23
  this.view = DEFAULT_VIEW;
23
- this._shouldRenderAsPopup = false;
24
- this._isOpenedAsPopup = false;
25
24
  this._id = v4();
26
25
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
27
26
  this._searchContentContainerId = v4();
@@ -29,7 +28,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
29
28
  this._searchHistoryRef = createRef();
30
29
  this._searchMessageRef = createRef();
31
30
  this._openSearchButtonLabelRef = createRef();
32
- this.shouldShowHistory = false;
31
+ this._shouldShowHistory = false;
33
32
  this._shouldShowResults = false;
34
33
  this._shouldShowMessage = false;
35
34
  this._searchHistory = [];
@@ -42,6 +41,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
42
41
  this._translations = {};
43
42
  this._containerRole = 'grid';
44
43
  this._bindKeys = (ev) => {
44
+ if (this.displayMode !== 'dropdown') {
45
+ this._bindOverlayKeys(ev);
46
+ }
47
+ else {
48
+ this._bindDropdownKeys(ev);
49
+ }
50
+ };
51
+ this._bindDropdownKeys = (ev) => {
45
52
  switch (ev.key) {
46
53
  case 'ArrowDown':
47
54
  ev.preventDefault();
@@ -74,7 +81,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
74
81
  break;
75
82
  case 'Escape':
76
83
  ev.preventDefault();
77
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
84
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
78
85
  this._inputField.focus();
79
86
  this._shouldShowMessage = false;
80
87
  this._hideHistorySuggestionsAndResults();
@@ -106,6 +113,20 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
106
113
  break;
107
114
  }
108
115
  };
116
+ this._bindOverlayKeys = (ev) => {
117
+ switch (ev.key) {
118
+ case 'Escape':
119
+ ev.preventDefault();
120
+ const eventName = this.displayMode === 'popup' ? MODAL_EVENTS.close : SHEET_EVENTS.close;
121
+ this.emitCustomEvent(eventName);
122
+ const $search = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
123
+ const $searchOpener = $search && $search.querySelector('[aria-haspopup="dialog"]');
124
+ $searchOpener === null || $searchOpener === void 0 ? void 0 : $searchOpener.focus();
125
+ this._shouldShowMessage = false;
126
+ this._hideHistorySuggestionsAndResults();
127
+ break;
128
+ }
129
+ };
109
130
  this._handleSearchTabNavigation = (ev) => {
110
131
  if (ev.key !== 'Tab')
111
132
  return;
@@ -180,7 +201,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
180
201
  this._handleBackwardListFocus = (ev) => {
181
202
  var _a, _b;
182
203
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
183
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
204
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
184
205
  if (isFocusedOnSearchInput || !hasPopup)
185
206
  return;
186
207
  ev.preventDefault();
@@ -233,7 +254,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
233
254
  }
234
255
  };
235
256
  this._removeSearchKeyboardNavigation = () => {
236
- document.removeEventListener('keydown', this._bindKeys);
257
+ document.body.removeEventListener('keydown', this._bindKeys);
237
258
  document.removeEventListener('keyup', this._handleSearchTabNavigation);
238
259
  };
239
260
  this._handleFocusOnInputWithCaretEnd = () => {
@@ -265,18 +286,30 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
265
286
  this._resetSearchView();
266
287
  };
267
288
  this._switchTypeOfSearchView = () => {
268
- if (!this._isSuggesterLayerVisible())
289
+ var _a;
290
+ if (!this._isSuggesterLayerVisible() && this.displayMode === 'dropdown')
269
291
  return;
270
292
  if (window.innerWidth > BREAKPOINTS.sm) {
271
293
  const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
272
294
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
273
- if (hasBeenOpened)
274
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
295
+ if (hasBeenOpened && this.displayMode !== 'dropdown') {
296
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
297
+ const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
298
+ const $overlay = this.querySelector(`[id="${searchOverlayTriggerName}"]`);
299
+ $overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
300
+ }
275
301
  }
276
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
277
- this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
302
+ else if (this.displayMode === 'dropdown') {
303
+ this._openMobileView();
278
304
  }
279
305
  };
306
+ this._openMobileView = () => {
307
+ this.classList.add(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
+ };
280
313
  this._preventSubmitOnSearchClear = (ev) => {
281
314
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
282
315
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -301,8 +334,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
301
334
  }
302
335
  async connectedCallback() {
303
336
  super.connectedCallback();
304
- if (this.popup)
305
- this._searchPopupController = new SearchPopupController(this);
306
337
  this._setupContext();
307
338
  try {
308
339
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -337,11 +368,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
337
368
  this._setupListeners();
338
369
  this._setupAriaAttributes();
339
370
  }
340
- updated(_changedProperties) {
341
- super.updated(_changedProperties);
342
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
343
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
344
- }
345
371
  disconnectedCallback() {
346
372
  var _a;
347
373
  super.disconnectedCallback();
@@ -389,19 +415,22 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
389
415
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
390
416
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
391
417
  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);
418
+ if (this.displayMode === 'dropdown') {
394
419
  document.addEventListener('keyup', this._handleSearchTabNavigation);
395
420
  }
421
+ document.body.addEventListener('keydown', this._bindKeys);
396
422
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
397
423
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
424
+ document.body.addEventListener('searchOpenMobileView', this._openMobileView);
398
425
  });
399
426
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
400
427
  const shouldShowMessage = ev.detail.searchPhrase !== '';
401
428
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
402
429
  });
403
430
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.search, (ev) => this._updateSearchView(ev.detail.searchPhrase, false));
404
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
431
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
432
+ ev.stopImmediatePropagation();
433
+ this._inputField.value = '';
405
434
  this._updateSearchView('', false);
406
435
  });
407
436
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
@@ -470,7 +499,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
470
499
  });
471
500
  }
472
501
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
473
- this.shouldShowHistory = shouldShowHistory;
502
+ this._shouldShowHistory = shouldShowHistory;
474
503
  this._shouldShowResults = shouldShowResults;
475
504
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
476
505
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -522,16 +551,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
522
551
  this._setActiveItemId(`${this._id}-1`);
523
552
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
524
553
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
525
- if (!this._shouldRenderAsPopup)
554
+ if (this.displayMode === 'dropdown')
526
555
  this._hideHistorySuggestionsAndResults();
527
556
  this._removeSearchKeyboardNavigation();
528
557
  }
529
558
  _submitSearchPhrase(searchPhrase) {
530
559
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
531
560
  }
532
- _isSuggesterLayerVisible() {
533
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
534
- }
535
561
  _handleOpenSearch() {
536
562
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
537
563
  const shouldShowMessage = this._searchPhrase !== '';
@@ -550,24 +576,23 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
550
576
  render() {
551
577
  super.render();
552
578
  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
- `)}
579
+ <div
580
+ class="${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
+ ${n(this._translations.openSearchButtonAriaLabel, () => html `
587
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
588
+ ${this._translations.openSearchButtonAriaLabel}
589
+ </span>
590
+ `)}
591
+ <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
592
+ <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
593
+ ${this._translations.search}
594
+ </div>
595
+ </div>
571
596
 
572
597
 
573
598
  ${n(this._isSuggesterLayerVisible(), () => html `
@@ -584,7 +609,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
584
609
  search-phrase="${this._searchPhrase}"
585
610
  module-instance-id="${this.moduleInstanceId}"
586
611
  ></h-search-message>`)}
587
- ${n(this.shouldShowHistory, () => html `<h-search-history
612
+ ${n(this._shouldShowHistory, () => html `<h-search-history
588
613
  ${ref(this._searchHistoryRef)}
589
614
  .history="${this._historyLimitedContent}"
590
615
  .translations="${this._translations}"
@@ -628,25 +653,17 @@ __decorate([
628
653
  __metadata("design:type", String)
629
654
  ], HSearch.prototype, "locale", void 0);
630
655
  __decorate([
631
- property({ type: Boolean, attribute: 'popup' }),
632
- __metadata("design:type", Boolean)
633
- ], HSearch.prototype, "popup", void 0);
656
+ property({ type: String, attribute: 'display-mode' }),
657
+ __metadata("design:type", String)
658
+ ], HSearch.prototype, "displayMode", void 0);
634
659
  __decorate([
635
660
  property({ type: String, attribute: 'module-instance-id' }),
636
661
  __metadata("design:type", String)
637
662
  ], 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
663
  __decorate([
647
664
  state(),
648
665
  __metadata("design:type", Boolean)
649
- ], HSearch.prototype, "shouldShowHistory", void 0);
666
+ ], HSearch.prototype, "_shouldShowHistory", void 0);
650
667
  __decorate([
651
668
  state(),
652
669
  __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;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;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts CHANGED
@@ -92,3 +92,4 @@ export declare type TSearchFocusInEventDetail = {
92
92
  searchPhrase: string;
93
93
  relatedTarget: EventTarget | null;
94
94
  };
95
+ export declare type TSearchDisplayMode = 'dropdown' | 'popup' | 'sidebar';
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;
@@ -197,7 +195,9 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
197
195
  });
198
196
  }
199
197
  _dispatchSheetOpenedEvent() {
200
- this.emitCustomEvent(SHEET_EVENTS.opened);
198
+ this.emitCustomEvent(SHEET_EVENTS.opened, {
199
+ detail: this
200
+ });
201
201
  this._backdropController.show();
202
202
  this._addInertToBodyChildrenElements();
203
203
  }
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -133,6 +133,7 @@ export { HSearchHistoryLoadMore } from './components/form/search/subcomponents/h
133
133
  export { HSearchSuggestionContent } from './components/form/search/subcomponents/results/search_suggestion_content';
134
134
  export { HSearchProductContent } from './components/form/search/subcomponents/results/search_product_content';
135
135
  export { HSearchProducerContent } from './components/form/search/subcomponents/results/search_producer_content';
136
+ export type { TSearchDisplayMode } from './components/form/search/search_types';
136
137
  export * from './components/form/search/search_constants';
137
138
  export { HToggle } from './components/toggle/toggle';
138
139
  export { HToggleBtn } from './components/toggle/toggle_button';
@@ -142,4 +143,5 @@ export { NavigatorShare } from './components/navigator/navigator_share/navigator
142
143
  export { NavigatorController } from './components/navigator/navigator_controller/navigator_controller';
143
144
  export { HShowMore } from './components/show-more/show_more';
144
145
  export { HShowMoreButton } from './components/show-more/show_more_button';
146
+ export { BehaviorSubject } from './core/classes/behavior_subject/behavior_subject';
145
147
  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
@@ -1,48 +1,51 @@
1
1
  {
2
- "name": "@shoper/phoenix_design_system",
3
- "packageManager": "yarn@3.2.0",
4
- "sideEffects": false,
5
- "version": "1.17.10-9",
6
- "description": "phoenix design system",
7
- "author": "zefirek",
8
- "license": "MIT",
9
- "source": "src/index.ts",
10
- "main": "build/cjs/packages/phoenix/src/index.js",
11
- "module": "build/esm/packages/phoenix/src/index.js",
12
- "jsnext:main": "build/esm/packages/phoenix/src/index.js",
13
- "types": "build/esm/packages/phoenix/src/index.d.ts",
14
- "files": [
15
- "build"
16
- ],
17
- "engines": {
18
- "node": ">=14",
19
- "npm": ">=6"
20
- },
21
- "scripts": {
22
- "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
23
- "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
24
- "watch": "rollup --config rollup.config.js --watch",
25
- "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
26
- "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
27
- },
28
- "peerDependencies": {
29
- "@dreamcommerce/utilities": "^1.0.0",
30
- "@splidejs/splide": "4.0.7",
31
- "@splidejs/splide-extension-auto-scroll": "0.5.3"
32
- },
33
- "devDependencies": {
34
- "@dreamcommerce/utilities": "^1.20.1-6",
35
- "@shoper/jest_config": "^0.0.0",
36
- "@shoper/tsconfig": "^0.0.0",
37
- "@splidejs/splide": "4.0.7",
38
- "@splidejs/splide-extension-auto-scroll": "0.5.3",
39
- "@storybook/web-components": "6.5.7",
40
- "lit": "2.4.0"
41
- },
42
- "browserslist": [
43
- "last 3 version, not ie <= 11, not dead"
44
- ],
45
- "dependencies": {
46
- "classnames": "2.3.1"
47
- }
48
- }
2
+ "name": "@shoper/phoenix_design_system",
3
+ "packageManager": "yarn@3.2.0",
4
+ "sideEffects": false,
5
+ "version": "1.17.11-0",
6
+ "description": "phoenix design system",
7
+ "author": "zefirek",
8
+ "license": "MIT",
9
+ "source": "src/index.ts",
10
+ "main": "build/cjs/packages/phoenix/src/index.js",
11
+ "module": "build/esm/packages/phoenix/src/index.js",
12
+ "jsnext:main": "build/esm/packages/phoenix/src/index.js",
13
+ "types": "build/esm/packages/phoenix/src/index.d.ts",
14
+ "publishConfig": {
15
+ "registry": "https://registry.npmjs.org/"
16
+ },
17
+ "files": [
18
+ "build"
19
+ ],
20
+ "engines": {
21
+ "node": ">=14",
22
+ "npm": ">=6"
23
+ },
24
+ "scripts": {
25
+ "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
26
+ "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
27
+ "watch": "rollup --config rollup.config.js --watch",
28
+ "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
29
+ "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
30
+ },
31
+ "peerDependencies": {
32
+ "@dreamcommerce/utilities": "^1.0.0",
33
+ "@splidejs/splide": "4.0.7",
34
+ "@splidejs/splide-extension-auto-scroll": "0.5.3"
35
+ },
36
+ "devDependencies": {
37
+ "@dreamcommerce/utilities": "workspace:^",
38
+ "@shoper/jest_config": "workspace:^",
39
+ "@shoper/tsconfig": "workspace:^",
40
+ "@splidejs/splide": "4.0.7",
41
+ "@splidejs/splide-extension-auto-scroll": "0.5.3",
42
+ "@storybook/web-components": "6.5.7",
43
+ "lit": "2.4.0"
44
+ },
45
+ "browserslist": [
46
+ "last 3 version, not ie <= 11, not dead"
47
+ ],
48
+ "dependencies": {
49
+ "classnames": "2.3.1"
50
+ }
51
+ }
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;"}