@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.
Files changed (43) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js +45 -0
  2. package/build/cjs/packages/phoenix/src/components/form/input_stepper/{display_input.js.map → button_stepper.js.map} +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js +86 -0
  4. package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map +1 -0
  5. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +89 -54
  6. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +18 -10
  8. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/index.js +8 -8
  10. package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts +9 -0
  11. package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js +43 -0
  12. package/build/esm/packages/phoenix/src/components/form/input_stepper/{stepper_action_button.js.map → button_stepper.js.map} +1 -1
  13. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.d.ts +15 -0
  14. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js +84 -0
  15. package/build/esm/packages/phoenix/src/components/form/input_stepper/{display_input.js.map → display_stepper.js.map} +1 -1
  16. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +16 -12
  17. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +91 -56
  18. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  19. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts +15 -8
  20. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +16 -9
  21. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +1 -1
  22. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.d.ts +1 -4
  23. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js +1 -2
  24. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map +1 -1
  25. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.d.ts +8 -0
  26. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.js +32 -0
  27. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/button_stepper.js.map +1 -0
  28. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.d.ts +10 -0
  29. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.js +42 -0
  30. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/display_stepper.js.map +1 -0
  31. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.d.ts +14 -0
  32. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.js +57 -0
  33. package/build/esm/packages/phoenix/src/components/form/input_stepper_2/input_stepper.js.map +1 -0
  34. package/build/esm/packages/phoenix/src/index.d.ts +2 -2
  35. package/build/esm/packages/phoenix/src/index.js +2 -2
  36. package/package.json +1 -1
  37. package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -60
  38. package/build/cjs/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js +0 -39
  39. package/build/cjs/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map +0 -1
  40. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.d.ts +0 -10
  41. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -58
  42. package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts +0 -8
  43. 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
@@ -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
- }
@@ -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