@shoper/phoenix_design_system 1.17.11 → 1.17.13

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.
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../../../../../../../external/tslib/tslib.es6.js');
6
6
  var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
- require('@dreamcommerce/utilities');
9
8
  var phoenix_light_lit_element = require('../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
10
9
  var phoenix_custom_element = require('../../../../../core/decorators/phoenix_custom_element.js');
11
10
  var select_components_constatns = require('../select_components_constatns.js');
@@ -67,7 +66,7 @@ exports.HSelectSearch = class HSelectSearch extends phoenix_light_lit_element.Ph
67
66
  .value=${this.value}
68
67
  aria-autocomplete="list"
69
68
  autocomplete="false"
70
- placeholder="Szukaj"
69
+ placeholder=${this.placeholder}
71
70
  @input=${this._handleInputChange}
72
71
  />
73
72
  `;
@@ -77,6 +76,10 @@ tslib_es6.__decorate([
77
76
  decorators.property({ type: String, reflect: true }),
78
77
  tslib_es6.__metadata("design:type", String)
79
78
  ], exports.HSelectSearch.prototype, "value", void 0);
79
+ tslib_es6.__decorate([
80
+ decorators.property({ type: String }),
81
+ tslib_es6.__metadata("design:type", String)
82
+ ], exports.HSelectSearch.prototype, "placeholder", void 0);
80
83
  exports.HSelectSearch = tslib_es6.__decorate([
81
84
  phoenix_custom_element.phoenixCustomElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.search)
82
85
  ], exports.HSelectSearch);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -43,6 +43,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
43
43
  this.type = select_constants.SELECT_TYPES.select;
44
44
  this.noDeselect = false;
45
45
  this.assistiveTitleId = '';
46
+ this.translations = {};
46
47
  this._selectOptionsId = v4['default']();
47
48
  this._searchValue = '';
48
49
  this._$options = new Map();
@@ -294,7 +295,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
294
295
  updateOptionAriaAttribute($option) {
295
296
  if (!this.multiple) {
296
297
  const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
297
- $options.forEach(($option) => ($option.removeAttribute('aria-selected')));
298
+ $options.forEach(($option) => $option.removeAttribute('aria-selected'));
298
299
  }
299
300
  $option.setAttribute(this.multiple ? 'aria-checked' : 'aria-selected', String($option.selected));
300
301
  }
@@ -356,7 +357,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
356
357
  return fragment;
357
358
  }
358
359
  render() {
359
- var _a;
360
+ var _a, _b, _c, _d, _e;
360
361
  const options = (_a = this._selectController.options$.getValue()) !== null && _a !== void 0 ? _a : [];
361
362
  const isSearchEnabled = !this.searchDisabled && options.length > select_constants.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
362
363
  return lit.html `
@@ -399,6 +400,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
399
400
  class=${select_constants.SELECT_CSS_CLASSES.selectSearch}
400
401
  ${ref_js.ref(this.$search)}
401
402
  .value=${this._searchValue}
403
+ placeholder=${((_b = this.translations) === null || _b === void 0 ? void 0 : _b.search) || select_constants.SELECT_DEFAULT_TRANSLATIONS.SEARCH}
402
404
  @search=${this._handleSearch}
403
405
  ></h-select-search>`
404
406
  : lit.nothing}
@@ -419,16 +421,21 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
419
421
  ${this._searchNoResult()
420
422
  ? lit.html ` <div>
421
423
  <p class=${select_constants.SELECT_CSS_CLASSES.selectNoResult}>
422
- Brak wyników dla: <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
424
+ ${((_c = this.translations) === null || _c === void 0 ? void 0 : _c.noResultsFor) || select_constants.SELECT_DEFAULT_TRANSLATIONS.NO_RESULTS_FOR}:
425
+ <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
423
426
  </p>
424
427
  </div>`
425
428
  : lit.nothing}
426
429
  ${this.multiple && this._selectController.selectedOptionsCount >= 1
427
430
  ? lit.html `
428
431
  <section class=${select_constants.SELECT_CSS_CLASSES.selectFooter}>
429
- <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>Reset</button>
432
+ <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>
433
+ ${((_d = this.translations) === null || _d === void 0 ? void 0 : _d.reset) || select_constants.SELECT_DEFAULT_TRANSLATIONS.RESET}
434
+ </button>
430
435
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
431
- ><span slot=${select_components_constatns.SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}>Choose</span>
436
+ ><span slot=${select_components_constatns.SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}
437
+ >${((_e = this.translations) === null || _e === void 0 ? void 0 : _e.choose) || select_constants.SELECT_DEFAULT_TRANSLATIONS.CHOOSE}</span
438
+ >
432
439
  </h-select-close-btn>
433
440
  </section>
434
441
  `
@@ -501,6 +508,27 @@ tslib_es6.__decorate([
501
508
  decorators_js.property({ type: String, attribute: 'assistive-title-id' }),
502
509
  tslib_es6.__metadata("design:type", String)
503
510
  ], exports.HSelect.prototype, "assistiveTitleId", void 0);
511
+ tslib_es6.__decorate([
512
+ decorators_js.property({
513
+ converter: {
514
+ fromAttribute(value) {
515
+ if (!value)
516
+ return select_constants.SELECT_DEFAULT_TRANSLATIONS;
517
+ try {
518
+ const parsed = JSON.parse(value);
519
+ if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) {
520
+ return select_constants.SELECT_DEFAULT_TRANSLATIONS;
521
+ }
522
+ return { ...select_constants.SELECT_DEFAULT_TRANSLATIONS, ...parsed };
523
+ }
524
+ catch (_a) {
525
+ return select_constants.SELECT_DEFAULT_TRANSLATIONS;
526
+ }
527
+ }
528
+ }
529
+ }),
530
+ tslib_es6.__metadata("design:type", Object)
531
+ ], exports.HSelect.prototype, "translations", void 0);
504
532
  tslib_es6.__decorate([
505
533
  decorators.state(),
506
534
  tslib_es6.__metadata("design:type", String)
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -38,11 +38,18 @@ const SELECT_CSS_CLASSES = {
38
38
  selectClearButton: `${baseSelectClass}__clear-btn`,
39
39
  selectCloseButton: `${baseSelectClass}__close-btn`,
40
40
  selectLabel: `${baseSelectClass}__label`
41
+ };
42
+ const SELECT_DEFAULT_TRANSLATIONS = {
43
+ NO_RESULTS_FOR: 'Brak wyników dla',
44
+ RESET: 'Reset',
45
+ CHOOSE: 'Choose',
46
+ SEARCH: 'Szukaj'
41
47
  };
42
48
 
43
49
  exports.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
44
50
  exports.SELECT_CONTEXTS = SELECT_CONTEXTS;
45
51
  exports.SELECT_CSS_CLASSES = SELECT_CSS_CLASSES;
52
+ exports.SELECT_DEFAULT_TRANSLATIONS = SELECT_DEFAULT_TRANSLATIONS;
46
53
  exports.SELECT_EVENT_NAMES = SELECT_EVENT_NAMES;
47
54
  exports.SELECT_SLOT_NAMES = SELECT_SLOT_NAMES;
48
55
  exports.SELECT_TYPES = SELECT_TYPES;
@@ -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;"}
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;"}
@@ -2,6 +2,7 @@ import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_el
2
2
  import { TemplateResult } from 'lit';
3
3
  export declare class HSelectSearch extends PhoenixLightLitElement {
4
4
  value: string;
5
+ placeholder: string;
5
6
  private _$selectOptions;
6
7
  connectedCallback(): void;
7
8
  private _handleSearchKeydown;
@@ -1,7 +1,6 @@
1
1
  import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
2
2
  import { html } from 'lit';
3
3
  import { property } from 'lit/decorators';
4
- import '@dreamcommerce/utilities';
5
4
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
6
5
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
7
6
  import { SELECT_SEARCH_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '../select_components_constatns.js';
@@ -63,7 +62,7 @@ let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
63
62
  .value=${this.value}
64
63
  aria-autocomplete="list"
65
64
  autocomplete="false"
66
- placeholder="Szukaj"
65
+ placeholder=${this.placeholder}
67
66
  @input=${this._handleInputChange}
68
67
  />
69
68
  `;
@@ -73,6 +72,10 @@ __decorate([
73
72
  property({ type: String, reflect: true }),
74
73
  __metadata("design:type", String)
75
74
  ], HSelectSearch.prototype, "value", void 0);
75
+ __decorate([
76
+ property({ type: String }),
77
+ __metadata("design:type", String)
78
+ ], HSelectSearch.prototype, "placeholder", void 0);
76
79
  HSelectSearch = __decorate([
77
80
  phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.search)
78
81
  ], HSelectSearch);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -23,6 +23,7 @@ export declare class HSelect extends PhoenixLightLitElement {
23
23
  optionsList?: TSelectOption[];
24
24
  noDeselect: boolean;
25
25
  assistiveTitleId: string;
26
+ translations: Record<string, string>;
26
27
  private _selectOptionsId;
27
28
  get selectedIndex(): number;
28
29
  set selectedIndex(index: number);
@@ -9,7 +9,7 @@ import { Observer } from '../../../core/classes/observer/observer.js';
9
9
  import { HIcon } from '../../icon/icon.js';
10
10
  import { HOption } from './components/option/select_option.js';
11
11
  import { SelectOption } from './model/select_option.js';
12
- import { SELECT_TYPES, SELECT_SLOT_NAMES, SELECT_CSS_CLASSES, SELECT_CONTEXTS, SELECT_EVENT_NAMES, MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH } from './select_constants.js';
12
+ import { SELECT_TYPES, SELECT_SLOT_NAMES, SELECT_CSS_CLASSES, SELECT_CONTEXTS, SELECT_EVENT_NAMES, MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_DEFAULT_TRANSLATIONS } from './select_constants.js';
13
13
  import { observe } from '../../../directives/observable_directive.js';
14
14
  import { HSelectToggler } from './components/toggler/select_toggler.js';
15
15
  import { createRef, ref } from 'lit-html/directives/ref.js';
@@ -39,6 +39,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
39
39
  this.type = SELECT_TYPES.select;
40
40
  this.noDeselect = false;
41
41
  this.assistiveTitleId = '';
42
+ this.translations = {};
42
43
  this._selectOptionsId = v4();
43
44
  this._searchValue = '';
44
45
  this._$options = new Map();
@@ -290,7 +291,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
290
291
  updateOptionAriaAttribute($option) {
291
292
  if (!this.multiple) {
292
293
  const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
293
- $options.forEach(($option) => ($option.removeAttribute('aria-selected')));
294
+ $options.forEach(($option) => $option.removeAttribute('aria-selected'));
294
295
  }
295
296
  $option.setAttribute(this.multiple ? 'aria-checked' : 'aria-selected', String($option.selected));
296
297
  }
@@ -352,7 +353,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
352
353
  return fragment;
353
354
  }
