@shoper/phoenix_design_system 0.27.0 → 0.27.1

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 (78) hide show
  1. package/build/cjs/{external → packages/phoenix/external}/classnames/index.js +16 -10
  2. package/build/{esm → cjs/packages/phoenix}/external/classnames/index.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +11 -3
  4. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +0 -2
  6. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +22 -3
  8. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  10. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  12. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
  14. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
  16. package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +1 -1
  18. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  19. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  21. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  22. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  23. package/build/cjs/packages/phoenix/src/components/icon/icon.js +1 -1
  24. package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
  25. package/build/cjs/packages/phoenix/src/components/tag/tag.js +4 -0
  26. package/build/cjs/packages/phoenix/src/components/tag/tag.js.map +1 -1
  27. package/build/esm/{external → packages/phoenix/external}/classnames/index.js +16 -10
  28. package/build/{cjs → esm/packages/phoenix}/external/classnames/index.js.map +1 -1
  29. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +2 -1
  30. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +11 -3
  31. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  32. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +0 -1
  33. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +1 -2
  34. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  35. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.d.ts +3 -0
  36. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +23 -4
  37. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map +1 -1
  38. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +1 -0
  39. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  40. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  41. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  42. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  43. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +1 -1
  44. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  45. package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
  46. package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
  47. package/build/esm/packages/phoenix/src/components/form/radio/radio.js +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  49. package/build/esm/packages/phoenix/src/components/form/switch/switch.js +1 -1
  50. package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  51. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  52. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  53. package/build/esm/packages/phoenix/src/components/icon/icon.js +1 -1
  54. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
  55. package/build/esm/packages/phoenix/src/components/tag/tag.js +4 -0
  56. package/build/esm/packages/phoenix/src/components/tag/tag.js.map +1 -1
  57. package/package.json +1 -1
  58. package/build/esm/packages/phoenix/src/components/select/components/select_option.d.ts +0 -11
  59. package/build/esm/packages/phoenix/src/components/select/components/select_option.js +0 -54
  60. package/build/esm/packages/phoenix/src/components/select/components/select_option.js.map +0 -1
  61. package/build/esm/packages/phoenix/src/components/select/components/select_options.d.ts +0 -4
  62. package/build/esm/packages/phoenix/src/components/select/components/select_options.js +0 -15
  63. package/build/esm/packages/phoenix/src/components/select/components/select_options.js.map +0 -1
  64. package/build/esm/packages/phoenix/src/components/select/components/select_search.d.ts +0 -1
  65. package/build/esm/packages/phoenix/src/components/select/components/select_search.js +0 -2
  66. package/build/esm/packages/phoenix/src/components/select/components/select_search.js.map +0 -1
  67. package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.d.ts +0 -1
  68. package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.js +0 -2
  69. package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.js.map +0 -1
  70. package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.d.ts +0 -11
  71. package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.js +0 -14
  72. package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.js.map +0 -1
  73. package/build/esm/packages/phoenix/src/components/select/model/option.d.ts +0 -2
  74. package/build/esm/packages/phoenix/src/components/select/model/option.js +0 -3
  75. package/build/esm/packages/phoenix/src/components/select/model/option.js.map +0 -1
  76. package/build/esm/packages/phoenix/src/components/select/select.d.ts +0 -12
  77. package/build/esm/packages/phoenix/src/components/select/select.js +0 -62
  78. package/build/esm/packages/phoenix/src/components/select/select.js.map +0 -1
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
5
+ var _commonjsHelpers = require('../../../../_virtual/_commonjsHelpers.js');
6
6
 
7
7
  /*!
8
- Copyright (c) 2017 Jed Watson.
8
+ Copyright (c) 2018 Jed Watson.
9
9
  Licensed under the MIT License (MIT), see
10
10
  http://jedwatson.github.io/classnames
11
11
  */
@@ -17,7 +17,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
17
17
 
18
18
  var hasOwn = {}.hasOwnProperty;
19
19
 
