@shoper/phoenix_design_system 1.2.0-1 → 1.2.0-3

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 (81) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +67 -0
  2. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -0
  3. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file_model.js +18 -0
  4. package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file_model.js.map +1 -0
  5. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +177 -0
  6. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -0
  7. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +37 -0
  8. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js.map +1 -0
  9. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js +59 -0
  10. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -0
  11. package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js +6 -5
  12. package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/select/controllers/base_select_controller.js +13 -13
  14. package/build/cjs/packages/phoenix/src/components/form/select/controllers/multi_select_controller.js +6 -6
  15. package/build/cjs/packages/phoenix/src/components/form/select/controllers/select_controller.js +2 -2
  16. package/build/cjs/packages/phoenix/src/components/form/select/select.js +23 -79
  17. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  18. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js +0 -5
  19. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js +0 -6
  21. package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
  22. package/build/cjs/packages/phoenix/src/components/modal/modal.js +1 -1
  23. package/build/cjs/packages/phoenix/src/index.js +21 -0
  24. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  25. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +12 -0
  26. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +65 -0
  27. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -0
  28. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.d.ts +9 -0
  29. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js +14 -0
  30. package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js.map +1 -0
  31. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +31 -0
  32. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +175 -0
  33. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -0
  34. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.d.ts +29 -0
  35. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +29 -0
  36. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js.map +1 -0
  37. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.d.ts +13 -0
  38. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js +57 -0
  39. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -0
  40. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts +1 -2
  41. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js +6 -5
  42. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
  43. package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.d.ts +10 -10
  44. package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.js +13 -13
  45. package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.d.ts +3 -3
  46. package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.js +6 -6
  47. package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controller.d.ts +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controller.js +2 -2
  49. package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controllers_types.d.ts +9 -9
  50. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +3 -16
  51. package/build/esm/packages/phoenix/src/components/form/select/select.js +24 -80
  52. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  53. package/build/esm/packages/phoenix/src/components/form/select/select_constants.d.ts +0 -4
  54. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js +1 -5
  55. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  56. package/build/esm/packages/phoenix/src/components/form/select/select_utils.d.ts +0 -2
  57. package/build/esm/packages/phoenix/src/components/form/select/select_utils.js +0 -6
  58. package/build/esm/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
  59. package/build/esm/packages/phoenix/src/components/modal/modal.js +1 -1
  60. package/build/esm/packages/phoenix/src/index.d.ts +3 -0
  61. package/build/esm/packages/phoenix/src/index.js +3 -0
  62. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  63. package/package.json +2 -2
  64. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.d.ts +0 -9
  65. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -49
  66. package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js.map +0 -1
  67. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +0 -19
  68. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +0 -93
  69. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +0 -1
  70. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts +0 -11
  71. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +0 -12
  72. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +0 -1
  73. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.d.ts +0 -3
  74. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js +0 -3
  75. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map +0 -1
  76. package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.d.ts +0 -8
  77. package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js +0 -35
  78. package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map +0 -1
  79. package/build/esm/packages/phoenix/src/components/form/select/select_types.d.ts +0 -2
  80. package/build/esm/packages/phoenix/src/components/form/select/select_types.js +0 -2
  81. package/build/esm/packages/phoenix/src/components/form/select/select_types.js.map +0 -1
@@ -6,10 +6,6 @@ export declare const SELECT_SLOT_NAMES: {
6
6
  readonly content: "content";
7
7
  readonly toggler: "toggler";
8
8
  };
9
- export declare const SELECT_TYPES: {
10
- readonly select: "select-one";
11
- readonly multiple: "select-multiple";
12
- };
13
9
  export declare const SELECT_EVENT_NAMES: {
14
10
  readonly selectOption: "selectOption.select";
15
11
  readonly deselectOption: "selectOption.deselect";
@@ -6,10 +6,6 @@ const SELECT_SLOT_NAMES = {
6
6
  content: 'content',
7
7
  toggler: 'toggler'
8
8
  };
9
- const SELECT_TYPES = {
10
- select: 'select-one',
11
- multiple: 'select-multiple'
12
- };
13
9
  const SELECT_EVENT_NAMES = {
14
10
  selectOption: 'selectOption.select',
15
11
  deselectOption: 'selectOption.deselect'
@@ -36,5 +32,5 @@ const SELECT_CSS_CLASSES = {
36
32
  selectLabel: `${baseSelectClass}__label`
37
33
  };
38
34
 
39
- export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_RESIZE_DEBOUNCE_TIME, SELECT_SLOT_NAMES, SELECT_TYPES };
35
+ export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_RESIZE_DEBOUNCE_TIME, SELECT_SLOT_NAMES };
40
36
  //# sourceMappingURL=select_constants.js.map
