@shoper/phoenix_design_system 1.14.1-0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/{packages/phoenix/external → external}/classnames/index.js +1 -1
- package/build/cjs/external/lit-html/directive-helpers.js +19 -0
- package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/repeat.js +1 -1
- package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/template-content.js +1 -1
- package/build/cjs/external/lit-html/lit-html.js +15 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js +29 -21
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js +4 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +11 -121
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +2 -0
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
- 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_picker.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -12
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js +47 -16
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js +2 -0
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/toggle/toggle.js +1 -1
- package/build/cjs/packages/phoenix/src/components/toggle/toggle.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
- package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js +2 -2
- package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js.map +1 -1
- package/build/cjs/packages/phoenix/src/directives/observable_directive.js +2 -2
- package/build/cjs/packages/phoenix/src/directives/observable_directive.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +5 -5
- package/build/esm/{packages/phoenix/external → external}/classnames/index.js +1 -1
- package/build/esm/external/lit-html/directive-helpers.js +10 -0
- package/build/esm/external/lit-html/directives/repeat.js +13 -0
- package/build/esm/external/{lit/external/lit-html → lit-html}/directives/template-content.js +2 -2
- package/build/esm/external/lit-html/lit-html.js +9 -0
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.d.ts +6 -3
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js +30 -22
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js +4 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.d.ts +1 -11
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +14 -124
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +2 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
- 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_picker.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -12
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +3 -2
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +49 -18
- package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js +4 -3
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/toggle/toggle.js +1 -1
- package/build/esm/packages/phoenix/src/components/toggle/toggle.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
- package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.d.ts +1 -1
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.js +2 -2
- package/build/esm/packages/phoenix/src/directives/namespaced_attribute_directive.js.map +1 -1
- package/build/esm/packages/phoenix/src/directives/observable_directive.d.ts +1 -1
- package/build/esm/packages/phoenix/src/directives/observable_directive.js +2 -2
- package/build/esm/packages/phoenix/src/directives/observable_directive.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.js +1 -1
- package/package.json +1 -1
- package/build/cjs/external/lit/external/lit-html/directive-helpers.js +0 -19
- package/build/cjs/external/lit/external/lit-html/lit-html.js +0 -15
- package/build/esm/external/lit/external/lit-html/directive-helpers.js +0 -10
- package/build/esm/external/lit/external/lit-html/directives/repeat.js +0 -13
- package/build/esm/external/lit/external/lit-html/lit-html.js +0 -9
- /package/build/cjs/{packages/phoenix/external → external}/classnames/index.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/async-directive.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/async-directive.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive-helpers.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directive.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/repeat.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/template-content.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/when.js +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/directives/when.js.map +0 -0
- /package/build/cjs/external/{lit/external/lit-html → lit-html}/lit-html.js.map +0 -0
- /package/build/esm/{packages/phoenix/external → external}/classnames/index.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/async-directive.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/async-directive.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive-helpers.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directive.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/repeat.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/template-content.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/when.js +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/directives/when.js.map +0 -0
- /package/build/esm/external/{lit/external/lit-html → lit-html}/lit-html.js.map +0 -0
|
@@ -3,40 +3,47 @@ import { property } from 'lit/decorators';
|
|
|
3
3
|
import { ColorUtils } from '@dreamcommerce/utilities';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import {
|
|
6
|
+
import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
|
|
7
|
+
import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_CSS_CLASSES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item_constants.js';
|
|
7
8
|
|
|
8
9
|
let HColorItem = class HColorItem extends PhoenixLightLitElement {
|
|
9
10
|
constructor() {
|
|
10
|
-
super(
|
|
11
|
+
super();
|
|
11
12
|
this.disabled = false;
|
|
12
13
|
this.selected = false;
|
|
13
14
|
this.unclickable = false;
|
|
14
|
-
this.
|
|
15
|
-
|
|
16
|
-
var _a;
|
|
17
|
-
this._$colorSwatches = this.closest('h-color-swatches');
|
|
18
|
-
this.setAttribute('role', ((_a = this._$colorSwatches) === null || _a === void 0 ? void 0 : _a.multiple) ? 'checkbox' : 'radio');
|
|
19
|
-
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
20
|
-
};
|
|
21
|
-
this._setupClasses = () => {
|
|
22
|
-
this.classList.add(COLOR_ITEM_CSS_CLASSES.colorItem);
|
|
23
|
-
if (this.size)
|
|
24
|
-
this.classList.add(COLOR_ITEM_CSS_CLASSES[this.size]);
|
|
15
|
+
this._dispatchClickedEvent = () => {
|
|
16
|
+
this.emitEvent(COLOR_ITEM_EVENT_NAMES.selected);
|
|
25
17
|
};
|
|
18
|
+
this._btnController = new BtnController(this, this._dispatchClickedEvent);
|
|
26
19
|
}
|
|
27
20
|
connectedCallback() {
|
|
28
21
|
super.connectedCallback();
|
|
29
|
-
this.
|
|
30
|
-
this._setupClasses();
|
|
22
|
+
this.setupEvents();
|
|
31
23
|
this.style.backgroundColor = this.setBgColor(this.disabled);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
this.setAttribute('tabindex', '0');
|
|
37
|
-
}
|
|
24
|
+
this._syncAriaPressed();
|
|
25
|
+
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
26
|
+
this.unclickable && this.removeAttribute('tabindex');
|
|
27
|
+
this.classList.add(COLOR_ITEM_CSS_CLASSES.colorItem);
|
|
38
28
|
if (!this.value)
|
|
39
29
|
this.value = this.color;
|
|
30
|
+
if (this.size)
|
|
31
|
+
this.classList.add(COLOR_ITEM_CSS_CLASSES[this.size]);
|
|
32
|
+
}
|
|
33
|
+
attributeChangedCallback(name, value, newValue) {
|
|
34
|
+
super.attributeChangedCallback(name, value, newValue);
|
|
35
|
+
switch (name) {
|
|
36
|
+
case COLOR_ITEM_SELECTED_ATTRIBUTE: {
|
|
37
|
+
this._syncAriaPressed();
|
|
38
|
+
break;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
_syncAriaPressed() {
|
|
43
|
+
this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
|
|
44
|
+
}
|
|
45
|
+
setupEvents() {
|
|
46
|
+
!this.unclickable && this.addEventListener('click', this._dispatchClickedEvent);
|
|
40
47
|
}
|
|
41
48
|
setBgColor(itemIsDisabled) {
|
|
42
49
|
return itemIsDisabled ? ColorUtils.hexToRgba(this.color, 0.5) : this.color;
|
|
@@ -71,7 +78,8 @@ __decorate([
|
|
|
71
78
|
__metadata("design:type", Boolean)
|
|
72
79
|
], HColorItem.prototype, "unclickable", void 0);
|
|
73
80
|
HColorItem = __decorate([
|
|
74
|
-
phoenixCustomElement('h-color-item')
|
|
81
|
+
phoenixCustomElement('h-color-item'),
|
|
82
|
+
__metadata("design:paramtypes", [])
|
|
75
83
|
], HColorItem);
|
|
76
84
|
|
|
77
85
|
export { HColorItem };
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_swatches/color_item/color_item_constants.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
const colorItemBaseCssClass = 'color-item';
|
|
2
|
+
const COLOR_ITEM_EVENT_NAMES = {
|
|
3
|
+
selected: 'colorItemSelected'
|
|
4
|
+
};
|
|
2
5
|
const COLOR_ITEM_SIZES = {
|
|
3
6
|
s: 's',
|
|
4
7
|
xs: 'xs'
|
|
@@ -10,5 +13,5 @@ const COLOR_ITEM_CSS_CLASSES = {
|
|
|
10
13
|
};
|
|
11
14
|
const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
|
|
12
15
|
|
|
13
|
-
export { COLOR_ITEM_CSS_CLASSES, COLOR_ITEM_SELECTED_ATTRIBUTE, COLOR_ITEM_SIZES };
|
|
16
|
+
export { COLOR_ITEM_CSS_CLASSES, COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE, COLOR_ITEM_SIZES };
|
|
14
17
|
//# sourceMappingURL=color_item_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|
|
@@ -15,23 +15,13 @@ export declare class HColorSwatches extends PhoenixLightLitElement {
|
|
|
15
15
|
private _hideItems;
|
|
16
16
|
private _showAllItemsEvent;
|
|
17
17
|
private _setupEvents;
|
|
18
|
-
private _setupCheckboxGroupEvents;
|
|
19
|
-
private _setupRadioGroupEvents;
|
|
20
|
-
private _setupColorClickEvents;
|
|
21
18
|
private _handleColorClicked;
|
|
22
|
-
private _handleTabNavigation;
|
|
23
|
-
private _handleRadioNavigation;
|
|
24
|
-
private _focusOnSelectedColor;
|
|
25
|
-
private _handleChangeToNextColorItem;
|
|
26
|
-
private _handleChangeToPreviousColorItem;
|
|
27
|
-
private _handleColorChange;
|
|
28
19
|
private _toggleColorItem;
|
|
29
20
|
private _handleColorClickedForMultipleMode;
|
|
30
|
-
private
|
|
21
|
+
private _handleColorClickedForSingleMode;
|
|
31
22
|
private _toggleSelectedAttribute;
|
|
32
23
|
private _isColorAlreadyExistInArray;
|
|
33
24
|
private _removeExistingColorFromArray;
|
|
34
25
|
private _dispatchColorChangeEvent;
|
|
35
|
-
disconnectedCallback(): void;
|
|
36
26
|
protected render(): TemplateResult;
|
|
37
27
|
}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
|
|
2
2
|
import { html, nothing } from 'lit';
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
|
-
import {
|
|
4
|
+
import { ArrayUtils } from '@dreamcommerce/utilities';
|
|
5
5
|
import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
6
6
|
import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
|
|
7
|
-
import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
|
|
8
7
|
import 'lit-html';
|
|
9
|
-
import { COLOR_SWATCHES_EVENT_NAMES, COLOR_ITEM_TAG_NAME, COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_HIDDEN_ATTRIBUTE } from './color_swatches_constants.js';
|
|
10
|
-
import { COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item/color_item_constants.js';
|
|
8
|
+
import { COLOR_SWATCHES_EVENT_NAMES, COLOR_ITEM_TAG_NAME, COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_TAG_NAME, COLOR_SWATCHES_HIDDEN_ATTRIBUTE } from './color_swatches_constants.js';
|
|
9
|
+
import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item/color_item_constants.js';
|
|
11
10
|
|
|
12
11
|
let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
13
12
|
constructor() {
|
|
@@ -15,87 +14,8 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
15
14
|
this.multiple = false;
|
|
16
15
|
this.selectedColors = [];
|
|
17
16
|
this.showMoreBtnText = 'Pokaż wszystkie kolory';
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
this._setupCheckboxGroupEvents();
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
this._setupRadioGroupEvents();
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
this._setupCheckboxGroupEvents = () => {
|
|
27
|
-
this._setupColorClickEvents();
|
|
28
|
-
};
|
|
29
|
-
this._setupRadioGroupEvents = () => {
|
|
30
|
-
document.body.addEventListener('keydown', this._focusOnSelectedColor);
|
|
31
|
-
this.addEventListener('keydown', this._handleTabNavigation);
|
|
32
|
-
this.addEventListener('keyup', this._handleRadioNavigation);
|
|
33
|
-
this._setupColorClickEvents();
|
|
34
|
-
};
|
|
35
|
-
this._setupColorClickEvents = () => {
|
|
36
|
-
if (!this._$colorSwatchesChildren)
|
|
37
|
-
return;
|
|
38
|
-
this._$colorSwatchesChildren.forEach(($colorItem) => {
|
|
39
|
-
$colorItem.addEventListener('click', this._handleColorClicked);
|
|
40
|
-
new KeystrokesController({
|
|
41
|
-
host: this,
|
|
42
|
-
keys: [' '],
|
|
43
|
-
callback: this._handleColorClicked,
|
|
44
|
-
target: $colorItem
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
this._handleColorClicked = (ev) => {
|
|
49
|
-
ev.preventDefault();
|
|
50
|
-
const $colorItem = ev.target;
|
|
51
|
-
if ($colorItem.unclickable)
|
|
52
|
-
return;
|
|
53
|
-
this._toggleColorItem($colorItem);
|
|
54
|
-
this._dispatchColorChangeEvent($colorItem);
|
|
55
|
-
};
|
|
56
|
-
this._handleTabNavigation = (ev) => {
|
|
57
|
-
if (ev.key !== 'Tab')
|
|
58
|
-
return;
|
|
59
|
-
ev.preventDefault();
|
|
60
|
-
if (ev.shiftKey) {
|
|
61
|
-
const $firstFocusableColor = UiDomUtils.getFocusableElement(this);
|
|
62
|
-
UiDomUtils.getPreviousFocusableElement($firstFocusableColor).focus();
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
const $LastFocusableColor = UiDomUtils.getLastFocusableElement(this);
|
|
66
|
-
UiDomUtils.getNextFocusableElement($LastFocusableColor).focus();
|
|
67
|
-
};
|
|
68
|
-
this._handleRadioNavigation = (ev) => {
|
|
69
|
-
const changeToNextKeys = ['ArrowDown', 'ArrowRight'];
|
|
70
|
-
const changeToPreviousKeys = ['ArrowUp', 'ArrowLeft'];
|
|
71
|
-
if (!changeToNextKeys.includes(ev.key) && !changeToPreviousKeys.includes(ev.key))
|
|
72
|
-
return;
|
|
73
|
-
ev.preventDefault();
|
|
74
|
-
if (changeToNextKeys.includes(ev.key)) {
|
|
75
|
-
this._handleChangeToNextColorItem(ev);
|
|
76
|
-
}
|
|
77
|
-
if (changeToPreviousKeys.includes(ev.key)) {
|
|
78
|
-
this._handleChangeToPreviousColorItem(ev);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
this._focusOnSelectedColor = (ev) => {
|
|
82
|
-
if (ev.key !== 'Tab' || this.multiple)
|
|
83
|
-
return;
|
|
84
|
-
if (ev.shiftKey) {
|
|
85
|
-
const $previousFocusableElement = UiDomUtils.getPreviousFocusableElement(document.activeElement);
|
|
86
|
-
if (this.contains($previousFocusableElement) && this.selectedColors.length > 0) {
|
|
87
|
-
ev.preventDefault();
|
|
88
|
-
this.selectedColors[0].focus();
|
|
89
|
-
}
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
const $nextFocusableElement = UiDomUtils.getNextFocusableElement(document.activeElement);
|
|
93
|
-
if (this.contains($nextFocusableElement) && this.selectedColors.length > 0) {
|
|
94
|
-
ev.preventDefault();
|
|
95
|
-
this.selectedColors[0].focus();
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
this._handleColorChange = ($colorItem) => {
|
|
17
|
+
this._handleColorClicked = ({ target }) => {
|
|
18
|
+
const $colorItem = target;
|
|
99
19
|
this._toggleColorItem($colorItem);
|
|
100
20
|
this._dispatchColorChangeEvent($colorItem);
|
|
101
21
|
};
|
|
@@ -132,8 +52,6 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
132
52
|
}
|
|
133
53
|
connectedCallback() {
|
|
134
54
|
super.connectedCallback();
|
|
135
|
-
this.setAttribute('role', this.multiple ? 'group' : 'radiogroup');
|
|
136
|
-
this._$colorSwatchesChildren = [...this.children];
|
|
137
55
|
this._setupEvents();
|
|
138
56
|
this._addCssClasses();
|
|
139
57
|
this.numberOfVisibleColors && this._hideItems(this.numberOfVisibleColors);
|
|
@@ -146,9 +64,11 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
146
64
|
this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorSwatches);
|
|
147
65
|
}
|
|
148
66
|
_hideItems(numberOfVisibleColors) {
|
|
67
|
+
var _a;
|
|
68
|
+
this._$colorSwatchesChildren = (_a = document.querySelector(COLOR_SWATCHES_TAG_NAME)) === null || _a === void 0 ? void 0 : _a.children;
|
|
149
69
|
if (!this._$colorSwatchesChildren)
|
|
150
70
|
return;
|
|
151
|
-
this._$colorSwatchesChildren.forEach(($colorSwatchesChild, index) => {
|
|
71
|
+
Array.from(this._$colorSwatchesChildren).forEach(($colorSwatchesChild, index) => {
|
|
152
72
|
if (index > numberOfVisibleColors - 1) {
|
|
153
73
|
$colorSwatchesChild.setAttribute(COLOR_SWATCHES_HIDDEN_ATTRIBUTE, '');
|
|
154
74
|
}
|
|
@@ -159,40 +79,17 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
159
79
|
var _a;
|
|
160
80
|
if (!this._$colorSwatchesChildren)
|
|
161
81
|
return;
|
|
162
|
-
this._$colorSwatchesChildren.forEach(($colorSwatchesChild) => {
|
|
82
|
+
Array.from(this._$colorSwatchesChildren).forEach(($colorSwatchesChild) => {
|
|
163
83
|
$colorSwatchesChild.removeAttribute(COLOR_SWATCHES_HIDDEN_ATTRIBUTE);
|
|
164
84
|
});
|
|
165
85
|
(_a = this.querySelector('h-color-swatches-show-more')) === null || _a === void 0 ? void 0 : _a.setAttribute(COLOR_SWATCHES_HIDDEN_ATTRIBUTE, '');
|
|
166
86
|
});
|
|
167
87
|
}
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
const $nextFocusableElement = UiDomUtils.getNextFocusableElement($colorItem);
|
|
171
|
-
let $nextColorItem;
|
|
172
|
-
if (!this.contains($nextFocusableElement)) {
|
|
173
|
-
$nextColorItem = UiDomUtils.getFocusableElement(this);
|
|
174
|
-
}
|
|
175
|
-
else {
|
|
176
|
-
$nextColorItem = $nextFocusableElement;
|
|
177
|
-
}
|
|
178
|
-
$nextColorItem.focus();
|
|
179
|
-
this._handleColorChange($nextColorItem);
|
|
180
|
-
}
|
|
181
|
-
_handleChangeToPreviousColorItem({ target }) {
|
|
182
|
-
const $colorItem = target;
|
|
183
|
-
const $previousFocusableElement = UiDomUtils.getPreviousFocusableElement($colorItem);
|
|
184
|
-
let $previousColorItem;
|
|
185
|
-
if (!this.contains($previousFocusableElement)) {
|
|
186
|
-
$previousColorItem = UiDomUtils.getLastFocusableElement(this);
|
|
187
|
-
}
|
|
188
|
-
else {
|
|
189
|
-
$previousColorItem = $previousFocusableElement;
|
|
190
|
-
}
|
|
191
|
-
$previousColorItem.focus();
|
|
192
|
-
this._handleColorChange($previousColorItem);
|
|
88
|
+
_setupEvents() {
|
|
89
|
+
this.addEventListener(COLOR_ITEM_EVENT_NAMES.selected, this._handleColorClicked);
|
|
193
90
|
}
|
|
194
91
|
_toggleColorItem($colorItem) {
|
|
195
|
-
this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this.
|
|
92
|
+
this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this._handleColorClickedForSingleMode($colorItem);
|
|
196
93
|
}
|
|
197
94
|
_handleColorClickedForMultipleMode($colorItem) {
|
|
198
95
|
!this._isColorAlreadyExistInArray($colorItem)
|
|
@@ -200,20 +97,17 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
200
97
|
: this._removeExistingColorFromArray($colorItem);
|
|
201
98
|
this._toggleSelectedAttribute($colorItem);
|
|
202
99
|
}
|
|
203
|
-
|
|
100
|
+
_handleColorClickedForSingleMode($colorItem) {
|
|
204
101
|
const $previouslySelected = this.selectedColors[0];
|
|
205
102
|
this._toggleSelectedAttribute($colorItem);
|
|
206
|
-
if ($previouslySelected && $previouslySelected !== $colorItem)
|
|
103
|
+
if ($previouslySelected && $previouslySelected !== $colorItem)
|
|
207
104
|
$previouslySelected.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE);
|
|
208
|
-
$previouslySelected.setAttribute('aria-checked', 'false');
|
|
209
|
-
}
|
|
210
105
|
this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
|
|
211
106
|
}
|
|
212
107
|
_toggleSelectedAttribute($colorItem) {
|
|
213
108
|
$colorItem.hasAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
|
|
214
109
|
? $colorItem.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
|
|
215
110
|
: $colorItem.setAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE, '');
|
|
216
|
-
$colorItem.setAttribute('aria-checked', 'true');
|
|
217
111
|
}
|
|
218
112
|
_isColorAlreadyExistInArray($colorItem) {
|
|
219
113
|
return this.selectedColors.includes($colorItem);
|
|
@@ -222,10 +116,6 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
222
116
|
const indexOfAlreadyExistingColor = this.selectedColors.indexOf($colorItem);
|
|
223
117
|
this.selectedColors.splice(indexOfAlreadyExistingColor, 1);
|
|
224
118
|
}
|
|
225
|
-
disconnectedCallback() {
|
|
226
|
-
super.disconnectedCallback();
|
|
227
|
-
document.body.removeEventListener('keydown', this._focusOnSelectedColor);
|
|
228
|
-
}
|
|
229
119
|
render() {
|
|
230
120
|
return html `
|
|
231
121
|
${this.getSlot('default')}
|
|
@@ -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;
|
|
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;"}
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const colorSwatchesBaseCssClass = 'color-swatches';
|
|
2
|
+
const COLOR_SWATCHES_TAG_NAME = 'h-color-swatches';
|
|
2
3
|
const COLOR_ITEM_TAG_NAME = 'h-color-item';
|
|
3
4
|
const COLOR_SWATCHES_CSS_CLASSES = {
|
|
4
5
|
colorSwatches: colorSwatchesBaseCssClass,
|
|
@@ -11,5 +12,5 @@ const COLOR_SWATCHES_EVENT_NAMES = {
|
|
|
11
12
|
};
|
|
12
13
|
const COLOR_SWATCHES_HIDDEN_ATTRIBUTE = 'hidden';
|
|
13
14
|
|
|
14
|
-
export { COLOR_ITEM_TAG_NAME, COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_EVENT_NAMES, COLOR_SWATCHES_HIDDEN_ATTRIBUTE };
|
|
15
|
+
export { COLOR_ITEM_TAG_NAME, COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_EVENT_NAMES, COLOR_SWATCHES_HIDDEN_ATTRIBUTE, COLOR_SWATCHES_TAG_NAME };
|
|
15
16
|
//# sourceMappingURL=color_swatches_constants.js.map
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
|
|
|
2
2
|
import { property } from 'lit/decorators';
|
|
3
3
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
4
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
5
|
-
import classnames from '
|
|
5
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
6
6
|
import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
|
|
7
7
|
import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
|
|
8
8
|
import { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
|
|
|
2
2
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
3
3
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
4
4
|
import { property } from '@lit/reactive-element/decorators.js';
|
|
5
|
-
import classnames from '
|
|
5
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
6
6
|
import { html } from 'lit-html';
|
|
7
7
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
8
8
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,7 +3,7 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import classnames from '
|
|
6
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
7
7
|
import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
|
|
8
8
|
import { COLOR_SWATCHES_CONTROL_CSS_CLASSES, COLOR_SWATCHES_CONTROL_EVENT_NAMES } from './color_swatches_control_constants.js';
|
|
9
9
|
import { COLOR_SWATCHES_EVENT_NAMES } from '../../color_swatches/color_swatches_constants.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,7 +3,7 @@ import { html, nothing } from 'lit';
|
|
|
3
3
|
import { property, state } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import classnames from '
|
|
6
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
7
7
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
8
8
|
import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
9
9
|
import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA,eAAe,wDAA4D;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
|
|
|
2
2
|
import { property } from 'lit/decorators';
|
|
3
3
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
4
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
5
|
-
import classnames from '
|
|
5
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
6
6
|
import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
|
|
7
7
|
import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
|
|
8
8
|
import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -20,12 +20,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
|
|
|
20
20
|
detail: event
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
|
-
this._handleMouseDownEvent = (event) => {
|
|
24
|
-
var _a, _b;
|
|
25
|
-
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
26
|
-
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
23
|
+
this._handleMouseDownEvent = (event) => { };
|
|
29
24
|
this._handleMouseUpEvent = (event) => {
|
|
30
25
|
var _a, _b;
|
|
31
26
|
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
@@ -38,12 +33,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
|
|
|
38
33
|
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
|
|
39
34
|
}
|
|
40
35
|
};
|
|
41
|
-
this._handleFocusEvent = (event) => {
|
|
42
|
-
var _a, _b;
|
|
43
|
-
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
44
|
-
(_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
36
|
+
this._handleFocusEvent = (event) => { };
|
|
47
37
|
this._handleKeyDownEvent = (event) => {
|
|
48
38
|
var _a, _b;
|
|
49
39
|
if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
|
|
|
2
2
|
import { property } from 'lit/decorators';
|
|
3
3
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
4
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
5
|
-
import classnames from '
|
|
5
|
+
import classnames from '../../../../../../external/classnames/index.js';
|
|
6
6
|
import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
|
|
7
7
|
import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
|
|
8
8
|
import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -12,7 +12,7 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
|
12
12
|
import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
|
|
13
13
|
import { BREAKPOINTS } from '../../../global_constants.js';
|
|
14
14
|
import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
15
|
-
import { when as n } from '../../../../../../external/lit
|
|
15
|
+
import { when as n } from '../../../../../../external/lit-html/directives/when.js';
|
|
16
16
|
import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
|
|
17
17
|
|
|
18
18
|
let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_cus
|
|
|
6
6
|
import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
|
|
7
7
|
import { Observer } from '../../../../../core/classes/observer/observer.js';
|
|
8
8
|
import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
|
|
9
|
-
import { when as n } from '../../../../../../../../external/lit
|
|
9
|
+
import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
|
|
10
10
|
import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
11
11
|
|
|
12
12
|
let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,9 +7,9 @@ import { ICONS_SIZES } from '../../../../icon/icon_constants.js';
|
|
|
7
7
|
import { Observer } from '../../../../../core/classes/observer/observer.js';
|
|
8
8
|
import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
|
|
9
9
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
10
|
-
import { when as n } from '../../../../../../../../external/lit
|
|
10
|
+
import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
|
|
11
11
|
import { SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
12
|
-
import { repeat as c } from '../../../../../../../../external/lit
|
|
12
|
+
import { repeat as c } from '../../../../../../../../external/lit-html/directives/repeat.js';
|
|
13
13
|
|
|
14
14
|
let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
|
|
15
15
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;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;"}
|
|
@@ -4,7 +4,7 @@ import { property } from 'lit/decorators';
|
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
|
|
6
6
|
import v4 from '../../../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
7
|
-
import { when as n } from '../../../../../../../../external/lit
|
|
7
|
+
import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
|
|
8
8
|
import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
9
9
|
import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,9 +3,9 @@ import { html } from 'lit';
|
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { when as n } from '../../../../../../../../external/lit
|
|
6
|
+
import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
|
|
7
7
|
import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
|
|
8
|
-
import { repeat as c } from '../../../../../../../../external/lit
|
|
8
|
+
import { repeat as c } from '../../../../../../../../external/lit-html/directives/repeat.js';
|
|
9
9
|
|
|
10
10
|
let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLitElement {
|
|
11
11
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;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;"}
|