20
- function classNames () {
20
+ function classNames() {
21
21
  var classes = [];
22
22
 
23
23
  for (var i = 0; i < arguments.length; i++) {
@@ -28,16 +28,22 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
28
28
 
29
29
  if (argType === 'string' || argType === 'number') {
30
30
  classes.push(arg);
31
- } else if (Array.isArray(arg) && arg.length) {
32
- var inner = classNames.apply(null, arg);
33
- if (inner) {
34
- classes.push(inner);
31
+ } else if (Array.isArray(arg)) {
32
+ if (arg.length) {
33
+ var inner = classNames.apply(null, arg);
34
+ if (inner) {
35
+ classes.push(inner);
36
+ }
35
37
  }
36
38
  } else if (argType === 'object') {
37
- for (var key in arg) {
38
- if (hasOwn.call(arg, key) && arg[key]) {
39
- classes.push(key);
39
+ if (arg.toString === Object.prototype.toString) {
40
+ for (var key in arg) {
41
+ if (hasOwn.call(arg, key) && arg[key]) {
42
+ classes.push(key);
43
+ }
40
44
  }
45
+ } else {
46
+ classes.push(arg.toString());
41
47
  }
42
48
  }
43
49
  }
@@ -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;"}
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;"}
@@ -41,7 +41,12 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
41
41
  await this._hideDropdownsSequentially();
42
42
  };
43
43
  this.toggle = async () => {
44
- this.opened ? await this._hideDropdownsSequentially() : await this.show();
44
+ if (this.opened) {
45
+ await this._hideDropdownsSequentially();
46
+ return;
47
+ }
48
+ await this.show();
49
+ utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
45
50
  };
46
51
  this.show = async () => {
47
52
  return new Promise((resolve) => {
@@ -62,7 +67,6 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
62
67
  this._toggleScroll();
63
68
  if (!this._lastFocusableElement)
64
69
  this._lastFocusableElement = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.lastElementChild;
65
- utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
66
70
  resolve();
67
71
  }, transitionDuration);
68
72
  });
@@ -173,11 +177,13 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
173
177
  const isHoveredWithinDropdown = this._isHoveredWithinDropdown(ev.target);
174
178
  if (isHoveredWithinDropdown && !this.opened) {
175
179
  await this.show();
180
+ utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
176
181
  return;
177
182
  }
178
183
  if (!isHoveredWithinDropdown && this.opened)
179
184
  await this._hideDropdownsSequentially();
180
185
  };
186
+ this.isOpened = () => this.opened;
181
187
  this._positionDropdownContent = () => {
182
188
  requestAnimationFrame(() => {
183
189
  this.opened && window.innerWidth < global_constants.BREAKPOINTS.xs
@@ -198,7 +204,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
198
204
  callback: this._handleBackwardFocus
199
205
  });
200
206
  }
201
- connectedCallback() {
207
+ async connectedCallback() {
202
208
  var _a;
203
209
  super.connectedCallback();
204
210
  HDropdown_1._appendDropdownPortal();
@@ -228,6 +234,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
228
234
  name: this.name,
229
235
  action: this._handleClickOutside
230
236
  });
237
+ if (this.opened)
238
+ await this.show();
231
239
  this._setupListeners();
232
240
  this._setupInitialDropdownProperties();
233
241
  }
@@ -1 +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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,7 +15,6 @@ const DROPDOWN_EVENTS = {
15
15
  showed: `${DROPDOWN_EVENT_NAME}.showed`,
16
16
  hidden: `${DROPDOWN_EVENT_NAME}.hidden`
17
17
  };
18
- const DROPDOWN_OPENED_ATTRIBUTE_NAME = 'opened';
19
18
  const DROPDOWN_CSS_CLASS = 'dropdown';
20
19
  const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
21
20
  const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
@@ -33,7 +32,6 @@ exports.DROPDOWN_CONTENT_VISIBLE_CLASS = DROPDOWN_CONTENT_VISIBLE_CLASS;
33
32
  exports.DROPDOWN_CSS_CLASS = DROPDOWN_CSS_CLASS;
34
33
  exports.DROPDOWN_EVENTS = DROPDOWN_EVENTS;
35
34
  exports.DROPDOWN_NAME = DROPDOWN_NAME;
36
- exports.DROPDOWN_OPENED_ATTRIBUTE_NAME = DROPDOWN_OPENED_ATTRIBUTE_NAME;
37
35
  exports.DROPDOWN_TOGGLER_CSS_CLASS = DROPDOWN_TOGGLER_CSS_CLASS;
38
36
  exports.DROPDOWN_TOGGLER_NAME = DROPDOWN_TOGGLER_NAME;
39
37
  //# sourceMappingURL=dropdown_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;"}
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;"}
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  var decorators = require('lit/decorators');
7
+ var utilities = require('@dreamcommerce/utilities');
7
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
9
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
10
  var btn_controller = require('../../controllers/btn_controller.js');
@@ -23,19 +24,37 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
23
24
  });
