@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.
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js +67 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file_model.js +18 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file_model.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +177 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +37 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js +59 -0
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js +6 -5
- package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/controllers/base_select_controller.js +13 -13
- package/build/cjs/packages/phoenix/src/components/form/select/controllers/multi_select_controller.js +6 -6
- package/build/cjs/packages/phoenix/src/components/form/select/controllers/select_controller.js +2 -2
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +23 -79
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js +0 -5
- package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js +0 -6
- package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/cjs/packages/phoenix/src/index.js +21 -0
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts +12 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js +65 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.d.ts +9 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js +14 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +31 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +175 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.d.ts +29 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +29 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.d.ts +13 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js +57 -0
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts +1 -2
- package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js +6 -5
- package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.d.ts +10 -10
- package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.js +13 -13
- package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.d.ts +3 -3
- package/build/esm/packages/phoenix/src/components/form/select/controllers/multi_select_controller.js +6 -6
- package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controller.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controller.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/select/controllers/select_controllers_types.d.ts +9 -9
- package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +3 -16
- package/build/esm/packages/phoenix/src/components/form/select/select.js +24 -80
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select_constants.d.ts +0 -4
- package/build/esm/packages/phoenix/src/components/form/select/select_constants.js +1 -5
- package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select_utils.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/form/select/select_utils.js +0 -6
- package/build/esm/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/modal/modal.js +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +3 -0
- package/build/esm/packages/phoenix/src/index.js +3 -0
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +2 -2
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.d.ts +0 -9
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js +0 -49
- package/build/esm/packages/phoenix/src/components/form/input_stepper/display_input.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +0 -19
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +0 -93
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts +0 -11
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js +0 -12
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.d.ts +0 -3
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js +0 -3
- package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map +0 -1
- 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 -35
- package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map +0 -1
- package/build/esm/packages/phoenix/src/components/form/select/select_types.d.ts +0 -2
- package/build/esm/packages/phoenix/src/components/form/select/select_types.js +0 -2
- 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
|
|
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;
|
|
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;
|
|
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-
|
|
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": "
|
|
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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"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts
DELETED
|
@@ -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
|
-
};
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js
DELETED
|
@@ -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
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js.map
DELETED
|
@@ -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"}
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_types.js.map
DELETED
|
@@ -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"}
|
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,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
|
package/build/esm/packages/phoenix/src/components/form/input_stepper/stepper_action_button.js.map
DELETED
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/select/select_types.ts"],"names":[],"mappings":"AAAA,OAA6B,sDAAsD,CAAC"}
|