@shoper/phoenix_design_system 1.2.22 → 1.3.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/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js +45 -0
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/{display_input.js.map → button_stepper.js.map} +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js +86 -0
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +89 -54
- 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 +18 -10
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +8 -8
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js +43 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/{stepper_action_button.js.map → button_stepper.js.map} +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.d.ts +15 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js +84 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper/{display_input.js.map → display_stepper.js.map} +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +16 -12
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +91 -56
- 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 +15 -8
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +16 -9
- 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/input_stepper/input_stepper_types.d.ts +1 -4
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js +1 -2
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.d.ts +8 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.js +32 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.d.ts +10 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.js +42 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.d.ts +14 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.js +57 -0
- package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.js.map +1 -0
- package/build/esm/packages/phoenix/src/index.d.ts +2 -2
- package/build/esm/packages/phoenix/src/index.js +2 -2
- package/package.json +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -60
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js +0 -39
- package/build/cjs/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.d.ts +0 -10
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -58
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts +0 -8
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js +0 -37
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import { html } from 'lit';
|
|
3
|
-
import { property } from 'lit/decorators';
|
|
4
|
-
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
5
|
-
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
6
|
-
import { createRef, ref } from 'lit-html/directives/ref.js';
|
|
7
|
-
import { DISPLAY_INPUT_EVENT_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
|
|
8
|
-
|
|
9
|
-
let HDisplayInput = class HDisplayInput extends PhoenixLightLitElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this.controlId = '';
|
|
13
|
-
this.inputRef = createRef();
|
|
14
|
-
this._testDispatchValueChanged = () => {
|
|
15
|
-
var _a;
|
|
16
|
-
const valueChangeEvent = new CustomEvent(DISPLAY_INPUT_EVENT_NAMES.change, {
|
|
17
|
-
bubbles: true,
|
|
18
|
-
detail: {
|
|
19
|
-
value: (_a = this.inputRef.value) === null || _a === void 0 ? void 0 : _a.value
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
this.dispatchEvent(valueChangeEvent);
|
|
23
|
-
if (this.inputRef.value) {
|
|
24
|
-
this.inputRef.value.value = this.value;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
_setInputBehavior(event) {
|
|
29
|
-
const input = event.target;
|
|
30
|
-
input.focus();
|
|
31
|
-
input.select();
|
|
32
|
-
}
|
|
33
|
-
render() {
|
|
34
|
-
return html `<input
|
|
35
|
-
id="${this.controlId}"
|
|
36
|
-
class="${INPUT_STEPPER_CLASS_NAMES.displayInput}"
|
|
37
|
-
type="number"
|
|
38
|
-
${ref(this.inputRef)}
|
|
39
|
-
.value="${this.value}"
|
|
40
|
-
@input=${this._testDispatchValueChanged}
|
|
41
|
-
@click=${this._setInputBehavior}
|
|
42
|
-
/>`;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
__decorate([
|
|
46
|
-
property({ type: String, attribute: 'value', reflect: true }),
|
|
47
|
-
__metadata("design:type", String)
|
|
48
|
-
], HDisplayInput.prototype, "value", void 0);
|
|
49
|
-
__decorate([
|
|
50
|
-
property({ type: Number, attribute: 'control-id', reflect: true }),
|
|
51
|
-
__metadata("design:type", String)
|
|
52
|
-
], HDisplayInput.prototype, "controlId", void 0);
|
|
53
|
-
HDisplayInput = __decorate([
|
|
54
|
-
phoenixCustomElement('h-display-input')
|
|
55
|
-
], HDisplayInput);
|
|
56
|
-
|
|
57
|
-
export { HDisplayInput };
|
|
58
|
-
//# sourceMappingURL=display_input.js.map
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
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
|
-
}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import { property } from 'lit/decorators';
|
|
3
|
-
import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
4
|
-
import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
|
|
5
|
-
import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
|
|
6
|
-
import { INPUT_STEPPER_EVENT_NAMES } from './input_stepper_constants.js';
|
|
7
|
-
|
|
8
|
-
let HStepperActionButton = class HStepperActionButton extends PhoenixLightLitElement {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this._dispatchChangeEvent = () => {
|
|
12
|
-
const unitaryValueChangeEvent = new CustomEvent(INPUT_STEPPER_EVENT_NAMES.change, {
|
|
13
|
-
bubbles: true,
|
|
14
|
-
detail: {
|
|
15
|
-
action: this.action
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
this.dispatchEvent(unitaryValueChangeEvent);
|
|
19
|
-
};
|
|
20
|
-
new BtnController(this, this._dispatchChangeEvent);
|
|
21
|
-
}
|
|
22
|
-
connectedCallback() {
|
|
23
|
-
super.connectedCallback();
|
|
24
|
-
this.addEventListener('click', this._dispatchChangeEvent);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
__decorate([
|
|
28
|
-
property({ type: String, attribute: 'action', reflect: true }),
|
|
29
|
-
__metadata("design:type", String)
|
|
30
|
-
], HStepperActionButton.prototype, "action", void 0);
|
|
31
|
-
HStepperActionButton = __decorate([
|
|
32
|
-
phoenixCustomElement('h-stepper-action-button'),
|
|
33
|
-
__metadata("design:paramtypes", [])
|
|
34
|
-
], HStepperActionButton);
|
|
35
|
-
|
|
36
|
-
export { HStepperActionButton };
|
|
37
|
-
//# sourceMappingURL=stepper_action_button.js.map
|