@shoper/phoenix_design_system 0.18.0 → 0.18.2
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 → external/@dreamcommerce}/utilities/build/esm/json_utils.js +0 -0
- package/build/cjs/{packages → external/@dreamcommerce}/utilities/build/esm/json_utils.js.map +0 -0
- package/build/cjs/packages/phoenix/src/components/accordion/accordion.js +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +1 -1
- package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +13 -5
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +4 -1
- 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 +5 -3
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.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_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_element.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_errors.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/control/control_label.js +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_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js +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_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.js +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_content.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js +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_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_body.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_close.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_footer.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_header.js +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal_opener.js +1 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal.js +1 -1
- package/build/cjs/packages/phoenix/src/components/portal/portal_target.js +1 -1
- package/build/cjs/packages/phoenix/src/components/slider/slider.js +2 -2
- package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +3 -3
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element.js +51 -0
- package/build/cjs/packages/phoenix/src/{components/groups/toggle_button_group/toggle_button.js.map → core/phoenix_light_lit_element.js.map} +1 -1
- package/build/cjs/packages/phoenix/src/core/{phoenix_light_lit_element/phoenix_light_lit_elements_constants.js → phoenix_light_lit_elements_constants.js} +1 -5
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js.map +1 -0
- package/build/cjs/packages/phoenix/src/index.js +7 -21
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/{packages → external/@dreamcommerce}/utilities/build/esm/json_utils.js +0 -0
- package/build/esm/{packages → external/@dreamcommerce}/utilities/build/esm/json_utils.js.map +0 -0
- package/build/esm/packages/phoenix/src/components/accordion/accordion.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion.js +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +1 -1
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +6 -4
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +13 -5
- 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 +3 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +4 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +6 -4
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.d.ts +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_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_additional_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_additional_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_element.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_element.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_errors.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_errors.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_label.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/control/control_label.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input.d.ts +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_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_unit.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_unit.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.d.ts +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_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch.d.ts +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_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea.d.ts +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_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_body.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_body.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_close.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_close.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_footer.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_footer.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_header.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_header.js +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_opener.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal_opener.js +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal.js +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_target.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_target.js +1 -1
- package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/slider/slider.js +2 -2
- package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/btn_controller.d.ts +1 -1
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +3 -3
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.d.ts +1 -1
- package/build/esm/packages/phoenix/src/core/{phoenix_light_lit_element/phoenix_light_lit_element.d.ts → phoenix_light_lit_element.d.ts} +0 -7
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element.js +47 -0
- package/build/esm/packages/phoenix/src/{components/groups/toggle_button_group/toggle_button.js.map → core/phoenix_light_lit_element.js.map} +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.d.ts +1 -0
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_elements_constants.js +4 -0
- package/build/esm/packages/phoenix/src/core/{phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map → phoenix_light_lit_elements_constants.js.map} +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +2 -5
- package/build/esm/packages/phoenix/src/index.js +4 -6
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +1 -3
- package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js +0 -55
- package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js +0 -67
- package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js +0 -17
- package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +0 -86
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +0 -17
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +0 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map +0 -1
- package/build/cjs/packages/utilities/build/esm/web_components_utils.js +0 -18
- package/build/cjs/packages/utilities/build/esm/web_components_utils.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.d.ts +0 -10
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js +0 -53
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.d.ts +0 -12
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js +0 -65
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js +0 -11
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.d.ts +0 -6
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.js +0 -2
- package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +0 -82
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.d.ts +0 -4
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +0 -13
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.d.ts +0 -4
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js +0 -7
- package/build/esm/packages/utilities/build/esm/web_components_utils.js +0 -14
- package/build/esm/packages/utilities/build/esm/web_components_utils.js.map +0 -1
package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js
DELETED
|
@@ -1,67 +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 v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
9
|
-
var toggle_button_group_constants = require('./toggle_button_group_constants.js');
|
|
10
|
-
|
|
11
|
-
var HToggleButtonGroup_1;
|
|
12
|
-
exports.HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.toggleButtonsRegistry = [];
|
|
16
|
-
}
|
|
17
|
-
connectedCallback() {
|
|
18
|
-
super.connectedCallback();
|
|
19
|
-
if (!this.hasAttribute('role')) {
|
|
20
|
-
this.setAttribute('role', 'group');
|
|
21
|
-
}
|
|
22
|
-
this.addEventListener(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.connected, this._toggleButtonConnectedHandler);
|
|
23
|
-
this.addEventListener(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.clicked, this._toggleButtonClickHandler);
|
|
24
|
-
}
|
|
25
|
-
disconnectedCallback() {
|
|
26
|
-
super.disconnectedCallback();
|
|
27
|
-
this.toggleButtonsRegistry = [];
|
|
28
|
-
}
|
|
29
|
-
_toggleButtonConnectedHandler(event) {
|
|
30
|
-
event.stopPropagation();
|
|
31
|
-
const toggleButton = event.detail.target;
|
|
32
|
-
this._registerToggleButton(toggleButton);
|
|
33
|
-
if (toggleButton.getAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME) === '') {
|
|
34
|
-
this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
_registerToggleButton(toggleButton) {
|
|
38
|
-
toggleButton.setAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME, v4['default']());
|
|
39
|
-
this.toggleButtonsRegistry = [...this.toggleButtonsRegistry, toggleButton];
|
|
40
|
-
}
|
|
41
|
-
_toggleButtonClickHandler(event) {
|
|
42
|
-
event.stopPropagation();
|
|
43
|
-
const target = event.detail.target;
|
|
44
|
-
this._performSingleToggleOnActionOnToggleButtons(target);
|
|
45
|
-
this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
|
|
46
|
-
}
|
|
47
|
-
_performSingleToggleOnActionOnToggleButtons(toggleButton) {
|
|
48
|
-
this.toggleButtonsRegistry.forEach((element) => {
|
|
49
|
-
const canToggleOnButton = element.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME) ===
|
|
50
|
-
toggleButton.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME);
|
|
51
|
-
if (canToggleOnButton) {
|
|
52
|
-
element.setAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME, '');
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
element.removeAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME);
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
_emitSingleToggleOnModeToggleChange(value) {
|
|
59
|
-
const detail = { value };
|
|
60
|
-
this.dispatchEvent(new CustomEvent(toggle_button_group_constants.TOGGLE_BUTTON_GROUP_EVENT_NAMES.toggleChange, { bubbles: true, detail }));
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
exports.HToggleButtonGroup.DATA_TOGGLE_ID_ATTRIBUTE_NAME = 'data-toggle-button-id';
|
|
64
|
-
exports.HToggleButtonGroup = HToggleButtonGroup_1 = tslib_es6.__decorate([
|
|
65
|
-
phoenix_custom_element.phoenixCustomElement('h-toggle-button-group')
|
|
66
|
-
], exports.HToggleButtonGroup);
|
|
67
|
-
//# sourceMappingURL=toggle_button_group.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,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const TOGGLED_ON_ATTRIBUTE_NAME = 'toggled-on';
|
|
6
|
-
const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
|
|
7
|
-
toggleChange: 'toggleChange'
|
|
8
|
-
};
|
|
9
|
-
const TOGGLE_BUTTON_EVENT_NAMES = {
|
|
10
|
-
connected: 'toggleButtonConnected',
|
|
11
|
-
clicked: 'toggleButtonClicked'
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.TOGGLED_ON_ATTRIBUTE_NAME = TOGGLED_ON_ATTRIBUTE_NAME;
|
|
15
|
-
exports.TOGGLE_BUTTON_EVENT_NAMES = TOGGLE_BUTTON_EVENT_NAMES;
|
|
16
|
-
exports.TOGGLE_BUTTON_GROUP_EVENT_NAMES = TOGGLE_BUTTON_GROUP_EVENT_NAMES;
|
|
17
|
-
//# sourceMappingURL=toggle_button_group_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;"}
|
package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var phoenix_light_lit_elements_constants = require('./phoenix_light_lit_elements_constants.js');
|
|
6
|
-
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
7
|
-
var lit = require('lit');
|
|
8
|
-
var decorators = require('lit/decorators');
|
|
9
|
-
var phoenix_light_lit_element_utils = require('./phoenix_light_lit_element_utils.js');
|
|
10
|
-
|
|
11
|
-
class PhoenixLightLitElement extends lit.LitElement {
|
|
12
|
-
constructor() {
|
|
13
|
-
super(...arguments);
|
|
14
|
-
this._slots = {};
|
|
15
|
-
this.isWebComponentConnected = false;
|
|
16
|
-
this._handleComponentConnected = ({ detail }) => {
|
|
17
|
-
const connectedElement = detail.$el.tagName.toLowerCase();
|
|
18
|
-
if (this.childrenToWatch.includes(connectedElement)) {
|
|
19
|
-
const elToRemoveIndex = this.childrenToWatch.findIndex((tagName) => tagName === connectedElement);
|
|
20
|
-
this.childrenToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
|
|
21
|
-
}
|
|
22
|
-
if (!this.childrenToWatch.length) {
|
|
23
|
-
this.allChildrenConnected();
|
|
24
|
-
this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
firstUpdated(props) {
|
|
29
|
-
super.firstUpdated(props);
|
|
30
|
-
this._slots = this._assignSlots();
|
|
31
|
-
this.requestUpdate();
|
|
32
|
-
}
|
|
33
|
-
_setupChildrenWatch() {
|
|
34
|
-
this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
|
|
35
|
-
this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
36
|
-
}
|
|
37
|
-
_getComponentsNamesToWatch() {
|
|
38
|
-
return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
|
|
39
|
-
}
|
|
40
|
-
connectedCallback() {
|
|
41
|
-
super.connectedCallback();
|
|
42
|
-
this.dispatchEvent(new CustomEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, {
|
|
43
|
-
detail: {
|
|
44
|
-
$el: this
|
|
45
|
-
},
|
|
46
|
-
bubbles: true
|
|
47
|
-
}));
|
|
48
|
-
this._setupChildrenWatch();
|
|
49
|
-
}
|
|
50
|
-
allChildrenConnected() { }
|
|
51
|
-
_assignSlots() {
|
|
52
|
-
return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
|
|
53
|
-
var _a;
|
|
54
|
-
const slotName = $el.slot || phoenix_light_lit_elements_constants.DEFAULT_SLOT_NAME;
|
|
55
|
-
acc[slotName] = acc[slotName] || [];
|
|
56
|
-
acc[slotName].push(lit.html `${$el}`);
|
|
57
|
-
(_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
|
|
58
|
-
$el.removeAttribute('slot');
|
|
59
|
-
return acc;
|
|
60
|
-
}, this._slots);
|
|
61
|
-
}
|
|
62
|
-
getSlot(name) {
|
|
63
|
-
try {
|
|
64
|
-
return this._slots[name];
|
|
65
|
-
}
|
|
66
|
-
catch (_a) { }
|
|
67
|
-
return lit.nothing;
|
|
68
|
-
}
|
|
69
|
-
hasSlot(name) {
|
|
70
|
-
return !!this._slots[name];
|
|
71
|
-
}
|
|
72
|
-
createRenderRoot() {
|
|
73
|
-
return this;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
tslib_es6.__decorate([
|
|
77
|
-
decorators.state(),
|
|
78
|
-
tslib_es6.__metadata("design:type", Object)
|
|
79
|
-
], PhoenixLightLitElement.prototype, "_slots", void 0);
|
|
80
|
-
tslib_es6.__decorate([
|
|
81
|
-
decorators.property({ type: Boolean }),
|
|
82
|
-
tslib_es6.__metadata("design:type", Object)
|
|
83
|
-
], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
|
|
84
|
-
|
|
85
|
-
exports.PhoenixLightLitElement = PhoenixLightLitElement;
|
|
86
|
-
//# sourceMappingURL=phoenix_light_lit_element.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;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;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var web_components_utils = require('../../../../utilities/build/esm/web_components_utils.js');
|
|
6
|
-
|
|
7
|
-
class PhoenixLightLitElementUtils {
|
|
8
|
-
static getComponentsForWhichToWaitForConnection(components) {
|
|
9
|
-
return components.filter(($element) => (web_components_utils.WebComponentsUtils.isWebComponent($element) && !web_components_utils.WebComponentsUtils.isWebComponentDefined($element)) ||
|
|
10
|
-
(web_components_utils.WebComponentsUtils.isWebComponent($element) &&
|
|
11
|
-
web_components_utils.WebComponentsUtils.isWebComponentDefined($element) &&
|
|
12
|
-
!$element.isWebComponentConnected));
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.PhoenixLightLitElementUtils = PhoenixLightLitElementUtils;
|
|
17
|
-
//# sourceMappingURL=phoenix_light_lit_element_utils.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;"}
|
|
@@ -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;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
class WebComponentsUtils {
|
|
6
|
-
static isWebComponentDefined($element) {
|
|
7
|
-
if (!this.isWebComponent($element))
|
|
8
|
-
return false;
|
|
9
|
-
const customElementClass = window.customElements.get($element.tagName.toLowerCase());
|
|
10
|
-
return !!customElementClass && $element instanceof customElementClass;
|
|
11
|
-
}
|
|
12
|
-
static isWebComponent($element) {
|
|
13
|
-
return $element.tagName.includes('-');
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.WebComponentsUtils = WebComponentsUtils;
|
|
18
|
-
//# sourceMappingURL=web_components_utils.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;"}
|
package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { PropertyValues } from 'lit';
|
|
2
|
-
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
|
-
export declare class HToggleButton extends PhoenixLightLitElement {
|
|
4
|
-
toggledOn: boolean;
|
|
5
|
-
willUpdate(propertyValues: PropertyValues): void;
|
|
6
|
-
connectedCallback(): void;
|
|
7
|
-
private _emmitComponentConnected;
|
|
8
|
-
private _componentClickHandler;
|
|
9
|
-
private _emitComponentClickedCustomEvent;
|
|
10
|
-
}
|
package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import 'lit';
|
|
3
|
-
import { property } 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 { TOGGLE_BUTTON_EVENT_NAMES, TOGGLED_ON_ATTRIBUTE_NAME } from './toggle_button_group_constants.js';
|
|
7
|
-
|
|
8
|
-
let HToggleButton = class HToggleButton extends PhoenixLightLitElement {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.toggledOn = false;
|
|
12
|
-
}
|
|
13
|
-
willUpdate(propertyValues) {
|
|
14
|
-
var _a;
|
|
15
|
-
if (propertyValues.has('toggledOn')) {
|
|
16
|
-
(_a = this.firstElementChild) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', this.toggledOn.toString());
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
connectedCallback() {
|
|
20
|
-
super.connectedCallback();
|
|
21
|
-
if (!this.hasAttribute('role')) {
|
|
22
|
-
this.setAttribute('role', 'presentation');
|
|
23
|
-
}
|
|
24
|
-
this.addEventListener('click', this._componentClickHandler);
|
|
25
|
-
this._emmitComponentConnected();
|
|
26
|
-
}
|
|
27
|
-
_emmitComponentConnected() {
|
|
28
|
-
const detail = {
|
|
29
|
-
target: this
|
|
30
|
-
};
|
|
31
|
-
this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.connected, { bubbles: true, detail }));
|
|
32
|
-
}
|
|
33
|
-
_componentClickHandler(event) {
|
|
34
|
-
event.stopPropagation();
|
|
35
|
-
this._emitComponentClickedCustomEvent();
|
|
36
|
-
}
|
|
37
|
-
_emitComponentClickedCustomEvent() {
|
|
38
|
-
const detail = {
|
|
39
|
-
target: this
|
|
40
|
-
};
|
|
41
|
-
this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.clicked, { bubbles: true, detail }));
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
__decorate([
|
|
45
|
-
property({ type: Boolean, attribute: TOGGLED_ON_ATTRIBUTE_NAME }),
|
|
46
|
-
__metadata("design:type", Object)
|
|
47
|
-
], HToggleButton.prototype, "toggledOn", void 0);
|
|
48
|
-
HToggleButton = __decorate([
|
|
49
|
-
phoenixCustomElement('h-toggle-button')
|
|
50
|
-
], HToggleButton);
|
|
51
|
-
|
|
52
|
-
export { HToggleButton };
|
|
53
|
-
//# sourceMappingURL=toggle_button.js.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
-
export declare class HToggleButtonGroup extends PhoenixLightLitElement {
|
|
3
|
-
private static readonly DATA_TOGGLE_ID_ATTRIBUTE_NAME;
|
|
4
|
-
private toggleButtonsRegistry;
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
disconnectedCallback(): void;
|
|
7
|
-
private _toggleButtonConnectedHandler;
|
|
8
|
-
private _registerToggleButton;
|
|
9
|
-
private _toggleButtonClickHandler;
|
|
10
|
-
private _performSingleToggleOnActionOnToggleButtons;
|
|
11
|
-
private _emitSingleToggleOnModeToggleChange;
|
|
12
|
-
}
|
package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { __decorate } 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 v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
|
|
5
|
-
import { TOGGLE_BUTTON_EVENT_NAMES, TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_GROUP_EVENT_NAMES } from './toggle_button_group_constants.js';
|
|
6
|
-
|
|
7
|
-
var HToggleButtonGroup_1;
|
|
8
|
-
let HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends PhoenixLightLitElement {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.toggleButtonsRegistry = [];
|
|
12
|
-
}
|
|
13
|
-
connectedCallback() {
|
|
14
|
-
super.connectedCallback();
|
|
15
|
-
if (!this.hasAttribute('role')) {
|
|
16
|
-
this.setAttribute('role', 'group');
|
|
17
|
-
}
|
|
18
|
-
this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.connected, this._toggleButtonConnectedHandler);
|
|
19
|
-
this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.clicked, this._toggleButtonClickHandler);
|
|
20
|
-
}
|
|
21
|
-
disconnectedCallback() {
|
|
22
|
-
super.disconnectedCallback();
|
|
23
|
-
this.toggleButtonsRegistry = [];
|
|
24
|
-
}
|
|
25
|
-
_toggleButtonConnectedHandler(event) {
|
|
26
|
-
event.stopPropagation();
|
|
27
|
-
const toggleButton = event.detail.target;
|
|
28
|
-
this._registerToggleButton(toggleButton);
|
|
29
|
-
if (toggleButton.getAttribute(TOGGLED_ON_ATTRIBUTE_NAME) === '') {
|
|
30
|
-
this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
_registerToggleButton(toggleButton) {
|
|
34
|
-
toggleButton.setAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME, v4());
|
|
35
|
-
this.toggleButtonsRegistry = [...this.toggleButtonsRegistry, toggleButton];
|
|
36
|
-
}
|
|
37
|
-
_toggleButtonClickHandler(event) {
|
|
38
|
-
event.stopPropagation();
|
|
39
|
-
const target = event.detail.target;
|
|
40
|
-
this._performSingleToggleOnActionOnToggleButtons(target);
|
|
41
|
-
this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
|
|
42
|
-
}
|
|
43
|
-
_performSingleToggleOnActionOnToggleButtons(toggleButton) {
|
|
44
|
-
this.toggleButtonsRegistry.forEach((element) => {
|
|
45
|
-
const canToggleOnButton = element.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME) ===
|
|
46
|
-
toggleButton.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME);
|
|
47
|
-
if (canToggleOnButton) {
|
|
48
|
-
element.setAttribute(TOGGLED_ON_ATTRIBUTE_NAME, '');
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
element.removeAttribute(TOGGLED_ON_ATTRIBUTE_NAME);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
_emitSingleToggleOnModeToggleChange(value) {
|
|
55
|
-
const detail = { value };
|
|
56
|
-
this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_GROUP_EVENT_NAMES.toggleChange, { bubbles: true, detail }));
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
HToggleButtonGroup.DATA_TOGGLE_ID_ATTRIBUTE_NAME = 'data-toggle-button-id';
|
|
60
|
-
HToggleButtonGroup = HToggleButtonGroup_1 = __decorate([
|
|
61
|
-
phoenixCustomElement('h-toggle-button-group')
|
|
62
|
-
], HToggleButtonGroup);
|
|
63
|
-
|
|
64
|
-
export { HToggleButtonGroup };
|
|
65
|
-
//# sourceMappingURL=toggle_button_group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;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;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const TOGGLED_ON_ATTRIBUTE_NAME = "toggled-on";
|
|
2
|
-
export declare const TOGGLE_BUTTON_GROUP_EVENT_NAMES: {
|
|
3
|
-
readonly toggleChange: "toggleChange";
|
|
4
|
-
};
|
|
5
|
-
export declare const TOGGLE_BUTTON_EVENT_NAMES: {
|
|
6
|
-
readonly connected: "toggleButtonConnected";
|
|
7
|
-
readonly clicked: "toggleButtonClicked";
|
|
8
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const TOGGLED_ON_ATTRIBUTE_NAME = 'toggled-on';
|
|
2
|
-
const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
|
|
3
|
-
toggleChange: 'toggleChange'
|
|
4
|
-
};
|
|
5
|
-
const TOGGLE_BUTTON_EVENT_NAMES = {
|
|
6
|
-
connected: 'toggleButtonConnected',
|
|
7
|
-
clicked: 'toggleButtonClicked'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_EVENT_NAMES, TOGGLE_BUTTON_GROUP_EVENT_NAMES };
|
|
11
|
-
//# sourceMappingURL=toggle_button_group_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;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggle_button_group_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/groups/toggle_button_group/toggle_button_group_types.ts"],"names":[],"mappings":""}
|
package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES, DEFAULT_SLOT_NAME } from './phoenix_light_lit_elements_constants.js';
|
|
2
|
-
import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
|
|
3
|
-
import { LitElement, html, nothing } from 'lit';
|
|
4
|
-
import { state, property } from 'lit/decorators';
|
|
5
|
-
import { PhoenixLightLitElementUtils } from './phoenix_light_lit_element_utils.js';
|
|
6
|
-
|
|
7
|
-
class PhoenixLightLitElement extends LitElement {
|
|
8
|
-
constructor() {
|
|
9
|
-
super(...arguments);
|
|
10
|
-
this._slots = {};
|
|
11
|
-
this.isWebComponentConnected = false;
|
|
12
|
-
this._handleComponentConnected = ({ detail }) => {
|
|
13
|
-
const connectedElement = detail.$el.tagName.toLowerCase();
|
|
14
|
-
if (this.childrenToWatch.includes(connectedElement)) {
|
|
15
|
-
const elToRemoveIndex = this.childrenToWatch.findIndex((tagName) => tagName === connectedElement);
|
|
16
|
-
this.childrenToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
|
|
17
|
-
}
|
|
18
|
-
if (!this.childrenToWatch.length) {
|
|
19
|
-
this.allChildrenConnected();
|
|
20
|
-
this.removeEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
firstUpdated(props) {
|
|
25
|
-
super.firstUpdated(props);
|
|
26
|
-
this._slots = this._assignSlots();
|
|
27
|
-
this.requestUpdate();
|
|
28
|
-
}
|
|
29
|
-
_setupChildrenWatch() {
|
|
30
|
-
this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
|
|
31
|
-
this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
32
|
-
}
|
|
33
|
-
_getComponentsNamesToWatch() {
|
|
34
|
-
return PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
|
|
35
|
-
}
|
|
36
|
-
connectedCallback() {
|
|
37
|
-
super.connectedCallback();
|
|
38
|
-
this.dispatchEvent(new CustomEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, {
|
|
39
|
-
detail: {
|
|
40
|
-
$el: this
|
|
41
|
-
},
|
|
42
|
-
bubbles: true
|
|
43
|
-
}));
|
|
44
|
-
this._setupChildrenWatch();
|
|
45
|
-
}
|
|
46
|
-
allChildrenConnected() { }
|
|
47
|
-
_assignSlots() {
|
|
48
|
-
return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
|
|
49
|
-
var _a;
|
|
50
|
-
const slotName = $el.slot || DEFAULT_SLOT_NAME;
|
|
51
|
-
acc[slotName] = acc[slotName] || [];
|
|
52
|
-
acc[slotName].push(html `${$el}`);
|
|
53
|
-
(_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
|
|
54
|
-
$el.removeAttribute('slot');
|
|
55
|
-
return acc;
|
|
56
|
-
}, this._slots);
|
|
57
|
-
}
|
|
58
|
-
getSlot(name) {
|
|
59
|
-
try {
|
|
60
|
-
return this._slots[name];
|
|
61
|
-
}
|
|
62
|
-
catch (_a) { }
|
|
63
|
-
return nothing;
|
|
64
|
-
}
|
|
65
|
-
hasSlot(name) {
|
|
66
|
-
return !!this._slots[name];
|
|
67
|
-
}
|
|
68
|
-
createRenderRoot() {
|
|
69
|
-
return this;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
__decorate([
|
|
73
|
-
state(),
|
|
74
|
-
__metadata("design:type", Object)
|
|
75
|
-
], PhoenixLightLitElement.prototype, "_slots", void 0);
|
|
76
|
-
__decorate([
|
|
77
|
-
property({ type: Boolean }),
|
|
78
|
-
__metadata("design:type", Object)
|
|
79
|
-
], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
|
|
80
|
-
|
|
81
|
-
export { PhoenixLightLitElement };
|
|
82
|
-
//# sourceMappingURL=phoenix_light_lit_element.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,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;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { WebComponentsUtils } from '../../../../utilities/build/esm/web_components_utils.js';
|
|
2
|
-
|
|
3
|
-
class PhoenixLightLitElementUtils {
|
|
4
|
-
static getComponentsForWhichToWaitForConnection(components) {
|
|
5
|
-
return components.filter(($element) => (WebComponentsUtils.isWebComponent($element) && !WebComponentsUtils.isWebComponentDefined($element)) ||
|
|
6
|
-
(WebComponentsUtils.isWebComponent($element) &&
|
|
7
|
-
WebComponentsUtils.isWebComponentDefined($element) &&
|
|
8
|
-
!$element.isWebComponentConnected));
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { PhoenixLightLitElementUtils };
|
|
13
|
-
//# sourceMappingURL=phoenix_light_lit_element_utils.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,14 +0,0 @@
|
|
|
1
|
-
class WebComponentsUtils {
|
|
2
|
-
static isWebComponentDefined($element) {
|
|
3
|
-
if (!this.isWebComponent($element))
|
|
4
|
-
return false;
|
|
5
|
-
const customElementClass = window.customElements.get($element.tagName.toLowerCase());
|
|
6
|
-
return !!customElementClass && $element instanceof customElementClass;
|
|
7
|
-
}
|
|
8
|
-
static isWebComponent($element) {
|
|
9
|
-
return $element.tagName.includes('-');
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { WebComponentsUtils };
|
|
14
|
-
//# sourceMappingURL=web_components_utils.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;"}
|