354
355
  render() {
355
- var _a;
356
+ var _a, _b, _c, _d, _e;
356
357
  const options = (_a = this._selectController.options$.getValue()) !== null && _a !== void 0 ? _a : [];
357
358
  const isSearchEnabled = !this.searchDisabled && options.length > MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
358
359
  return html `
@@ -395,6 +396,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
395
396
  class=${SELECT_CSS_CLASSES.selectSearch}
396
397
  ${ref(this.$search)}
397
398
  .value=${this._searchValue}
399
+ placeholder=${((_b = this.translations) === null || _b === void 0 ? void 0 : _b.search) || SELECT_DEFAULT_TRANSLATIONS.SEARCH}
398
400
  @search=${this._handleSearch}
399
401
  ></h-select-search>`
400
402
  : nothing}
@@ -415,16 +417,21 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
415
417
  ${this._searchNoResult()
416
418
  ? html ` <div>
417
419
  <p class=${SELECT_CSS_CLASSES.selectNoResult}>
418
- Brak wyników dla: <em class=${SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
420
+ ${((_c = this.translations) === null || _c === void 0 ? void 0 : _c.noResultsFor) || SELECT_DEFAULT_TRANSLATIONS.NO_RESULTS_FOR}:
421
+ <em class=${SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
419
422
  </p>
420
423
  </div>`
421
424
  : nothing}
