@shoper/phoenix_design_system 1.3.12 → 1.4.0

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 (27) hide show
  1. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +6 -6
  2. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js +36 -0
  3. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
  4. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +14 -12
  5. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  6. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -1
  7. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
  8. package/build/cjs/packages/phoenix/src/components/form/select/select.js +1 -1
  9. package/build/cjs/packages/phoenix/src/index.js +7 -0
  10. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  11. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +7 -7
  12. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts +8 -0
  13. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js +34 -0
  14. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map +1 -0
  15. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +11 -6
  16. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +13 -7
  17. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +2 -2
  19. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +2 -2
  20. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +3 -5
  21. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -1
  22. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
  23. package/build/esm/packages/phoenix/src/components/form/select/select.js +1 -1
  24. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  25. package/build/esm/packages/phoenix/src/index.js +1 -0
  26. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -53,18 +53,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
53
53
  return new Promise((resolve) => {
54
54
  var _a, _b;
55
55
  (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'true');
56
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(dropdown_constants.DROPDOWN_CONTENT_VISIBLE_CLASS, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`);
56
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.visible, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`);
57
57
  this.opened = true;
58
58
  window.requestAnimationFrame(() => {
59
59
  setTimeout(() => {
60
60
  var _a;
61
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
61
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
62
62
  }, 0);
63
63
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
64
64
  setTimeout(() => {
65
65
  var _a;
66
66
  this._dispatchShowDropdownEvent();
67
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
67
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
68
68
  this._toggleScroll();
69
69
  resolve();
70
70
  }, transitionDuration);
@@ -103,11 +103,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
103
103
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
104
104
  window.requestAnimationFrame(() => {
105
105
  var _a, _b;
106
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-start`);
107
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
106
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`);
107
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
108
108
  setTimeout(() => {
109
109
  var _a;
110
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
110
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
111
111
  this.opened = false;
112
112
  this._dispatchHideDropdownEvent();
113
113
  resolve();
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js ADDED
@@ -0,0 +1,36 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var decorators = require('lit/decorators');
7
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var btn_controller = require('../../controllers/btn_controller/btn_controller.js');
10
+ var dropdown_constants = require('./dropdown_constants.js');
11
+
12
+ exports.HDropdownClose = class HDropdownClose extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ constructor() {
14
+ super();
15
+ this.name = '';
16
+ this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.close} ${this.className}`;
17
+ }
18
+ connectedCallback() {
19
+ super.connectedCallback();
20
+ this._btnController = new btn_controller.BtnController(this, this._closeDropdown);
21
+ this.addEventListener('click', this._closeDropdown);
22
+ }
23
+ async _closeDropdown() {
24
+ const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
25
+ await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
26
+ }
27
+ };
28
+ tslib_es6.__decorate([
29
+ decorators.property({ type: String }),
30
+ tslib_es6.__metadata("design:type", Object)
31
+ ], exports.HDropdownClose.prototype, "name", void 0);
32
+ exports.HDropdownClose = tslib_es6.__decorate([
33
+ phoenix_custom_element.phoenixCustomElement('h-dropdown-close'),
34
+ tslib_es6.__metadata("design:paramtypes", [])
35
+ ], exports.HDropdownClose);
36
+ //# sourceMappingURL=dropdown_close.js.map
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;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/dropdown/dropdown_constants.js CHANGED
@@ -15,12 +15,18 @@ const DROPDOWN_EVENTS = {
15
15
  showed: `${DROPDOWN_EVENT_NAME}.showed`,
16
16
  hidden: `${DROPDOWN_EVENT_NAME}.hidden`
17
17
  };
18
- const DROPDOWN_CSS_CLASS = 'dropdown';
19
- const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
20
- const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
21
- const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
22
- const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
23
- const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
18
+ const DROPDOWN_INITIAL_CLASS_NAME = 'dropdown';
19
+ const DROPDOWN_CSS_CLASSES = {
20
+ dropdown: DROPDOWN_INITIAL_CLASS_NAME,
21
+ content: `${DROPDOWN_INITIAL_CLASS_NAME}__content`,
22
+ toggler: `${DROPDOWN_INITIAL_CLASS_NAME}__content`,
23
+ close: `${DROPDOWN_INITIAL_CLASS_NAME}__close`
24
+ };
25
+ const DROPDOWN_CONTENT_CSS_CLASSES = {
26
+ visible: `${DROPDOWN_CSS_CLASSES.content}_visible`,
27
+ show: `${DROPDOWN_CSS_CLASSES.content}_show`,
28
+ hide: `${DROPDOWN_CSS_CLASSES.content}_hide`
29
+ };
24
30
  const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
25
31
  const DROPDOWN_CONTENT_WIDTH = {
26
32
  full: 'full'
@@ -28,16 +34,12 @@ const DROPDOWN_CONTENT_WIDTH = {
28
34
 
29
35
  exports.DEFAULT_DROPDOWN_PORTAL_NAME = DEFAULT_DROPDOWN_PORTAL_NAME;
30
36
  exports.DROPDOWN_CONTAINER_NAME = DROPDOWN_CONTAINER_NAME;
31
- exports.DROPDOWN_CONTENT_CSS_CLASS = DROPDOWN_CONTENT_CSS_CLASS;
32
- exports.DROPDOWN_CONTENT_HIDE = DROPDOWN_CONTENT_HIDE;
37
+ exports.DROPDOWN_CONTENT_CSS_CLASSES = DROPDOWN_CONTENT_CSS_CLASSES;
33
38
  exports.DROPDOWN_CONTENT_NAME = DROPDOWN_CONTENT_NAME;
34
- exports.DROPDOWN_CONTENT_SHOW = DROPDOWN_CONTENT_SHOW;
35
- exports.DROPDOWN_CONTENT_VISIBLE_CLASS = DROPDOWN_CONTENT_VISIBLE_CLASS;
36
39
  exports.DROPDOWN_CONTENT_WIDTH = DROPDOWN_CONTENT_WIDTH;
37
- exports.DROPDOWN_CSS_CLASS = DROPDOWN_CSS_CLASS;
40
+ exports.DROPDOWN_CSS_CLASSES = DROPDOWN_CSS_CLASSES;
38
41
  exports.DROPDOWN_EVENTS = DROPDOWN_EVENTS;
39
42
  exports.DROPDOWN_NAME = DROPDOWN_NAME;
40
- exports.DROPDOWN_TOGGLER_CSS_CLASS = DROPDOWN_TOGGLER_CSS_CLASS;
41
43
  exports.DROPDOWN_TOGGLER_NAME = DROPDOWN_TOGGLER_NAME;
42
44
  exports.DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME;
43
45
  //# sourceMappingURL=dropdown_constants.js.map
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_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;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js CHANGED
@@ -17,7 +17,7 @@ exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_elem
17
17
  }
18
18
  connectedCallback() {
19
19
  super.connectedCallback();
20
- this.classList.add(dropdown_constants.DROPDOWN_CONTENT_CSS_CLASS);
20
+ this.classList.add(dropdown_constants.DROPDOWN_CSS_CLASSES.content);
21
21
  this.setAttribute('role', 'menu');
22
22
  Array.from(this.children).forEach((element) => {
23
23
  element.setAttribute('role', 'menuitem');
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js CHANGED
@@ -45,7 +45,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
45
45
  utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
46
46
  };
47
47
  this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
48
- this.className = `${dropdown_constants.DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
48
+ this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.toggler} ${this.className}`;
49
49
  }
50
50
  connectedCallback() {
51
51
  var _a;
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -262,7 +262,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
262
262
  ${ref_js.ref(this._$dropdown)}
263
263
  @dropdown.showed=${() => (this.opened = true)}
264
264
  @dropdown.hidden=${this._handleDropdownHidden}
265
- name="${this.controlName}$"
265
+ name="${this.controlName}"
266
266
  offset=${this.offset}
267
267
  content-width="full"
268
268
  >
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -66,6 +66,7 @@ var accordion = require('./components/accordion/accordion.js');
66
66
  var accordion_group = require('./components/accordion/accordion_group.js');
67
67
  var accordion_content = require('./components/accordion/accordion_content.js');
68
68
  var accordion_toggler = require('./components/accordion/accordion_toggler.js');
69
+ var dropdown_close = require('./components/dropdown/dropdown_close.js');
69
70
  var toggle_button_group = require('./components/groups/toggle_button_group/toggle_button_group.js');
70
71
  var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
71
72
  var click_outside_controller_messages = require('./controllers/click_outside_controller/click_outside_controller_messages.js');
@@ -406,6 +407,12 @@ Object.defineProperty(exports, 'HAccordionToggler', {
406
407
  return accordion_toggler.HAccordionToggler;
407
408
  }
408
409
  });
410
+ Object.defineProperty(exports, 'HDropdownClose', {
411
+ enumerable: true,
412
+ get: function () {
413
+ return dropdown_close.HDropdownClose;
414
+ }
415
+ });
409
416
  Object.defineProperty(exports, 'HToggleButtonGroup', {
410
417
  enumerable: true,
411
418
  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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/dropdown.js CHANGED
@@ -6,7 +6,7 @@ import { property } from '@lit/reactive-element/decorators.js';
6
6
  import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
7
7
  import { html } from 'lit-html';
8
8
  import { BREAKPOINTS, SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
9
- import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_WIDTH, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
9
+ import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_CSS_CLASSES, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_WIDTH, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
10
10
  import { DIRECTIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, DEFAULT_THROTTLE_WAIT_TIME } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
11
11
  import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
12
12
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
@@ -49,18 +49,18 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
49
49
  return new Promise((resolve) => {
50
50
  var _a, _b;
51
51
  (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'true');
52
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(DROPDOWN_CONTENT_VISIBLE_CLASS, `${DROPDOWN_CONTENT_SHOW}-${this.transition}-start`);
52
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(DROPDOWN_CONTENT_CSS_CLASSES.visible, `${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`);
53
53
  this.opened = true;
54
54
  window.requestAnimationFrame(() => {
55
55
  setTimeout(() => {
56
56
  var _a;
57
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
57
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.add(`${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
58
58
  }, 0);
59
59
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
60
60
  setTimeout(() => {
61
61
  var _a;
62
62
  this._dispatchShowDropdownEvent();
63
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
63
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-start`, `${DROPDOWN_CONTENT_CSS_CLASSES.show}-${this.transition}-end`);
64
64
  this._toggleScroll();
65
65
  resolve();
66
66
  }, transitionDuration);
@@ -99,11 +99,11 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
99
99
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
100
100
  window.requestAnimationFrame(() => {
101
101
  var _a, _b;
102
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_HIDE}-${this.transition}-start`);
103
- (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
102
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`);
103
+ (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(`${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
104
104
  setTimeout(() => {
105
105
  var _a;
106
- (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_HIDE}-${this.transition}-start`, `${DROPDOWN_CONTENT_HIDE}-${this.transition}-end`);
106
+ (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-start`, `${DROPDOWN_CONTENT_CSS_CLASSES.hide}-${this.transition}-end`);
107
107
  this.opened = false;
108
108
  this._dispatchHideDropdownEvent();
109
109
  resolve();
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ export declare class HDropdownClose extends PhoenixLightLitElement {
3
+ name: string;
4
+ private _btnController;
5
+ constructor();
6
+ connectedCallback(): void;
7
+ private _closeDropdown;
8
+ }
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js ADDED
@@ -0,0 +1,34 @@
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { property } from 'lit/decorators';
3
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
+ import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
6
+ import { DROPDOWN_CSS_CLASSES } from './dropdown_constants.js';
7
+
8
+ let HDropdownClose = class HDropdownClose extends PhoenixLightLitElement {
9
+ constructor() {
10
+ super();
11
+ this.name = '';
12
+ this.className = `${DROPDOWN_CSS_CLASSES.close} ${this.className}`;
13
+ }
14
+ connectedCallback() {
15
+ super.connectedCallback();
16
+ this._btnController = new BtnController(this, this._closeDropdown);
17
+ this.addEventListener('click', this._closeDropdown);
18
+ }
19
+ async _closeDropdown() {
20
+ const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
21
+ await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
22
+ }
23
+ };
24
+ __decorate([
25
+ property({ type: String }),
26
+ __metadata("design:type", Object)
27
+ ], HDropdownClose.prototype, "name", void 0);
28
+ HDropdownClose = __decorate([
29
+ phoenixCustomElement('h-dropdown-close'),
30
+ __metadata("design:paramtypes", [])
31
+ ], HDropdownClose);
32
+
33
+ export { HDropdownClose };
34
+ //# sourceMappingURL=dropdown_close.js.map
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_close.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/dropdown_constants.d.ts CHANGED
@@ -10,12 +10,17 @@ export declare const DROPDOWN_EVENTS: {
10
10
  readonly showed: "dropdown.showed";
11
11
  readonly hidden: "dropdown.hidden";
12
12
  };
13
- export declare const DROPDOWN_CSS_CLASS = "dropdown";
14
- export declare const DROPDOWN_CONTENT_CSS_CLASS: string;
15
- export declare const DROPDOWN_TOGGLER_CSS_CLASS: string;
16
- export declare const DROPDOWN_CONTENT_VISIBLE_CLASS: string;
17
- export declare const DROPDOWN_CONTENT_SHOW: string;
18
- export declare const DROPDOWN_CONTENT_HIDE: string;
13
+ export declare const DROPDOWN_CSS_CLASSES: {
14
+ readonly dropdown: "dropdown";
15
+ readonly content: "dropdown__content";
16
+ readonly toggler: "dropdown__content";
17
+ readonly close: "dropdown__close";
18
+ };
19
+ export declare const DROPDOWN_CONTENT_CSS_CLASSES: {
20
+ readonly visible: "dropdown__content_visible";
21
+ readonly show: "dropdown__content_show";
22
+ readonly hide: "dropdown__content_hide";
23
+ };
19
24
  export declare const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = "toggleOnHover";
20
25
  export declare const DROPDOWN_CONTENT_WIDTH: {
21
26
  readonly full: "full";
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js CHANGED
@@ -11,16 +11,22 @@ const DROPDOWN_EVENTS = {
11
11
  showed: `${DROPDOWN_EVENT_NAME}.showed`,
12
12
  hidden: `${DROPDOWN_EVENT_NAME}.hidden`
13
13
  };
14
- const DROPDOWN_CSS_CLASS = 'dropdown';
15
- const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
16
- const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
17
- const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
18
- const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
19
- const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
14
+ const DROPDOWN_INITIAL_CLASS_NAME = 'dropdown';
15
+ const DROPDOWN_CSS_CLASSES = {
16
+ dropdown: DROPDOWN_INITIAL_CLASS_NAME,
17
+ content: `${DROPDOWN_INITIAL_CLASS_NAME}__content`,
18
+ toggler: `${DROPDOWN_INITIAL_CLASS_NAME}__content`,
19
+ close: `${DROPDOWN_INITIAL_CLASS_NAME}__close`
20
+ };
21
+ const DROPDOWN_CONTENT_CSS_CLASSES = {
22
+ visible: `${DROPDOWN_CSS_CLASSES.content}_visible`,
23
+ show: `${DROPDOWN_CSS_CLASSES.content}_show`,
24
+ hide: `${DROPDOWN_CSS_CLASSES.content}_hide`
25
+ };
20
26
  const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
21
27
  const DROPDOWN_CONTENT_WIDTH = {
22
28
  full: 'full'
23
29
  };
24
30
 
25
- export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_SHOW, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_WIDTH, DROPDOWN_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME };
31
+ export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASSES, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_WIDTH, DROPDOWN_CSS_CLASSES, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME };
26
32
  //# sourceMappingURL=dropdown_constants.js.map
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_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;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;"}
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js CHANGED
@@ -3,7 +3,7 @@ import { html } from 'lit';
3
3
  import { property } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
6
- import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.js';
6
+ import { DROPDOWN_CSS_CLASSES } from './dropdown_constants.js';
7
7
 
8
8
  let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
9
9
  constructor() {
@@ -13,7 +13,7 @@ let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
13
13
  }
14
14
  connectedCallback() {
15
15
  super.connectedCallback();
16
- this.classList.add(DROPDOWN_CONTENT_CSS_CLASS);
16
+ this.classList.add(DROPDOWN_CSS_CLASSES.content);
17
17
  this.setAttribute('role', 'menu');
18
18
  Array.from(this.children).forEach((element) => {
19
19
  element.setAttribute('role', 'menuitem');
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js CHANGED
@@ -5,7 +5,7 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
5
5
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
6
6
  import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
7
7
  import { BREAKPOINTS } from '../../global_constants.js';
8
- import { DROPDOWN_EVENTS, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_CONTAINER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME } from './dropdown_constants.js';
8
+ import { DROPDOWN_EVENTS, DROPDOWN_CONTENT_NAME, DROPDOWN_CSS_CLASSES, DROPDOWN_CONTAINER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME } from './dropdown_constants.js';
9
9
  import { ToggleElementAriaController } from '../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
10
10
 
11
11
  let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
@@ -41,7 +41,7 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
41
41
  UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
42
42
  };
43
43
  this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
44
- this.className = `${DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
44
+ this.className = `${DROPDOWN_CSS_CLASSES.toggler} ${this.className}`;
45
45
  }
46
46
  connectedCallback() {
47
47
  var _a;
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Any } from 'ts-toolbelt';
2
- import { VERTICAL_DIRECTIONS } from "../../controllers/relative_position_controller/relative_position_controller_constants";
3
2
  import { DROPDOWN_CONTENT_WIDTH } from "./dropdown_constants";
3
+ import { VERTICAL_DIRECTIONS } from "../../controllers/relative_position_controller/relative_position_controller_constants";
4
4
  export declare type TDropdownSelectors = {
5
5
  getDropdownPortalTargetName(): string;
6
6
  getDropdownContainerName(): string;
@@ -12,10 +12,8 @@ export interface IDropdown {
12
12
  toggle(): void;
13
13
  isOpened(): boolean;
14
14
  }
15
- export declare type TDropdownHideEvent = Event & {
16
- detail: {
17
- name: string;
18
- };
15
+ export declare type TDropdownHideEventDetails = {
16
+ name: string;
19
17
  };
20
18
  export declare type TDropdownDirection = typeof VERTICAL_DIRECTIONS[Any.Keys<typeof VERTICAL_DIRECTIONS>];
21
19
  export declare type TDropdownContentWidth = Any.Keys<typeof DROPDOWN_CONTENT_WIDTH>;
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import 'ts-toolbelt';
2
- import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
3
2
  import '@phoenixRoot/components/dropdown/dropdown_constants';
3
+ import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
4
4
  //# sourceMappingURL=dropdown_types.js.map
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAoC,8FAA8F,CAAC;AACnI,OAAuC,qDAAqD,CAAC"}
1
+ {"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAuC,qDAAqD,CAAC;AAC7F,OAAoC,8FAA8F,CAAC"}
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -258,7 +258,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
258
258
  ${ref(this._$dropdown)}
259
259
  @dropdown.showed=${() => (this.opened = true)}
260
260
  @dropdown.hidden=${this._handleDropdownHidden}
261
- name="${this.controlName}$"
261
+ name="${this.controlName}"
262
262
  offset=${this.offset}
263
263
  content-width="full"
264
264
  >
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -65,6 +65,7 @@ export { BtnController } from './controllers/btn_controller/btn_controller';
65
65
  export { HDropdown } from './components/dropdown/dropdown';
66
66
  export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
67
67
  export { HDropdownContent } from './components/dropdown/dropdown_content';
68
+ export { HDropdownClose } from './components/dropdown/dropdown_close';
68
69
  export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group';
69
70
  export { HToggleButton } from './components/groups/toggle_button_group/toggle_button';
70
71
  export type { ISingleToggleOnModeToggleChange } from './components/groups/toggle_button_group/toggle_button_group_types';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -62,6 +62,7 @@ export { HAccordion } from './components/accordion/accordion.js';
62
62
  export { HAccordionGroup } from './components/accordion/accordion_group.js';
63
63
  export { HAccordionContent } from './components/accordion/accordion_content.js';
64
64
  export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
65
+ export { HDropdownClose } from './components/dropdown/dropdown_close.js';
65
66
  export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
66
67
  export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
67
68
  export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.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;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;"}
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.3.12",
5
+ "version": "1.4.0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",