@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.
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js +2 -7
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js.map +1 -1
- package/build/cjs/external/lit/external/lit-html/lit-html.js +1 -2
- package/build/cjs/external/lit/external/lit-html/lit-html.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +7 -12
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +12 -14
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +2 -9
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +15 -31
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js +5 -8
- package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +3 -6
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +25 -19
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +8 -13
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +0 -5
- package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +0 -101
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/external/lit/external/lit-html/directive-helpers.js +3 -3
- package/build/esm/external/lit/external/lit-html/lit-html.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +8 -13
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +6 -11
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +7 -13
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +2 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +5 -3
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +2 -9
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +0 -5
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +16 -32
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +5 -8
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.js +3 -6
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js +3 -3
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js +25 -19
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.d.ts +1 -0
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +9 -14
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +0 -4
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +1 -5
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts +1 -3
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +0 -15
- package/build/esm/packages/phoenix/src/index.js +0 -15
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/external/lit/external/lit-html/directives/repeat.js +0 -17
- package/build/cjs/external/lit/external/lit-html/directives/repeat.js.map +0 -1
- package/build/cjs/external/lit/external/lit-html/directives/when.js +0 -13
- package/build/cjs/external/lit/external/lit-html/directives/when.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js +0 -36
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +0 -56
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +0 -30
- package/build/cjs/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +0 -30
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +0 -38
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +0 -39
- package/build/cjs/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js +0 -49
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js +0 -68
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_product_content.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +0 -71
- package/build/cjs/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +0 -191
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +0 -60
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search_history.js +0 -71
- package/build/cjs/packages/phoenix/src/components/form/search/search_history.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search_input.js +0 -40
- package/build/cjs/packages/phoenix/src/components/form/search/search_input.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search_results.js +0 -54
- package/build/cjs/packages/phoenix/src/components/form/search/search_results.js.map +0 -1
- package/build/esm/external/lit/external/lit-html/directives/repeat.js +0 -13
- package/build/esm/external/lit/external/lit-html/directives/repeat.js.map +0 -1
- package/build/esm/external/lit/external/lit-html/directives/when.js +0 -9
- package/build/esm/external/lit/external/lit-html/directives/when.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js +0 -34
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.d.ts +0 -14
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js +0 -54
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.d.ts +0 -7
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js +0 -28
- package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.d.ts +0 -7
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js +0 -28
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_load_more_btn.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js +0 -36
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_remove_btn.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js +0 -37
- package/build/esm/packages/phoenix/src/components/form/search/history/search_history_select_btn.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.d.ts +0 -6
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js +0 -47
- package/build/esm/packages/phoenix/src/components/form/search/results/search_producer_content.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.d.ts +0 -7
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js +0 -66
- package/build/esm/packages/phoenix/src/components/form/search/results/search_product_content.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.d.ts +0 -9
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js +0 -69
- package/build/esm/packages/phoenix/src/components/form/search/results/search_suggestion_content.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -26
- package/build/esm/packages/phoenix/src/components/form/search/search.js +0 -189
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +0 -47
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +0 -50
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_history.d.ts +0 -12
- package/build/esm/packages/phoenix/src/components/form/search/search_history.js +0 -69
- package/build/esm/packages/phoenix/src/components/form/search/search_history.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_input.d.ts +0 -9
- package/build/esm/packages/phoenix/src/components/form/search/search_input.js +0 -38
- package/build/esm/packages/phoenix/src/components/form/search/search_input.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_results.d.ts +0 -7
- package/build/esm/packages/phoenix/src/components/form/search/search_results.js +0 -52
- package/build/esm/packages/phoenix/src/components/form/search/search_results.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +0 -29
- package/build/esm/packages/phoenix/src/components/form/search/search_types.js +0 -2
- package/build/esm/packages/phoenix/src/components/form/search/search_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js +0 -260
- 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 +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
|
package/build/esm/packages/phoenix/src/components/form/search/buttons/search_clear_btn.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;"}
|
package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.d.ts
DELETED
|
@@ -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
|
package/build/esm/packages/phoenix/src/components/form/search/buttons/search_submit_btn.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;"}
|
|
@@ -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
|
-
}
|