@shoper/phoenix_design_system 1.4.3-8 → 1.4.3

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 (152) hide show
  1. package/build/cjs/external/lit/external/lit-html/directive-helpers.js +2 -7
  2. package/build/cjs/external/lit/external/lit-html/directive-helpers.js.map +1 -1
  3. package/build/cjs/external/lit/external/lit-html/lit-html.js +1 -2
  4. package/build/cjs/external/lit/external/lit-html/lit-html.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +7 -12
  6. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +12 -14
  8. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
  10. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +2 -9
  12. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +15 -31
  14. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js +5 -8
  16. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/form/select/select.js +3 -6
  18. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  19. package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
  20. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +25 -19
  21. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  22. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +8 -13
  23. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  24. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +0 -5
  25. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  26. package/build/cjs/packages/phoenix/src/index.js +0 -101
  27. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  28. package/build/esm/external/lit/external/lit-html/directive-helpers.js +3 -3
  29. package/build/esm/external/lit/external/lit-html/lit-html.js +2 -2
  30. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +0 -2
  31. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +8 -13
  32. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  33. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +6 -11
  34. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +7 -13
  35. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  36. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
  37. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +2 -2
  38. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +5 -3
  39. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -1
  40. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
  41. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +2 -9
  42. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  43. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +0 -5
  44. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +16 -32
  45. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
  46. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +5 -8
  47. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/select/select.js +3 -6
  49. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  50. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts +1 -1
  51. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
  52. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +1 -1
  53. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +25 -19
  54. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
  55. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +1 -0
  56. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
  57. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +9 -14
  58. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  59. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +0 -4
  60. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +1 -5
  61. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  62. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +1 -3
  63. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +1 -1
  64. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
  65. package/build/esm/packages/phoenix/src/index.d.ts +0 -15
  66. package/build/esm/packages/phoenix/src/index.js +0 -15
  67. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  68. package/package.json +1 -1
  69. package/build/cjs/external/lit/external/lit-html/directives/repeat.js +0 -17
  70. package/build/cjs/external/lit/external/lit-html/directives/repeat.js.map +0 -1
  71. package/build/cjs/external/lit/external/lit-html/directives/when.js +0 -13
  72. package/build/cjs/external/lit/external/lit-html/directives/when.js.map +0 -1
  73. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js +0 -36
  74. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map +0 -1
  75. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +0 -56
  76. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +0 -1
  77. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +0 -30
  78. package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +0 -1
  79. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +0 -30
  80. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +0 -1
  81. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +0 -38
  82. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +0 -1
  83. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +0 -39
  84. package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +0 -1
  85. package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js +0 -49
  86. package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +0 -1
  87. package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js +0 -68
  88. package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js.map +0 -1
  89. package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +0 -71
  90. package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +0 -1
  91. package/build/cjs/packages/phoenix/src/components/form/search/search.js +0 -191
  92. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +0 -1
  93. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +0 -60
  94. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +0 -1
  95. package/build/cjs/packages/phoenix/src/components/form/search/search_history.js +0 -71
  96. package/build/cjs/packages/phoenix/src/components/form/search/search_history.js.map +0 -1
  97. package/build/cjs/packages/phoenix/src/components/form/search/search_input.js +0 -40
  98. package/build/cjs/packages/phoenix/src/components/form/search/search_input.js.map +0 -1
  99. package/build/cjs/packages/phoenix/src/components/form/search/search_results.js +0 -54
  100. package/build/cjs/packages/phoenix/src/components/form/search/search_results.js.map +0 -1
  101. package/build/esm/external/lit/external/lit-html/directives/repeat.js +0 -13
  102. package/build/esm/external/lit/external/lit-html/directives/repeat.js.map +0 -1
  103. package/build/esm/external/lit/external/lit-html/directives/when.js +0 -9
  104. package/build/esm/external/lit/external/lit-html/directives/when.js.map +0 -1
  105. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts +0 -8
  106. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js +0 -34
  107. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map +0 -1
  108. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.d.ts +0 -14
  109. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +0 -54
  110. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +0 -1
  111. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.d.ts +0 -7
  112. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +0 -28
  113. package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +0 -1
  114. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.d.ts +0 -7
  115. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +0 -28
  116. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +0 -1
  117. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.d.ts +0 -8
  118. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +0 -36
  119. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +0 -1
  120. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.d.ts +0 -8
  121. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +0 -37
  122. package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +0 -1
  123. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.d.ts +0 -6
  124. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js +0 -47
  125. package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +0 -1
  126. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.d.ts +0 -7
  127. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js +0 -66
  128. package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js.map +0 -1
  129. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.d.ts +0 -9
  130. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +0 -69
  131. package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +0 -1
  132. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -26
  133. package/build/esm/packages/phoenix/src/components/form/search/search.js +0 -189
  134. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +0 -1
  135. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +0 -47
  136. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +0 -50
  137. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +0 -1
  138. package/build/esm/packages/phoenix/src/components/form/search/search_history.d.ts +0 -12
  139. package/build/esm/packages/phoenix/src/components/form/search/search_history.js +0 -69
  140. package/build/esm/packages/phoenix/src/components/form/search/search_history.js.map +0 -1
  141. package/build/esm/packages/phoenix/src/components/form/search/search_input.d.ts +0 -9
  142. package/build/esm/packages/phoenix/src/components/form/search/search_input.js +0 -38
  143. package/build/esm/packages/phoenix/src/components/form/search/search_input.js.map +0 -1
  144. package/build/esm/packages/phoenix/src/components/form/search/search_results.d.ts +0 -7
  145. package/build/esm/packages/phoenix/src/components/form/search/search_results.js +0 -52
  146. package/build/esm/packages/phoenix/src/components/form/search/search_results.js.map +0 -1
  147. package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +0 -29
  148. package/build/esm/packages/phoenix/src/components/form/search/search_types.js +0 -2
  149. package/build/esm/packages/phoenix/src/components/form/search/search_types.js.map +0 -1
  150. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.d.ts +0 -8
  151. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js +0 -260
  152. package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js.map +0 -1