@@ -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;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;"}
@@ -6,6 +6,4 @@ export declare class SelectControlUtils {
6
6
  static syncHTMLOptionWithModel(option: SelectOption, $option: HOption): void;
7
7
  static removeHTMLOptions($options: HOption[], optionsValuesThatExists: string[]): Record<string, HOption>;
8
8
  static appendHTMLOption($option: HOption, $list: HOptions, position?: number): void;
9
- static getFirstIndexSelectedOption(options: HOption[]): number;
10
- static getLastIndexOfSelectedOption(options: HOption[]): number;
11
9
  }
@@ -42,12 +42,6 @@ class SelectControlUtils {
42
42
  }
43
43
  $list.append($option);
44
44
  }
45
- static getFirstIndexSelectedOption(options) {
46
- return options.findIndex((option) => option.selected);
47
- }
48
- static getLastIndexOfSelectedOption(options) {
49
- return [...options].reverse().findIndex((option) => option.selected);
50
- }
51
45
  }
52
46
 
53
47
  export { SelectControlUtils };
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,11 +2,11 @@ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.
2
2
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
3
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
4
4
  import { property, state } from '@lit/reactive-element/decorators.js';
5
- import '@lit/reactive-element';
6
5
  import { html } from 'lit-html';
7
6
  import { createRef, ref } from 'lit-html/directives/ref.js';
8
7
  import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
9
8
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
9
+ import '@lit/reactive-element';
10
10
  import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
11
11
 
12
12
  var HModal_1;
@@ -3,6 +3,9 @@ export { HOptionContent } from "./components/form/select/components/option/selec
3
3
  export { HOptions } from "./components/form/select/components/select_options";
4
4
  export { HSelectToggler } from "./components/form/select/components/toggler/select_toggler";
5
5
  export { HSelect } from "./components/form/select/select";
6
+ export { HFile } from "./components/form/file_picker/file/file";
7
+ export { HFilePicker } from "./components/form/file_picker/file_picker";
8
+ export { HFilePickerLabel } from "./components/form/file_picker/file_picker_label";
6
9
  export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
7
10
  export { IPhoenixWebComponentClass } from "./global_types";
8
11
  export { ContextProviderController } from "./core/context/context_provider_controller";
@@ -19,6 +19,9 @@ export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
19
19
  export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
20
20
  export { HDropdown } from './components/dropdown/dropdown.js';
21
21
  export { HSelect } from './components/form/select/select.js';
22
+ export { HFile } from './components/form/file_picker/file/file.js';
23
+ export { HFilePicker } from './components/form/file_picker/file_picker.js';
24
+ export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
22
25
  export { HModal } from './components/modal/modal.js';
23
26
  export { HModalOpener } from './components/modal/modal_opener.js';
24
27
  export { HModalBody } from './components/modal/modal_body.js';
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.2.0-1",
5
+ "version": "1.2.0-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "npm": ">=6"
20
20
  },
21
21
  "scripts": {
22
- "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
22
+ "storybook": "start-storybook --no-open --port 6007",
23
23
  "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
24
24
  "watch": "rollup --config rollup.config.js --watch",
25
25
  "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
@@ -1,9 +0,0 @@
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
- }
@@ -1,49 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,19 +0,0 @@
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
- }
@@ -1,93 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"input_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper.ts"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
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
- };
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,3 +0,0 @@
1
- import { Any } from 'ts-toolbelt';
2
- import { INPUT_STEPPER_ACTION_TYPES } from './input_stepper_constants';
3
- export declare type TInputStepperAction = Any.Keys<typeof INPUT_STEPPER_ACTION_TYPES>;
@@ -1,3 +0,0 @@
1
- import 'ts-toolbelt';
2
- import './input_stepper_constants';
3
- //# sourceMappingURL=input_stepper_types.js.map
@@ -1 +0,0 @@
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"}
@@ -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,35 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,2 +0,0 @@
1
- import { SELECT_TYPES } from "./select_constants";
2
- export declare type TSelectType = typeof SELECT_TYPES[keyof typeof SELECT_TYPES];
@@ -1,2 +0,0 @@
1
- import '@phoenixRoot/components/form/select/select_constants';
2
- //# sourceMappingURL=select_types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/select/select_types.ts"],"names":[],"mappings":"AAAA,OAA6B,sDAAsD,CAAC"}