422
425
  ${this.multiple && this._selectController.selectedOptionsCount >= 1
423
426
  ? html `
424
427
  <section class=${SELECT_CSS_CLASSES.selectFooter}>
425
- <button class="${SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>Reset</button>
428
+ <button class="${SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>
429
+ ${((_d = this.translations) === null || _d === void 0 ? void 0 : _d.reset) || SELECT_DEFAULT_TRANSLATIONS.RESET}
430
+ </button>
426
431
  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
427
- ><span slot=${SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}>Choose</span>
432
+ ><span slot=${SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}
433
+ >${((_e = this.translations) === null || _e === void 0 ? void 0 : _e.choose) || SELECT_DEFAULT_TRANSLATIONS.CHOOSE}</span
434
+ >
428
435
  </h-select-close-btn>
429
436
  </section>
430
437
  `
@@ -497,6 +504,27 @@ __decorate([
497
504
  property({ type: String, attribute: 'assistive-title-id' }),
498
505
  __metadata("design:type", String)
499
506
  ], HSelect.prototype, "assistiveTitleId", void 0);
507
+ __decorate([
508
+ property({
509
+ converter: {
510
+ fromAttribute(value) {
511
+ if (!value)
512
+ return SELECT_DEFAULT_TRANSLATIONS;
513
+ try {
514
+ const parsed = JSON.parse(value);
515
+ if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) {
516
+ return SELECT_DEFAULT_TRANSLATIONS;
517
+ }
518
+ return { ...SELECT_DEFAULT_TRANSLATIONS, ...parsed };
519
+ }
520
+ catch (_a) {
521
+ return SELECT_DEFAULT_TRANSLATIONS;
522
+ }
523
+ }
524
+ }
525
+ }),
526
+ __metadata("design:type", Object)
527
+ ], HSelect.prototype, "translations", void 0);
500
528
  __decorate([
501
529
  state(),
502
530
  __metadata("design:type", String)
@@ -1 +1 @@
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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -35,3 +35,9 @@ export declare const SELECT_CSS_CLASSES: {
35
35
  readonly selectCloseButton: "select__close-btn";
36
36
  readonly selectLabel: "select__label";
37
37
  };
38
+ export declare const SELECT_DEFAULT_TRANSLATIONS: {
39
+ readonly NO_RESULTS_FOR: "Brak wyników dla";
40
+ readonly RESET: "Reset";
41
+ readonly CHOOSE: "Choose";
42
+ readonly SEARCH: "Szukaj";
43
+ };
@@ -34,7 +34,13 @@ const SELECT_CSS_CLASSES = {
34
34
  selectClearButton: `${baseSelectClass}__clear-btn`,
35
35
  selectCloseButton: `${baseSelectClass}__close-btn`,
36
36
  selectLabel: `${baseSelectClass}__label`
37
+ };
38
+ const SELECT_DEFAULT_TRANSLATIONS = {
39
+ NO_RESULTS_FOR: 'Brak wyników dla',
40
+ RESET: 'Reset',
41
+ CHOOSE: 'Choose',
42
+ SEARCH: 'Szukaj'
37
43
  };
38
44
 
39
- export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_SLOT_NAMES, SELECT_TYPES };
45
+ export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_DEFAULT_TRANSLATIONS, SELECT_EVENT_NAMES, SELECT_SLOT_NAMES, SELECT_TYPES };
40
46
  //# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -1,48 +1,48 @@
