@shoper/phoenix_design_system 1.2.0-2 → 1.2.0-4

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 (16) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -3
  2. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js +59 -0
  4. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -0
  5. package/build/cjs/packages/phoenix/src/index.js +7 -0
  6. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -3
  9. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.d.ts +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js +47 -45
  12. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  14. package/build/esm/packages/phoenix/src/index.js +1 -0
  15. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  16. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js CHANGED
@@ -91,7 +91,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
91
91
  value="${ifDefined.ifDefined(this.value)}"
92
92
  ?disabled="${this.disabled}"
93
93
  ?required="${this.required}"
94
- accept="${ifDefined.ifDefined(this.formats)}"
94
+ accept="${ifDefined.ifDefined(this.accept)}"
95
95
  @change="${this._handleChangeEvent}"
96
96
  hidden
97
97
  />
@@ -115,7 +115,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
115
115
  }
116
116
  _addEventListeners() {
117
117
  this.addEventListener(file_picker_constants.FILE_ITEM_EVENT_NAMES.removed, this._removeFileItem);
118
- this.addEventListener(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClicked, this._triggerClickOnLabel);
118
+ this.addEventListener(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, this._triggerClickOnLabel);
119
119
  }
120
120
  };
121
121
  tslib_es6.__decorate([
@@ -161,7 +161,7 @@ tslib_es6.__decorate([
161
161
  tslib_es6.__decorate([
162
162
  decorators.property({ type: String }),
163
163
  tslib_es6.__metadata("design:type", String)
164
- ], exports.HFilePicker.prototype, "formats", void 0);
164
+ ], exports.HFilePicker.prototype, "accept", void 0);
165
165
  tslib_es6.__decorate([
166
166
  decorators.property({ type: FileList, reflect: true }),
167
167
  tslib_es6.__metadata("design:type", Object)
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js CHANGED
@@ -22,7 +22,7 @@ const FILE_PICKER_CONTROL_CSS_CLASSES = {
22
22
  filePickerLabel: `${baseFilePickerControlClass}__label`
23
23
  };
24
24
  const FILE_PICKER_LABEL_EVENT_NAMES = {
25
- filePickerLabelClicked: 'filePickerLabelClicked'
25
+ filePickerLabelClickedByEnterKey: 'filePickerLabelClickedByEnterKey'
26
26
  };
27
27
  const baseFilePickerIconClass = 'file-picker-icon';
28
28
  const FILE_PICKER_ICON_CSS_CLASSES = {
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js ADDED
@@ -0,0 +1,59 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
6
+ var lit = require('lit');
7
+ var decorators = require('lit/decorators');
8
+ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
+ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
+ var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
11
+ var icon_constants = require('../../icon/icon_constants.js');
12
+ var file_picker_constants = require('./file_picker_constants.js');
13
+
14
+ exports.HFilePickerLabel = class HFilePickerLabel extends phoenix_light_lit_element.PhoenixLightLitElement {
15
+ constructor() {
16
+ super();
17
+ this._dispatchClickEvent = () => {
18
+ this.dispatchEvent(new CustomEvent(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, {
19
+ bubbles: true
20
+ }));
21
+ };
22
+ this._btnController = new btn_controller.BtnController(this, this._dispatchClickEvent);
23
+ }
24
+ connectedCallback() {
25
+ super.connectedCallback();
26
+ }
27
+ disconnectedCallback() {
28
+ super.disconnectedCallback();
29
+ }
30
+ render() {
31
+ super.render();
32
+ return lit.html `<label class="${file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerLabel}" for="${this.controlId}">
33
+ ${this.labelIconName
34
+ ? lit.html `<h-icon
35
+ class="${icon_constants.ICON_CSS_CLASSES.icon} ${file_picker_constants.FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
36
+ icon-name=${this.labelIconName}
37
+ />`
38
+ : lit.nothing}
39
+ ${this.labelText}
40
+ </label>`;
41
+ }
42
+ };
43
+ tslib_es6.__decorate([
44
+ decorators.property({ type: String, attribute: 'control-id', reflect: true }),
45
+ tslib_es6.__metadata("design:type", String)
46
+ ], exports.HFilePickerLabel.prototype, "controlId", void 0);
47
+ tslib_es6.__decorate([
48
+ decorators.property({ type: String, attribute: 'label-text' }),
49
+ tslib_es6.__metadata("design:type", String)
50
+ ], exports.HFilePickerLabel.prototype, "labelText", void 0);
51
+ tslib_es6.__decorate([
52
+ decorators.property({ type: String, attribute: 'label-icon-name' }),
53
+ tslib_es6.__metadata("design:type", String)
54
+ ], exports.HFilePickerLabel.prototype, "labelIconName", void 0);
55
+ exports.HFilePickerLabel = tslib_es6.__decorate([
56
+ phoenix_custom_element.phoenixCustomElement('h-file-picker-label'),
57
+ tslib_es6.__metadata("design:paramtypes", [])
58
+ ], exports.HFilePickerLabel);
59
+ //# sourceMappingURL=file_picker_label.js.map
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;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;"}
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -25,6 +25,7 @@ var dropdown = require('./components/dropdown/dropdown.js');
25
25
  var select = require('./components/form/select/select.js');
26
26
  var file = require('./components/form/file_picker/file/file.js');
27
27
  var file_picker = require('./components/form/file_picker/file_picker.js');
28
+ var file_picker_label = require('./components/form/file_picker/file_picker_label.js');
28
29
  var modal = require('./components/modal/modal.js');
29
30
  var modal_opener = require('./components/modal/modal_opener.js');
30
31
  var modal_body = require('./components/modal/modal_body.js');
@@ -176,6 +177,12 @@ Object.defineProperty(exports, 'HFilePicker', {
176
177
  return file_picker.HFilePicker;
177
178
  }
178
179
  });
180
+ Object.defineProperty(exports, 'HFilePickerLabel', {
181
+ enumerable: true,
182
+ get: function () {
183
+ return file_picker_label.HFilePickerLabel;
184
+ }
185
+ });
179
186
  Object.defineProperty(exports, 'HModal', {
180
187
  enumerable: true,
181
188
  get: function () {
package/build/cjs/packages/phoenix/src/index.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare class HFilePicker extends PhoenixLightLitElement {
12
12
  labelIconName: string;
13
13
  removeButtonText: string;
14
14
  removeButtonIconName: string;
15
- formats: string;
15
+ accept: string;
16
16
  files: FileList | null;
17
17
  file: FileItem;
18
18
  private _$fileInputRef;
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js CHANGED
@@ -87,7 +87,7 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
87
87
  value="${ifDefined(this.value)}"
88
88
  ?disabled="${this.disabled}"
89
89
  ?required="${this.required}"
90
- accept="${ifDefined(this.formats)}"
90
+ accept="${ifDefined(this.accept)}"
91
91
  @change="${this._handleChangeEvent}"
92
92
  hidden
93
93
  />
@@ -111,7 +111,7 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
111
111
  }
112
112
  _addEventListeners() {
113
113
  this.addEventListener(FILE_ITEM_EVENT_NAMES.removed, this._removeFileItem);
114
- this.addEventListener(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClicked, this._triggerClickOnLabel);
114
+ this.addEventListener(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, this._triggerClickOnLabel);
115
115
  }
116
116
  };
117
117
  __decorate([
@@ -157,7 +157,7 @@ __decorate([
157
157
  __decorate([
158
158
  property({ type: String }),
159
159
  __metadata("design:type", String)
160
- ], HFilePicker.prototype, "formats", void 0);
160
+ ], HFilePicker.prototype, "accept", void 0);
161
161
  __decorate([
162
162
  property({ type: FileList, reflect: true }),
163
163
  __metadata("design:type", Object)
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const FILE_PICKER_CONTROL_CSS_CLASSES: {
22
22
  readonly filePickerLabel: "file-picker__label";
23
23
  };
24
24
  export declare const FILE_PICKER_LABEL_EVENT_NAMES: {
25
- readonly filePickerLabelClicked: "filePickerLabelClicked";
25
+ readonly filePickerLabelClickedByEnterKey: "filePickerLabelClickedByEnterKey";
26
26
  };
27
27
  export declare const FILE_PICKER_ICON_CSS_CLASSES: {
28
28
  readonly filePickerIcon: "file-picker-icon";
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.js CHANGED
@@ -18,7 +18,7 @@ const FILE_PICKER_CONTROL_CSS_CLASSES = {
18
18
  filePickerLabel: `${baseFilePickerControlClass}__label`
19
19
  };
20
20
  const FILE_PICKER_LABEL_EVENT_NAMES = {
21
- filePickerLabelClicked: 'filePickerLabelClicked'
21
+ filePickerLabelClickedByEnterKey: 'filePickerLabelClickedByEnterKey'
22
22
  };
23
23
  const baseFilePickerIconClass = 'file-picker-icon';
24
24
  const FILE_PICKER_ICON_CSS_CLASSES = {
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js CHANGED
@@ -1,55 +1,57 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants';
1
+ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
3
2
  import { html, nothing } from 'lit';
4
- import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
5
- import { ICON_CSS_CLASSES } from '@phoenixRoot/components/icon/icon_constants';
6
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
7
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
8
3
  import { property } from 'lit/decorators';
9
- let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
10
- constructor() {
11
- super();
12
- this._dispatchClickEvent = () => {
13
- this.dispatchEvent(new CustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClicked, {
14
- bubbles: true
15
- }));
16
- };
17
- this._btnController = new BtnController(this, this._dispatchClickEvent);
18
- }
19
- connectedCallback() {
20
- super.connectedCallback();
21
- }
22
- disconnectedCallback() {
23
- super.disconnectedCallback();
24
- }
25
- render() {
26
- super.render();
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 { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
7
+ import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
8
+ import { FILE_PICKER_LABEL_EVENT_NAMES, FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES } from './file_picker_constants.js';
9
+
10
+ let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
11
+ constructor() {
12
+ super();
13
+ this._dispatchClickEvent = () => {
14
+ this.dispatchEvent(new CustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, {
15
+ bubbles: true
16
+ }));
17
+ };
18
+ this._btnController = new BtnController(this, this._dispatchClickEvent);
19
+ }
20
+ connectedCallback() {
21
+ super.connectedCallback();
22
+ }
23
+ disconnectedCallback() {
24
+ super.disconnectedCallback();
25
+ }
26
+ render() {
27
+ super.render();
27
28
  return html `<label class="${FILE_PICKER_CONTROL_CSS_CLASSES.filePickerLabel}" for="${this.controlId}">
28
- ${this.labelIconName
29
+ ${this.labelIconName
29
30
  ? html `<h-icon
30
31
  class="${ICON_CSS_CLASSES.icon} ${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
31
32
  icon-name=${this.labelIconName}
32
- />`
33
+ />`
33
34
  : nothing}
34
35
  ${this.labelText}
35
- </label>`;
36
- }
37
- };
38
- __decorate([
39
- property({ type: String, attribute: 'control-id', reflect: true }),
40
- __metadata("design:type", String)
41
- ], HFilePickerLabel.prototype, "controlId", void 0);
42
- __decorate([
43
- property({ type: String, attribute: 'label-text' }),
44
- __metadata("design:type", String)
45
- ], HFilePickerLabel.prototype, "labelText", void 0);
46
- __decorate([
47
- property({ type: String, attribute: 'label-icon-name' }),
48
- __metadata("design:type", String)
49
- ], HFilePickerLabel.prototype, "labelIconName", void 0);
50
- HFilePickerLabel = __decorate([
51
- phoenixCustomElement('h-file-picker-label'),
52
- __metadata("design:paramtypes", [])
36
+ </label>`;
37
+ }
38
+ };
39
+ __decorate([
40
+ property({ type: String, attribute: 'control-id', reflect: true }),
41
+ __metadata("design:type", String)
42
+ ], HFilePickerLabel.prototype, "controlId", void 0);
43
+ __decorate([
44
+ property({ type: String, attribute: 'label-text' }),
45
+ __metadata("design:type", String)
46
+ ], HFilePickerLabel.prototype, "labelText", void 0);
47
+ __decorate([
48
+ property({ type: String, attribute: 'label-icon-name' }),
49
+ __metadata("design:type", String)
50
+ ], HFilePickerLabel.prototype, "labelIconName", void 0);
51
+ HFilePickerLabel = __decorate([
52
+ phoenixCustomElement('h-file-picker-label'),
53
+ __metadata("design:paramtypes", [])
53
54
  ], HFilePickerLabel);
55
+
54
56
  export { HFilePickerLabel };
55
- //# sourceMappingURL=file_picker_label.js.map
57
+ //# sourceMappingURL=file_picker_label.js.map
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"file_picker_label.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/file_picker/file_picker_label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,+BAA+B,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AACvI,OAAO,EAAkB,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,sBAAsB;IAYxD;QACI,KAAK,EAAE,CAAC;QA2BJ,wBAAmB,GAAG,GAAS,EAAE;YACrC,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,EAAE;gBAClE,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QA/BE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAES,MAAM;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA,iBAAiB,+BAA+B,CAAC,eAAe,UAAU,IAAI,CAAC,SAAS;cAC7F,IAAI,CAAC,aAAa;YAChB,CAAC,CAAC,IAAI,CAAA;+BACS,gBAAgB,CAAC,IAAI,IAAI,4BAA4B,CAAC,cAAc;kCACjE,IAAI,CAAC,aAAa;qBAC/B;YACL,CAAC,CAAC,OAAO;cACX,IAAI,CAAC,SAAS;iBACX,CAAC;IACd,CAAC;CASJ,CAAA;AA7CG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;mDAC1C;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;;mDAC3B;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;;uDAC5B;AARpB,gBAAgB;IAD5B,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,gBAAgB,CA+C5B;SA/CY,gBAAgB"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export { HSelectToggler } from "./components/form/select/components/toggler/sele
5
5
  export { HSelect } from "./components/form/select/select";
6
6
  export { HFile } from "./components/form/file_picker/file/file";
7
7
  export { HFilePicker } from "./components/form/file_picker/file_picker";
8
+ export { HFilePickerLabel } from "./components/form/file_picker/file_picker_label";
8
9
  export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
9
10
  export { IPhoenixWebComponentClass } from "./global_types";
10
11
  export { ContextProviderController } from "./core/context/context_provider_controller";
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -21,6 +21,7 @@ export { HDropdown } from './components/dropdown/dropdown.js';
21
21
  export { HSelect } from './components/form/select/select.js';
22
22
  export { HFile } from './components/form/file_picker/file/file.js';
23
23
  export { HFilePicker } from './components/form/file_picker/file_picker.js';
24
+ export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
24
25
  export { HModal } from './components/modal/modal.js';
25
26
  export { HModalOpener } from './components/modal/modal_opener.js';
26
27
  export { HModalBody } from './components/modal/modal_body.js';
package/build/esm/packages/phoenix/src/index.js.map CHANGED
@@ -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;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-2",
5
+ "version": "1.2.0-4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",