@shoper/phoenix_design_system 1.6.6 → 1.6.7

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.
@@ -10,6 +10,7 @@ require('@lit/reactive-element');
10
10
  var litHtml = require('lit-html');
11
11
  var ref_js = require('lit-html/directives/ref.js');
12
12
  var portal_constants = require('../portal/portal_constants.js');
13
+ var backdrop_constants = require('../backdrop/backdrop_constants.js');
13
14
  var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
14
15
  var modal_constants = require('./modal_constants.js');
15
16
 
@@ -32,6 +33,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
32
33
  const scrollY = window.scrollY;
33
34
  HModal_1.openModals = [...HModal_1.openModals, this];
34
35
  document.addEventListener('keydown', this._bindCloseOnEsc);
36
+ document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
35
37
  this._dispatchModalOpenedEvent();
36
38
  setTimeout(() => {
37
39
  var _a;
@@ -42,6 +44,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
42
44
  false: () => {
43
45
  HModal_1.openModals = HModal_1.openModals.filter((modal) => modal !== this);
44
46
  document.removeEventListener('keydown', this._bindCloseOnEsc);
47
+ document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
45
48
  }
46
49
  }
47
50
  };
@@ -85,6 +88,23 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
85
88
  await (modalToClose === null || modalToClose === void 0 ? void 0 : modalToClose.close());
86
89
  }
87
90
  };
91
+ this.close = async () => {
92
+ return new Promise((resolve) => {
93
+ const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
94
+ window.requestAnimationFrame(() => {
95
+ var _a, _b;
96
+ (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`);
97
+ (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`modal_hide-${this.transition}-end`);
98
+ setTimeout(() => {
99
+ var _a;
100
+ (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`, `modal_hide-${this.transition}-end`);
101
+ this[modal_constants.MODAL_OPENED_PROP] = false;
102
+ this._dispatchModalClosedEvent();
103
+ resolve();
104
+ }, transitionDuration);
105
+ });
106
+ });
107
+ };
88
108
  this.hidden = true;
89
109
  this._focusableElements = [...this.querySelectorAll(modal_constants.FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
90
110
  }
@@ -148,23 +168,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
148
168
  this.dispatchEvent(openModalEvent);
149
169
  this._backdropController.show();
150
170
  }
151
- async close() {
152
- return new Promise((resolve) => {
153
- const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
154
- window.requestAnimationFrame(() => {
155
- var _a, _b;
156
- (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`);
157
- (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`modal_hide-${this.transition}-end`);
158
- setTimeout(() => {
159
- var _a;
160
- (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`, `modal_hide-${this.transition}-end`);
161
- this[modal_constants.MODAL_OPENED_PROP] = false;
162
- this._dispatchModalClosedEvent();
163
- resolve();
164
- }, transitionDuration);
165
- });
166
- });
167
- }
168
171
  _dispatchModalClosedEvent() {
169
172
  const closeModalEvent = new CustomEvent(modal_constants.MODAL_EVENTS.closed, {
170
173
  bubbles: true
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -26,7 +26,7 @@ export declare class HModal extends PhoenixLightLitElement {
26
26
  private _bindCloseOnEsc;
27
27
  open(): Promise<void>;
28
28
  private _dispatchModalOpenedEvent;
29
- close(): Promise<void>;
29
+ close: () => Promise<void>;
30
30
  private _dispatchModalClosedEvent;
31
31
  render(): TemplateResult<1>;
32
32
  }
@@ -6,6 +6,7 @@ import '@lit/reactive-element';
6
6
  import { html } from 'lit-html';
7
7
  import { createRef, ref } from 'lit-html/directives/ref.js';
8
8
  import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
9
+ import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.js';
9
10
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
10
11
  import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
11
12
 
@@ -28,6 +29,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
28
29
  const scrollY = window.scrollY;
29
30
  HModal_1.openModals = [...HModal_1.openModals, this];
30
31
  document.addEventListener('keydown', this._bindCloseOnEsc);
32
+ document.addEventListener(BACKDROP_EVENTS.clicked, this.close);
31
33
  this._dispatchModalOpenedEvent();
32
34
  setTimeout(() => {
33
35
  var _a;
@@ -38,6 +40,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
38
40
  false: () => {
39
41
  HModal_1.openModals = HModal_1.openModals.filter((modal) => modal !== this);
40
42
  document.removeEventListener('keydown', this._bindCloseOnEsc);
43
+ document.removeEventListener(BACKDROP_EVENTS.clicked, this.close);
41
44
  }
42
45
  }
43
46
  };
@@ -81,6 +84,23 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
81
84
  await (modalToClose === null || modalToClose === void 0 ? void 0 : modalToClose.close());
82
85
  }
83
86
  };
87
+ this.close = async () => {
88
+ return new Promise((resolve) => {
89
+ const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
90
+ window.requestAnimationFrame(() => {
91
+ var _a, _b;
92
+ (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`);
93
+ (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`modal_hide-${this.transition}-end`);
94
+ setTimeout(() => {
95
+ var _a;
96
+ (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`, `modal_hide-${this.transition}-end`);
97
+ this[MODAL_OPENED_PROP] = false;
98
+ this._dispatchModalClosedEvent();
99
+ resolve();
100
+ }, transitionDuration);
101
+ });
102
+ });
103
+ };
84
104
  this.hidden = true;
