@shoper/phoenix_design_system 1.18.39-1 → 1.18.40
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 +45 -15
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +3 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js +0 -17
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js +2 -11
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -24
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +1 -6
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +5 -1
- package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +45 -15
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +3 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_types.d.ts +2 -2
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js +0 -17
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js +3 -12
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +1 -4
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +4 -25
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +2 -6
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js +5 -1
- package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
- package/package.json +1 -1
|
@@ -19,10 +19,12 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
19
19
|
super();
|
|
20
20
|
this.transitionName = 'accordion-toggle';
|
|
21
21
|
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
22
|
+
this.isDevAccordionSafariFlashFixEnabled = false;
|
|
22
23
|
this._resizeObserver = null;
|
|
23
24
|
this._isTransitioning = false;
|
|
24
25
|
this._resizeDebounceTimer = null;
|
|
25
26
|
this._mutationDebounceTimer = null;
|
|
27
|
+
this._lastViewportWidth = window.innerWidth;
|
|
26
28
|
this._mutationObserver = null;
|
|
27
29
|
this._handleResizeObserver = () => {
|
|
28
30
|
if (this._isTransitioning || this.hidden || this.style.height === '0px')
|
|
@@ -36,26 +38,47 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
36
38
|
this.style.display = previousDisplay;
|
|
37
39
|
};
|
|
38
40
|
this._handleResize = () => {
|
|
41
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
42
|
+
if (this._isIosViewportHeightOnlyResize())
|
|
43
|
+
return;
|
|
44
|
+
this._lastViewportWidth = window.innerWidth;
|
|
45
|
+
}
|
|
39
46
|
if (this._resizeDebounceTimer !== null) {
|
|
40
|
-
|
|
47
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
48
|
+
clearMethod(this._resizeDebounceTimer);
|
|
49
|
+
}
|
|
50
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
51
|
+
this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this._resizeDebounceTimer = requestAnimationFrame(() => {
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
this._setStylingOptions();
|
|
57
|
+
}, RESIZE_DEBOUNCE_MS);
|
|
58
|
+
});
|
|
41
59
|
}
|
|
42
|
-
this._resizeDebounceTimer = window.requestAnimationFrame(() => {
|
|
43
|
-
setTimeout(() => {
|
|
44
|
-
this._setStylingOptions();
|
|
45
|
-
}, RESIZE_DEBOUNCE_MS);
|
|
46
|
-
});
|
|
47
60
|
};
|
|
48
61
|
this._setStylingOptions = () => {
|
|
49
|
-
|
|
62
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
50
63
|
const previousDisplay = this.style.display;
|
|
51
64
|
this.style.setProperty('display', 'block', 'important');
|
|
52
65
|
this.style.height = 'auto';
|
|
66
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
67
|
+
this.style.display = previousDisplay;
|
|
68
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
53
71
|
requestAnimationFrame(() => {
|
|
54
|
-
this.
|
|
55
|
-
this.style.display
|
|
56
|
-
this.style.height =
|
|
72
|
+
const previousDisplay = this.style.display;
|
|
73
|
+
this.style.setProperty('display', 'block', 'important');
|
|
74
|
+
this.style.height = 'auto';
|
|
75
|
+
requestAnimationFrame(() => {
|
|
76
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
77
|
+
this.style.display = previousDisplay;
|
|
78
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
79
|
+
});
|
|
57
80
|
});
|
|
58
|
-
}
|
|
81
|
+
}
|
|
59
82
|
};
|
|
60
83
|
this._setOriginalHeightValue = (height) => {
|
|
61
84
|
if (height !== 0 || this.children.length === 0) {
|
|
@@ -64,7 +87,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
64
87
|
};
|
|
65
88
|
this._handleMutation = () => {
|
|
66
89
|
if (this._mutationDebounceTimer !== null) {
|
|
67
|
-
|
|
90
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
68
91
|
}
|
|
69
92
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
70
93
|
requestAnimationFrame(() => {
|
|
@@ -148,6 +171,9 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
148
171
|
this._setStylingOptions();
|
|
149
172
|
}
|
|
150
173
|
}
|
|
174
|
+
_isIosViewportHeightOnlyResize() {
|
|
175
|
+
return window.innerWidth === this._lastViewportWidth;
|
|
176
|
+
}
|
|
151
177
|
_setupImageLoadListeners() {
|
|
152
178
|
const images = this.querySelectorAll('img');
|
|
153
179
|
images.forEach((img) => {
|
|
@@ -208,10 +234,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
208
234
|
(_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
|
|
209
235
|
window.removeEventListener('resize', this._handleResize);
|
|
210
236
|
if (this._resizeDebounceTimer !== null) {
|
|
211
|
-
|
|
237
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
238
|
+
clearMethod(this._resizeDebounceTimer);
|
|
212
239
|
}
|
|
213
240
|
if (this._mutationDebounceTimer !== null) {
|
|
214
|
-
|
|
241
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
215
242
|
}
|
|
216
243
|
}
|
|
217
244
|
const images = this.querySelectorAll('img');
|
|
@@ -219,7 +246,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
|
|
|
219
246
|
img.removeEventListener('load', this._boundHandleImageLoad);
|
|
220
247
|
img.removeEventListener('error', this._boundHandleImageLoad);
|
|
221
248
|
});
|
|
222
|
-
window.removeEventListener('resize', this._handleResize);
|
|
223
249
|
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
224
250
|
}
|
|
225
251
|
};
|
|
@@ -231,6 +257,10 @@ tslib_es6.__decorate([
|
|
|
231
257
|
decorators.property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
232
258
|
tslib_es6.__metadata("design:type", Boolean)
|
|
233
259
|
], exports.HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
260
|
+
tslib_es6.__decorate([
|
|
261
|
+
decorators.property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
|
|
262
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
263
|
+
], exports.HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
|
|
234
264
|
exports.HAccordionContent = tslib_es6.__decorate([
|
|
235
265
|
phoenix_custom_element.phoenixCustomElement('h-accordion-content'),
|
|
236
266
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -52,7 +52,9 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
|
|
|
52
52
|
this._accordionProps.subscribe(this._accordionPropsObserver);
|
|
53
53
|
}
|
|
54
54
|
disconnectedCallback() {
|
|
55
|
-
|
|
55
|
+
var _a;
|
|
56
|
+
super.disconnectedCallback();
|
|
57
|
+
(_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
|
|
56
58
|
this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
|
|
57
59
|
}
|
|
58
60
|
show() {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -3,13 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
require('lit');
|
|
7
6
|
var decorators = require('lit/decorators');
|
|
8
|
-
var utilities = require('@dreamcommerce/utilities');
|
|
9
7
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
10
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
11
9
|
var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
|
|
12
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
13
10
|
var input_stepper_constants = require('./input_stepper_constants.js');
|
|
14
11
|
|
|
15
12
|
exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
@@ -20,11 +17,8 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
|
|
|
20
17
|
decrement: input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
|
|
21
18
|
};
|
|
22
19
|
this.type = '';
|
|
23
|
-
this.disabled = false;
|
|
24
20
|
this._dispatchStepperEvent = (ev) => {
|
|
25
21
|
ev.stopImmediatePropagation();
|
|
26
|
-
if (this.disabled)
|
|
27
|
-
return;
|
|
28
22
|
if (!this.type)
|
|
29
23
|
throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
|
|
30
24
|
if (!this._allowedEvents[this.type])
|
|
@@ -32,27 +26,16 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
|
|
|
32
26
|
this.emitCustomEvent(this._allowedEvents[this.type]);
|
|
33
27
|
};
|
|
34
28
|
this._btnController = new btn_controller.BtnController(this, this._dispatchStepperEvent);
|
|
35
|
-
new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({ host: this });
|
|
36
29
|
}
|
|
37
30
|
connectedCallback() {
|
|
38
31
|
super.connectedCallback();
|
|
39
32
|
this.addEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
|
|
40
33
|
}
|
|
41
|
-
updated(changedProperties) {
|
|
42
|
-
if (!changedProperties.has('disabled'))
|
|
43
|
-
return;
|
|
44
|
-
this.setAttribute('aria-disabled', String(this.disabled));
|
|
45
|
-
this.disabled ? utilities.UiDomUtils.makeUnnavigable(this) : utilities.UiDomUtils.makeNavigable(this);
|
|
46
|
-
}
|
|
47
34
|
};
|
|
48
35
|
tslib_es6.__decorate([
|
|
49
36
|
decorators.property({ type: String }),
|
|
50
37
|
tslib_es6.__metadata("design:type", Object)
|
|
51
38
|
], exports.HButtonStepper.prototype, "type", void 0);
|
|
52
|
-
tslib_es6.__decorate([
|
|
53
|
-
decorators.property({ type: Boolean, reflect: true }),
|
|
54
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
55
|
-
], exports.HButtonStepper.prototype, "disabled", void 0);
|
|
56
39
|
exports.HButtonStepper = tslib_es6.__decorate([
|
|
57
40
|
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button),
|
|
58
41
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,14 +10,12 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
|
|
|
10
10
|
var observer = require('../../../core/classes/observer/observer.js');
|
|
11
11
|
var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
|
|
12
12
|
var ref_js = require('lit-html/directives/ref.js');
|
|
13
|
-
var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
|
|
14
13
|
var input_stepper_constants = require('./input_stepper_constants.js');
|
|
15
14
|
|
|
16
15
|
exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
17
16
|
constructor() {
|
|
18
|
-
super();
|
|
17
|
+
super(...arguments);
|
|
19
18
|
this._controlId = '';
|
|
20
|
-
this.disabled = false;
|
|
21
19
|
this._inputRef = ref_js.createRef();
|
|
22
20
|
this._dispatchToggleEvent = (ev) => {
|
|
23
21
|
const $input = ev.target;
|
|
@@ -30,7 +28,6 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
|
|
|
30
28
|
}
|
|
31
29
|
});
|
|
32
30
|
};
|
|
33
|
-
new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({ host: this });
|
|
34
31
|
}
|
|
35
32
|
async connectedCallback() {
|
|
36
33
|
super.connectedCallback();
|
|
@@ -78,7 +75,6 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
|
|
|
78
75
|
@change="${this._dispatchToggleEvent}"
|
|
79
76
|
inputmode="decimal"
|
|
80
77
|
aria-label="${this.ariaLabel}"
|
|
81
|
-
?disabled="${this.disabled}"
|
|
82
78
|
/>`;
|
|
83
79
|
}
|
|
84
80
|
};
|
|
@@ -86,12 +82,7 @@ tslib_es6.__decorate([
|
|
|
86
82
|
decorators.state(),
|
|
87
83
|
tslib_es6.__metadata("design:type", Object)
|
|
88
84
|
], exports.HDisplayStepper.prototype, "_controlId", void 0);
|
|
89
|
-
tslib_es6.__decorate([
|
|
90
|
-
decorators.property({ type: Boolean, reflect: true }),
|
|
91
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
92
|
-
], exports.HDisplayStepper.prototype, "disabled", void 0);
|
|
93
85
|
exports.HDisplayStepper = tslib_es6.__decorate([
|
|
94
|
-
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.input)
|
|
95
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
86
|
+
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.input)
|
|
96
87
|
], exports.HDisplayStepper);
|
|
97
88
|
//# sourceMappingURL=display_stepper.js.map
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,18 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
|
|
6
|
-
require('lit');
|
|
7
6
|
var decorators = require('lit/decorators');
|
|
8
7
|
var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
|
|
9
8
|
var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
|
|
10
9
|
var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
|
|
11
10
|
var context_provider_controller = require('../../../core/context/context_provider_controller.js');
|
|
12
|
-
var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
|
|
13
11
|
var input_stepper_constants = require('./input_stepper_constants.js');
|
|
14
12
|
|
|
15
13
|
exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
16
14
|
constructor() {
|
|
17
|
-
super();
|
|
15
|
+
super(...arguments);
|
|
18
16
|
this.controlId = '';
|
|
19
17
|
this.allowedFractionDigits = null;
|
|
20
18
|
this.roundTo = 0;
|
|
@@ -22,10 +20,7 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
22
20
|
this.min = -Infinity;
|
|
23
21
|
this.max = Infinity;
|
|
24
22
|
this.step = 1;
|
|
25
|
-
this.disabled = false;
|
|
26
23
|
this.increment = () => {
|
|
27
|
-
if (this.disabled)
|
|
28
|
-
return;
|
|
29
24
|
if (this.value === this.max) {
|
|
30
25
|
this.value = this.max;
|
|
31
26
|
return;
|
|
@@ -34,8 +29,6 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
34
29
|
this._dispatchChangedValue(this.value);
|
|
35
30
|
};
|
|
36
31
|
this.decrement = () => {
|
|
37
|
-
if (this.disabled)
|
|
38
|
-
return;
|
|
39
32
|
if (this.value === this.min) {
|
|
40
33
|
this.value = this.min;
|
|
41
34
|
return;
|
|
@@ -44,8 +37,6 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
44
37
|
this._dispatchChangedValue(this.value);
|
|
45
38
|
};
|
|
46
39
|
this.changeValue = (ev) => {
|
|
47
|
-
if (this.disabled)
|
|
48
|
-
return;
|
|
49
40
|
const value = ev.detail.value;
|
|
50
41
|
this.setValue(value);
|
|
51
42
|
this._dispatchChangedValue(this.value);
|
|
@@ -78,10 +69,6 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
78
69
|
detail: { value }
|
|
79
70
|
});
|
|
80
71
|
};
|
|
81
|
-
new control_props_sync_provider_controller.ControlPropsSyncProviderController({
|
|
82
|
-
host: this,
|
|
83
|
-
propsToSync: [input_stepper_constants.INPUT_STEPPER_PROPS_TO_SYNC.disabled]
|
|
84
|
-
});
|
|
85
72
|
}
|
|
86
73
|
connectedCallback() {
|
|
87
74
|
super.connectedCallback();
|
|
@@ -120,11 +107,8 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
120
107
|
_outsideRangeEdges(number) {
|
|
121
108
|
return number > this.max || number < this.min;
|
|
122
109
|
}
|
|
123
|
-
updated(
|
|
110
|
+
updated() {
|
|
124
111
|
var _a;
|
|
125
|
-
if (changedProperties.has('disabled')) {
|
|
126
|
-
this.classList.toggle(input_stepper_constants.INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
|
|
127
|
-
}
|
|
128
112
|
if (this._outsideRangeEdges(this.value))
|
|
129
113
|
return;
|
|
130
114
|
const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
|
|
@@ -160,12 +144,7 @@ tslib_es6.__decorate([
|
|
|
160
144
|
decorators.property({ type: Number, reflect: true }),
|
|
161
145
|
tslib_es6.__metadata("design:type", Number)
|
|
162
146
|
], exports.HInputStepper.prototype, "step", void 0);
|
|
163
|
-
tslib_es6.__decorate([
|
|
164
|
-
decorators.property({ type: Boolean, reflect: true }),
|
|
165
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
166
|
-
], exports.HInputStepper.prototype, "disabled", void 0);
|
|
167
147
|
exports.HInputStepper = tslib_es6.__decorate([
|
|
168
|
-
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control)
|
|
169
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
148
|
+
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control)
|
|
170
149
|
], exports.HInputStepper);
|
|
171
150
|
//# sourceMappingURL=input_stepper.js.map
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js
CHANGED
|
@@ -13,8 +13,7 @@ const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
|
|
|
13
13
|
decrement: 'decrement'
|
|
14
14
|
};
|
|
15
15
|
const INPUT_STEPPER_CLASS_NAMES = {
|
|
16
|
-
displayInput: 'input-stepper__value_input'
|
|
17
|
-
inputStepperDisabled: 'input-stepper_disabled'
|
|
16
|
+
displayInput: 'input-stepper__value_input'
|
|
18
17
|
};
|
|
19
18
|
const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
20
19
|
control: 'h-input-stepper',
|
|
@@ -23,9 +22,6 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
|
23
22
|
};
|
|
24
23
|
const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
|
|
25
24
|
stepperContext: 'stepperContext'
|
|
26
|
-
};
|
|
27
|
-
const INPUT_STEPPER_PROPS_TO_SYNC = {
|
|
28
|
-
disabled: 'disabled'
|
|
29
25
|
};
|
|
30
26
|
|
|
31
27
|
exports.INPUT_STEPPER_CLASS_NAMES = INPUT_STEPPER_CLASS_NAMES;
|
|
@@ -33,5 +29,4 @@ exports.INPUT_STEPPER_COMPONENT_NAMES = INPUT_STEPPER_COMPONENT_NAMES;
|
|
|
33
29
|
exports.INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES;
|
|
34
30
|
exports.INPUT_STEPPER_CUSTOM_EVENT_NAMES = INPUT_STEPPER_CUSTOM_EVENT_NAMES;
|
|
35
31
|
exports.INPUT_STEPPER_EVENT_NAMES = INPUT_STEPPER_EVENT_NAMES;
|
|
36
|
-
exports.INPUT_STEPPER_PROPS_TO_SYNC = INPUT_STEPPER_PROPS_TO_SYNC;
|
|
37
32
|
//# sourceMappingURL=input_stepper_constants.js.map
|
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
|
|
@@ -30,7 +30,11 @@ exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitE
|
|
|
30
30
|
this._updateCssClassesBasedOnProps();
|
|
31
31
|
}
|
|
32
32
|
_updateCssClassesBasedOnProps() {
|
|
33
|
-
const classes = [
|
|
33
|
+
const classes = [
|
|
34
|
+
radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled,
|
|
35
|
+
radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly,
|
|
36
|
+
radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError
|
|
37
|
+
];
|
|
34
38
|
this.classList.remove(...classes);
|
|
35
39
|
const cssClasses = index['default']({
|
|
36
40
|
[radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;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;"}
|
|
@@ -3,6 +3,7 @@ import { PropertyValues } from 'lit';
|
|
|
3
3
|
export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
4
4
|
transitionName: string;
|
|
5
5
|
isDevAccordionOptimizationFlagEnabled: boolean;
|
|
6
|
+
isDevAccordionSafariFlashFixEnabled: boolean;
|
|
6
7
|
private _transitionController;
|
|
7
8
|
private _contextConsumer;
|
|
8
9
|
private _accordionGroupProps;
|
|
@@ -12,6 +13,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
12
13
|
private _isTransitioning;
|
|
13
14
|
private _resizeDebounceTimer;
|
|
14
15
|
private _mutationDebounceTimer;
|
|
16
|
+
private _lastViewportWidth;
|
|
15
17
|
private _mutationObserver;
|
|
16
18
|
private _boundHandleTransitionEnd;
|
|
17
19
|
private _boundHandleImageLoad;
|
|
@@ -20,6 +22,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
20
22
|
firstUpdated(props: PropertyValues): void;
|
|
21
23
|
private _handleResizeObserver;
|
|
22
24
|
private _updateOriginalHeight;
|
|
25
|
+
private _isIosViewportHeightOnlyResize;
|
|
23
26
|
private _handleResize;
|
|
24
27
|
private _setStylingOptions;
|
|
25
28
|
private _setOriginalHeightValue;
|
|
@@ -15,10 +15,12 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
15
15
|
super();
|
|
16
16
|
this.transitionName = 'accordion-toggle';
|
|
17
17
|
this.isDevAccordionOptimizationFlagEnabled = false;
|
|
18
|
+
this.isDevAccordionSafariFlashFixEnabled = false;
|
|
18
19
|
this._resizeObserver = null;
|
|
19
20
|
this._isTransitioning = false;
|
|
20
21
|
this._resizeDebounceTimer = null;
|
|
21
22
|
this._mutationDebounceTimer = null;
|
|
23
|
+
this._lastViewportWidth = window.innerWidth;
|
|
22
24
|
this._mutationObserver = null;
|
|
23
25
|
this._handleResizeObserver = () => {
|
|
24
26
|
if (this._isTransitioning || this.hidden || this.style.height === '0px')
|
|
@@ -32,26 +34,47 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
32
34
|
this.style.display = previousDisplay;
|
|
33
35
|
};
|
|
34
36
|
this._handleResize = () => {
|
|
37
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
38
|
+
if (this._isIosViewportHeightOnlyResize())
|
|
39
|
+
return;
|
|
40
|
+
this._lastViewportWidth = window.innerWidth;
|
|
41
|
+
}
|
|
35
42
|
if (this._resizeDebounceTimer !== null) {
|
|
36
|
-
|
|
43
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
44
|
+
clearMethod(this._resizeDebounceTimer);
|
|
45
|
+
}
|
|
46
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
47
|
+
this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this._resizeDebounceTimer = requestAnimationFrame(() => {
|
|
51
|
+
setTimeout(() => {
|
|
52
|
+
this._setStylingOptions();
|
|
53
|
+
}, RESIZE_DEBOUNCE_MS);
|
|
54
|
+
});
|
|
37
55
|
}
|
|
38
|
-
this._resizeDebounceTimer = window.requestAnimationFrame(() => {
|
|
39
|
-
setTimeout(() => {
|
|
40
|
-
this._setStylingOptions();
|
|
41
|
-
}, RESIZE_DEBOUNCE_MS);
|
|
42
|
-
});
|
|
43
56
|
};
|
|
44
57
|
this._setStylingOptions = () => {
|
|
45
|
-
|
|
58
|
+
if (this.isDevAccordionSafariFlashFixEnabled) {
|
|
46
59
|
const previousDisplay = this.style.display;
|
|
47
60
|
this.style.setProperty('display', 'block', 'important');
|
|
48
61
|
this.style.height = 'auto';
|
|
62
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
63
|
+
this.style.display = previousDisplay;
|
|
64
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
49
67
|
requestAnimationFrame(() => {
|
|
50
|
-
this.
|
|
51
|
-
this.style.display
|
|
52
|
-
this.style.height =
|
|
68
|
+
const previousDisplay = this.style.display;
|
|
69
|
+
this.style.setProperty('display', 'block', 'important');
|
|
70
|
+
this.style.height = 'auto';
|
|
71
|
+
requestAnimationFrame(() => {
|
|
72
|
+
this._setOriginalHeightValue(this.getBoundingClientRect().height);
|
|
73
|
+
this.style.display = previousDisplay;
|
|
74
|
+
this.style.height = this.hidden ? '0px' : this._originalHeight;
|
|
75
|
+
});
|
|
53
76
|
});
|
|
54
|
-
}
|
|
77
|
+
}
|
|
55
78
|
};
|
|
56
79
|
this._setOriginalHeightValue = (height) => {
|
|
57
80
|
if (height !== 0 || this.children.length === 0) {
|
|
@@ -60,7 +83,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
60
83
|
};
|
|
61
84
|
this._handleMutation = () => {
|
|
62
85
|
if (this._mutationDebounceTimer !== null) {
|
|
63
|
-
|
|
86
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
64
87
|
}
|
|
65
88
|
this._mutationDebounceTimer = window.setTimeout(() => {
|
|
66
89
|
requestAnimationFrame(() => {
|
|
@@ -144,6 +167,9 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
144
167
|
this._setStylingOptions();
|
|
145
168
|
}
|
|
146
169
|
}
|
|
170
|
+
_isIosViewportHeightOnlyResize() {
|
|
171
|
+
return window.innerWidth === this._lastViewportWidth;
|
|
172
|
+
}
|
|
147
173
|
_setupImageLoadListeners() {
|
|
148
174
|
const images = this.querySelectorAll('img');
|
|
149
175
|
images.forEach((img) => {
|
|
@@ -204,10 +230,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
204
230
|
(_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
|
|
205
231
|
window.removeEventListener('resize', this._handleResize);
|
|
206
232
|
if (this._resizeDebounceTimer !== null) {
|
|
207
|
-
|
|
233
|
+
const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
|
|
234
|
+
clearMethod(this._resizeDebounceTimer);
|
|
208
235
|
}
|
|
209
236
|
if (this._mutationDebounceTimer !== null) {
|
|
210
|
-
|
|
237
|
+
clearTimeout(this._mutationDebounceTimer);
|
|
211
238
|
}
|
|
212
239
|
}
|
|
213
240
|
const images = this.querySelectorAll('img');
|
|
@@ -215,7 +242,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
215
242
|
img.removeEventListener('load', this._boundHandleImageLoad);
|
|
216
243
|
img.removeEventListener('error', this._boundHandleImageLoad);
|
|
217
244
|
});
|
|
218
|
-
window.removeEventListener('resize', this._handleResize);
|
|
219
245
|
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
220
246
|
}
|
|
221
247
|
};
|
|
@@ -227,6 +253,10 @@ __decorate([
|
|
|
227
253
|
property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
|
|
228
254
|
__metadata("design:type", Boolean)
|
|
229
255
|
], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
|
|
256
|
+
__decorate([
|
|
257
|
+
property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
|
|
258
|
+
__metadata("design:type", Boolean)
|
|
259
|
+
], HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
|
|
230
260
|
HAccordionContent = __decorate([
|
|
231
261
|
phoenixCustomElement('h-accordion-content'),
|
|
232
262
|
__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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -48,7 +48,9 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
|
|
|
48
48
|
this._accordionProps.subscribe(this._accordionPropsObserver);
|
|
49
49
|
}
|
|
50
50
|
disconnectedCallback() {
|
|
51
|
-
|
|
51
|
+
var _a;
|
|
52
|
+
super.disconnectedCallback();
|
|
53
|
+
(_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
|
|
52
54
|
this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
|
|
53
55
|
}
|
|
54
56
|
show() {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -2,11 +2,11 @@ import { ReactiveControllerHost } from 'lit';
|
|
|
2
2
|
export declare type TBaseFormControlProps = Partial<{
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
required: boolean;
|
|
5
|
-
hidden: boolean
|
|
5
|
+
hidden: boolean;
|
|
6
6
|
readonly: boolean;
|
|
7
7
|
id: string;
|
|
8
8
|
name: string;
|
|
9
|
-
value: string
|
|
9
|
+
value: string;
|
|
10
10
|
}>;
|
|
11
11
|
export declare type TBaseFormControlPropsController = ReactiveControllerHost & TBaseFormControlProps & HTMLElement;
|
|
12
12
|
export declare type TOnPropsUpdatedListener = (props: TBaseFormControlProps) => void;
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
-
import { PropertyValues } from 'lit';
|
|
3
2
|
export declare class HButtonStepper extends PhoenixLightLitElement {
|
|
4
3
|
private _btnController;
|
|
5
4
|
private _allowedEvents;
|
|
6
5
|
type: string;
|
|
7
|
-
disabled: boolean;
|
|
8
6
|
constructor();
|
|
9
7
|
connectedCallback(): void;
|
|
10
|
-
updated(changedProperties: PropertyValues): void;
|
|
11
8
|
private _dispatchStepperEvent;
|
|
12
9
|
}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import 'lit';
|
|
3
2
|
import { property } from 'lit/decorators';
|
|
4
|
-
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
5
3
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
6
4
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
7
5
|
import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
|
|
8
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
9
6
|
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
|
|
10
7
|
|
|
11
8
|
let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
@@ -16,11 +13,8 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
|
16
13
|
decrement: INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
|
|
17
14
|
};
|
|
18
15
|
this.type = '';
|
|
19
|
-
this.disabled = false;
|
|
20
16
|
this._dispatchStepperEvent = (ev) => {
|
|
21
17
|
ev.stopImmediatePropagation();
|
|
22
|
-
if (this.disabled)
|
|
23
|
-
return;
|
|
24
18
|
if (!this.type)
|
|
25
19
|
throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
|
|
26
20
|
if (!this._allowedEvents[this.type])
|
|
@@ -28,27 +22,16 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
|
28
22
|
this.emitCustomEvent(this._allowedEvents[this.type]);
|
|
29
23
|
};
|
|
30
24
|
this._btnController = new BtnController(this, this._dispatchStepperEvent);
|
|
31
|
-
new ControlPropsSyncConsumerController({ host: this });
|
|
32
25
|
}
|
|
33
26
|
connectedCallback() {
|
|
34
27
|
super.connectedCallback();
|
|
35
28
|
this.addEventListener(INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
|
|
36
29
|
}
|
|
37
|
-
updated(changedProperties) {
|
|
38
|
-
if (!changedProperties.has('disabled'))
|
|
39
|
-
return;
|
|
40
|
-
this.setAttribute('aria-disabled', String(this.disabled));
|
|
41
|
-
this.disabled ? UiDomUtils.makeUnnavigable(this) : UiDomUtils.makeNavigable(this);
|
|
42
|
-
}
|
|
43
30
|
};
|
|
44
31
|
__decorate([
|
|
45
32
|
property({ type: String }),
|
|
46
33
|
__metadata("design:type", Object)
|
|
47
34
|
], HButtonStepper.prototype, "type", void 0);
|
|
48
|
-
__decorate([
|
|
49
|
-
property({ type: Boolean, reflect: true }),
|
|
50
|
-
__metadata("design:type", Boolean)
|
|
51
|
-
], HButtonStepper.prototype, "disabled", void 0);
|
|
52
35
|
HButtonStepper = __decorate([
|
|
53
36
|
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.button),
|
|
54
37
|
__metadata("design:paramtypes", [])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
2
|
export declare class HDisplayStepper extends PhoenixLightLitElement {
|
|
3
3
|
private _controlId;
|
|
4
|
-
disabled: boolean;
|
|
5
4
|
private _stepperContextConsumer;
|
|
6
5
|
private _value$;
|
|
7
6
|
private _valueObserver;
|
|
8
7
|
private _inputRef;
|
|
9
|
-
constructor();
|
|
10
8
|
connectedCallback(): Promise<void>;
|
|
11
9
|
disconnectedCallback(): void;
|
|
12
10
|
private _dispatchToggleEvent;
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
2
|
import { html } from 'lit';
|
|
3
|
-
import { state
|
|
3
|
+
import { state } from 'lit/decorators';
|
|
4
4
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
5
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
6
|
import { Observer } from '../../../core/classes/observer/observer.js';
|
|
7
7
|
import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
|
|
8
8
|
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
9
|
-
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
10
9
|
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
|
|
11
10
|
|
|
12
11
|
let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
|
|
13
12
|
constructor() {
|
|
14
|
-
super();
|
|
13
|
+
super(...arguments);
|
|
15
14
|
this._controlId = '';
|
|
16
|
-
this.disabled = false;
|
|
17
15
|
this._inputRef = createRef();
|
|
18
16
|
this._dispatchToggleEvent = (ev) => {
|
|
19
17
|
const $input = ev.target;
|
|
@@ -26,7 +24,6 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
|
|
|
26
24
|
}
|
|
27
25
|
});
|
|
28
26
|
};
|
|
29
|
-
new ControlPropsSyncConsumerController({ host: this });
|
|
30
27
|
}
|
|
31
28
|
async connectedCallback() {
|
|
32
29
|
super.connectedCallback();
|
|
@@ -74,7 +71,6 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
|
|
|
74
71
|
@change="${this._dispatchToggleEvent}"
|
|
75
72
|
inputmode="decimal"
|
|
76
73
|
aria-label="${this.ariaLabel}"
|
|
77
|
-
?disabled="${this.disabled}"
|
|
78
74
|
/>`;
|
|
79
75
|
}
|
|
80
76
|
};
|
|
@@ -82,13 +78,8 @@ __decorate([
|
|
|
82
78
|
state(),
|
|
83
79
|
__metadata("design:type", Object)
|
|
84
80
|
], HDisplayStepper.prototype, "_controlId", void 0);
|
|
85
|
-
__decorate([
|
|
86
|
-
property({ type: Boolean, reflect: true }),
|
|
87
|
-
__metadata("design:type", Boolean)
|
|
88
|
-
], HDisplayStepper.prototype, "disabled", void 0);
|
|
89
81
|
HDisplayStepper = __decorate([
|
|
90
|
-
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input)
|
|
91
|
-
__metadata("design:paramtypes", [])
|
|
82
|
+
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input)
|
|
92
83
|
], HDisplayStepper);
|
|
93
84
|
|
|
94
85
|
export { HDisplayStepper };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
-
import { PropertyValues } from 'lit';
|
|
3
2
|
import { TInputStepperChangeEvent } from './input_stepper_types';
|
|
4
3
|
export declare class HInputStepper extends PhoenixLightLitElement {
|
|
5
4
|
private _stepperState;
|
|
@@ -11,8 +10,6 @@ export declare class HInputStepper extends PhoenixLightLitElement {
|
|
|
11
10
|
min: number;
|
|
12
11
|
max: number;
|
|
13
12
|
step: number;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
constructor();
|
|
16
13
|
connectedCallback(): void;
|
|
17
14
|
disconnectedCallback(): void;
|
|
18
15
|
increment: () => void;
|
|
@@ -24,5 +21,5 @@ export declare class HInputStepper extends PhoenixLightLitElement {
|
|
|
24
21
|
private _roundToFractionDigits;
|
|
25
22
|
private _outsideRangeEdges;
|
|
26
23
|
private _dispatchChangedValue;
|
|
27
|
-
updated(
|
|
24
|
+
updated(): void;
|
|
28
25
|
}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import 'lit';
|
|
3
2
|
import { property } from 'lit/decorators';
|
|
4
3
|
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
4
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
5
|
import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
|
|
7
6
|
import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
|
|
8
|
-
import {
|
|
9
|
-
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
|
|
7
|
+
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
|
|
10
8
|
|
|
11
9
|
let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
12
10
|
constructor() {
|
|
13
|
-
super();
|
|
11
|
+
super(...arguments);
|
|
14
12
|
this.controlId = '';
|
|
15
13
|
this.allowedFractionDigits = null;
|
|
16
14
|
this.roundTo = 0;
|
|
@@ -18,10 +16,7 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
18
16
|
this.min = -Infinity;
|
|
19
17
|
this.max = Infinity;
|
|
20
18
|
this.step = 1;
|
|
21
|
-
this.disabled = false;
|
|
22
19
|
this.increment = () => {
|
|
23
|
-
if (this.disabled)
|
|
24
|
-
return;
|
|
25
20
|
if (this.value === this.max) {
|
|
26
21
|
this.value = this.max;
|
|
27
22
|
return;
|
|
@@ -30,8 +25,6 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
30
25
|
this._dispatchChangedValue(this.value);
|
|
31
26
|
};
|
|
32
27
|
this.decrement = () => {
|
|
33
|
-
if (this.disabled)
|
|
34
|
-
return;
|
|
35
28
|
if (this.value === this.min) {
|
|
36
29
|
this.value = this.min;
|
|
37
30
|
return;
|
|
@@ -40,8 +33,6 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
40
33
|
this._dispatchChangedValue(this.value);
|
|
41
34
|
};
|
|
42
35
|
this.changeValue = (ev) => {
|
|
43
|
-
if (this.disabled)
|
|
44
|
-
return;
|
|
45
36
|
const value = ev.detail.value;
|
|
46
37
|
this.setValue(value);
|
|
47
38
|
this._dispatchChangedValue(this.value);
|
|
@@ -74,10 +65,6 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
74
65
|
detail: { value }
|
|
75
66
|
});
|
|
76
67
|
};
|
|
77
|
-
new ControlPropsSyncProviderController({
|
|
78
|
-
host: this,
|
|
79
|
-
propsToSync: [INPUT_STEPPER_PROPS_TO_SYNC.disabled]
|
|
80
|
-
});
|
|
81
68
|
}
|
|
82
69
|
connectedCallback() {
|
|
83
70
|
super.connectedCallback();
|
|
@@ -116,11 +103,8 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
116
103
|
_outsideRangeEdges(number) {
|
|
117
104
|
return number > this.max || number < this.min;
|
|
118
105
|
}
|
|
119
|
-
updated(
|
|
106
|
+
updated() {
|
|
120
107
|
var _a;
|
|
121
|
-
if (changedProperties.has('disabled')) {
|
|
122
|
-
this.classList.toggle(INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
|
|
123
|
-
}
|
|
124
108
|
if (this._outsideRangeEdges(this.value))
|
|
125
109
|
return;
|
|
126
110
|
const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
|
|
@@ -156,13 +140,8 @@ __decorate([
|
|
|
156
140
|
property({ type: Number, reflect: true }),
|
|
157
141
|
__metadata("design:type", Number)
|
|
158
142
|
], HInputStepper.prototype, "step", void 0);
|
|
159
|
-
__decorate([
|
|
160
|
-
property({ type: Boolean, reflect: true }),
|
|
161
|
-
__metadata("design:type", Boolean)
|
|
162
|
-
], HInputStepper.prototype, "disabled", void 0);
|
|
163
143
|
HInputStepper = __decorate([
|
|
164
|
-
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control)
|
|
165
|
-
__metadata("design:paramtypes", [])
|
|
144
|
+
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control)
|
|
166
145
|
], HInputStepper);
|
|
167
146
|
|
|
168
147
|
export { HInputStepper };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts
CHANGED
|
@@ -10,7 +10,6 @@ export declare const INPUT_STEPPER_CUSTOM_EVENT_NAMES: {
|
|
|
10
10
|
};
|
|
11
11
|
export declare const INPUT_STEPPER_CLASS_NAMES: {
|
|
12
12
|
readonly displayInput: "input-stepper__value_input";
|
|
13
|
-
readonly inputStepperDisabled: "input-stepper_disabled";
|
|
14
13
|
};
|
|
15
14
|
export declare const INPUT_STEPPER_COMPONENT_NAMES: {
|
|
16
15
|
readonly control: "h-input-stepper";
|
|
@@ -20,6 +19,3 @@ export declare const INPUT_STEPPER_COMPONENT_NAMES: {
|
|
|
20
19
|
export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
|
|
21
20
|
readonly stepperContext: "stepperContext";
|
|
22
21
|
};
|
|
23
|
-
export declare const INPUT_STEPPER_PROPS_TO_SYNC: {
|
|
24
|
-
readonly disabled: "disabled";
|
|
25
|
-
};
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js
CHANGED
|
@@ -9,8 +9,7 @@ const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
|
|
|
9
9
|
decrement: 'decrement'
|
|
10
10
|
};
|
|
11
11
|
const INPUT_STEPPER_CLASS_NAMES = {
|
|
12
|
-
displayInput: 'input-stepper__value_input'
|
|
13
|
-
inputStepperDisabled: 'input-stepper_disabled'
|
|
12
|
+
displayInput: 'input-stepper__value_input'
|
|
14
13
|
};
|
|
15
14
|
const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
16
15
|
control: 'h-input-stepper',
|
|
@@ -19,10 +18,7 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
|
19
18
|
};
|
|
20
19
|
const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
|
|
21
20
|
stepperContext: 'stepperContext'
|
|
22
|
-
};
|
|
23
|
-
const INPUT_STEPPER_PROPS_TO_SYNC = {
|
|
24
|
-
disabled: 'disabled'
|
|
25
21
|
};
|
|
26
22
|
|
|
27
|
-
export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES
|
|
23
|
+
export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES };
|
|
28
24
|
//# sourceMappingURL=input_stepper_constants.js.map
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
|
|
@@ -26,7 +26,11 @@ let HRadio = class HRadio extends PhoenixLightLitElement {
|
|
|
26
26
|
this._updateCssClassesBasedOnProps();
|
|
27
27
|
}
|
|
28
28
|
_updateCssClassesBasedOnProps() {
|
|
29
|
-
const classes = [
|
|
29
|
+
const classes = [
|
|
30
|
+
RADIO_CONTROL_CSS_CLASSES.radioDisabled,
|
|
31
|
+
RADIO_CONTROL_CSS_CLASSES.radioReadonly,
|
|
32
|
+
RADIO_CONTROL_CSS_CLASSES.radioError
|
|
33
|
+
];
|
|
30
34
|
this.classList.remove(...classes);
|
|
31
35
|
const cssClasses = classnames({
|
|
32
36
|
[RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|