1
1
  {
2
- "name": "@shoper/phoenix_design_system",
3
- "packageManager": "yarn@3.2.0",
4
- "sideEffects": false,
5
- "version": "1.17.11",
6
- "description": "phoenix design system",
7
- "author": "zefirek",
8
- "license": "MIT",
9
- "source": "src/index.ts",
10
- "main": "build/cjs/packages/phoenix/src/index.js",
11
- "module": "build/esm/packages/phoenix/src/index.js",
12
- "jsnext:main": "build/esm/packages/phoenix/src/index.js",
13
- "types": "build/esm/packages/phoenix/src/index.d.ts",
14
- "files": [
15
- "build"
16
- ],
17
- "engines": {
18
- "node": ">=14",
19
- "npm": ">=6"
20
- },
21
- "scripts": {
22
- "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
23
- "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
24
- "watch": "rollup --config rollup.config.js --watch",
25
- "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
26
- "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
27
- },
28
- "peerDependencies": {
29
- "@dreamcommerce/utilities": "^1.0.0",
30
- "@splidejs/splide": "4.0.7",
31
- "@splidejs/splide-extension-auto-scroll": "0.5.3"
32
- },
33
- "devDependencies": {
34
- "@dreamcommerce/utilities": "^1.20.1-6",
35
- "@shoper/jest_config": "^0.0.0",
36
- "@shoper/tsconfig": "^0.0.0",
37
- "@splidejs/splide": "4.0.7",
38
- "@splidejs/splide-extension-auto-scroll": "0.5.3",
39
- "@storybook/web-components": "6.5.7",
40
- "lit": "2.4.0"
41
- },
42
- "browserslist": [
43
- "last 3 version, not ie <= 11, not dead"
44
- ],
45
- "dependencies": {
46
- "classnames": "2.3.1"
47
- }
48
- }
2
+ "name": "@shoper/phoenix_design_system",
3
+ "packageManager": "yarn@3.2.0",
4
+ "sideEffects": false,
5
+ "version": "1.17.13",
6
+ "description": "phoenix design system",
7
+ "author": "zefirek",
8
+ "license": "MIT",
9
+ "source": "src/index.ts",
10
+ "main": "build/cjs/packages/phoenix/src/index.js",
11
+ "module": "build/esm/packages/phoenix/src/index.js",
12
+ "jsnext:main": "build/esm/packages/phoenix/src/index.js",
13
+ "types": "build/esm/packages/phoenix/src/index.d.ts",
14
+ "files": [
15
+ "build"
16
+ ],
17
+ "engines": {
18
+ "node": ">=14",
19
+ "npm": ">=6"
20
+ },
21
+ "scripts": {
22
+ "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
23
+ "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
24
+ "watch": "rollup --config rollup.config.js --watch",
25
+ "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
26
+ "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
27
+ },
28
+ "peerDependencies": {
29
+ "@dreamcommerce/utilities": "^1.0.0",
30
+ "@splidejs/splide": "4.0.7",
31
+ "@splidejs/splide-extension-auto-scroll": "0.5.3"
32
+ },
33
+ "devDependencies": {
34
+ "@dreamcommerce/utilities": "workspace:^",
35
+ "@shoper/jest_config": "workspace:^",
36
+ "@shoper/tsconfig": "workspace:^",
37
+ "@splidejs/splide": "4.0.7",
38
+ "@splidejs/splide-extension-auto-scroll": "0.5.3",
39
+ "@storybook/web-components": "6.5.7",
40
+ "lit": "2.4.0"
41
+ },
42
+ "browserslist": [
43
+ "last 3 version, not ie <= 11, not dead"
44
+ ],
45
+ "dependencies": {
46
+ "classnames": "2.3.1"
47
+ }
48
+ }