@shoper/phoenix_design_system 0.22.2-2 → 0.22.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/{external → packages/phoenix/external}/classnames/index.js +16 -10
- package/build/cjs/{external → packages/phoenix/external}/classnames/index.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +32 -23
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -4
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +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/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/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/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/slider/slider.js +2 -2
- package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +13 -47
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +4 -10
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js +1 -3
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +0 -23
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/cjs/packages/utilities/build/esm/json_utils.js +25 -0
- package/build/{esm/packages/phoenix/src/components/tabs/tab_panel.js.map → cjs/packages/utilities/build/esm/json_utils.js.map} +1 -1
- package/build/cjs/packages/utilities/build/esm/web_components_utils.js +18 -0
- package/build/cjs/packages/{phoenix/src/components/tabs/tabs_constants.js.map → utilities/build/esm/web_components_utils.js.map} +1 -1
- package/build/esm/{external → packages/phoenix/external}/classnames/index.js +16 -10
- package/build/esm/{external → packages/phoenix/external}/classnames/index.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +5 -0
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +32 -23
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -4
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +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/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/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/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/slider/slider.js +1 -1
- package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts +1 -8
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +13 -47
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.d.ts +0 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +1 -7
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +1 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.d.ts +1 -2
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js +1 -3
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +0 -4
- package/build/esm/packages/phoenix/src/index.js +0 -4
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/packages/utilities/build/esm/json_utils.js +21 -0
- package/build/esm/packages/utilities/build/esm/json_utils.js.map +1 -0
- package/build/esm/packages/utilities/build/esm/web_components_utils.js +14 -0
- package/build/{cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js.map → esm/packages/utilities/build/esm/web_components_utils.js.map} +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +0 -74
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js +0 -12
- package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js +0 -31
- package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +0 -108
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +0 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tabs_constants.js +0 -10
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts +0 -14
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +0 -72
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js +0 -7
- package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js +0 -29
- package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +0 -16
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js +0 -106
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js +0 -6
- package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +0 -2
- package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +0 -1
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _commonjsHelpers = require('
|
|
5
|
+
var _commonjsHelpers = require('../../../../_virtual/_commonjsHelpers.js');
|
|
6
6
|
|
|
7
7
|
/*!
|
|
8
|
-
Copyright (c)
|
|
8
|
+
Copyright (c) 2018 Jed Watson.
|
|
9
9
|
Licensed under the MIT License (MIT), see
|
|
10
10
|
http://jedwatson.github.io/classnames
|
|
11
11
|
*/
|
|
@@ -17,7 +17,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
17
17
|
|
|
18
18
|
var hasOwn = {}.hasOwnProperty;
|
|
19
19
|
|
|
20
|
-
function classNames
|
|
20
|
+
function classNames() {
|
|
21
21
|
var classes = [];
|
|
22
22
|
|
|
23
23
|
for (var i = 0; i < arguments.length; i++) {
|
|
@@ -28,16 +28,22 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
28
28
|
|
|
29
29
|
if (argType === 'string' || argType === 'number') {
|
|
30
30
|
classes.push(arg);
|
|
31
|
-
} else if (Array.isArray(arg)
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
} else if (Array.isArray(arg)) {
|
|
32
|
+
if (arg.length) {
|
|
33
|
+
var inner = classNames.apply(null, arg);
|
|
34
|
+
if (inner) {
|
|
35
|
+
classes.push(inner);
|
|
36
|
+
}
|
|
35
37
|
}
|
|
36
38
|
} else if (argType === 'object') {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
if (arg.toString === Object.prototype.toString) {
|
|
40
|
+
for (var key in arg) {
|
|
41
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
|
42
|
+
classes.push(key);
|
|
43
|
+
}
|
|
40
44
|
}
|
|
45
|
+
} else {
|
|
46
|
+
classes.push(arg.toString());
|
|
41
47
|
}
|
|
42
48
|
}
|
|
43
49
|
}
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -15,6 +15,13 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
15
15
|
constructor() {
|
|
16
16
|
super();
|
|
17
17
|
this.transitionName = 'accordion-toggle';
|
|
18
|
+
this._setStylingOptions = () => {
|
|
19
|
+
this.style.setProperty('display', 'block', 'important');
|
|
20
|
+
this.style.height = 'auto';
|
|
21
|
+
this._originalHeight = `${this.getBoundingClientRect().height}px`;
|
|
22
|
+
this.style.display = '';
|
|
23
|
+
this.style.height = this._originalHeight;
|
|
24
|
+
};
|
|
18
25
|
this._expand = () => {
|
|
19
26
|
this._setHeight(this._originalHeight);
|
|
20
27
|
};
|
|
@@ -29,12 +36,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
29
36
|
this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
|
|
30
37
|
this._setStylingOptions();
|
|
31
38
|
this._subscribeObserver();
|
|
32
|
-
|
|
33
|
-
_setStylingOptions() {
|
|
34
|
-
this.style.setProperty('display', 'block', 'important');
|
|
35
|
-
this._originalHeight = `${this.getBoundingClientRect().height}px`;
|
|
36
|
-
this.style.display = '';
|
|
37
|
-
this.style.height = this._originalHeight;
|
|
39
|
+
window.addEventListener('resize', this._setStylingOptions);
|
|
38
40
|
}
|
|
39
41
|
async _subscribeObserver() {
|
|
40
42
|
this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
|
|
@@ -54,6 +56,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
54
56
|
disconnectedCallback() {
|
|
55
57
|
super.disconnectedCallback();
|
|
56
58
|
this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
|
|
59
|
+
window.removeEventListener('resize', this._setStylingOptions);
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
tslib_es6.__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
+
require('lit');
|
|
6
7
|
var decorators = require('lit/decorators');
|
|
7
|
-
var utilities = require('@dreamcommerce/utilities');
|
|
8
8
|
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
10
10
|
var portal_constants = require('../portal/portal_constants.js');
|
|
11
11
|
var litHtml = require('lit-html');
|
|
12
12
|
var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
|
|
13
13
|
var decorators_js = require('@lit/reactive-element/decorators.js');
|
|
14
|
+
var ref_js = require('lit-html/directives/ref.js');
|
|
14
15
|
var global_constants = require('../../global_constants.js');
|
|
15
16
|
var dropdown_constants = require('./dropdown_constants.js');
|
|
16
17
|
var relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
|
|
@@ -29,7 +30,10 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
29
30
|
this.transition = 'direction';
|
|
30
31
|
this.portalTarget = dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME;
|
|
31
32
|
this._backdropController = new backdrop_controller.BackdropController();
|
|
33
|
+
this._firstFocusableElement = undefined;
|
|
32
34
|
this._lastFocusableElement = undefined;
|
|
35
|
+
this._focusSentinelStart = ref_js.createRef();
|
|
36
|
+
this._focusSentinelEnd = ref_js.createRef();
|
|
33
37
|
this._handleClickOutside = async (target) => {
|
|
34
38
|
var _a, _b;
|
|
35
39
|
if (!this.opened)
|
|
@@ -55,13 +59,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
55
59
|
}, 0);
|
|
56
60
|
const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
|
|
57
61
|
setTimeout(() => {
|
|
58
|
-
var _a, _b
|
|
62
|
+
var _a, _b;
|
|
59
63
|
this._dispatchShowDropdownEvent();
|
|
60
64
|
(_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
|
|
61
65
|
this._toggleScroll();
|
|
62
|
-
|
|
63
|
-
this._lastFocusableElement = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.lastElementChild;
|
|
64
|
-
this._focusOnNextSibling((_c = this.$dropdownContent) === null || _c === void 0 ? void 0 : _c.firstElementChild);
|
|
66
|
+
(_b = this._firstFocusableElement) === null || _b === void 0 ? void 0 : _b.focus();
|
|
65
67
|
resolve();
|
|
66
68
|
}, transitionDuration);
|
|
67
69
|
});
|
|
@@ -135,16 +137,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
135
137
|
this._handleFocusWithinDropdown = async (ev) => {
|
|
136
138
|
var _a;
|
|
137
139
|
const hasTabBeenPressed = ev.key.toLowerCase() === 'tab';
|
|
138
|
-
if (hasTabBeenPressed
|
|
139
|
-
ev.
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
140
|
+
if (hasTabBeenPressed) {
|
|
141
|
+
if (ev.shiftKey) {
|
|
142
|
+
if (document.activeElement === this._firstFocusableElement) {
|
|
143
|
+
(_a = this._lastFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
144
|
+
ev.preventDefault();
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
else if (document.activeElement === this._lastFocusableElement) {
|
|
148
|
+
ev.preventDefault();
|
|
149
|
+
this._focusOnNextSibling(this);
|
|
150
|
+
await this._hideDropdownsSequentially();
|
|
151
|
+
}
|
|
148
152
|
}
|
|
149
153
|
};
|
|
150
154
|
this._hoverToggle = async (ev) => {
|
|
@@ -203,6 +207,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
203
207
|
this._setupListeners();
|
|
204
208
|
this._setupInitialDropdownProperties();
|
|
205
209
|
}
|
|
210
|
+
firstUpdated(props) {
|
|
211
|
+
super.firstUpdated(props);
|
|
212
|
+
this._firstFocusableElement = this._focusSentinelStart.value;
|
|
213
|
+
this._lastFocusableElement = this._focusSentinelEnd.value;
|
|
214
|
+
}
|
|
206
215
|
static _appendDropdownPortal() {
|
|
207
216
|
const $dropdownPortalTarget = document.querySelector(`[name="${dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME}"]`);
|
|
208
217
|
if (!$dropdownPortalTarget) {
|
|
@@ -249,12 +258,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
249
258
|
el.focus();
|
|
250
259
|
if (el === document.activeElement)
|
|
251
260
|
return;
|
|
252
|
-
|
|
253
|
-
this._focusOnNextSibling(el.firstElementChild);
|
|
254
|
-
return;
|
|
255
|
-
}
|
|
256
|
-
if (el.nextElementSibling)
|
|
257
|
-
this._focusOnNextSibling(el.nextElementSibling);
|
|
261
|
+
this._focusOnNextSibling(el.nextElementSibling);
|
|
258
262
|
}
|
|
259
263
|
_isHoveredWithinDropdown(element) {
|
|
260
264
|
var _a;
|
|
@@ -262,8 +266,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
262
266
|
return true;
|
|
263
267
|
if (element === this.$dropdownContent)
|
|
264
268
|
return true;
|
|
265
|
-
const isDescendantOfDropdown = element.closest(`${dropdown_constants.DROPDOWN_CONTAINER_NAME}[name="${this.name}"]`) !== null
|
|
266
|
-
element.closest(`${dropdown_constants.DROPDOWN_CONTENT_NAME}[name="${this.name}"]`) !== null;
|
|
269
|
+
const isDescendantOfDropdown = element.closest(`${dropdown_constants.DROPDOWN_CONTAINER_NAME}[name="${this.name}"]`) !== null;
|
|
267
270
|
if (isDescendantOfDropdown)
|
|
268
271
|
return true;
|
|
269
272
|
const $closestDropdownContent = element.closest(dropdown_constants.DROPDOWN_CONTENT_NAME);
|
|
@@ -300,7 +303,9 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
|
|
|
300
303
|
return litHtml.html `
|
|
301
304
|
${this.getSlot('toggler')}
|
|
302
305
|
<h-portal ?disabled="${!this.opened}" @portal.open="${this._positionDropdownContent}" to="${this.portalTarget}" hidden>
|
|
306
|
+
<div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
|
|
303
307
|
${this.getSlot('content')}
|
|
308
|
+
<div tabindex="0" ${ref_js.ref(this._focusSentinelEnd)}></div>
|
|
304
309
|
</h-portal>
|
|
305
310
|
`;
|
|
306
311
|
}
|
|
@@ -329,6 +334,10 @@ tslib_es6.__decorate([
|
|
|
329
334
|
decorators_js.property({ type: String }),
|
|
330
335
|
tslib_es6.__metadata("design:type", Object)
|
|
331
336
|
], exports.HDropdown.prototype, "portalTarget", void 0);
|
|
337
|
+
tslib_es6.__decorate([
|
|
338
|
+
decorators.state(),
|
|
339
|
+
tslib_es6.__metadata("design:type", Object)
|
|
340
|
+
], exports.HDropdown.prototype, "_firstFocusableElement", void 0);
|
|
332
341
|
tslib_es6.__decorate([
|
|
333
342
|
decorators.state(),
|
|
334
343
|
tslib_es6.__metadata("design:type", Object)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -22,10 +22,7 @@ exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_elem
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
super.render();
|
|
25
|
-
return lit.html `
|
|
26
|
-
<div role="dialog">${this.getSlot('content')}</div>
|
|
27
|
-
<div tabindex="0" aria-hidden="true"></div>
|
|
28
|
-
`;
|
|
25
|
+
return lit.html ` <div role="dialog">${this.getSlot('content')}</div> `;
|
|
29
26
|
}
|
|
30
27
|
};
|
|
31
28
|
tslib_es6.__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -18,7 +18,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
|
|
|
18
18
|
this._dispatchToggleDropdownEvent = (ev) => {
|
|
19
19
|
ev.preventDefault();
|
|
20
20
|
ev.stopImmediatePropagation();
|
|
21
|
-
const toggleDropdownEvent = new
|
|
21
|
+
const toggleDropdownEvent = new Event(dropdown_constants.DROPDOWN_EVENTS.toggle, {
|
|
22
22
|
bubbles: true
|
|
23
23
|
});
|
|
24
24
|
this.dispatchEvent(toggleDropdownEvent);
|
|
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
|
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
10
10
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
11
|
-
var index = require('
|
|
11
|
+
var index = require('../../../../external/classnames/index.js');
|
|
12
12
|
var checkbox_constants = require('./checkbox_constants.js');
|
|
13
13
|
|
|
14
14
|
exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
|
|
|
8
8
|
var litHtml = require('lit-html');
|
|
9
9
|
var decorators_js = require('@lit/reactive-element/decorators.js');
|
|
10
10
|
var ref_js = require('lit-html/directives/ref.js');
|
|
11
|
-
var index = require('
|
|
11
|
+
var index = require('../../../../external/classnames/index.js');
|
|
12
12
|
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
13
13
|
var ifDefined_js = require('lit-html/directives/if-defined.js');
|
|
14
14
|
var checkbox_constants = require('./checkbox_constants.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -9,7 +9,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
|
|
|
9
9
|
var input_constants = require('./input_constants.js');
|
|
10
10
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
11
11
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
12
|
-
var index = require('
|
|
12
|
+
var index = require('../../../../external/classnames/index.js');
|
|
13
13
|
|
|
14
14
|
exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
15
15
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
|
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
10
10
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
11
|
-
var index = require('
|
|
11
|
+
var index = require('../../../../external/classnames/index.js');
|
|
12
12
|
var checkbox_constants = require('../checkbox/checkbox_constants.js');
|
|
13
13
|
var radio_constants = require('./radio_constants.js');
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
|
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
10
10
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
11
|
-
var index = require('
|
|
11
|
+
var index = require('../../../../external/classnames/index.js');
|
|
12
12
|
var checkbox_constants = require('../checkbox/checkbox_constants.js');
|
|
13
13
|
var switch_constants = require('./switch_constants.js');
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
|
|
|
8
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
|
|
10
10
|
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
11
|
-
var index = require('
|
|
11
|
+
var index = require('../../../../external/classnames/index.js');
|
|
12
12
|
var textarea_constants = require('./textarea_constants.js');
|
|
13
13
|
|
|
14
14
|
exports.HTextarea = class HTextarea extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
6
|
var decorators = require('lit/decorators');
|
|
7
|
-
var
|
|
7
|
+
var json_utils = require('../../../../utilities/build/esm/json_utils.js');
|
|
8
8
|
var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
9
|
var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
|
|
10
10
|
var splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
|
|
@@ -25,7 +25,7 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
25
25
|
connectedCallback() {
|
|
26
26
|
var _a;
|
|
27
27
|
if (this.settings) {
|
|
28
|
-
this._settings = (_a =
|
|
28
|
+
this._settings = (_a = json_utils.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
|
|
29
29
|
}
|
|
30
30
|
this._slider = new splide_esm.Splide(`#${this.id}`, this._settings);
|
|
31
31
|
if (this._settings.mountOnConnectedCallback) {
|
package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js
CHANGED
|
@@ -20,7 +20,7 @@ class VisibilityController {
|
|
|
20
20
|
tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
|
|
21
21
|
}
|
|
22
22
|
_setVisibilityValue() {
|
|
23
|
-
const isVisible = this._isVisibleBasedOnCssStyle()
|
|
23
|
+
const isVisible = this._isVisibleBasedOnCssStyle();
|
|
24
24
|
isVisible ? this.show() : this.hide();
|
|
25
25
|
}
|
|
26
26
|
_isVisibleBasedOnCssStyle() {
|
package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js
CHANGED
|
@@ -13,71 +13,41 @@ class PhoenixLightLitElement extends lit.LitElement {
|
|
|
13
13
|
super(...arguments);
|
|
14
14
|
this._slots = {};
|
|
15
15
|
this.isWebComponentConnected = false;
|
|
16
|
-
this.isWebComponentRendered = false;
|
|
17
|
-
this._childrenForConnectionToWatch = [];
|
|
18
|
-
this._childrenForRenderToWatch = [];
|
|
19
16
|
this._handleComponentConnected = ({ detail }) => {
|
|
20
17
|
const connectedElement = detail.$el.tagName.toLowerCase();
|
|
21
|
-
if (this.
|
|
22
|
-
const elToRemoveIndex = this.
|
|
23
|
-
this.
|
|
18
|
+
if (this.childrenToWatch.includes(connectedElement)) {
|
|
19
|
+
const elToRemoveIndex = this.childrenToWatch.findIndex((tagName) => tagName === connectedElement);
|
|
20
|
+
this.childrenToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
|
|
24
21
|
}
|
|
25
|
-
if (!this.
|
|
22
|
+
if (!this.childrenToWatch.length) {
|
|
26
23
|
this.allChildrenConnected();
|
|
27
24
|
this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
28
25
|
}
|
|
29
26
|
};
|
|
30
|
-
this._handleComponentRendered = ({ detail }) => {
|
|
31
|
-
const renderedElement = detail.$el.tagName.toLowerCase();
|
|
32
|
-
if (this._childrenForRenderToWatch.includes(renderedElement)) {
|
|
33
|
-
const elToRemoveIndex = this._childrenForRenderToWatch.findIndex((tagName) => tagName === renderedElement);
|
|
34
|
-
this._childrenForRenderToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
|
|
35
|
-
}
|
|
36
|
-
if (!this._childrenForRenderToWatch.length) {
|
|
37
|
-
this.allChildrenRendered();
|
|
38
|
-
this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentConnected);
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
this._dispatchLifecycleEvent = (eventName) => {
|
|
42
|
-
this.dispatchEvent(new CustomEvent(eventName, {
|
|
43
|
-
detail: {
|
|
44
|
-
$el: this
|
|
45
|
-
},
|
|
46
|
-
bubbles: true
|
|
47
|
-
}));
|
|
48
|
-
};
|
|
49
27
|
}
|
|
50
28
|
firstUpdated(props) {
|
|
51
29
|
super.firstUpdated(props);
|
|
52
30
|
this._slots = this._assignSlots();
|
|
53
31
|
this.requestUpdate();
|
|
54
|
-
this._dispatchLifecycleEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
|
|
55
|
-
this.isWebComponentRendered = true;
|
|
56
32
|
}
|
|
57
33
|
_setupChildrenWatch() {
|
|
58
|
-
this.
|
|
59
|
-
this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
|
|
60
|
-
if (!this._childrenForConnectionToWatch.length)
|
|
61
|
-
this.allChildrenConnected();
|
|
62
|
-
if (!this._childrenForRenderToWatch.length)
|
|
63
|
-
this.allChildrenRendered();
|
|
34
|
+
this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
|
|
64
35
|
this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
|
|
65
|
-
this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
|
|
66
36
|
}
|
|
67
|
-
|
|
37
|
+
_getComponentsNamesToWatch() {
|
|
68
38
|
return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
|
|
69
39
|
}
|
|
70
|
-
_getComponentsNamesForRenderedToWatch() {
|
|
71
|
-
return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForRender([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
|
|
72
|
-
}
|
|
73
40
|
connectedCallback() {
|
|
74
41
|
super.connectedCallback();
|
|
75
|
-
this.
|
|
76
|
-
|
|
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
|
+
}));
|
|
77
48
|
this._setupChildrenWatch();
|
|
78
49
|
}
|
|
79
50
|
allChildrenConnected() { }
|
|
80
|
-
allChildrenRendered() { }
|
|
81
51
|
_assignSlots() {
|
|
82
52
|
return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
|
|
83
53
|
var _a;
|
|
@@ -110,11 +80,7 @@ tslib_es6.__decorate([
|
|
|
110
80
|
tslib_es6.__decorate([
|
|
111
81
|
decorators.property({ type: Boolean }),
|
|
112
82
|
tslib_es6.__metadata("design:type", Object)
|
|
113
|
-
], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
|
|
114
|
-
tslib_es6.__decorate([
|
|
115
|
-
decorators.property({ type: Boolean }),
|
|
116
|
-
tslib_es6.__metadata("design:type", Object)
|
|
117
|
-
], PhoenixLightLitElement.prototype, "isWebComponentRendered", void 0);
|
|
83
|
+
], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
|
|
118
84
|
|
|
119
85
|
exports.PhoenixLightLitElement = PhoenixLightLitElement;
|
|
120
86
|
//# sourceMappingURL=phoenix_light_lit_element.js.map
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"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;"}
|
|
@@ -2,21 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var web_components_utils = require('../../../../utilities/build/esm/web_components_utils.js');
|
|
6
6
|
|
|
7
7
|
class PhoenixLightLitElementUtils {
|
|
8
8
|
static getComponentsForWhichToWaitForConnection(components) {
|
|
9
|
-
return components.filter(($element) => (
|
|
10
|
-
(
|
|
11
|
-
|
|
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
12
|
!$element.isWebComponentConnected));
|
|
13
13
|
}
|
|
14
|
-
static getComponentsForWhichToWaitForRender(components) {
|
|
15
|
-
return components.filter(($element) => (utilities.WebComponentsUtils.isWebComponent($element) && !utilities.WebComponentsUtils.isWebComponentDefined($element)) ||
|
|
16
|
-
(utilities.WebComponentsUtils.isWebComponent($element) &&
|
|
17
|
-
utilities.WebComponentsUtils.isWebComponentDefined($element) &&
|
|
18
|
-
!$element.isWebComponentRendered));
|
|
19
|
-
}
|
|
20
14
|
}
|
|
21
15
|
|
|
22
16
|
exports.PhoenixLightLitElementUtils = PhoenixLightLitElementUtils;
|
|
@@ -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;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;"}
|
|
@@ -3,10 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const DEFAULT_SLOT_NAME = 'default';
|
|
6
|
-
const eventPrefix = 'PhoenixLightLitElement';
|
|
7
6
|
const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
|
|
8
|
-
connected:
|
|
9
|
-
rendered: `${eventPrefix}.rendered`
|
|
7
|
+
connected: 'connected'
|
|
10
8
|
};
|
|
11
9
|
|
|
12
10
|
exports.DEFAULT_SLOT_NAME = DEFAULT_SLOT_NAME;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -62,10 +62,6 @@ var click_outside_controller_messages = require('./controllers/click_outside_con
|
|
|
62
62
|
var backdrop = require('./components/backdrop/backdrop.js');
|
|
63
63
|
var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
|
|
64
64
|
var slider = require('./components/slider/slider.js');
|
|
65
|
-
var tab = require('./components/tabs/tab/tab.js');
|
|
66
|
-
var tab_panel = require('./components/tabs/tab_panel.js');
|
|
67
|
-
var tabs_constants = require('./components/tabs/tabs_constants.js');
|
|
68
|
-
var tabs = require('./components/tabs/tabs.js');
|
|
69
65
|
var scroll_to = require('./components/scroll_to/scroll_to.js');
|
|
70
66
|
|
|
71
67
|
|
|
@@ -349,25 +345,6 @@ Object.defineProperty(exports, 'HSlider', {
|
|
|
349
345
|
return slider.HSlider;
|
|
350
346
|
}
|
|
351
347
|
});
|
|
352
|
-
Object.defineProperty(exports, 'HTab', {
|
|
353
|
-
enumerable: true,
|
|
354
|
-
get: function () {
|
|
355
|
-
return tab.HTab;
|
|
356
|
-
}
|
|
357
|
-
});
|
|
358
|
-
Object.defineProperty(exports, 'HTabPanel', {
|
|
359
|
-
enumerable: true,
|
|
360
|
-
get: function () {
|
|
361
|
-
return tab_panel.HTabPanel;
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
exports.TABS_EVENT_NAMES = tabs_constants.TABS_EVENT_NAMES;
|
|
365
|
-
Object.defineProperty(exports, 'HTabs', {
|
|
366
|
-
enumerable: true,
|
|
367
|
-
get: function () {
|
|
368
|
-
return tabs.HTabs;
|
|
369
|
-
}
|
|
370
|
-
});
|
|
371
348
|
Object.defineProperty(exports, 'HScrollTo', {
|
|
372
349
|
enumerable: true,
|
|
373
350
|
get: function () {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|