@shoper/phoenix_design_system 1.18.43 → 1.18.44
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/form/input_stepper/button_stepper.js +10 -5
- 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/input_stepper.js +12 -0
- 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 +4 -0
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js +11 -6
- 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/input_stepper.d.ts +2 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +13 -1
- 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 +3 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +4 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,9 +21,10 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
|
|
|
21
21
|
};
|
|
22
22
|
this.type = '';
|
|
23
23
|
this.disabled = false;
|
|
24
|
+
this.limitReached = false;
|
|
24
25
|
this._dispatchStepperEvent = (ev) => {
|
|
25
26
|
ev.stopImmediatePropagation();
|
|
26
|
-
if (this.disabled)
|
|
27
|
+
if (this.disabled || this.limitReached)
|
|
27
28
|
return;
|
|
28
29
|
if (!this.type)
|
|
29
30
|
throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
|
|
@@ -39,10 +40,10 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
|
|
|
39
40
|
this.addEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
|
|
40
41
|
}
|
|
41
42
|
updated(changedProperties) {
|
|
42
|
-
if (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
this.disabled
|
|
43
|
+
if (changedProperties.has('disabled')) {
|
|
44
|
+
this.disabled ? utilities.UiDomUtils.makeUnnavigable(this) : utilities.UiDomUtils.makeNavigable(this);
|
|
45
|
+
}
|
|
46
|
+
this.setAttribute('aria-disabled', String(this.disabled || this.limitReached));
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
49
|
tslib_es6.__decorate([
|
|
@@ -53,6 +54,10 @@ tslib_es6.__decorate([
|
|
|
53
54
|
decorators.property({ type: Boolean, reflect: true }),
|
|
54
55
|
tslib_es6.__metadata("design:type", Boolean)
|
|
55
56
|
], exports.HButtonStepper.prototype, "disabled", void 0);
|
|
57
|
+
tslib_es6.__decorate([
|
|
58
|
+
decorators.property({ type: Boolean, attribute: input_stepper_constants.INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached }),
|
|
59
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
60
|
+
], exports.HButtonStepper.prototype, "limitReached", void 0);
|
|
56
61
|
exports.HButtonStepper = tslib_es6.__decorate([
|
|
57
62
|
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button),
|
|
58
63
|
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;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;"}
|
|
@@ -23,6 +23,7 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
23
23
|
this.max = Infinity;
|
|
24
24
|
this.step = 1;
|
|
25
25
|
this.disabled = false;
|
|
26
|
+
this.disableButtonsAtLimits = false;
|
|
26
27
|
this.increment = () => {
|
|
27
28
|
if (this.disabled)
|
|
28
29
|
return;
|
|
@@ -120,11 +121,18 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
|
|
|
120
121
|
_outsideRangeEdges(number) {
|
|
121
122
|
return number > this.max || number < this.min;
|
|
122
123
|
}
|
|
124
|
+
_markButtonsAtLimit() {
|
|
125
|
+
this.querySelectorAll(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button).forEach(($button) => {
|
|
126
|
+
const isAtLimit = $button.getAttribute('type') === 'decrement' ? this.value <= this.min : this.value >= this.max;
|
|
127
|
+
$button.toggleAttribute(input_stepper_constants.INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached, this.disableButtonsAtLimits && isAtLimit);
|
|
128
|
+
});
|
|
129
|
+
}
|
|
123
130
|
updated(changedProperties) {
|
|
124
131
|
var _a;
|
|
125
132
|
if (changedProperties.has('disabled')) {
|
|
126
133
|
this.classList.toggle(input_stepper_constants.INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
|
|
127
134
|
}
|
|
135
|
+
this._markButtonsAtLimit();
|
|
128
136
|
if (this._outsideRangeEdges(this.value))
|
|
129
137
|
return;
|
|
130
138
|
const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
|
|
@@ -164,6 +172,10 @@ tslib_es6.__decorate([
|
|
|
164
172
|
decorators.property({ type: Boolean, reflect: true }),
|
|
165
173
|
tslib_es6.__metadata("design:type", Boolean)
|
|
166
174
|
], exports.HInputStepper.prototype, "disabled", void 0);
|
|
175
|
+
tslib_es6.__decorate([
|
|
176
|
+
decorators.property({ type: Boolean, attribute: 'disable-buttons-at-limits' }),
|
|
177
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
178
|
+
], exports.HInputStepper.prototype, "disableButtonsAtLimits", void 0);
|
|
167
179
|
exports.HInputStepper = tslib_es6.__decorate([
|
|
168
180
|
phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control),
|
|
169
181
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
|
@@ -21,6 +21,9 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
|
21
21
|
input: 'h-display-stepper',
|
|
22
22
|
button: 'h-button-stepper'
|
|
23
23
|
};
|
|
24
|
+
const INPUT_STEPPER_ATTRIBUTE_NAMES = {
|
|
25
|
+
limitReached: 'limit-reached'
|
|
26
|
+
};
|
|
24
27
|
const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
|
|
25
28
|
stepperContext: 'stepperContext'
|
|
26
29
|
};
|
|
@@ -28,6 +31,7 @@ const INPUT_STEPPER_PROPS_TO_SYNC = {
|
|
|
28
31
|
disabled: 'disabled'
|
|
29
32
|
};
|
|
30
33
|
|
|
34
|
+
exports.INPUT_STEPPER_ATTRIBUTE_NAMES = INPUT_STEPPER_ATTRIBUTE_NAMES;
|
|
31
35
|
exports.INPUT_STEPPER_CLASS_NAMES = INPUT_STEPPER_CLASS_NAMES;
|
|
32
36
|
exports.INPUT_STEPPER_COMPONENT_NAMES = INPUT_STEPPER_COMPONENT_NAMES;
|
|
33
37
|
exports.INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES;
|
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;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,7 +6,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
|
|
|
6
6
|
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
7
7
|
import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
|
|
8
8
|
import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
|
|
9
|
-
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
|
|
9
|
+
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_ATTRIBUTE_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
|
|
10
10
|
|
|
11
11
|
let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
12
12
|
constructor() {
|
|
@@ -17,9 +17,10 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
|
17
17
|
};
|
|
18
18
|
this.type = '';
|
|
19
19
|
this.disabled = false;
|
|
20
|
+
this.limitReached = false;
|
|
20
21
|
this._dispatchStepperEvent = (ev) => {
|
|
21
22
|
ev.stopImmediatePropagation();
|
|
22
|
-
if (this.disabled)
|
|
23
|
+
if (this.disabled || this.limitReached)
|
|
23
24
|
return;
|
|
24
25
|
if (!this.type)
|
|
25
26
|
throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
|
|
@@ -35,10 +36,10 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
|
|
|
35
36
|
this.addEventListener(INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
|
|
36
37
|
}
|
|
37
38
|
updated(changedProperties) {
|
|
38
|
-
if (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
this.disabled
|
|
39
|
+
if (changedProperties.has('disabled')) {
|
|
40
|
+
this.disabled ? UiDomUtils.makeUnnavigable(this) : UiDomUtils.makeNavigable(this);
|
|
41
|
+
}
|
|
42
|
+
this.setAttribute('aria-disabled', String(this.disabled || this.limitReached));
|
|
42
43
|
}
|
|
43
44
|
};
|
|
44
45
|
__decorate([
|
|
@@ -49,6 +50,10 @@ __decorate([
|
|
|
49
50
|
property({ type: Boolean, reflect: true }),
|
|
50
51
|
__metadata("design:type", Boolean)
|
|
51
52
|
], HButtonStepper.prototype, "disabled", void 0);
|
|
53
|
+
__decorate([
|
|
54
|
+
property({ type: Boolean, attribute: INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached }),
|
|
55
|
+
__metadata("design:type", Boolean)
|
|
56
|
+
], HButtonStepper.prototype, "limitReached", void 0);
|
|
52
57
|
HButtonStepper = __decorate([
|
|
53
58
|
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.button),
|
|
54
59
|
__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;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;"}
|
|
@@ -12,6 +12,7 @@ export declare class HInputStepper extends PhoenixLightLitElement {
|
|
|
12
12
|
max: number;
|
|
13
13
|
step: number;
|
|
14
14
|
disabled: boolean;
|
|
15
|
+
disableButtonsAtLimits: boolean;
|
|
15
16
|
constructor();
|
|
16
17
|
connectedCallback(): void;
|
|
17
18
|
disconnectedCallback(): void;
|
|
@@ -23,6 +24,7 @@ export declare class HInputStepper extends PhoenixLightLitElement {
|
|
|
23
24
|
private _calculateFractionDigitsByStepSize;
|
|
24
25
|
private _roundToFractionDigits;
|
|
25
26
|
private _outsideRangeEdges;
|
|
27
|
+
private _markButtonsAtLimit;
|
|
26
28
|
private _dispatchChangedValue;
|
|
27
29
|
updated(changedProperties: PropertyValues): void;
|
|
28
30
|
}
|
|
@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
|
|
|
6
6
|
import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
|
|
7
7
|
import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
|
|
8
8
|
import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
|
|
9
|
-
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES,
|
|
9
|
+
import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_ATTRIBUTE_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
|
|
10
10
|
|
|
11
11
|
let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
12
12
|
constructor() {
|
|
@@ -19,6 +19,7 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
19
19
|
this.max = Infinity;
|
|
20
20
|
this.step = 1;
|
|
21
21
|
this.disabled = false;
|
|
22
|
+
this.disableButtonsAtLimits = false;
|
|
22
23
|
this.increment = () => {
|
|
23
24
|
if (this.disabled)
|
|
24
25
|
return;
|
|
@@ -116,11 +117,18 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
|
116
117
|
_outsideRangeEdges(number) {
|
|
117
118
|
return number > this.max || number < this.min;
|
|
118
119
|
}
|
|
120
|
+
_markButtonsAtLimit() {
|
|
121
|
+
this.querySelectorAll(INPUT_STEPPER_COMPONENT_NAMES.button).forEach(($button) => {
|
|
122
|
+
const isAtLimit = $button.getAttribute('type') === 'decrement' ? this.value <= this.min : this.value >= this.max;
|
|
123
|
+
$button.toggleAttribute(INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached, this.disableButtonsAtLimits && isAtLimit);
|
|
124
|
+
});
|
|
125
|
+
}
|
|
119
126
|
updated(changedProperties) {
|
|
120
127
|
var _a;
|
|
121
128
|
if (changedProperties.has('disabled')) {
|
|
122
129
|
this.classList.toggle(INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
|
|
123
130
|
}
|
|
131
|
+
this._markButtonsAtLimit();
|
|
124
132
|
if (this._outsideRangeEdges(this.value))
|
|
125
133
|
return;
|
|
126
134
|
const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
|
|
@@ -160,6 +168,10 @@ __decorate([
|
|
|
160
168
|
property({ type: Boolean, reflect: true }),
|
|
161
169
|
__metadata("design:type", Boolean)
|
|
162
170
|
], HInputStepper.prototype, "disabled", void 0);
|
|
171
|
+
__decorate([
|
|
172
|
+
property({ type: Boolean, attribute: 'disable-buttons-at-limits' }),
|
|
173
|
+
__metadata("design:type", Boolean)
|
|
174
|
+
], HInputStepper.prototype, "disableButtonsAtLimits", void 0);
|
|
163
175
|
HInputStepper = __decorate([
|
|
164
176
|
phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control),
|
|
165
177
|
__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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts
CHANGED
|
@@ -17,6 +17,9 @@ export declare const INPUT_STEPPER_COMPONENT_NAMES: {
|
|
|
17
17
|
readonly input: "h-display-stepper";
|
|
18
18
|
readonly button: "h-button-stepper";
|
|
19
19
|
};
|
|
20
|
+
export declare const INPUT_STEPPER_ATTRIBUTE_NAMES: {
|
|
21
|
+
readonly limitReached: "limit-reached";
|
|
22
|
+
};
|
|
20
23
|
export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
|
|
21
24
|
readonly stepperContext: "stepperContext";
|
|
22
25
|
};
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js
CHANGED
|
@@ -17,6 +17,9 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
|
|
|
17
17
|
input: 'h-display-stepper',
|
|
18
18
|
button: 'h-button-stepper'
|
|
19
19
|
};
|
|
20
|
+
const INPUT_STEPPER_ATTRIBUTE_NAMES = {
|
|
21
|
+
limitReached: 'limit-reached'
|
|
22
|
+
};
|
|
20
23
|
const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
|
|
21
24
|
stepperContext: 'stepperContext'
|
|
22
25
|
};
|
|
@@ -24,5 +27,5 @@ const INPUT_STEPPER_PROPS_TO_SYNC = {
|
|
|
24
27
|
disabled: 'disabled'
|
|
25
28
|
};
|
|
26
29
|
|
|
27
|
-
export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC };
|
|
30
|
+
export { INPUT_STEPPER_ATTRIBUTE_NAMES, INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC };
|
|
28
31
|
//# 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;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;"}
|