@shoper/phoenix_design_system 1.18.11-15 → 1.18.11-17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +20 -83
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +12 -5
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +2 -8
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +20 -83
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/select/select.js +12 -5
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,31 +18,9 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
18
18
|
constructor() {
|
|
19
19
|
super();
|
|
20
20
|
this.transitionName = 'accordion-toggle';
|
|
21
|
-
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
22
|
-
this._resizeObserver = null;
|
|
23
|
-
this._isTransitioning = false;
|
|
24
21
|
this._resizeDebounceTimer = null;
|
|
25
22
|
this._mutationDebounceTimer = null;
|
|
26
23
|
this._mutationObserver = null;
|
|
27
|
-
this._handleResizeObserver = () => {
|
|
28
|
-
if (this._isTransitioning)
|
|
29
|
-
return;
|
|
30
|
-
if (this.hidden || this.style.height === '0px')
|
|
31
|
-
return;
|
|
32
|
-
this._cacheScrollHeight();
|
|
33
|
-
};
|
|
34
|
-
this._measureOriginalHeight = () => {
|
|
35
|
-
const previousDisplay = this.style.display;
|
|
36
|
-
this.style.setProperty('display', 'block', 'important');
|
|
37
|
-
this._cacheScrollHeight();
|
|
38
|
-
this.style.display = previousDisplay;
|
|
39
|
-
};
|
|
40
|
-
this._cacheScrollHeight = () => {
|
|
41
|
-
const newHeight = this.scrollHeight;
|
|
42
|
-
if (newHeight !== 0 || this.children.length === 0) {
|
|
43
|
-
this._originalHeight = `${newHeight}px`;
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
24
|
this._handleResize = () => {
|
|
47
25
|
if (this._resizeDebounceTimer !== null) {
|
|
48
26
|
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
@@ -65,12 +43,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
65
43
|
});
|
|
66
44
|
});
|
|
67
45
|
};
|
|
68
|
-
this._setOriginalHeightValue = () => {
|
|
69
|
-
const newHeight = this.getBoundingClientRect().height;
|
|
70
|
-
if (newHeight !== 0 || this.children.length === 0) {
|
|
71
|
-
this._originalHeight = `${newHeight}px`;
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
46
|
this._handleMutation = () => {
|
|
75
47
|
if (this._mutationDebounceTimer !== null) {
|
|
76
48
|
window.clearTimeout(this._mutationDebounceTimer);
|
|
@@ -90,43 +62,31 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
90
62
|
});
|
|
91
63
|
}, MUTATION_DEBOUNCE_MS);
|
|
92
64
|
};
|
|
93
|
-
this.
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
this.
|
|
65
|
+
this._setOriginalHeightValue = () => {
|
|
66
|
+
const newHeight = this.getBoundingClientRect().height;
|
|
67
|
+
if (newHeight !== 0 || this.children.length === 0) {
|
|
68
|
+
this._originalHeight = `${newHeight}px`;
|
|
97
69
|
}
|
|
70
|
+
};
|
|
71
|
+
this._expand = () => {
|
|
98
72
|
this._setHeight(this._originalHeight);
|
|
99
73
|
};
|
|
100
74
|
this._handleTransitionEnd = (e) => {
|
|
101
75
|
if (e.propertyName !== 'height' || e.target !== this) {
|
|
102
76
|
return;
|
|
103
77
|
}
|
|
104
|
-
if (this.isDevAccordionOptimizationFlagEnabled) {
|
|
105
|
-
this._isTransitioning = false;
|
|
106
|
-
}
|
|
107
78
|
if (!this.hidden && this.style.height !== '0px') {
|
|
108
79
|
this.style.height = 'auto';
|
|
109
80
|
}
|
|
110
81
|
};
|
|
111
82
|
this._collapse = () => {
|
|
112
|
-
if (this.isDevAccordionOptimizationFlagEnabled) {
|
|
113
|
-
this._isTransitioning = true;
|
|
114
|
-
}
|
|
115
83
|
const currentHeight = this.getBoundingClientRect().height;
|
|
116
84
|
this._setHeight(`${currentHeight}px`);
|
|
117
|
-
|
|
118
|
-
void this.offsetHeight;
|
|
85
|
+
requestAnimationFrame(() => {
|
|
119
86
|
requestAnimationFrame(() => {
|
|
120
87
|
this._setHeight('0px');
|
|
121
88
|
});
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
requestAnimationFrame(() => {
|
|
125
|
-
requestAnimationFrame(() => {
|
|
126
|
-
this._setHeight('0px');
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
}
|
|
89
|
+
});
|
|
130
90
|
};
|
|
131
91
|
this.setAttribute('role', 'region');
|
|
132
92
|
this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
|
|
@@ -136,24 +96,12 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
136
96
|
this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
|
|
137
97
|
this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
|
|
138
98
|
this._subscribeObserver();
|
|
139
|
-
|
|
140
|
-
this._resizeObserver = new ResizeObserver(this._handleResizeObserver);
|
|
141
|
-
this._resizeObserver.observe(this);
|
|
142
|
-
}
|
|
143
|
-
else {
|
|
144
|
-
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
145
|
-
}
|
|
99
|
+
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
146
100
|
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
147
101
|
}
|
|
148
102
|
firstUpdated(props) {
|
|
149
103
|
super.firstUpdated(props);
|
|
150
|
-
|
|
151
|
-
this._measureOriginalHeight();
|
|
152
|
-
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
153
|
-
}
|
|
154
|
-
else {
|
|
155
|
-
this._setStylingOptions();
|
|
156
|
-
}
|
|
104
|
+
this._setStylingOptions();
|
|
157
105
|
}
|
|
158
106
|
async _subscribeObserver() {
|
|
159
107
|
this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
|
|
@@ -162,10 +110,8 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
162
110
|
accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
|
|
163
111
|
});
|
|
164
112
|
this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
this._mutationObserver.observe(this, { childList: true, subtree: true });
|
|
168
|
-
}
|
|
113
|
+
this._mutationObserver = new MutationObserver(this._handleMutation);
|
|
114
|
+
this._mutationObserver.observe(this, { childList: true, subtree: true });
|
|
169
115
|
}
|
|
170
116
|
_setHeight(height) {
|
|
171
117
|
this.style.height = height;
|
|
@@ -175,33 +121,24 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
175
121
|
this.setAttribute('labelledby', regionId);
|
|
176
122
|
}
|
|
177
123
|
disconnectedCallback() {
|
|
178
|
-
var _a, _b
|
|
124
|
+
var _a, _b;
|
|
179
125
|
super.disconnectedCallback();
|
|
180
126
|
(_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
|
|
181
|
-
|
|
182
|
-
|
|
127
|
+
(_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
128
|
+
window.removeEventListener('resize', this._handleResize);
|
|
129
|
+
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
130
|
+
if (this._resizeDebounceTimer !== null) {
|
|
131
|
+
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
183
132
|
}
|
|
184
|
-
|
|
185
|
-
(
|
|
186
|
-
window.removeEventListener('resize', this._handleResize);
|
|
187
|
-
if (this._resizeDebounceTimer !== null) {
|
|
188
|
-
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
189
|
-
}
|
|
190
|
-
if (this._mutationDebounceTimer !== null) {
|
|
191
|
-
window.clearTimeout(this._mutationDebounceTimer);
|
|
192
|
-
}
|
|
133
|
+
if (this._mutationDebounceTimer !== null) {
|
|
134
|
+
window.clearTimeout(this._mutationDebounceTimer);
|
|
193
135
|
}
|
|
194
|
-
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
195
136
|
}
|
|
196
137
|
};
|
|
197
138
|
tslib_es6.__decorate([
|
|
198
139
|
decorators.property(),
|
|
199
140
|
tslib_es6.__metadata("design:type", Object)
|
|
200
141
|
], exports.HAccordionContent.prototype, "transitionName", void 0);
|
|
201
|
-
tslib_es6.__decorate([
|
|
202
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
203
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
204
|
-
], exports.HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
205
142
|
exports.HAccordionContent = tslib_es6.__decorate([
|
|
206
143
|
phoenix_custom_element.phoenixCustomElement('h-accordion-content'),
|
|
207
144
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -44,6 +44,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
44
44
|
this.noDeselect = false;
|
|
45
45
|
this.assistiveTitleId = '';
|
|
46
46
|
this.isDevSelectPlaceholderFlagEnabled = false;
|
|
47
|
+
this.refreshOnModalOpen = false;
|
|
47
48
|
this.translations = {};
|
|
48
49
|
this._selectOptionsId = v4['default']();
|
|
49
50
|
this._searchValue = '';
|
|
@@ -185,7 +186,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
185
186
|
const $options = Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
186
187
|
$options.forEach(($option) => $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content));
|
|
187
188
|
const $placeholderEl = this.querySelector(`[slot="${select_components_constatns.SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
|
|
188
|
-
this.$placeholder =
|
|
189
|
+
this.$placeholder = $placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? $placeholderEl : 'Select';
|
|
189
190
|
if (this.multiple)
|
|
190
191
|
this.type = select_constants.SELECT_TYPES.multiple;
|
|
191
192
|
}
|
|
@@ -286,6 +287,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
286
287
|
this._addPlaceholderOptionIfNeeded();
|
|
287
288
|
}
|
|
288
289
|
this._setupEvents();
|
|
290
|
+
if (this.refreshOnModalOpen)
|
|
291
|
+
this.requestUpdate();
|
|
289
292
|
}
|
|
290
293
|
attributeChangedCallback(name, _old, value) {
|
|
291
294
|
super.attributeChangedCallback(name, _old, value);
|
|
@@ -325,7 +328,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
325
328
|
$content.textContent = this.$placeholder;
|
|
326
329
|
}
|
|
327
330
|
else if (this.$placeholder instanceof Node) {
|
|
328
|
-
Array.from(this.$placeholder.childNodes).forEach(node => {
|
|
331
|
+
Array.from(this.$placeholder.childNodes).forEach((node) => {
|
|
329
332
|
$content.appendChild(node.cloneNode(true));
|
|
330
333
|
});
|
|
331
334
|
}
|
|
@@ -459,9 +462,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
459
462
|
<h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
|
|
460
463
|
|
|
461
464
|
<div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>
|
|
462
|
-
${this.isDevSelectPlaceholderFlagEnabled
|
|
463
|
-
(_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
|
|
464
|
-
lit.html `${this._getClonedPlaceholderElement()}`}
|
|
465
|
+
${this.isDevSelectPlaceholderFlagEnabled
|
|
466
|
+
? (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
|
|
467
|
+
: lit.html `${this._getClonedPlaceholderElement()}`}
|
|
465
468
|
</div>
|
|
466
469
|
|
|
467
470
|
${isSearchEnabled
|
|
@@ -581,6 +584,10 @@ tslib_es6.__decorate([
|
|
|
581
584
|
decorators_js.property({ type: Boolean, attribute: 'is-dev-select-placeholder-flag-enabled' }),
|
|
582
585
|
tslib_es6.__metadata("design:type", Boolean)
|
|
583
586
|
], exports.HSelect.prototype, "isDevSelectPlaceholderFlagEnabled", void 0);
|
|
587
|
+
tslib_es6.__decorate([
|
|
588
|
+
decorators_js.property({ type: Boolean, attribute: 'refresh-on-modal-open' }),
|
|
589
|
+
tslib_es6.__metadata("design:type", Object)
|
|
590
|
+
], exports.HSelect.prototype, "refreshOnModalOpen", void 0);
|
|
584
591
|
tslib_es6.__decorate([
|
|
585
592
|
decorators_js.property({
|
|
586
593
|
converter: {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,14 +2,11 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
|
|
|
2
2
|
import { PropertyValues } from 'lit';
|
|
3
3
|
export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
4
4
|
transitionName: string;
|
|
5
|
-
isDevAccordionOptimizationFlagEnabled: boolean;
|
|
6
5
|
private _transitionController;
|
|
7
6
|
private _contextConsumer;
|
|
8
7
|
private _accordionGroupProps;
|
|
9
8
|
private _accordionGroupPropsObserver;
|
|
10
9
|
private _originalHeight;
|
|
11
|
-
private _resizeObserver;
|
|
12
|
-
private _isTransitioning;
|
|
13
10
|
private _resizeDebounceTimer;
|
|
14
11
|
private _mutationDebounceTimer;
|
|
15
12
|
private _mutationObserver;
|
|
@@ -17,14 +14,11 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
17
14
|
constructor();
|
|
18
15
|
connectedCallback(): void;
|
|
19
16
|
firstUpdated(props: PropertyValues): void;
|
|
20
|
-
private _handleResizeObserver;
|
|
21
|
-
private _measureOriginalHeight;
|
|
22
|
-
private _cacheScrollHeight;
|
|
23
17
|
private _handleResize;
|
|
24
18
|
private _setStylingOptions;
|
|
25
|
-
private _setOriginalHeightValue;
|
|
26
|
-
private _handleMutation;
|
|
27
19
|
private _subscribeObserver;
|
|
20
|
+
private _handleMutation;
|
|
21
|
+
private _setOriginalHeightValue;
|
|
28
22
|
private _expand;
|
|
29
23
|
private _handleTransitionEnd;
|
|
30
24
|
private _collapse;
|
|
@@ -14,31 +14,9 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
super();
|
|
16
16
|
this.transitionName = 'accordion-toggle';
|
|
17
|
-
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
18
|
-
this._resizeObserver = null;
|
|
19
|
-
this._isTransitioning = false;
|
|
20
17
|
this._resizeDebounceTimer = null;
|
|
21
18
|
this._mutationDebounceTimer = null;
|
|
22
19
|
this._mutationObserver = null;
|
|
23
|
-
this._handleResizeObserver = () => {
|
|
24
|
-
if (this._isTransitioning)
|
|
25
|
-
return;
|
|
26
|
-
if (this.hidden || this.style.height === '0px')
|
|
27
|
-
return;
|
|
28
|
-
this._cacheScrollHeight();
|
|
29
|
-
};
|
|
30
|
-
this._measureOriginalHeight = () => {
|
|
31
|
-
const previousDisplay = this.style.display;
|
|
32
|
-
this.style.setProperty('display', 'block', 'important');
|
|
33
|
-
this._cacheScrollHeight();
|
|
34
|
-
this.style.display = previousDisplay;
|
|
35
|
-
};
|
|
36
|
-
this._cacheScrollHeight = () => {
|
|
37
|
-
const newHeight = this.scrollHeight;
|
|
38
|
-
if (newHeight !== 0 || this.children.length === 0) {
|
|
39
|
-
this._originalHeight = `${newHeight}px`;
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
20
|
this._handleResize = () => {
|
|
43
21
|
if (this._resizeDebounceTimer !== null) {
|
|
44
22
|
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
@@ -61,12 +39,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
61
39
|
});
|
|
62
40
|
});
|
|
63
41
|
};
|
|
64
|
-
this._setOriginalHeightValue = () => {
|
|
65
|
-
const newHeight = this.getBoundingClientRect().height;
|
|
66
|
-
if (newHeight !== 0 || this.children.length === 0) {
|
|
67
|
-
this._originalHeight = `${newHeight}px`;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
42
|
this._handleMutation = () => {
|
|
71
43
|
if (this._mutationDebounceTimer !== null) {
|
|
72
44
|
window.clearTimeout(this._mutationDebounceTimer);
|
|
@@ -86,43 +58,31 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
86
58
|
});
|
|
87
59
|
}, MUTATION_DEBOUNCE_MS);
|
|
88
60
|
};
|
|
89
|
-
this.
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
this.
|
|
61
|
+
this._setOriginalHeightValue = () => {
|
|
62
|
+
const newHeight = this.getBoundingClientRect().height;
|
|
63
|
+
if (newHeight !== 0 || this.children.length === 0) {
|
|
64
|
+
this._originalHeight = `${newHeight}px`;
|
|
93
65
|
}
|
|
66
|
+
};
|
|
67
|
+
this._expand = () => {
|
|
94
68
|
this._setHeight(this._originalHeight);
|
|
95
69
|
};
|
|
96
70
|
this._handleTransitionEnd = (e) => {
|
|
97
71
|
if (e.propertyName !== 'height' || e.target !== this) {
|
|
98
72
|
return;
|
|
99
73
|
}
|
|
100
|
-
if (this.isDevAccordionOptimizationFlagEnabled) {
|
|
101
|
-
this._isTransitioning = false;
|
|
102
|
-
}
|
|
103
74
|
if (!this.hidden && this.style.height !== '0px') {
|
|
104
75
|
this.style.height = 'auto';
|
|
105
76
|
}
|
|
106
77
|
};
|
|
107
78
|
this._collapse = () => {
|
|
108
|
-
if (this.isDevAccordionOptimizationFlagEnabled) {
|
|
109
|
-
this._isTransitioning = true;
|
|
110
|
-
}
|
|
111
79
|
const currentHeight = this.getBoundingClientRect().height;
|
|
112
80
|
this._setHeight(`${currentHeight}px`);
|
|
113
|
-
|
|
114
|
-
void this.offsetHeight;
|
|
81
|
+
requestAnimationFrame(() => {
|
|
115
82
|
requestAnimationFrame(() => {
|
|
116
83
|
this._setHeight('0px');
|
|
117
84
|
});
|
|
118
|
-
}
|
|
119
|
-
else {
|
|
120
|
-
requestAnimationFrame(() => {
|
|
121
|
-
requestAnimationFrame(() => {
|
|
122
|
-
this._setHeight('0px');
|
|
123
|
-
});
|
|
124
|
-
});
|
|
125
|
-
}
|
|
85
|
+
});
|
|
126
86
|
};
|
|
127
87
|
this.setAttribute('role', 'region');
|
|
128
88
|
this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
|
|
@@ -132,24 +92,12 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
132
92
|
this._contextConsumer = new ContextConsumerController(this);
|
|
133
93
|
this._transitionController = new TransitionController(this, this.transitionName);
|
|
134
94
|
this._subscribeObserver();
|
|
135
|
-
|
|
136
|
-
this._resizeObserver = new ResizeObserver(this._handleResizeObserver);
|
|
137
|
-
this._resizeObserver.observe(this);
|
|
138
|
-
}
|
|
139
|
-
else {
|
|
140
|
-
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
141
|
-
}
|
|
95
|
+
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
142
96
|
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
143
97
|
}
|
|
144
98
|
firstUpdated(props) {
|
|
145
99
|
super.firstUpdated(props);
|
|
146
|
-
|
|
147
|
-
this._measureOriginalHeight();
|
|
148
|
-
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
149
|
-
}
|
|
150
|
-
else {
|
|
151
|
-
this._setStylingOptions();
|
|
152
|
-
}
|
|
100
|
+
this._setStylingOptions();
|
|
153
101
|
}
|
|
154
102
|
async _subscribeObserver() {
|
|
155
103
|
this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
|
|
@@ -158,10 +106,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
158
106
|
accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
|
|
159
107
|
});
|
|
160
108
|
this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
this._mutationObserver.observe(this, { childList: true, subtree: true });
|
|
164
|
-
}
|
|
109
|
+
this._mutationObserver = new MutationObserver(this._handleMutation);
|
|
110
|
+
this._mutationObserver.observe(this, { childList: true, subtree: true });
|
|
165
111
|
}
|
|
166
112
|
_setHeight(height) {
|
|
167
113
|
this.style.height = height;
|
|
@@ -171,33 +117,24 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
171
117
|
this.setAttribute('labelledby', regionId);
|
|
172
118
|
}
|
|
173
119
|
disconnectedCallback() {
|
|
174
|
-
var _a, _b
|
|
120
|
+
var _a, _b;
|
|
175
121
|
super.disconnectedCallback();
|
|
176
122
|
(_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
|
|
177
|
-
|
|
178
|
-
|
|
123
|
+
(_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
124
|
+
window.removeEventListener('resize', this._handleResize);
|
|
125
|
+
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
126
|
+
if (this._resizeDebounceTimer !== null) {
|
|
127
|
+
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
179
128
|
}
|
|
180
|
-
|
|
181
|
-
(
|
|
182
|
-
window.removeEventListener('resize', this._handleResize);
|
|
183
|
-
if (this._resizeDebounceTimer !== null) {
|
|
184
|
-
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
185
|
-
}
|
|
186
|
-
if (this._mutationDebounceTimer !== null) {
|
|
187
|
-
window.clearTimeout(this._mutationDebounceTimer);
|
|
188
|
-
}
|
|
129
|
+
if (this._mutationDebounceTimer !== null) {
|
|
130
|
+
window.clearTimeout(this._mutationDebounceTimer);
|
|
189
131
|
}
|
|
190
|
-
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
191
132
|
}
|
|
192
133
|
};
|
|
193
134
|
__decorate([
|
|
194
135
|
property(),
|
|
195
136
|
__metadata("design:type", Object)
|
|
196
137
|
], HAccordionContent.prototype, "transitionName", void 0);
|
|
197
|
-
__decorate([
|
|
198
|
-
property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
199
|
-
__metadata("design:type", Boolean)
|
|
200
|
-
], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
201
138
|
HAccordionContent = __decorate([
|
|
202
139
|
phoenixCustomElement('h-accordion-content'),
|
|
203
140
|
__metadata("design:paramtypes", [])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,6 +24,7 @@ export declare class HSelect extends PhoenixLightLitElement {
|
|
|
24
24
|
noDeselect: boolean;
|
|
25
25
|
assistiveTitleId: string;
|
|
26
26
|
isDevSelectPlaceholderFlagEnabled: boolean;
|
|
27
|
+
refreshOnModalOpen: boolean;
|
|
27
28
|
translations: Record<string, string>;
|
|
28
29
|
private _selectOptionsId;
|
|
29
30
|
get selectedIndex(): number;
|
|
@@ -40,6 +40,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
40
40
|
this.noDeselect = false;
|
|
41
41
|
this.assistiveTitleId = '';
|
|
42
42
|
this.isDevSelectPlaceholderFlagEnabled = false;
|
|
43
|
+
this.refreshOnModalOpen = false;
|
|
43
44
|
this.translations = {};
|
|
44
45
|
this._selectOptionsId = v4();
|
|
45
46
|
this._searchValue = '';
|
|
@@ -181,7 +182,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
181
182
|
const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
182
183
|
$options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
|
|
183
184
|
const $placeholderEl = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
|
|
184
|
-
this.$placeholder =
|
|
185
|
+
this.$placeholder = $placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ? $placeholderEl : 'Select';
|
|
185
186
|
if (this.multiple)
|
|
186
187
|
this.type = SELECT_TYPES.multiple;
|
|
187
188
|
}
|
|
@@ -282,6 +283,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
282
283
|
this._addPlaceholderOptionIfNeeded();
|
|
283
284
|
}
|
|
284
285
|
this._setupEvents();
|
|
286
|
+
if (this.refreshOnModalOpen)
|
|
287
|
+
this.requestUpdate();
|
|
285
288
|
}
|
|
286
289
|
attributeChangedCallback(name, _old, value) {
|
|
287
290
|
super.attributeChangedCallback(name, _old, value);
|
|
@@ -321,7 +324,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
321
324
|
$content.textContent = this.$placeholder;
|
|
322
325
|
}
|
|
323
326
|
else if (this.$placeholder instanceof Node) {
|
|
324
|
-
Array.from(this.$placeholder.childNodes).forEach(node => {
|
|
327
|
+
Array.from(this.$placeholder.childNodes).forEach((node) => {
|
|
325
328
|
$content.appendChild(node.cloneNode(true));
|
|
326
329
|
});
|
|
327
330
|
}
|
|
@@ -455,9 +458,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
455
458
|
<h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
|
|
456
459
|
|
|
457
460
|
<div class=${SELECT_CSS_CLASSES.selectLabel}>
|
|
458
|
-
${this.isDevSelectPlaceholderFlagEnabled
|
|
459
|
-
(_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
|
|
460
|
-
html `${this._getClonedPlaceholderElement()}`}
|
|
461
|
+
${this.isDevSelectPlaceholderFlagEnabled
|
|
462
|
+
? (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true)
|
|
463
|
+
: html `${this._getClonedPlaceholderElement()}`}
|
|
461
464
|
</div>
|
|
462
465
|
|
|
463
466
|
${isSearchEnabled
|
|
@@ -577,6 +580,10 @@ __decorate([
|
|
|
577
580
|
property({ type: Boolean, attribute: 'is-dev-select-placeholder-flag-enabled' }),
|
|
578
581
|
__metadata("design:type", Boolean)
|
|
579
582
|
], HSelect.prototype, "isDevSelectPlaceholderFlagEnabled", void 0);
|
|
583
|
+
__decorate([
|
|
584
|
+
property({ type: Boolean, attribute: 'refresh-on-modal-open' }),
|
|
585
|
+
__metadata("design:type", Object)
|
|
586
|
+
], HSelect.prototype, "refreshOnModalOpen", void 0);
|
|
580
587
|
__decorate([
|
|
581
588
|
property({
|
|
582
589
|
converter: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED