@shoper/phoenix_design_system 1.2.3-4 → 1.2.3-6
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_picker.js +7 -8
- package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +7 -8
- package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,12 +21,11 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
21
21
|
this._handleChangeEvent = (event) => {
|
|
22
22
|
const filesList = this._getFiles(event);
|
|
23
23
|
if (filesList && filesList.length > 0) {
|
|
24
|
-
this.
|
|
24
|
+
this._file = file_model.FileItem.create({
|
|
25
25
|
name: this._getFileName(filesList),
|
|
26
26
|
id: `file-${v4['default']()}`
|
|
27
27
|
});
|
|
28
28
|
this.classList.add(file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
|
|
29
|
-
this._dispatchChangeEvent();
|
|
30
29
|
}
|
|
31
30
|
};
|
|
32
31
|
this._getFiles = (event) => {
|
|
@@ -45,7 +44,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
45
44
|
$fileInput.value = '';
|
|
46
45
|
$fileInput.files = null;
|
|
47
46
|
}
|
|
48
|
-
this.
|
|
47
|
+
this._file = null;
|
|
49
48
|
this.classList.remove(file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
|
|
50
49
|
this._dispatchChangeEvent();
|
|
51
50
|
};
|
|
@@ -86,17 +85,17 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
|
|
|
86
85
|
hidden
|
|
87
86
|
/>
|
|
88
87
|
|
|
89
|
-
${!((_a = this.
|
|
88
|
+
${!((_a = this._file) === null || _a === void 0 ? void 0 : _a.name)
|
|
90
89
|
? lit.html ` <h-file-picker-label
|
|
91
90
|
control-id="${this.controlId}"
|
|
92
91
|
label-text="${this.labelText}"
|
|
93
92
|
label-icon-name="${ifDefined.ifDefined(this.labelIconName)}"
|
|
94
93
|
/>`
|
|
95
94
|
: lit.nothing}
|
|
96
|
-
${((_b = this.
|
|
95
|
+
${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
|
|
97
96
|
? lit.html `<h-file
|
|
98
|
-
name="${this.
|
|
99
|
-
id="${this.
|
|
97
|
+
name="${this._file.name}"
|
|
98
|
+
id="${this._file.id}"
|
|
100
99
|
remove-button-text="${this.removeButtonText}"
|
|
101
100
|
remove-button-icon-name="${ifDefined.ifDefined(this.removeButtonIconName)}"
|
|
102
101
|
/>`
|
|
@@ -155,7 +154,7 @@ tslib_es6.__decorate([
|
|
|
155
154
|
tslib_es6.__decorate([
|
|
156
155
|
decorators.state(),
|
|
157
156
|
tslib_es6.__metadata("design:type", Object)
|
|
158
|
-
], exports.HFilePicker.prototype, "
|
|
157
|
+
], exports.HFilePicker.prototype, "_file", void 0);
|
|
159
158
|
exports.HFilePicker = tslib_es6.__decorate([
|
|
160
159
|
phoenix_custom_element.phoenixCustomElement('h-file-picker')
|
|
161
160
|
], exports.HFilePicker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,7 +11,7 @@ export declare class HFilePicker extends PhoenixLightLitElement {
|
|
|
11
11
|
removeButtonText: string;
|
|
12
12
|
removeButtonIconName: string;
|
|
13
13
|
accept: string;
|
|
14
|
-
private
|
|
14
|
+
private _file;
|
|
15
15
|
private _$fileInputRef;
|
|
16
16
|
connectedCallback(): void;
|
|
17
17
|
protected render(): TemplateResult;
|
|
@@ -17,12 +17,11 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
|
|
|
17
17
|
this._handleChangeEvent = (event) => {
|
|
18
18
|
const filesList = this._getFiles(event);
|
|
19
19
|
if (filesList && filesList.length > 0) {
|
|
20
|
-
this.
|
|
20
|
+
this._file = FileItem.create({
|
|
21
21
|
name: this._getFileName(filesList),
|
|
22
22
|
id: `file-${v4()}`
|
|
23
23
|
});
|
|
24
24
|
this.classList.add(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
|
|
25
|
-
this._dispatchChangeEvent();
|
|
26
25
|
}
|
|
27
26
|
};
|
|
28
27
|
this._getFiles = (event) => {
|
|
@@ -41,7 +40,7 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
|
|
|
41
40
|
$fileInput.value = '';
|
|
42
41
|
$fileInput.files = null;
|
|
43
42
|
}
|
|
44
|
-
this.
|
|
43
|
+
this._file = null;
|
|
45
44
|
this.classList.remove(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
|
|
46
45
|
this._dispatchChangeEvent();
|
|
47
46
|
};
|
|
@@ -82,17 +81,17 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
|
|
|
82
81
|
hidden
|
|
83
82
|
/>
|
|
84
83
|
|
|
85
|
-
${!((_a = this.
|
|
84
|
+
${!((_a = this._file) === null || _a === void 0 ? void 0 : _a.name)
|
|
86
85
|
? html ` <h-file-picker-label
|
|
87
86
|
control-id="${this.controlId}"
|
|
88
87
|
label-text="${this.labelText}"
|
|
89
88
|
label-icon-name="${ifDefined(this.labelIconName)}"
|
|
90
89
|
/>`
|
|
91
90
|
: nothing}
|
|
92
|
-
${((_b = this.
|
|
91
|
+
${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
|
|
93
92
|
? html `<h-file
|
|
94
|
-
name="${this.
|
|
95
|
-
id="${this.
|
|
93
|
+
name="${this._file.name}"
|
|
94
|
+
id="${this._file.id}"
|
|
96
95
|
remove-button-text="${this.removeButtonText}"
|
|
97
96
|
remove-button-icon-name="${ifDefined(this.removeButtonIconName)}"
|
|
98
97
|
/>`
|
|
@@ -151,7 +150,7 @@ __decorate([
|
|
|
151
150
|
__decorate([
|
|
152
151
|
state(),
|
|
153
152
|
__metadata("design:type", Object)
|
|
154
|
-
], HFilePicker.prototype, "
|
|
153
|
+
], HFilePicker.prototype, "_file", void 0);
|
|
155
154
|
HFilePicker = __decorate([
|
|
156
155
|
phoenixCustomElement('h-file-picker')
|
|
157
156
|
], HFilePicker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|