@shoper/phoenix_design_system 1.1.0-15 → 1.1.0-17

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 (20) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/select/components/search/select_search.js +1 -0
  2. package/build/cjs/packages/phoenix/src/components/form/select/components/search/select_search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +13 -0
  4. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js +1 -0
  6. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/select/select.js +7 -1
  8. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js +1 -0
  10. package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js.map +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts +3 -0
  12. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +13 -0
  13. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.d.ts +1 -0
  15. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js +1 -0
  16. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +1 -0
  18. package/build/esm/packages/phoenix/src/components/form/select/select.js +7 -1
  19. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  20. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/select/components/search/select_search.js CHANGED
@@ -37,6 +37,7 @@ exports.HSelectSearch = class HSelectSearch extends phoenix_light_lit_element.Ph
37
37
  .value=${this.value}
38
38
  aria-autocomplete="list"
39
39
  autocomplete="false"
40
+ placeholder="Szukaj"
40
41
  @input=${this._handleInputChange}
41
42
  />
42
43
  `;
package/build/cjs/packages/phoenix/src/components/form/select/components/search/select_search.js.map CHANGED
@@ -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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;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;"}
package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js CHANGED
@@ -10,6 +10,7 @@ var select_components_constatns = require('../select_components_constatns.js');
10
10
  var litHtml = require('lit-html');
11
11
  var context_consumer_controller = require('../../../../../core/context/context_consumer_controller.js');
12
12
  var select_constants = require('../../select_constants.js');
13
+ var observer = require('../../../../../core/classes/observer/observer.js');
13
14
  var observable_directive = require('../../../../../directives/observable_directive.js');
14
15
  var select_toggler_constants = require('./select_toggler_constants.js');
15
16
 
@@ -17,6 +18,11 @@ exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.
17
18
  constructor() {
18
19
  super(...arguments);
19
20
  this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
21
+ this._handleSelectedOptionChanged = (selectedOptions) => {
22
+ selectedOptions.length
23
+ ? this.classList.add(select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected)
24
+ : this.classList.remove(select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected);
25
+ };
20
26
  this._dispatchOptionDeselect = (option) => {
21
27
  this.dispatchEvent(new CustomEvent(select_constants.SELECT_EVENT_NAMES.deselectOption, {
22
28
  detail: option.value,
@@ -34,6 +40,13 @@ exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.
34
40
  async _subscribeObserver() {
35
41
  this.isMultiselect = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.isMultiselect));
36
42
  this.selectedOptions$ = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.selectedOptions$));
43
+ this._selectedOptionsObserver = new observer.Observer(this._handleSelectedOptionChanged);
44
+ this.selectedOptions$.subscribe(this._selectedOptionsObserver);
45
+ }
46
+ disconnectedCallback() {
47
+ var _a;
48
+ super.disconnectedCallback();
49
+ (_a = this.selectedOptions$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._selectedOptionsObserver);
37
50
  }
38
51
  render() {
39
52
  if (!this.selectedOptions$)
package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/select/components/toggler/select_toggler_constants.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const baseClass = 'select-toggler';
6
6
  const SELECT_TOGGLER_CSS_CLASSES = {
7
7
  selectToggler: baseClass,
8
+ selectTogglerSelected: `${baseClass}_selected`,
8
9
  selectTogglerValues: `${baseClass}__values`,
9
10
  selectTogglerPlaceholder: `${baseClass}__placeholder`
10
11
  };
package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -28,6 +28,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
28
28
  super();
29
29
  this.multiselect = false;
30
30
  this.opened = false;
31
+ this.offset = 2;
31
32
  this._searchValue = '';
32
33
  this._$options = {};
33
34
  this._$dropdown = ref_js.createRef();
@@ -174,6 +175,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
174
175
  @dropdown.showed=${() => (this.opened = true)}
175
176
  @dropdown.hidden=${this._closeSelect}
176
177
  name=${this.controlName}
178
+ offset=${this.offset}
177
179
  >
178
180
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.input)} </h-dropdown-toggler>
179
181
 
@@ -202,7 +204,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
202
204
  ${!this._selectController.visibleOptionsCount
203
205
  ? lit.html `<div>
204
206
  <p class=${select_constants.SELECT_CSS_CLASSES.selectNoResult}>
205
- brak wyników dla <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
207
+ Brak wyników dla: <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
206
208
  </p>
207
209
  </div>`
208
210
  : lit.nothing}
@@ -238,6 +240,10 @@ tslib_es6.__decorate([
238
240
  decorators_js.property({ type: Boolean }),
239
241
  tslib_es6.__metadata("design:type", Boolean)
240
242
  ], exports.HSelect.prototype, "opened", void 0);
243
+ tslib_es6.__decorate([
244
+ decorators_js.property({ type: Number }),
245
+ tslib_es6.__metadata("design:type", Number)
246
+ ], exports.HSelect.prototype, "offset", void 0);
241
247
  tslib_es6.__decorate([
242
248
  decorators.state(),
243
249
  tslib_es6.__metadata("design:type", String)
package/build/cjs/packages/phoenix/src/components/form/select/select.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/components/search/select_search.js CHANGED
@@ -33,6 +33,7 @@ let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
33
33
  .value=${this.value}
34
34
  aria-autocomplete="list"
35
35
  autocomplete="false"
36
+ placeholder="Szukaj"
36
37
  @input=${this._handleInputChange}
37
38
  />
38
39
  `;