24
25
  this.dispatchEvent(toggleDropdownEvent);
25
26
  };
27
+ this._handleFocusToOpenedDropdown = async (ev) => {
28
+ if (ev.target !== this)
29
+ return;
30
+ const isOpened = this._$dropdown.isOpened();
31
+ if (!isOpened)
32
+ return;
33
+ const $dropdownContent = document.querySelector(`${dropdown_constants.DROPDOWN_CONTENT_NAME}[name="${this.name}"]`);
34
+ if (!$dropdownContent)
35
+ return;
36
+ ev.preventDefault();
37
+ utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
38
+ };
26
39
  this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
27
40
  this.className = `${dropdown_constants.DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
28
41
  }
29
42
  connectedCallback() {
43
+ var _a;
30
44
  super.connectedCallback();
31
45
  this._btnController = new btn_controller.BtnController(this, this._dispatchToggleDropdownEvent);
32
- const dropdown = this.parentElement;
46
+ this._$dropdown = this.parentElement;
33
47
  this._toggleElementAriaController = new toggle_element_aria_controller.ToggleElementAriaController({
34
48
  host: this,
35
- initialAriaExpandedValue: !!(dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute(dropdown_constants.DROPDOWN_OPENED_ATTRIBUTE_NAME))
49
+ initialAriaExpandedValue: this._$dropdown.isOpened()
36
50
  });
37
- this.toggleOnHover = (dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute('toggleOnHover')) !== null;
51
+ this.toggleOnHover = ((_a = this._$dropdown) === null || _a === void 0 ? void 0 : _a.getAttribute('toggleOnHover')) !== null;
38
52
  this.addEventListener('click', this._dispatchToggleDropdownEvent);
53
+ document.addEventListener('keydown', this._handleFocusToOpenedDropdown);
54
+ }
55
+ disconnectedCallback() {
56
+ super.disconnectedCallback();
57
+ document.removeEventListener('keydown', this._handleFocusToOpenedDropdown);
39
58
  }
40
59
  };
41
60
  tslib_es6.__decorate([
@@ -1 +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;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('./checkbox_constants.js');
13
13
 
14
14
  exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
8
8
  var litHtml = require('lit-html');
9
9
  var decorators_js = require('@lit/reactive-element/decorators.js');
10
10
  var ref_js = require('lit-html/directives/ref.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
13
13
  var ifDefined_js = require('lit-html/directives/if-defined.js');
14
14
  var checkbox_constants = require('./checkbox_constants.js');
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var input_constants = require('../input/input_constants.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var color_swatches_control_constants = require('./color_swatches_control_constants.js');
13
13
  var color_swatches_constants = require('../../color_swatches/color_swatches_constants.js');
14
14
 
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -9,7 +9,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
9
9
  var input_constants = require('./input_constants.js');
10
10
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
11
11
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
12
- var index = require('../../../../../../external/classnames/index.js');
12
+ var index = require('../../../../external/classnames/index.js');
13
13
 
14
14
  exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('../checkbox/checkbox_constants.js');
13
13
  var radio_constants = require('./radio_constants.js');
14
14
 
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var checkbox_constants = require('../checkbox/checkbox_constants.js');
13
13
  var switch_constants = require('./switch_constants.js');
14
14
 
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
8
8
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
9
  var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
10
10
  var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
11
- var index = require('../../../../../../external/classnames/index.js');
11
+ var index = require('../../../../external/classnames/index.js');
12
12
  var textarea_constants = require('./textarea_constants.js');
13
13
 
14
14
  exports.HTextarea = class HTextarea extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -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,oBAAoB,gDAAoD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,7 +7,7 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
- var index = require('../../../../../external/classnames/index.js');
10
+ var index = require('../../../external/classnames/index.js');
11
11
  var icon_constants = require('./icon_constants.js');
12
12
  var namespaced_attribure_directive = require('../../directives/namespaced_attribure_directive.js');
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACxE;AACA;AACA;AACA;AACA,oBAAoB,uCAA2C;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,6 +15,10 @@ exports.HTag = class HTag extends phoenix_light_lit_element.PhoenixLightLitEleme
15
15
  this.clickable = false;
16
16
  this.removable = false;
17
17
  this._handleClick = () => {
18
+ /**
19
+ * TODO do zrobienia in fiuczer, jak jest tag klikalny i mamy remove, to klik remove działa na button remove
20
+ * a nie na cały tag
21
+ */
18
22
  const eventName = this.removable ? tag_constants.TAG_EVENT_NAMES.remove : tag_constants.TAG_EVENT_NAMES.click;
19
23
  this.dispatchEvent(new CustomEvent(eventName));
20
24
  };
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,7 +1,7 @@
1
- import { createCommonjsModule } from '../../_virtual/_commonjsHelpers.js';
1
+ import { createCommonjsModule } from '../../../../_virtual/_commonjsHelpers.js';
2
2
 
3
3
  /*!
4
- Copyright (c) 2017 Jed Watson.
4
+ Copyright (c) 2018 Jed Watson.
5
5
  Licensed under the MIT License (MIT), see
6
6
  http://jedwatson.github.io/classnames
7
7
  */
@@ -13,7 +13,7 @@ var classnames = createCommonjsModule(function (module) {
13
13
 
14
14
  var hasOwn = {}.hasOwnProperty;
15
15
 
16
- function classNames () {
16
+ function classNames() {
17
17
  var classes = [];
18
18
 
19
19
  for (var i = 0; i < arguments.length; i++) {
@@ -24,16 +24,22 @@ var classnames = createCommonjsModule(function (module) {
24
24
 
25
25
  if (argType === 'string' || argType === 'number') {
26
26
  classes.push(arg);
27
- } else if (Array.isArray(arg) && arg.length) {
28
- var inner = classNames.apply(null, arg);
29
- if (inner) {
30
- classes.push(inner);
27
+ } else if (Array.isArray(arg)) {
28
+ if (arg.length) {
29
+ var inner = classNames.apply(null, arg);
30
+ if (inner) {
31
+ classes.push(inner);
32
+ }
31
33
  }
32
34
  } else if (argType === 'object') {
33
- for (var key in arg) {
34
- if (hasOwn.call(arg, key) && arg[key]) {
35
- classes.push(key);
35
+ if (arg.toString === Object.prototype.toString) {
36
+ for (var key in arg) {
37
+ if (hasOwn.call(arg, key) && arg[key]) {
38
+ classes.push(key);
39
+ }
36
40
  }
41
+ } else {
42
+ classes.push(arg.toString());
37
43
  }
38
44
  }
39
45
  }
@@ -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;"}
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;"}
@@ -21,7 +21,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
21
21
  _lastFocusableElement: HTMLElement | undefined;
22
22
  private _rootDropdown?;
23
23
  constructor();
24
- connectedCallback(): void;
24
+ connectedCallback(): Promise<void>;
25
25
  private static _appendDropdownPortal;
26
26
  private _findRootDropdown;
27
27
  private _setupListeners;
@@ -43,6 +43,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
43
43
  private _hoverToggle;
44
44
  private _isHoveredWithinDropdown;
45
45
  private _setupInitialDropdownProperties;
46
+ isOpened: () => boolean;
46
47
  private _positionDropdownContent;
47
48
  disconnectedCallback(): void;
48
49
  render(): TemplateResult;
@@ -37,7 +37,12 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
37
37
  await this._hideDropdownsSequentially();
38
38
  };
39
39
  this.toggle = async () => {
40
- this.opened ? await this._hideDropdownsSequentially() : await this.show();
40
+ if (this.opened) {
41
+ await this._hideDropdownsSequentially();
42
+ return;
43
+ }
44
+ await this.show();
45
+ UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
41
46
  };
42
47
  this.show = async () => {
43
48
  return new Promise((resolve) => {
@@ -58,7 +63,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
58
63
  this._toggleScroll();
59
64
  if (!this._lastFocusableElement)
60
65
  this._lastFocusableElement = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.lastElementChild;
61
- UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
62
66
  resolve();
63
67
  }, transitionDuration);
64
68
  });
@@ -169,11 +173,13 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
169
173
  const isHoveredWithinDropdown = this._isHoveredWithinDropdown(ev.target);
170
174
  if (isHoveredWithinDropdown && !this.opened) {
171
175
  await this.show();
176
+ UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
172
177
  return;
173
178
  }
174
179
  if (!isHoveredWithinDropdown && this.opened)
175
180
  await this._hideDropdownsSequentially();
176
181
  };
182
+ this.isOpened = () => this.opened;
177
183
  this._positionDropdownContent = () => {
178
184
  requestAnimationFrame(() => {
179
185
  this.opened && window.innerWidth < BREAKPOINTS.xs
@@ -194,7 +200,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
194
200
  callback: this._handleBackwardFocus
195
201
  });
196
202
  }
197
- connectedCallback() {
203
+ async connectedCallback() {
198
204
  var _a;
199
205
  super.connectedCallback();
200
206
  HDropdown_1._appendDropdownPortal();
@@ -224,6 +230,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
224
230
  name: this.name,
225
231
  action: this._handleClickOutside
226
232
  });
233
+ if (this.opened)
234
+ await this.show();
227
235
  this._setupListeners();
228
236
  this._setupInitialDropdownProperties();
229
237
  }
@@ -1 +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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -10,7 +10,6 @@ export declare const DROPDOWN_EVENTS: {
10
10
  readonly showed: "dropdown.showed";
11
11
  readonly hidden: "dropdown.hidden";
12
12
  };
13
- export declare const DROPDOWN_OPENED_ATTRIBUTE_NAME = "opened";
14
13
  export declare const DROPDOWN_CSS_CLASS = "dropdown";
15
14
  export declare const DROPDOWN_CONTENT_CSS_CLASS: string;
16
15
  export declare const DROPDOWN_TOGGLER_CSS_CLASS: string;
@@ -11,7 +11,6 @@ const DROPDOWN_EVENTS = {
11
11
  showed: `${DROPDOWN_EVENT_NAME}.showed`,
12
12
  hidden: `${DROPDOWN_EVENT_NAME}.hidden`
13
13
  };
14
- const DROPDOWN_OPENED_ATTRIBUTE_NAME = 'opened';
15
14
  const DROPDOWN_CSS_CLASS = 'dropdown';
16
15
  const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
17
16
  const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
@@ -19,5 +18,5 @@ const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
19
18
  const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
20
19
  const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
21
20
 
22
- 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_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_OPENED_ATTRIBUTE_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME };
21
+ 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_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME };
23
22
  //# sourceMappingURL=dropdown_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;"}
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;"}
@@ -3,8 +3,11 @@ export declare class HDropdownToggler extends PhoenixLightLitElement {
3
3
  name: string;
4
4
  private _btnController;
5
5
  private _toggleElementAriaController;
6
+ private _$dropdown;
6
7
  toggleOnHover: boolean;
7
8
  constructor();
8
9
  connectedCallback(): void;
9
10
  private _dispatchToggleDropdownEvent;
11
+ private _handleFocusToOpenedDropdown;
12
+ disconnectedCallback(): void;
10
13
  }
@@ -1,9 +1,10 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
2
  import { property, state } from 'lit/decorators';
3
+ import { UiDomUtils } from '@dreamcommerce/utilities';
3
4
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
5
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
6
  import { BtnController } from '../../controllers/btn_controller.js';
6
- import { DROPDOWN_EVENTS, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';
7
+ import { DROPDOWN_EVENTS, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_CSS_CLASS } from './dropdown_constants.js';
7
8
  import { ToggleElementAriaController } from '../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
8
9
 
9
10
  let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
@@ -19,19 +20,37 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
19
20
  });
20
21
  this.dispatchEvent(toggleDropdownEvent);
21
22
  };
23
+ this._handleFocusToOpenedDropdown = async (ev) => {
24
+ if (ev.target !== this)
25
+ return;
26
+ const isOpened = this._$dropdown.isOpened();
27
+ if (!isOpened)
28
+ return;
29
+ const $dropdownContent = document.querySelector(`${DROPDOWN_CONTENT_NAME}[name="${this.name}"]`);
30
+ if (!$dropdownContent)
31
+ return;
32
+ ev.preventDefault();
33
+ UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
34
+ };
22
35
  this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
23
36
  this.className = `${DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
24
37
  }