@@ -1,191 +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
- var lit = require('lit');
7
- var decorators = require('lit/decorators');
8
- var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
- var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
- var observer = require('../../../core/classes/observer/observer.js');
11
- var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
12
- var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
13
- var context_provider_controller = require('../../../core/context/context_provider_controller.js');
14
- var search_constants = require('./search_constants.js');
15
- var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
16
-
17
- exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
18
- constructor() {
19
- super(...arguments);
20
- this._shouldShowHistory = false;
21
- this._shouldShowResults = false;
22
- this._searchHistory = [];
23
- this._historyLimitedContent = [];
24
- this._historyContext = new behavior_subject.BehaviorSubject({
25
- showLoadMore: false
26
- });
27
- this._getSearchPhrase = (target) => {
28
- const isSearchInput = target instanceof HTMLInputElement && target.type === 'search';
29
- if (!isSearchInput) {
30
- throw new Error('Search input not found. Search phrase action.');
31
- }
32
- return target.value;
33
- };
34
- this._documentListenerHandler = (ev) => {
35
- const outsideClick = typeof ev.composedPath === 'function' && !ev.composedPath().includes(this);
36
- if (outsideClick) {
37
- this._hideHistorySuggestionsAndResults();
38
- }
39
- };
40
- }
41
- async connectedCallback() {
42
- super.connectedCallback();
43
- this._setupContext();
44
- try {
45
- this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
46
- this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
47
- this._searchContextObserver = new observer.Observer((searchData) => {
48
- this._searchResults = searchData.results;
49
- this._searchHistory = searchData.history;
50
- this._historyContext.notify({ showLoadMore: this._searchHistory.length > search_constants.SEARCH_CONFIGURATION.historyContentLimit });
51
- this._historyLimitedContent = this._searchHistory.slice(0, search_constants.SEARCH_CONFIGURATION.historyContentLimit);
52
- if (this._searchHistory.length === 0) {
53
- this._hideHistorySuggestionsAndResults();
54
- }
55
- });
56
- this._searchContext$.subscribe(this._searchContextObserver);
57
- }
58
- catch (_a) {
59
- console.error('Search context is not provided');
60
- }
61
- this._setupListeners();
62
- }
63
- disconnectedCallback() {
64
- super.disconnectedCallback();
65
- document.removeEventListener('click', this._documentListenerHandler);
66
- }
67
- _setupContext() {
68
- this._historyContextProvider = new context_provider_controller.ContextProviderController(this);
69
- this._historyContextProvider.provide('historyContext', this._historyContext);
70
- }
71
- _setupListeners() {
72
- const input = this.querySelector('input[type="search"]');
73
- if (!input) {
74
- throw new Error('Search input not found');
75
- }
76
- input.addEventListener('focusin', (ev) => {
77
- const $searchInput = this._getSearchPhrase(ev.target);
78
- this._displaySuggester($searchInput);
79
- });
80
- input.addEventListener('keyup', (ev) => {
81
- const $searchInput = this._getSearchPhrase(ev.target);
82
- this._displaySuggester($searchInput);
83
- this._updateSearchPhrase($searchInput);
84
- });
85
- input.addEventListener('search', (ev) => {
86
- const $searchInput = this._getSearchPhrase(ev.target);
87
- if ($searchInput === '') {
88
- this._displaySuggester($searchInput);
89
- }
90
- else {
91
- this._updateSearchPhrase($searchInput);
92
- }
93
- });
94
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
95
- this._displaySuggester('');
96
- this._updateSearchPhrase('');
97
- });
98
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
99
- const updatedInput = this.querySelector('input[type="search"]');
100
- if (!updatedInput) {
101
- throw new Error('Search input not found');
102
- }
103
- this._displaySuggester('');
104
- this._submitSearchPhrase(updatedInput.value);
105
- });
106
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.loadMoreHistoryItems, () => {
107
- const contentLength = this._searchHistory.length;
108
- const limitedContentLength = this._historyLimitedContent.length;
109
- if (limitedContentLength < contentLength) {
110
- this._historyLimitedContent = this._searchHistory.slice(0, limitedContentLength + search_constants.SEARCH_CONFIGURATION.historyContentLimit);
111
- }
112
- this._historyContext.notify({ showLoadMore: this._historyLimitedContent.length < contentLength });
113
- });
114
- document.addEventListener('click', this._documentListenerHandler);
115
- }
116
- _updateSearchPhrase(searchPhrase) {
117
- this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseUpdated, {
118
- detail: {
119
- searchPhrase
120
- },
121
- bubbles: true
122
- }));
123
- }
124
- _submitSearchPhrase(searchPhrase) {
125
- this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
126
- detail: {
127
- searchPhrase
128
- },
129
- bubbles: true
130
- }));
131
- }
132
- _displaySuggester(searchPhrase) {
133
- if (searchPhrase === '' && this._searchHistory.length !== 0) {
134
- this._displayHistorySuggestions();
135
- }
136
- if (searchPhrase === '' && this._searchHistory.length === 0) {
137
- this._hideHistorySuggestionsAndResults();
138
- }
139
- if (searchPhrase !== '') {
140
- this._displayResults();
141
- }
142
- }
143
- _displayHistorySuggestions() {
144
- this._shouldShowHistory = true;
145
- this._shouldShowResults = false;
146
- }
147
- _displayResults() {
148
- this._shouldShowHistory = false;
149
- this._shouldShowResults = true;
150
- }
151
- _hideHistorySuggestionsAndResults() {
152
- this._shouldShowHistory = false;
153
- this._shouldShowResults = false;
154
- }
155
- render() {
156
- return lit.html `
157
- ${when.when(this._shouldShowHistory, () => {
158
- return lit.html `<h-search-history .history="${this._historyLimitedContent}"></h-search-history>`;
159
- })}
160
- ${when.when(this._shouldShowResults, () => lit.html `<h-search-results .results="${this._searchResults}"></h-search-results>`)}
161
- `;
162
- }
163
- };
164
- tslib_es6.__decorate([
165
- decorators.state(),
166
- tslib_es6.__metadata("design:type", Boolean)
167
- ], exports.HSearch.prototype, "_shouldShowHistory", void 0);
168
- tslib_es6.__decorate([
169
- decorators.state(),
170
- tslib_es6.__metadata("design:type", Boolean)
171
- ], exports.HSearch.prototype, "_shouldShowResults", void 0);
172
- tslib_es6.__decorate([
173
- decorators.state(),
174
- tslib_es6.__metadata("design:type", Object)
175
- ], exports.HSearch.prototype, "_searchResults", void 0);
176
- tslib_es6.__decorate([
177
- decorators.state(),
178
- tslib_es6.__metadata("design:type", Array)
179
- ], exports.HSearch.prototype, "_searchHistory", void 0);
180
- tslib_es6.__decorate([
181
- decorators.state(),
182
- tslib_es6.__metadata("design:type", Array)
183
- ], exports.HSearch.prototype, "_historyLimitedContent", void 0);
184
- tslib_es6.__decorate([
185
- decorators.state(),
186
- tslib_es6.__metadata("design:type", behavior_subject.BehaviorSubject)
187
- ], exports.HSearch.prototype, "_historyContext", void 0);
188
- exports.HSearch = tslib_es6.__decorate([
189
- phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
190
- ], exports.HSearch);
191
- //# sourceMappingURL=search.js.map
@@ -1 +0,0 @@
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,mBAAmB,qEAA6E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,60 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const SEARCH_COMPONENT_NAMES = {
6
- search: 'h-search',
7
- searchInput: 'h-search-input',
8
- clearButton: 'h-search-clear-btn',
9
- submitButton: 'h-search-submit-btn',
10
- searchResults: 'h-search-results',
11
- searchHistory: 'h-search-history',
12
- historyRemoveButton: 'h-search-history-remove',
13
- historySelectButton: 'h-search-history-select',
14
- historyLoadMoreButton: 'h-search-history-load-more',
15
- searchSuggestionContent: 'h-search-suggestion-content',
16
- searchProductContent: 'h-search-product-content',
17
- searchProducerContent: 'h-search-producer-content'
18
- };
19
- const SEARCH_CUSTOM_EVENT_NAMES = {
20
- searchPhraseUpdated: 'search.external.searchPhraseUpdated',
21
- searchPhraseSubmitted: 'search.external.searchPhraseSubmitted',
22
- removeHistoryItem: 'search.external.removeHistoryItem',
23
- onHistory: 'search.removeHistoryItem',
24
- loadMoreHistoryItems: 'search.loadMoreHistoryItems',
25
- clear: 'search.clearSearchPhrase',
26
- submit: 'search.submitSearchPhrase'
27
- };
28
- const SEARCH_NATIVE_EVENT_NAMES = {
29
- click: 'click'
30
- };
31
- const SEARCH_CLASS_NAMES = {
32
- inputSearch: 'search__input_search',
33
- historyContainer: 'search__history-list-container',
34
- historyContainerHeadline: 'search__history-list-container_headline',
35
- historyContainerList: 'search__history-list-container_list-items',
36
- historyContainerItem: 'search__history-list-container_item',
37
- historyContainerLoadMore: 'search__history-list-container_load-more',
38
- historyPortalContainer: 'search__history-portal-container',
39
- resultsListContainer: 'search__results-list-container',
40
- resultsPortalContainer: 'search__results-portal-container'
41
- };
42
- const SEARCH_PORTAL_DESTINATIONS = {
43
- historyContent: 'search.historyContent',
44
- resultsContent: 'search.resultsContent'
45
- };
46
- const SEARCH_SLOT_NAMES = {
47
- clearButton: 'search.clear.button'
48
- };
49
- const SEARCH_CONFIGURATION = {
50
- historyContentLimit: 3
51
- };
52
-
53
- exports.SEARCH_CLASS_NAMES = SEARCH_CLASS_NAMES;
54
- exports.SEARCH_COMPONENT_NAMES = SEARCH_COMPONENT_NAMES;
55
- exports.SEARCH_CONFIGURATION = SEARCH_CONFIGURATION;
56
- exports.SEARCH_CUSTOM_EVENT_NAMES = SEARCH_CUSTOM_EVENT_NAMES;
57
- exports.SEARCH_NATIVE_EVENT_NAMES = SEARCH_NATIVE_EVENT_NAMES;
58
- exports.SEARCH_PORTAL_DESTINATIONS = SEARCH_PORTAL_DESTINATIONS;
59
- exports.SEARCH_SLOT_NAMES = SEARCH_SLOT_NAMES;
60
- //# sourceMappingURL=search_constants.js.map
@@ -1 +0,0 @@
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;"}
@@ -1,71 +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
- var lit = require('lit');
7
- var decorators = require('lit/decorators');
8
- var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
- var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
- var observer = require('../../../core/classes/observer/observer.js');
11
- var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
12
- var ref_js = require('lit-html/directives/ref.js');
13
- var search_constants = require('./search_constants.js');
14
- var repeat = require('../../../../../../external/lit/external/lit-html/directives/repeat.js');
15
-
16
- exports.HSearchHistory = class HSearchHistory extends phoenix_light_lit_element.PhoenixLightLitElement {
17
- constructor() {
18
- super(...arguments);
19
- this.buttonRef = ref_js.createRef();
20
- this.history = [];
21
- }
22
- async connectedCallback() {
23
- super.connectedCallback();
24
- try {
25
- this._historyContextConsumer = new context_consumer_controller.ContextConsumerController(this);
26
- this._historyContext$ = await this._historyContextConsumer.consumeAsync('historyContext');
27
- this._historyContextObserver = new observer.Observer((searchData) => {
28
- this.requestUpdate();
29
- const button = this.buttonRef.value;
30
- button.style.display = searchData.showLoadMore ? 'block' : 'none';
31
- });
32
- this._historyContext$.subscribe(this._historyContextObserver);
33
- }
34
- catch (_a) {
35
- console.error('Search context is not provided');
36
- }
37
- }
38
- render() {
39
- return lit.html `<div class="${search_constants.SEARCH_CLASS_NAMES.historyContainer}">
40
- <h-portal to="${search_constants.SEARCH_PORTAL_DESTINATIONS.historyContent}" hidden>
41
- <h3 class="${search_constants.SEARCH_CLASS_NAMES.historyContainerHeadline}">Historia</h3>
42
- <ul class="${search_constants.SEARCH_CLASS_NAMES.historyContainerList}">
43
- ${repeat.repeat(this.history, (historyElement) => lit.html `<li class="${search_constants.SEARCH_CLASS_NAMES.historyContainerItem}">
44
- <h-search-history-select item-label="${historyElement.label}">
45
- <span class="search__icon_main-color search__list-icon icon icon-reload"></span>
46
- <span class="search__history-item-value">${historyElement.label}</span>
47
- </h-search-history-select>
48
- <h-search-history-remove item-id="${historyElement.id}">X</h-search-history-remove>
49
- </li>`)}
50
- </ul>
51
- <h-search-history-load-more class="${search_constants.SEARCH_CLASS_NAMES.historyContainerLoadMore}" ${ref_js.ref(this.buttonRef)}
52
- >Load more</h-search-history-load-more
53
- >
54
- </h-portal>
55
-
56
- <h-portal-target
57
- name="${search_constants.SEARCH_PORTAL_DESTINATIONS.historyContent}"
58
- class="${search_constants.SEARCH_CLASS_NAMES.historyPortalContainer}"
59
- style="position: absolute; left: 0; bottom: 0"
60
- ></h-portal-target>
61
- </div> `;
62
- }
63
- };
64
- tslib_es6.__decorate([
65
- decorators.property({ type: Array, attribute: 'history' }),
66
- tslib_es6.__metadata("design:type", Array)
67
- ], exports.HSearchHistory.prototype, "history", void 0);
68
- exports.HSearchHistory = tslib_es6.__decorate([
69
- phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchHistory)
70
- ], exports.HSearchHistory);
71
- //# sourceMappingURL=search_history.js.map
@@ -1 +0,0 @@
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,qBAAqB,uEAA+E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,40 +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
- var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
- var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
8
- var observer = require('../../../core/classes/observer/observer.js');
9
- var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
10
- var search_constants = require('./search_constants.js');
11
-
12
- exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.PhoenixLightLitElement {
13
- connectedCallback() {
14
- super.connectedCallback();
15
- this._input = this.querySelector('input[type="search"]');
16
- if (!this._input) {
17
- throw new Error('Search input not found');
18
- }
19
- this._searchContextSetup();
20
- }
21
- async _searchContextSetup() {
22
- try {
23
- this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
24
- this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
25
- this._searchContextObserver = new observer.Observer((searchData) => {
26
- if (searchData.searchPhrase === '') {
27
- this._input.value = '';
28
- }
29
- });
30
- this._searchContext$.subscribe(this._searchContextObserver);
31
- }
32
- catch (_a) {
33
- console.error('Search context is not provided');
34
- }
35
- }
36
- };
37
- exports.HSearchInput = tslib_es6.__decorate([
38
- phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchInput)
39
- ], exports.HSearchInput);
40
- //# sourceMappingURL=search_input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,54 +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
- var lit = require('lit');
7
- var decorators = require('lit/decorators');
8
- var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
- var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
- var search_constants = require('./search_constants.js');
11
-
12
- exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.PhoenixLightLitElement {
13
- constructor() {
14
- super(...arguments);
15
- this.results = {
16
- suggestions: [],
17
- products: [],
18
- producers: [],
19
- categories: []
20
- };
21
- }
22
- render() {
23
- if (this.results)
24
- return lit.html `<div class="${search_constants.SEARCH_CLASS_NAMES.resultsListContainer}">
25
- <h-portal to="${search_constants.SEARCH_PORTAL_DESTINATIONS.resultsContent}">
26
- <div>
27
- <h3 class="search__section-head search__section-head_sticky search__section-head_line">Results</h3>
28
-
29
- <h-search-suggestion-content .suggestions="${this.results.suggestions}" .categories="${this.results.categories}">
30
- </h-search-suggestion-content>
31
-
32
- <h-search-product-content .products="${this.results.products}"></h-search-product-content>
33
-
34
- <h-search-producer-content .products="${this.results.producers}"></h-search-producer-content>
35
- </div>
36
- </h-portal>
37
-
38
- <h-portal-target
39
- name="${search_constants.SEARCH_PORTAL_DESTINATIONS.resultsContent}"
40
- class="${search_constants.SEARCH_CLASS_NAMES.resultsPortalContainer}"
41
- style="position: absolute; right: 0; bottom: 0"
42
- ></h-portal-target>
43
- </div> `;
44
- return lit.nothing;
45
- }
46
- };
47
- tslib_es6.__decorate([
48
- decorators.property({ type: Object, attribute: 'result-data' }),
49
- tslib_es6.__metadata("design:type", Object)
50
- ], exports.HSearchResults.prototype, "results", void 0);
51
- exports.HSearchResults = tslib_es6.__decorate([
52
- phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchResults)
53
- ], exports.HSearchResults);
54
- //# sourceMappingURL=search_results.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,13 +0,0 @@
1
- import { noChange as x } from '../lit-html.js';
2
- import { getCommittedValue as m, setChildPartValue as u$1, insertPart as r, removePart as p, setCommittedValue as s } from '../directive-helpers.js';
3
- import { directive as e, Directive as i, PartType as t } from '../directive.js';
4
-
5
- /**
6
- * @license
7
- * Copyright 2017 Google LLC
8
- * SPDX-License-Identifier: BSD-3-Clause
9
- */
10
- const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ht(e,s,t).values}update(s$1,[t,r$1,c]){var d;const a=m(s$1),{values:p$1,keys:v}=this.ht(t,r$1,c);if(!Array.isArray(a))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x$1,j=0,k=a.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a[j])j++;else if(null===a[k])k--;else if(h[j]===v[w])m$1[w]=u$1(a[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=u$1(a[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=u$1(a[j],p$1[A]),r(s$1,m$1[A+1],a[j]),j++,A--;else if(h[k]===v[w])m$1[w]=u$1(a[k],p$1[w]),r(s$1,a[j],a[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x$1=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x$1.get(v[w]),t=void 0!==e?a[e]:null;if(null===t){const e=r(s$1,a[j]);u$1(e,p$1[w]),m$1[w]=e;}else m$1[w]=u$1(t,p$1[w]),r(s$1,a[j],t),a[e]=null;w++;}else p(a[k]),k--;else p(a[j]),j++;for(;w<=A;){const e=r(s$1,m$1[A+1]);u$1(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a[j++];null!==e&&p(e);}return this.ut=v,s(s$1,m$1),x}});
11
-
12
- export { c as repeat };
13
- //# sourceMappingURL=repeat.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: BSD-3-Clause
5
- */
6
- function n(n,o,r){return n?o():null==r?void 0:r()}
7
-
8
- export { n as when };
9
- //# sourceMappingURL=when.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,8 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HDropdownClose extends PhoenixLightLitElement {
3
- name: string;
4
- private _btnController;
5
- constructor();
6
- connectedCallback(): void;
7
- private _closeDropdown;
8
- }
@@ -1,34 +0,0 @@
1
- import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
- import { property } from 'lit/decorators';
3
- import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
- import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
- import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
6
- import { DROPDOWN_CSS_CLASSES } from './dropdown_constants.js';
7
-
8
- let HDropdownClose = class HDropdownClose extends PhoenixLightLitElement {
9
- constructor() {
10
- super();
11
- this.name = '';
12
- this.className = `${DROPDOWN_CSS_CLASSES.close} ${this.className}`;
13
- }
14
- connectedCallback() {
15
- super.connectedCallback();
16
- this._btnController = new BtnController(this, this._closeDropdown);
17
- this.addEventListener('click', this._closeDropdown);
18
- }
19
- async _closeDropdown() {
20
- const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
21
- await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
22
- }
23
- };
24
- __decorate([
25
- property({ type: String }),
26
- __metadata("design:type", Object)
27
- ], HDropdownClose.prototype, "name", void 0);
28
- HDropdownClose = __decorate([
29
- phoenixCustomElement('h-dropdown-close'),
30
- __metadata("design:paramtypes", [])
31
- ], HDropdownClose);
32
-
33
- export { HDropdownClose };
34
- //# sourceMappingURL=dropdown_close.js.map
@@ -1 +0,0 @@
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;"}
@@ -1,14 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- import { TemplateResult } from 'lit';
3
- export declare class HSearchClearBtn extends PhoenixLightLitElement {
4
- private _btnController;
5
- private _shouldShow;
6
- private _searchContextConsumer;
7
- private _searchContext$;
8
- private _searchContextObserver;
9
- constructor();
10
- connectedCallback(): void;
11
- private _dispatchClearEvent;
12
- private _searchContextSetup;
13
- protected render(): TemplateResult;
14
- }
@@ -1,54 +0,0 @@
1
- import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
2
- import { html, nothing } from 'lit';
3
- import { state } from 'lit/decorators';
4
- import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
- import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
6
- import { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
7
- import { Observer } from '../../../../core/classes/observer/observer.js';
8
- import { ContextConsumerController } from '../../../../core/context/context_consumer_controller.js';
9
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
10
-
11
- let HSearchClearBtn = class HSearchClearBtn extends PhoenixLightLitElement {
12
- constructor() {
13
- super();
14
- this._shouldShow = false;
15
- this._dispatchClearEvent = (ev) => {
16
- this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
17
- bubbles: true
18
- }));
19
- };
20
- this._btnController = new BtnController(this, this._dispatchClearEvent);
21
- }
22
- connectedCallback() {
23
- super.connectedCallback();
24
- this._searchContextSetup();
25
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchClearEvent);
26
- }
27
- async _searchContextSetup() {
28
- try {
29
- this._searchContextConsumer = new ContextConsumerController(this);
30
- this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
31
- this._searchContextObserver = new Observer((searchData) => {
32
- this._shouldShow = searchData.searchPhrase.length !== 0;
33
- });
34
- this._searchContext$.subscribe(this._searchContextObserver);
35
- }
36
- catch (_a) {
37
- console.error('Search context is not provided');
38
- }
39
- }
40
- render() {
41
- return html ` ${this._shouldShow ? this.getSlot(SEARCH_SLOT_NAMES.clearButton) : nothing} `;
42
- }
43
- };
44
- __decorate([
45
- state(),
46
- __metadata("design:type", Boolean)
47
- ], HSearchClearBtn.prototype, "_shouldShow", void 0);
48
- HSearchClearBtn = __decorate([
49
- phoenixCustomElement(SEARCH_COMPONENT_NAMES.clearButton),
50
- __metadata("design:paramtypes", [])
51
- ], HSearchClearBtn);
52
-
53
- export { HSearchClearBtn };
54
- //# sourceMappingURL=search_clear_btn.js.map
@@ -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;"}
@@ -1,7 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearchSubmitBtn extends PhoenixLightLitElement {
3
- private _btnController;
4
- constructor();
5
- connectedCallback(): void;
6
- private _dispatchSubmitEvent;
7
- }
@@ -1,28 +0,0 @@
1
- import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
2
- import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
- import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
4
- import { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
5
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
6
-
7
- let HSearchSubmitBtn = class HSearchSubmitBtn extends PhoenixLightLitElement {
8
- constructor() {
9
- super();
10
- this._dispatchSubmitEvent = (ev) => {
11
- this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
12
- bubbles: true
13
- }));
14
- };
15
- this._btnController = new BtnController(this, this._dispatchSubmitEvent);
16
- }
17
- connectedCallback() {
18
- super.connectedCallback();
19
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchSubmitEvent);
20
- }
21
- };
22
- HSearchSubmitBtn = __decorate([
23
- phoenixCustomElement(SEARCH_COMPONENT_NAMES.submitButton),
24
- __metadata("design:paramtypes", [])
25
- ], HSearchSubmitBtn);
26
-
27
- export { HSearchSubmitBtn };
28
- //# sourceMappingURL=search_submit_btn.js.map
@@ -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;"}
@@ -1,7 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearchHistoryLoadMoreBtn extends PhoenixLightLitElement {
3
- private _btnController;
4
- constructor();
5
- connectedCallback(): void;
6
- private _dispatchHistoryLoadMoreEvent;
7
- }