package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;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;"}
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts CHANGED
@@ -6,8 +6,11 @@ export declare class HSelectToggler extends PhoenixLightLitElement {
6
6
  selectedOptions$: BehaviorSubject<SelectOption[]> | null;
7
7
  isMultiselect: boolean;
8
8
  private _contextConsumer;
9
+ private _selectedOptionsObserver;
9
10
  connectedCallback(): void;
10
11
  private _subscribeObserver;
12
+ private _handleSelectedOptionChanged;
11
13
  private _dispatchOptionDeselect;
14
+ disconnectedCallback(): void;
12
15
  render(): TemplateResult | undefined;
13
16
  }
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js CHANGED
@@ -6,6 +6,7 @@ import { SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } f
6
6
  import { html } from 'lit-html';
7
7
  import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
8
8
  import { SELECT_EVENT_NAMES, SELECT_SLOT_NAMES, SELECT_CONTEXTS } from '../../select_constants.js';
9
+ import { Observer } from '../../../../../core/classes/observer/observer.js';
9
10
  import { observe } from '../../../../../directives/observable_directive.js';
10
11
  import { SELECT_TOGGLER_CSS_CLASSES } from './select_toggler_constants.js';
11
12
 
@@ -13,6 +14,11 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
13
14
  constructor() {
14
15
  super(...arguments);
15
16
  this._contextConsumer = new ContextConsumerController(this);
17
+ this._handleSelectedOptionChanged = (selectedOptions) => {
18
+ selectedOptions.length
19
+ ? this.classList.add(SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected)
20
+ : this.classList.remove(SELECT_TOGGLER_CSS_CLASSES.selectTogglerSelected);
21
+ };
16
22
  this._dispatchOptionDeselect = (option) => {
17
23
  this.dispatchEvent(new CustomEvent(SELECT_EVENT_NAMES.deselectOption, {
18
24
  detail: option.value,
@@ -30,6 +36,13 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
30
36
  async _subscribeObserver() {
31
37
  this.isMultiselect = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.isMultiselect));
32
38
  this.selectedOptions$ = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.selectedOptions$));
39
+ this._selectedOptionsObserver = new Observer(this._handleSelectedOptionChanged);
40
+ this.selectedOptions$.subscribe(this._selectedOptionsObserver);
41
+ }
42
+ disconnectedCallback() {
43
+ var _a;
44
+ super.disconnectedCallback();
45
+ (_a = this.selectedOptions$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._selectedOptionsObserver);
33
46
  }
34
47
  render() {
35
48
  if (!this.selectedOptions$)
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/components/toggler/select_toggler_constants.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const SELECT_TOGGLER_CSS_CLASSES: {
2
2
  readonly selectToggler: "select-toggler";
3
+ readonly selectTogglerSelected: "select-toggler_selected";
3
4
  readonly selectTogglerValues: "select-toggler__values";
4
5
  readonly selectTogglerPlaceholder: "select-toggler__placeholder";
5
6
  };
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js CHANGED
@@ -1,6 +1,7 @@
1
1
  const baseClass = 'select-toggler';
2
2
  const SELECT_TOGGLER_CSS_CLASSES = {
3
3
  selectToggler: baseClass,
4
+ selectTogglerSelected: `${baseClass}_selected`,
4
5
  selectTogglerValues: `${baseClass}__values`,
5
6
  selectTogglerPlaceholder: `${baseClass}__placeholder`
6
7
  };
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare class HSelect extends PhoenixLightLitElement {
6
6
  controlName: string;
7
7
  multiselect: boolean;
8
8
  opened: boolean;
9
+ offset: number;
9
10
  private _searchValue;
10
11
  private _selectController;
11
12
  private _$options;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -24,6 +24,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
24
24
  super();
25
25
  this.multiselect = false;
26
26
  this.opened = false;
27
+ this.offset = 2;
27
28
  this._searchValue = '';
28
29
  this._$options = {};
29
30
  this._$dropdown = createRef();
@@ -170,6 +171,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
170
171
  @dropdown.showed=${() => (this.opened = true)}
171
172
  @dropdown.hidden=${this._closeSelect}
172
173
  name=${this.controlName}
174
+ offset=${this.offset}
173
175
  >
174
176
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.input)} </h-dropdown-toggler>
175
177
 
@@ -198,7 +200,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
198
200
  ${!this._selectController.visibleOptionsCount
199
201
  ? html `<div>
200
202
  <p class=${SELECT_CSS_CLASSES.selectNoResult}>
201
- brak wyników dla <em class=${SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
203
+ Brak wyników dla: <em class=${SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
202
204
  </p>
203
205
  </div>`
204
206
  : nothing}
@@ -234,6 +236,10 @@ __decorate([
234
236
  property({ type: Boolean }),
235
237
  __metadata("design:type", Boolean)
236
238
  ], HSelect.prototype, "opened", void 0);
239
+ __decorate([
240
+ property({ type: Number }),
241
+ __metadata("design:type", Number)
242
+ ], HSelect.prototype, "offset", void 0);
237
243
  __decorate([
238
244
  state(),
239
245
  __metadata("design:type", String)
package/build/esm/packages/phoenix/src/components/form/select/select.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.1.0-15",
5
+ "version": "1.1.0-17",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",