25
38
  connectedCallback() {
39
+ var _a;
26
40
  super.connectedCallback();
27
41
  this._btnController = new BtnController(this, this._dispatchToggleDropdownEvent);
28
- const dropdown = this.parentElement;
42
+ this._$dropdown = this.parentElement;
29
43
  this._toggleElementAriaController = new ToggleElementAriaController({
30
44
  host: this,
31
- initialAriaExpandedValue: !!(dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute(DROPDOWN_OPENED_ATTRIBUTE_NAME))
45
+ initialAriaExpandedValue: this._$dropdown.isOpened()
32
46
  });
33
- this.toggleOnHover = (dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute('toggleOnHover')) !== null;
47
+ this.toggleOnHover = ((_a = this._$dropdown) === null || _a === void 0 ? void 0 : _a.getAttribute('toggleOnHover')) !== null;
34
48
  this.addEventListener('click', this._dispatchToggleDropdownEvent);
49
+ document.addEventListener('keydown', this._handleFocusToOpenedDropdown);
50
+ }
51
+ disconnectedCallback() {
52
+ super.disconnectedCallback();
53
+ document.removeEventListener('keydown', this._handleFocusToOpenedDropdown);
35
54
  }
36
55
  };
37
56
  __decorate([
@@ -1 +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;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -9,6 +9,7 @@ export interface IDropdown {
9
9
  show(): void;
10
10
  hide(): void;
11
11
  toggle(): void;
12
+ isOpened(): boolean;
12
13
  }
13
14
  export declare type TDropdownHideEvent = Event & {
14
15
  detail: {
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
9
9
 
10
10
  let HCheckbox = class HCheckbox extends PhoenixLightLitElement {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
4
4
  import { html } from 'lit-html';
5
5
  import { property } from '@lit/reactive-element/decorators.js';
6
6
  import { createRef, ref } from 'lit-html/directives/ref.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
9
9
  import { ifDefined } from 'lit-html/directives/if-defined.js';
10
10
  import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { property, state } 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
6
  import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { COLOR_SWATCHES_CONTROL_CSS_CLASSES } from './color_swatches_control_constants.js';
9
9
  import { COLOR_SWATCHES_EVENT_NAMES } from '../../color_swatches/color_swatches_constants.js';
10
10
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,7 +5,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
5
5
  import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
6
6
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
7
7
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
8
- import classnames from '../../../../../../external/classnames/index.js';
8
+ import classnames from '../../../../external/classnames/index.js';
9
9
 
10
10
  let HInput = class HInput extends PhoenixLightLitElement {
11
11
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
9
9
  import { RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
10
10
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
9
9
  import { SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
10
10
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
4
4
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
6
6
  import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
7
- import classnames from '../../../../../../external/classnames/index.js';
7
+ import classnames from '../../../../external/classnames/index.js';
8
8
  import { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
9
9
 
10
10
  let HTextarea = class HTextarea extends PhoenixLightLitElement {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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 classnames from '../../../../../external/classnames/index.js';
6
+ import classnames from '../../../external/classnames/index.js';
7
7
  import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from './icon_constants.js';
8
8
  import { namespacedAttribute } from '../../directives/namespaced_attribure_directive.js';
9
9
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,6CAAiD;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;AACA;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,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,uCAA2C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -11,6 +11,10 @@ let HTag = class HTag extends PhoenixLightLitElement {
11
11
  this.clickable = false;
12
12
  this.removable = false;
13
13
  this._handleClick = () => {
14
+ /**
15
+ * TODO do zrobienia in fiuczer, jak jest tag klikalny i mamy remove, to klik remove działa na button remove
16
+ * a nie na cały tag
17
+ */
14
18
  const eventName = this.removable ? TAG_EVENT_NAMES.remove : TAG_EVENT_NAMES.click;
15
19
  this.dispatchEvent(new CustomEvent(eventName));
16
20
  };
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;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": "0.27.0",
5
+ "version": "0.27.1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -1,11 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSelectOption extends PhoenixLightLitElement {
3
- selected: boolean;
4
- disabled: boolean;
5
- value: string;
6
- required: boolean;
7
- hidden: boolean;
8
- readonly: boolean;
9
- connectedCallback(): void;
10
- private _setupEvents;
11
- }
@@ -1,54 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
3
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
4
- import { property } from '@lit/reactive-element/decorators.js';
5
- let HSelectOption = class HSelectOption extends PhoenixLightLitElement {
6
- constructor() {
7
- super(...arguments);
8
- this.selected = false;
9
- this.disabled = false;
10
- }
11
- connectedCallback() {
12
- super.connectedCallback();
13
- this.setAttribute('role', 'listitem');
14
- this.setAttribute('tabindex', '-1');
15
- this._setupEvents();
16
- }
17
- _setupEvents() {
18
- this.addEventListener('click', () => {
19
- if (this.disabled)
20
- return;
21
- if (!this.selected)
22
- this.dispatchEvent(new CustomEvent('selectOption.selected'));
23
- });
24
- }
25
- };
26
- __decorate([
27
- property({ type: Boolean }),
28
- __metadata("design:type", Boolean)
29
- ], HSelectOption.prototype, "selected", void 0);
30
- __decorate([
31
- property({ type: Boolean }),
32
- __metadata("design:type", Boolean)
33
- ], HSelectOption.prototype, "disabled", void 0);
34
- __decorate([
35
- property({ type: String }),
36
- __metadata("design:type", String)
37
- ], HSelectOption.prototype, "value", void 0);
38
- __decorate([
39
- property({ type: Boolean }),
40
- __metadata("design:type", Boolean)
41
- ], HSelectOption.prototype, "required", void 0);
42
- __decorate([
43
- property({ type: Boolean }),
44
- __metadata("design:type", Boolean)
45
- ], HSelectOption.prototype, "hidden", void 0);
46
- __decorate([
47
- property({ type: Boolean }),
48
- __metadata("design:type", Boolean)
49
- ], HSelectOption.prototype, "readonly", void 0);
50
- HSelectOption = __decorate([
51
- phoenixCustomElement('h-select-option')
52
- ], HSelectOption);
53
- export { HSelectOption };
54
- //# sourceMappingURL=select_option.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select_option.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_option.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,sBAAsB;IAAzD;;QAEW,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;IA8BrC,CAAC;IAhBU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAEpC,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE1B,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,CAAA;AAjCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACK;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACK;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACN;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;6CACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACH;AAjBhB,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CAmCzB;SAnCY,aAAa"}
@@ -1,4 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HSelectOptions extends PhoenixLightLitElement {
3
- constructor();
4
- }
@@ -1,15 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
3
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
4
- let HSelectOptions = class HSelectOptions extends PhoenixLightLitElement {
5
- constructor() {
6
- super();
7
- this.setAttribute('role', 'list');
8
- }
9
- };
10
- HSelectOptions = __decorate([
11
- phoenixCustomElement('h-select-options'),
12
- __metadata("design:paramtypes", [])
13
- ], HSelectOptions);
14
- export { HSelectOptions };
15
- //# sourceMappingURL=select_options.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select_options.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_options.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAG/G,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IACtD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;CACJ,CAAA;AANY,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;;GAC5B,cAAc,CAM1B;SANY,cAAc"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=select_search.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select_search.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_search.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=multi_select_controler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"multi_select_controler.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/controlers/multi_select_controler.ts"],"names":[],"mappings":""}
@@ -1,11 +0,0 @@
1
- import { ReactiveController, ReactiveControllerHost } from 'lit';
2
- import { HSelect } from "../select";
3
- declare type SelectControllerConstructorOptions = {
4
- host: HSelect & ReactiveControllerHost;
5
- };
6
- export declare class SelectController implements ReactiveController {
7
- #private;
8
- constructor({ host }: SelectControllerConstructorOptions);
9
- hostConnected(): void;
10
- }
11
- export {};
@@ -1,14 +0,0 @@
1
- var _SelectController_host;
2
- import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
3
- import 'lit';
4
- import '@phoenixRoot/components/select/select';
5
- export class SelectController {
6
- constructor({ host }) {
7
- _SelectController_host.set(this, void 0);
8
- __classPrivateFieldSet(this, _SelectController_host, host, "f");
9
- __classPrivateFieldGet(this, _SelectController_host, "f").addController(this);
10
- }
11
- hostConnected() { }
12
- }
13
- _SelectController_host = new WeakMap();
14
- //# sourceMappingURL=select_controler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select_controler.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/controlers/select_controler.ts"],"names":[],"mappings":";;AAAA,OAA2D,KAAK,CAAC;AACjE,OAAwB,uCAAuC,CAAC;AAMhE,MAAM,OAAO,gBAAgB;IAGzB,YAAY,EAAE,IAAI,EAAsC;QAFxD,yCAAwC;QAGpC,uBAAA,IAAI,0BAAS,IAAI,MAAA,CAAC;QAElB,uBAAA,IAAI,8BAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAEM,aAAa,KAAI,CAAC;CAC5B"}
@@ -1,2 +0,0 @@
1
- export declare class SelectOption {
2
- }
@@ -1,3 +0,0 @@
1
- export class SelectOption {
2
- }
3
- //# sourceMappingURL=option.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"option.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/model/option.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;CAAG"}
@@ -1,12 +0,0 @@
1
- import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- import { TemplateResult } from 'lit-html';
3
- export interface ISelectController {
4
- }
5
- export declare class HSelect extends PhoenixLightLitElement {
6
- private _selectController;
7
- private _options;
8
- watchChildrenRendered: boolean;
9
- connectedCallback(): void;
10
- allChildrenRendered(): void;
11
- protected render(): TemplateResult | undefined;
12
- }
@@ -1,62 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
3
- import { html } from 'lit-html';
4
- import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
5
- import { SelectController } from '@phoenixRoot/components/select/controlers/select_controler';
6
- import '@phoenixRoot/components/select/components/select_option';
7
- import { property } from '@lit/reactive-element/decorators.js';
8
- let HSelect = class HSelect extends PhoenixLightLitElement {
9
- constructor() {
10
- super(...arguments);
11
- this._options = [];
12
- this.watchChildrenRendered = true;
13
- }
14
- connectedCallback() {
15
- super.connectedCallback();
16
- this._selectController = new SelectController({ host: this });
17
- }
18
- allChildrenRendered() {
19
- console.log('all options connected');
20
- const options = Array.from(this.querySelectorAll('h-select-option')).map((option) => {
21
- return {
22
- value: option.value,
23
- disabled: option.disabled,
24
- hidden: option.hidden
25
- };
26
- });
27
- console.log('options', options);
28
- // this._options = options;
29
- }
30
- render() {
31
- console.log('this._options.length', this.hasSlot('content'), this._options.length);
32
- if (!this.hasSlot('content') && !this._options.length)
33
- return;
34
- return html `
35
- <h-dropdown name="dropdown-1" >
36
- <h-dropdown-toggler name="dropdown-1">
37
- select toggler
38
- </h-dropdown-toggler>
39
-
40
- <h-dropdown-content name="dropdown-1"">
41
- ${this._options.length &&
42
- html `
43
- <h-select-options>
44
- ${this._options.map((option) => html `<h-select-option value=${option.value}>${option.value}</h-select-option>`)}
45
- </h-select-options>
46
- `}
47
-
48
- ${this.hasSlot('content') && this.getSlot('content')}
49
- </h-dropdown-content>
50
- </h-dropdown>
51
- `;
52
- }
53
- };
54
- __decorate([
55
- property({ type: Array }),
56
- __metadata("design:type", Array)
57
- ], HSelect.prototype, "_options", void 0);
58
- HSelect = __decorate([
59
- phoenixCustomElement('h-select')
60
- ], HSelect);
61
- export { HSelect };
62
- //# sourceMappingURL=select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAA8B,yDAAyD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAK/D,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAAnD;;QAIY,aAAQ,GAAU,EAAE,CAAC;QAEtB,0BAAqB,GAAG,IAAI,CAAC;IA8CxC,CAAC;IA7CU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;IAEM,mBAAmB;QACtB,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAgB,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC/F,OAAO;gBACH,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,MAAM,EAAE,MAAM,CAAC,MAAM;aACxB,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAChC,2BAA2B;IAC/B,CAAC;IAES,MAAM;QACZ,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnF,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO;QAE9D,OAAO,IAAI,CAAA;;;;;;;sBAQK,IAAI,CAAC,QAAQ,CAAC,MAAM;YACpB,IAAI,CAAA;;kCAEM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA,0BAA0B,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,oBAAoB,CAAC;;yBAG3H;;sBAEE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;;;SAG/D,CAAC;IACN,CAAC;CACJ,CAAA;AAhDG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;yCACG;AAJpB,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CAoDnB;SApDY,OAAO"}