@shoper/phoenix_design_system 1.1.8 → 1.2.0-1
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/esm/packages/phoenix/src/components/form/input_stepper/display_input.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js +49 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +19 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +93 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts +11 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +12 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.d.ts +3 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js +3 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js +35 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
+
import { Ref } from 'lit/directives/ref.js';
|
|
3
|
+
export declare class HDisplayInput extends PhoenixLightLitElement {
|
|
4
|
+
value: string;
|
|
5
|
+
inputRef: Ref<HTMLInputElement>;
|
|
6
|
+
private _setInputBehavior;
|
|
7
|
+
private _testDispatchValueChanged;
|
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { DISPLAY_INPUT_EVENT_NAMES } from '@phoenixRoot/components/form/input_stepper/input_stepper_constants';
|
|
3
|
+
import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
|
|
4
|
+
import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
|
|
5
|
+
import { html } from 'lit';
|
|
6
|
+
import { property } from 'lit/decorators';
|
|
7
|
+
import { createRef, ref } from 'lit/directives/ref.js';
|
|
8
|
+
let HDisplayInput = class HDisplayInput extends PhoenixLightLitElement {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.inputRef = createRef();
|
|
12
|
+
this._testDispatchValueChanged = () => {
|
|
13
|
+
var _a;
|
|
14
|
+
const valueChangeEvent = new CustomEvent(DISPLAY_INPUT_EVENT_NAMES.change, {
|
|
15
|
+
bubbles: true,
|
|
16
|
+
detail: {
|
|
17
|
+
value: (_a = this.inputRef.value) === null || _a === void 0 ? void 0 : _a.value
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
this.dispatchEvent(valueChangeEvent);
|
|
21
|
+
if (this.inputRef.value) {
|
|
22
|
+
this.inputRef.value.value = this.value;
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
_setInputBehavior(event) {
|
|
27
|
+
const input = event.target;
|
|
28
|
+
input.focus();
|
|
29
|
+
input.select();
|
|
30
|
+
}
|
|
31
|
+
render() {
|
|
32
|
+
return html `<input
|
|
33
|
+
type="text"
|
|
34
|
+
${ref(this.inputRef)}
|
|
35
|
+
.value="${this.value}"
|
|
36
|
+
@input=${this._testDispatchValueChanged}
|
|
37
|
+
@click=${(event) => this._setInputBehavior(event)}
|
|
38
|
+
/>`;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
__decorate([
|
|
42
|
+
property({ type: String, attribute: 'value', reflect: true }),
|
|
43
|
+
__metadata("design:type", String)
|
|
44
|
+
], HDisplayInput.prototype, "value", void 0);
|
|
45
|
+
HDisplayInput = __decorate([
|
|
46
|
+
phoenixCustomElement('h-display-input')
|
|
47
|
+
], HDisplayInput);
|
|
48
|
+
export { HDisplayInput };
|
|
49
|
+
//# sourceMappingURL=display_input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"display_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/display_input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oEAAoE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAG5D,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,sBAAsB;IAAzD;;QAIW,aAAQ,GAA0B,SAAS,EAAE,CAAC;QAQ7C,8BAAyB,GAAG,GAAG,EAAE;;YACrC,MAAM,gBAAgB,GAAG,IAAI,WAAW,CAAC,yBAAyB,CAAC,MAAM,EAAE;gBACvE,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACJ,KAAK,EAAE,MAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,0CAAE,KAAK;iBACpC;aACJ,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACrC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACrB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC1C;QACL,CAAC,CAAC;IAWN,CAAC;IA5BW,iBAAiB,CAAC,KAAY;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,KAAK,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;IAeM,MAAM;QACT,OAAO,IAAI,CAAA;;cAEL,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;sBACV,IAAI,CAAC,KAAK;qBACX,IAAI,CAAC,yBAAyB;qBAC9B,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;WACzD,CAAC;IACR,CAAC;CACJ,CAAA;AAhCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;4CAChD;AAFL,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CAkCzB;SAlCY,aAAa"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
3
|
+
export declare class HInputStepper extends PhoenixLightLitElement {
|
|
4
|
+
step: number;
|
|
5
|
+
min: number;
|
|
6
|
+
max: number;
|
|
7
|
+
private _value;
|
|
8
|
+
private _$inputElement;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
protected updated(changedProperties: PropertyValues): void;
|
|
12
|
+
private _setupEvents;
|
|
13
|
+
private _handleInputChange;
|
|
14
|
+
private _handleDisplayChange;
|
|
15
|
+
private _handleUpdateValue;
|
|
16
|
+
private _increment;
|
|
17
|
+
private _decrement;
|
|
18
|
+
private _dispatchValueChanged;
|
|
19
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import '@phoenixRoot/components/form/input_stepper/stepper_action_button';
|
|
3
|
+
import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
|
|
4
|
+
import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
|
|
5
|
+
import 'lit';
|
|
6
|
+
import { property, state } from 'lit/decorators';
|
|
7
|
+
import { DISPLAY_INPUT_EVENT_NAMES, INPUT_STEPPER_ACTION_TYPES, INPUT_STEPPER_EVENT_NAMES } from './input_stepper_constants';
|
|
8
|
+
let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.step = 1;
|
|
12
|
+
this.min = -Infinity;
|
|
13
|
+
this.max = Infinity;
|
|
14
|
+
this._handleInputChange = (event) => {
|
|
15
|
+
var _a;
|
|
16
|
+
((_a = event.target) === null || _a === void 0 ? void 0 : _a.action) === INPUT_STEPPER_ACTION_TYPES.increment ? this._increment() : this._decrement();
|
|
17
|
+
};
|
|
18
|
+
this._handleDisplayChange = (event) => {
|
|
19
|
+
if (event.detail.value > this.max)
|
|
20
|
+
return;
|
|
21
|
+
this._value = Number(event.detail.value);
|
|
22
|
+
};
|
|
23
|
+
this._handleUpdateValue = () => {
|
|
24
|
+
this._value = Number(this._$inputElement.value) || 0;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
connectedCallback() {
|
|
28
|
+
super.connectedCallback();
|
|
29
|
+
const $element = this.querySelector('h-display-input');
|
|
30
|
+
if (!$element) {
|
|
31
|
+
throw new Error();
|
|
32
|
+
}
|
|
33
|
+
this._$inputElement = $element;
|
|
34
|
+
this._value = Number($element.value) || 0;
|
|
35
|
+
this._setupEvents();
|
|
36
|
+
}
|
|
37
|
+
disconnectedCallback() {
|
|
38
|
+
super.disconnectedCallback();
|
|
39
|
+
this._$inputElement.removeEventListener('input', this._handleUpdateValue);
|
|
40
|
+
}
|
|
41
|
+
updated(changedProperties) {
|
|
42
|
+
super.updated(changedProperties);
|
|
43
|
+
if (changedProperties.has('_value')) {
|
|
44
|
+
this._dispatchValueChanged();
|
|
45
|
+
this._$inputElement.value = String(this._value);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
_setupEvents() {
|
|
49
|
+
this.addEventListener(INPUT_STEPPER_EVENT_NAMES.change, this._handleInputChange);
|
|
50
|
+
this.addEventListener(DISPLAY_INPUT_EVENT_NAMES.change, this._handleDisplayChange);
|
|
51
|
+
this._$inputElement.addEventListener('input', this._handleUpdateValue);
|
|
52
|
+
}
|
|
53
|
+
_increment() {
|
|
54
|
+
if (this._value >= this.max)
|
|
55
|
+
return;
|
|
56
|
+
this._value += this.step;
|
|
57
|
+
}
|
|
58
|
+
_decrement() {
|
|
59
|
+
if (this._value <= this.min)
|
|
60
|
+
return;
|
|
61
|
+
this._value -= this.step;
|
|
62
|
+
}
|
|
63
|
+
_dispatchValueChanged() {
|
|
64
|
+
const valueChangeEvent = new CustomEvent(INPUT_STEPPER_EVENT_NAMES.valueChanged, {
|
|
65
|
+
bubbles: true,
|
|
66
|
+
detail: {
|
|
67
|
+
value: this._value
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
this.dispatchEvent(valueChangeEvent);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
__decorate([
|
|
74
|
+
property({ type: Number, attribute: 'step', reflect: true }),
|
|
75
|
+
__metadata("design:type", Number)
|
|
76
|
+
], HInputStepper.prototype, "step", void 0);
|
|
77
|
+
__decorate([
|
|
78
|
+
property({ type: Number, attribute: 'min', reflect: true }),
|
|
79
|
+
__metadata("design:type", Number)
|
|
80
|
+
], HInputStepper.prototype, "min", void 0);
|
|
81
|
+
__decorate([
|
|
82
|
+
property({ type: Number, attribute: 'max', reflect: true }),
|
|
83
|
+
__metadata("design:type", Number)
|
|
84
|
+
], HInputStepper.prototype, "max", void 0);
|
|
85
|
+
__decorate([
|
|
86
|
+
state(),
|
|
87
|
+
__metadata("design:type", Number)
|
|
88
|
+
], HInputStepper.prototype, "_value", void 0);
|
|
89
|
+
HInputStepper = __decorate([
|
|
90
|
+
phoenixCustomElement('h-input-stepper')
|
|
91
|
+
], HInputStepper);
|
|
92
|
+
export { HInputStepper };
|
|
93
|
+
//# sourceMappingURL=input_stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper.ts"],"names":[],"mappings":"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"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const INPUT_STEPPER_EVENT_NAMES: {
|
|
2
|
+
readonly change: "inputStepper.change";
|
|
3
|
+
readonly valueChanged: "inputStepper.valueChanged";
|
|
4
|
+
};
|
|
5
|
+
export declare const DISPLAY_INPUT_EVENT_NAMES: {
|
|
6
|
+
readonly change: "displayInput.change";
|
|
7
|
+
};
|
|
8
|
+
export declare const INPUT_STEPPER_ACTION_TYPES: {
|
|
9
|
+
readonly increment: "increment";
|
|
10
|
+
readonly decrement: "decrement";
|
|
11
|
+
};
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const INPUT_STEPPER_EVENT_NAMES = {
|
|
2
|
+
change: 'inputStepper.change',
|
|
3
|
+
valueChanged: 'inputStepper.valueChanged'
|
|
4
|
+
};
|
|
5
|
+
export const DISPLAY_INPUT_EVENT_NAMES = {
|
|
6
|
+
change: 'displayInput.change'
|
|
7
|
+
};
|
|
8
|
+
export const INPUT_STEPPER_ACTION_TYPES = {
|
|
9
|
+
increment: 'increment',
|
|
10
|
+
decrement: 'decrement'
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=input_stepper_constants.js.map
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input_stepper_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,MAAM,EAAE,qBAAqB;IAC7B,YAAY,EAAE,2BAA2B;CACnC,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,MAAM,EAAE,qBAAqB;CACvB,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CAChB,CAAC"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input_stepper_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAA2C,2BAA2B,CAAC"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
+
import type { TInputStepperAction } from './input_stepper_types';
|
|
3
|
+
export declare class HStepperActionButton extends PhoenixLightLitElement {
|
|
4
|
+
action: TInputStepperAction;
|
|
5
|
+
constructor();
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
private _dispatchChangeEvent;
|
|
8
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
|
|
3
|
+
import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
|
|
4
|
+
import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
|
|
5
|
+
import { property } from 'lit/decorators';
|
|
6
|
+
import { INPUT_STEPPER_EVENT_NAMES } from './input_stepper_constants';
|
|
7
|
+
let HStepperActionButton = class HStepperActionButton extends PhoenixLightLitElement {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this._dispatchChangeEvent = () => {
|
|
11
|
+
const unitaryValueChangeEvent = new CustomEvent(INPUT_STEPPER_EVENT_NAMES.change, {
|
|
12
|
+
bubbles: true,
|
|
13
|
+
detail: {
|
|
14
|
+
action: this.action
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
this.dispatchEvent(unitaryValueChangeEvent);
|
|
18
|
+
};
|
|
19
|
+
new BtnController(this, this._dispatchChangeEvent);
|
|
20
|
+
}
|
|
21
|
+
connectedCallback() {
|
|
22
|
+
super.connectedCallback();
|
|
23
|
+
this.addEventListener('click', this._dispatchChangeEvent);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
__decorate([
|
|
27
|
+
property({ type: String, attribute: 'action', reflect: true }),
|
|
28
|
+
__metadata("design:type", String)
|
|
29
|
+
], HStepperActionButton.prototype, "action", void 0);
|
|
30
|
+
HStepperActionButton = __decorate([
|
|
31
|
+
phoenixCustomElement('h-stepper-action-button'),
|
|
32
|
+
__metadata("design:paramtypes", [])
|
|
33
|
+
], HStepperActionButton);
|
|
34
|
+
export { HStepperActionButton };
|
|
35
|
+
//# sourceMappingURL=stepper_action_button.js.map
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper_action_button.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/stepper_action_button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAItE,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,sBAAsB;IAI5D;QACI,KAAK,EAAE,CAAC;QASJ,yBAAoB,GAAG,GAAS,EAAE;YACtC,MAAM,uBAAuB,GAAG,IAAI,WAAW,CAAC,yBAAyB,CAAC,MAAM,EAAE;gBAC9E,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACJ,MAAM,EAAE,IAAI,CAAC,MAAM;iBACtB;aACJ,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAChD,CAAC,CAAC;QAhBE,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC9D,CAAC;CAWJ,CAAA;AArBG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;oDACnC;AAFnB,oBAAoB;IADhC,oBAAoB,CAAC,yBAAyB,CAAC;;GACnC,oBAAoB,CAuBhC;SAvBY,oBAAoB"}
|