85
105
  this._focusableElements = [...this.querySelectorAll(FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
86
106
  }
@@ -144,23 +164,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
144
164
  this.dispatchEvent(openModalEvent);
145
165
  this._backdropController.show();
146
166
  }
147
- async close() {
148
- return new Promise((resolve) => {
149
- const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
150
- window.requestAnimationFrame(() => {
151
- var _a, _b;
152
- (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`);
153
- (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`modal_hide-${this.transition}-end`);
154
- setTimeout(() => {
155
- var _a;
156
- (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`, `modal_hide-${this.transition}-end`);
157
- this[MODAL_OPENED_PROP] = false;
158
- this._dispatchModalClosedEvent();
159
- resolve();
160
- }, transitionDuration);
161
- });
162
- });
163
- }
164
167
  _dispatchModalClosedEvent() {
165
168
  const closeModalEvent = new CustomEvent(MODAL_EVENTS.closed, {
166
169
  bubbles: true
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.6.6",
5
+ "version": "1.6.7",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -1,15 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearch extends PhoenixLightLitElement {
3
- private _searchContextConsumer;
4
- private _searchContext$;
5
- private _searchContextObserver;
6
- private _shouldShowHistory;
7
- private _searchResults;
8
- private _searchHistory;
9
- connectedCallback(): Promise<void>;
10
- private _setupListeners;
11
- private _displaySuggester;
12
- private _displayHistorySuggestions;
13
- private _displayResults;
14
- render(): import("lit-html").TemplateResult<1>;
15
- }
@@ -1,94 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
3
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
4
- import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
5
- import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
6
- import { Observer } from '@phoenixRoot/core/classes/observer/observer';
7
- import { state } from 'lit/decorators';
8
- import { html } from 'lit/development';
9
- import './search_history';
10
- import './search_results';
11
- import { when } from 'lit/directives/when.js';
12
- let HSearch = class HSearch extends PhoenixLightLitElement {
13
- constructor() {
14
- super(...arguments);
15
- this._shouldShowHistory = false;
16
- // przykladowe dane - to powinno przyjsc z contextu
17
- this._searchResults = {
18
- test: 'test'
19
- };
20
- // przykladowe dane to powinno przyjsc z contextu
21
- this._searchHistory = ['test, dupa, dwa'];
22
- }
23
- async connectedCallback() {
24
- super.connectedCallback();
25
- try {
26
- this._searchContextConsumer = new ContextConsumerController(this);
27
- this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
28
- this._searchContextObserver = new Observer((searchData) => {
29
- this._searchResults = searchData.results;
30
- this._searchHistory = searchData.history;
31
- });
32
- this._searchContext$.subscribe(this._searchContextObserver);
33
- }
34
- catch (_a) {
35
- console.error('Search context is not provided');
36
- }
37
- this._setupListeners();
38
- }
39
- _setupListeners() {
40
- this.addEventListener('focusin', (ev) => {
41
- const isSearchInput = ev.target instanceof HTMLInputElement && ev.target.type === 'search';
42
- if (isSearchInput) {
43
- const $searchInput = ev.target;
44
- this._displaySuggester($searchInput.value);
45
- }
46
- });
47
- this.addEventListener('keyup', (ev) => {
48
- const isSearchInput = ev.target instanceof HTMLInputElement && ev.target.type === 'search';
49
- if (isSearchInput) {
50
- const $searchInput = ev.target;
51
- this._displaySuggester($searchInput.value);
52
- }
53
- });
54
- }
55
- _displaySuggester(searchPhrase) {
56
- if (searchPhrase === '') {
57
- this._displayHistorySuggestions();
58
- }
59
- else {
60
- this._displayResults();
61
- }
62
- }
63
- _displayHistorySuggestions() {
64
- // oczywiscie ta logika moze powinna byc bardziej skomplikowana ;)
65
- this._shouldShowHistory = true;
66
- }
67
- _displayResults() {
68
- // oczywiscie ta logika moze powinna byc bardziej skomplikowana ;)
69
- this._shouldShowHistory = false;
70
- }
71
- render() {
72
- // tutaj tez oczywiscie ta logika jets bledna i bardzo uproszczona - chodzi o sam zamysl i poukladanie teog.
73
- return html `
74
- ${when(this._shouldShowHistory, () => html `<h-search-history .history="${this._searchHistory}"></h-search-history>`, () => html `<h-search-results .results="${this._searchResults}"></h-search-results>`)}
75
- `;
76
- }
77
- };
78
- __decorate([
79
- state(),
80
- __metadata("design:type", Boolean)
81
- ], HSearch.prototype, "_shouldShowHistory", void 0);
82
- __decorate([
83
- state(),
84
- __metadata("design:type", Object)
85
- ], HSearch.prototype, "_searchResults", void 0);
86
- __decorate([
87
- state(),
88
- __metadata("design:type", Array)
89
- ], HSearch.prototype, "_searchHistory", void 0);
90
- HSearch = __decorate([
91
- phoenixCustomElement('h-search')
92
- ], HSearch);
93
- export { HSearch };
94
- //# sourceMappingURL=search.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAgC,6DAA6D,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAA+B,kBAAkB,CAAC;AAClD,OAA+B,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAQ9C,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAAnD;;QAMY,uBAAkB,GAAY,KAAK,CAAC;QAE5C,mDAAmD;QAE3C,mBAAc,GAAqB;YACvC,IAAI,EAAE,MAAM;SACf,CAAC;QAEF,iDAAiD;QAEzC,mBAAc,GAAU,CAAC,iBAAiB,CAAC,CAAC;IAsExD,CAAC;IApEU,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI;YACA,IAAI,CAAC,sBAAsB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAClE,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAEvF,IAAI,CAAC,sBAAsB,GAAG,IAAI,QAAQ,CAAC,CAAC,UAAuB,EAAE,EAAE;gBACnE,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;gBACzC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;YAC7C,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SAC/D;QAAC,WAAM;YACJ,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAS,EAAE,EAAE;YAC3C,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,YAAY,gBAAgB,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;YAE3F,IAAI,aAAa,EAAE;gBACf,MAAM,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;aAC9C;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAS,EAAE,EAAE;YACzC,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,YAAY,gBAAgB,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;YAE3F,IAAI,aAAa,EAAE;gBACf,MAAM,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;aAC9C;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,iBAAiB,CAAC,YAAoB;QAC1C,IAAI,YAAY,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACrC;aAAM;YACH,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;IACL,CAAC;IAEO,0BAA0B;QAC9B,kEAAkE;QAClE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACnC,CAAC;IAEO,eAAe;QACnB,kEAAkE;QAClE,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IACpC,CAAC;IAEM,MAAM;QACT,4GAA4G;QAC5G,OAAO,IAAI,CAAA;cACL,IAAI,CACF,IAAI,CAAC,kBAAkB,EACvB,GAAG,EAAE,CAAC,IAAI,CAAA,+BAA+B,IAAI,CAAC,cAAc,uBAAuB,EACnF,GAAG,EAAE,CAAC,IAAI,CAAA,+BAA+B,IAAI,CAAC,cAAc,uBAAuB,CACtF;SACJ,CAAC;IACN,CAAC;CACJ,CAAA;AAhFG;IADC,KAAK,EAAE;;mDACoC;AAI5C;IADC,KAAK,EAAE;;+CAGN;AAIF;IADC,KAAK,EAAE;;+CAC4C;AAhB3C,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CAsFnB;SAtFY,OAAO"}
@@ -1,5 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearchHistory extends PhoenixLightLitElement {
3
- history: string[];
4
- render(): import("lit-html").TemplateResult<1>;
5
- }
@@ -1,23 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
3
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
4
- import { property } from 'lit/decorators';
5
- import { html } from 'lit/development';
6
- let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
7
- constructor() {
8
- super(...arguments);
9
- this.history = [];
10
- }
11
- render() {
12
- return html ` ${this.history} `;
13
- }
14
- };
15
- __decorate([
16
- property({ type: Array, attribute: 'result-data' }),
17
- __metadata("design:type", Array)
18
- ], HSearchHistory.prototype, "history", void 0);
19
- HSearchHistory = __decorate([
20
- phoenixCustomElement('h-search-history')
21
- ], HSearchHistory);
22
- export { HSearchHistory };
23
- //# sourceMappingURL=search_history.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"search_history.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_history.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAA1D;;QAEI,YAAO,GAAa,EAAE,CAAC;IAK3B,CAAC;IAHU,MAAM;QACT,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC;IACnC,CAAC;CACJ,CAAA;AALG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;;+CAC7B;AAFd,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;GAC5B,cAAc,CAO1B;SAPY,cAAc"}
@@ -1,7 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearch extends PhoenixLightLitElement {
3
- private _searchContextConsumer;
4
- private _searchContext$;
5
- private _searchContextObserver;
6
- connectedCallback(): Promise<void>;
7
- }
@@ -1,39 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
3
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
4
- import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
5
- import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
6
- import { Observer } from '@phoenixRoot/core/classes/observer/observer';
7
- import { state } from 'lit/decorators';
8
- let HSearch = class HSearch extends PhoenixLightLitElement {
9
- async connectedCallback() {
10
- super.connectedCallback();
11
- try {
12
- this._searchContextConsumer = new ContextConsumerController(this);
13
- this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
14
- this._searchContextObserver = new Observer((searchData) => {
15
- if (searchData.searchPhrase === '') {
16
- const $input = this.querySelector('input[type="search"]');
17
- if ($input) {
18
- $input.value = '';
19
- }
20
- }
21
- });
22
- this._searchContext$.subscribe(this._searchContextObserver);
23
- }
24
- catch (_a) {
25
- console.error('Search context is not provided');
26
- }
27
- }
28
- };
29
- __decorate([
30
- state(),
31
- __metadata("design:type", Function),
32
- __metadata("design:paramtypes", []),
33
- __metadata("design:returntype", Promise)
34
- ], HSearch.prototype, "connectedCallback", null);
35
- HSearch = __decorate([
36
- phoenixCustomElement('h-search-input')
37
- ], HSearch);
38
- export { HSearch };
39
- //# sourceMappingURL=search_input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"search_input.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAgC,6DAA6D,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAMxC,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI;YACA,IAAI,CAAC,sBAAsB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAClE,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAEvF,IAAI,CAAC,sBAAsB,GAAG,IAAI,QAAQ,CAAC,CAAC,UAAuB,EAAE,EAAE;gBACnE,IAAI,UAAU,CAAC,YAAY,KAAK,EAAE,EAAE;oBAChC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAmB,sBAAsB,CAAC,CAAC;oBAC5E,IAAI,MAAM,EAAE;wBACR,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;qBACrB;iBACJ;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SAC/D;QAAC,WAAM;YACJ,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;IACL,CAAC;CACJ,CAAA;AArBG;IADC,KAAK,EAAE;;;;gDAqBP;AA1BQ,OAAO;IADnB,oBAAoB,CAAC,gBAAgB,CAAC;GAC1B,OAAO,CA2BnB;SA3BY,OAAO"}
@@ -1,5 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSearchResults extends PhoenixLightLitElement {
3
- results: Record<any, any>;
4
- render(): import("lit-html").TemplateResult<1>;
5
- }
@@ -1,24 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
3
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
4
- import { property } from 'lit/decorators';
5
- import { html } from 'lit/development';
6
- import { repeat } from 'lit/directives/repeat.js';
7
- let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
8
- constructor() {
9
- super(...arguments);
10
- this.results = {};
11
- }
12
- render() {
13
- return html ` ${repeat(Object.keys(this.results), (key) => key, (key) => html ` ${this.results[key]} `)}`;
14
- }
15
- };
16
- __decorate([
17
- property({ type: Object, attribute: 'result-data' }),
18
- __metadata("design:type", Object)
19
- ], HSearchResults.prototype, "results", void 0);
20
- HSearchResults = __decorate([
21
- phoenixCustomElement('h-search-results')
22
- ], HSearchResults);
23
- export { HSearchResults };
24
- //# sourceMappingURL=search_results.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"search_results.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_results.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAA1D;;QAEI,YAAO,GAAqB,EAAE,CAAC;IASnC,CAAC;IAPU,MAAM;QACT,OAAO,IAAI,CAAA,IAAI,MAAM,CACjB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EACzB,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EACZ,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CACxC,EAAE,CAAC;IACR,CAAC;CACJ,CAAA;AATG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;;+CACtB;AAFtB,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;GAC5B,cAAc,CAW1B;SAXY,cAAc"}