@shoper/phoenix_design_system 0.22.2-2 → 0.22.3

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 (101) hide show
  1. package/build/cjs/{external → packages/phoenix/external}/classnames/index.js +16 -10
  2. package/build/cjs/{external → packages/phoenix/external}/classnames/index.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
  4. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +32 -23
  6. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -4
  8. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
  10. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  12. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  14. package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
  15. package/build/cjs/packages/phoenix/src/components/form/input/input.js.map +1 -1
  16. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js +1 -1
  17. package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  18. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js +1 -1
  19. package/build/cjs/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  20. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  21. package/build/cjs/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  22. package/build/cjs/packages/phoenix/src/components/slider/slider.js +2 -2
  23. package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  24. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +13 -47
  25. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  26. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +4 -10
  27. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +1 -1
  28. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js +1 -3
  29. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map +1 -1
  30. package/build/cjs/packages/phoenix/src/index.js +0 -23
  31. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  32. package/build/cjs/packages/utilities/build/esm/json_utils.js +25 -0
  33. package/build/{esm/packages/phoenix/src/components/tabs/tab_panel.js.map → cjs/packages/utilities/build/esm/json_utils.js.map} +1 -1
  34. package/build/cjs/packages/utilities/build/esm/web_components_utils.js +18 -0
  35. package/build/cjs/packages/{phoenix/src/components/tabs/tabs_constants.js.map → utilities/build/esm/web_components_utils.js.map} +1 -1
  36. package/build/esm/{external → packages/phoenix/external}/classnames/index.js +16 -10
  37. package/build/esm/{external → packages/phoenix/external}/classnames/index.js.map +1 -1
  38. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
  39. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  40. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +5 -0
  41. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +32 -23
  42. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  43. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +1 -4
  44. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
  45. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js +1 -1
  46. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js +1 -1
  47. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox.js.map +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js +1 -1
  49. package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js.map +1 -1
  50. package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
  51. package/build/esm/packages/phoenix/src/components/form/input/input.js.map +1 -1
  52. package/build/esm/packages/phoenix/src/components/form/radio/radio.js +1 -1
  53. package/build/esm/packages/phoenix/src/components/form/radio/radio.js.map +1 -1
  54. package/build/esm/packages/phoenix/src/components/form/switch/switch.js +1 -1
  55. package/build/esm/packages/phoenix/src/components/form/switch/switch.js.map +1 -1
  56. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js +1 -1
  57. package/build/esm/packages/phoenix/src/components/form/textarea/textarea.js.map +1 -1
  58. package/build/esm/packages/phoenix/src/components/slider/slider.js +1 -1
  59. package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +1 -1
  60. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts +1 -8
  61. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +13 -47
  62. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  63. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.d.ts +0 -1
  64. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js +1 -7
  65. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js.map +1 -1
  66. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.d.ts +1 -2
  67. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js +1 -3
  68. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js.map +1 -1
  69. package/build/esm/packages/phoenix/src/index.d.ts +0 -4
  70. package/build/esm/packages/phoenix/src/index.js +0 -4
  71. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  72. package/build/esm/packages/utilities/build/esm/json_utils.js +21 -0
  73. package/build/esm/packages/utilities/build/esm/json_utils.js.map +1 -0
  74. package/build/esm/packages/utilities/build/esm/web_components_utils.js +14 -0
  75. package/build/{cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js.map → esm/packages/utilities/build/esm/web_components_utils.js.map} +1 -1
  76. package/package.json +1 -1
  77. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +0 -74
  78. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js.map +0 -1
  79. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab_constants.js +0 -12
  80. package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js +0 -31
  81. package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js.map +0 -1
  82. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +0 -108
  83. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +0 -1
  84. package/build/cjs/packages/phoenix/src/components/tabs/tabs_constants.js +0 -10
  85. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts +0 -14
  86. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +0 -72
  87. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js.map +0 -1
  88. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.d.ts +0 -4
  89. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js +0 -7
  90. package/build/esm/packages/phoenix/src/components/tabs/tab/tab_constants.js.map +0 -1
  91. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts +0 -8
  92. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js +0 -29
  93. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +0 -16
  94. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +0 -106
  95. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +0 -1
  96. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.d.ts +0 -3
  97. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js +0 -6
  98. package/build/esm/packages/phoenix/src/components/tabs/tabs_constants.js.map +0 -1
  99. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +0 -4
  100. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js +0 -2
  101. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.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;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;"}
@@ -15,6 +15,13 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
15
15
  constructor() {
16
16
  super();
17
17
  this.transitionName = 'accordion-toggle';
18
+ this._setStylingOptions = () => {
19
+ this.style.setProperty('display', 'block', 'important');
20
+ this.style.height = 'auto';
21
+ this._originalHeight = `${this.getBoundingClientRect().height}px`;
22
+ this.style.display = '';
23
+ this.style.height = this._originalHeight;
24
+ };
18
25
  this._expand = () => {
19
26
  this._setHeight(this._originalHeight);
20
27
  };
@@ -29,12 +36,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
29
36
  this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
30
37
  this._setStylingOptions();
31
38
  this._subscribeObserver();
32
- }
33
- _setStylingOptions() {
34
- this.style.setProperty('display', 'block', 'important');
35
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
36
- this.style.display = '';
37
- this.style.height = this._originalHeight;
39
+ window.addEventListener('resize', this._setStylingOptions);
38
40
  }
39
41
  async _subscribeObserver() {
40
42
  this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
@@ -54,6 +56,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
54
56
  disconnectedCallback() {
55
57
  super.disconnectedCallback();
56
58
  this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
59
+ window.removeEventListener('resize', this._setStylingOptions);
57
60
  }
58
61
  };
59
62
  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;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;"}
@@ -3,14 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ require('lit');
6
7
  var decorators = require('lit/decorators');
7
- var utilities = require('@dreamcommerce/utilities');
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 portal_constants = require('../portal/portal_constants.js');
11
11
  var litHtml = require('lit-html');
12
12
  var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
13
13
  var decorators_js = require('@lit/reactive-element/decorators.js');
14
+ var ref_js = require('lit-html/directives/ref.js');
14
15
  var global_constants = require('../../global_constants.js');
15
16
  var dropdown_constants = require('./dropdown_constants.js');
16
17
  var relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
@@ -29,7 +30,10 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
29
30
  this.transition = 'direction';
30
31
  this.portalTarget = dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME;
31
32
  this._backdropController = new backdrop_controller.BackdropController();
33
+ this._firstFocusableElement = undefined;
32
34
  this._lastFocusableElement = undefined;
35
+ this._focusSentinelStart = ref_js.createRef();
36
+ this._focusSentinelEnd = ref_js.createRef();
33
37
  this._handleClickOutside = async (target) => {
34
38
  var _a, _b;
35
39
  if (!this.opened)
@@ -55,13 +59,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
55
59
  }, 0);
56
60
  const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
57
61
  setTimeout(() => {
58
- var _a, _b, _c;
62
+ var _a, _b;
59
63
  this._dispatchShowDropdownEvent();
60
64
  (_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`);
61
65
  this._toggleScroll();
62
- if (!this._lastFocusableElement)
63
- this._lastFocusableElement = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.lastElementChild;
64
- this._focusOnNextSibling((_c = this.$dropdownContent) === null || _c === void 0 ? void 0 : _c.firstElementChild);
66
+ (_b = this._firstFocusableElement) === null || _b === void 0 ? void 0 : _b.focus();
65
67
  resolve();
66
68
  }, transitionDuration);
67
69
  });
@@ -135,16 +137,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
135
137
  this._handleFocusWithinDropdown = async (ev) => {
136
138
  var _a;
137
139
  const hasTabBeenPressed = ev.key.toLowerCase() === 'tab';
138
- if (hasTabBeenPressed && document.activeElement === this._lastFocusableElement) {
139
- ev.preventDefault();
140
- this._focusOnNextSibling(this.nextElementSibling || this);
141
- await this._hideDropdownsSequentially();
142
- }
143
- const $firstFocusableElement = this.$dropdownContent && utilities.UiDomUtils.getFocusableElement(this.$dropdownContent);
144
- if (hasTabBeenPressed && ev.shiftKey && document.activeElement === $firstFocusableElement) {
145
- ev.preventDefault();
146
- (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.focus();
147
- await this._hideDropdownsSequentially();
140
+ if (hasTabBeenPressed) {
141
+ if (ev.shiftKey) {
142
+ if (document.activeElement === this._firstFocusableElement) {
143
+ (_a = this._lastFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
144
+ ev.preventDefault();
145
+ }
146
+ }
147
+ else if (document.activeElement === this._lastFocusableElement) {
148
+ ev.preventDefault();
149
+ this._focusOnNextSibling(this);
150
+ await this._hideDropdownsSequentially();
151
+ }
148
152
  }
149
153
  };
150
154
  this._hoverToggle = async (ev) => {
@@ -203,6 +207,11 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
203
207
  this._setupListeners();
204
208
  this._setupInitialDropdownProperties();
205
209
  }
210
+ firstUpdated(props) {
211
+ super.firstUpdated(props);
212
+ this._firstFocusableElement = this._focusSentinelStart.value;
213
+ this._lastFocusableElement = this._focusSentinelEnd.value;
214
+ }
206
215
  static _appendDropdownPortal() {
207
216
  const $dropdownPortalTarget = document.querySelector(`[name="${dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME}"]`);
208
217
  if (!$dropdownPortalTarget) {
@@ -249,12 +258,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
249
258
  el.focus();
250
259
  if (el === document.activeElement)
251
260
  return;
252
- if (el.firstElementChild) {
253
- this._focusOnNextSibling(el.firstElementChild);
254
- return;
255
- }
256
- if (el.nextElementSibling)
257
- this._focusOnNextSibling(el.nextElementSibling);
261
+ this._focusOnNextSibling(el.nextElementSibling);
258
262
  }
259
263
  _isHoveredWithinDropdown(element) {
260
264
  var _a;
@@ -262,8 +266,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
262
266
  return true;
263
267
  if (element === this.$dropdownContent)
264
268
  return true;
265
- const isDescendantOfDropdown = element.closest(`${dropdown_constants.DROPDOWN_CONTAINER_NAME}[name="${this.name}"]`) !== null ||
266
- element.closest(`${dropdown_constants.DROPDOWN_CONTENT_NAME}[name="${this.name}"]`) !== null;
269
+ const isDescendantOfDropdown = element.closest(`${dropdown_constants.DROPDOWN_CONTAINER_NAME}[name="${this.name}"]`) !== null;
267
270
  if (isDescendantOfDropdown)
268
271
  return true;
269
272
  const $closestDropdownContent = element.closest(dropdown_constants.DROPDOWN_CONTENT_NAME);
@@ -300,7 +303,9 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
300
303
  return litHtml.html `
301
304
  ${this.getSlot('toggler')}
302
305
  <h-portal ?disabled="${!this.opened}" @portal.open="${this._positionDropdownContent}" to="${this.portalTarget}" hidden>
306
+ <div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
303
307
  ${this.getSlot('content')}
308
+ <div tabindex="0" ${ref_js.ref(this._focusSentinelEnd)}></div>
304
309
  </h-portal>
305
310
  `;
306
311
  }
@@ -329,6 +334,10 @@ tslib_es6.__decorate([
329
334
  decorators_js.property({ type: String }),
330
335
  tslib_es6.__metadata("design:type", Object)
331
336
  ], exports.HDropdown.prototype, "portalTarget", void 0);
337
+ tslib_es6.__decorate([
338
+ decorators.state(),
339
+ tslib_es6.__metadata("design:type", Object)
340
+ ], exports.HDropdown.prototype, "_firstFocusableElement", void 0);
332
341
  tslib_es6.__decorate([
333
342
  decorators.state(),
334
343
  tslib_es6.__metadata("design:type", Object)
@@ -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,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;"}
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;"}
@@ -22,10 +22,7 @@ exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_elem
22
22
  }
23
23
  render() {
24
24
  super.render();
25
- return lit.html `
26
- <div role="dialog">${this.getSlot('content')}</div>
27
- <div tabindex="0" aria-hidden="true"></div>
28
- `;
25
+ return lit.html ` <div role="dialog">${this.getSlot('content')}</div> `;
29
26
  }
30
27
  };
31
28
  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;"}
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;"}
@@ -18,7 +18,7 @@ exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_elem
18
18
  this._dispatchToggleDropdownEvent = (ev) => {
19
19
  ev.preventDefault();
20
20
  ev.stopImmediatePropagation();
21
- const toggleDropdownEvent = new CustomEvent(dropdown_constants.DROPDOWN_EVENTS.toggle, {
21
+ const toggleDropdownEvent = new Event(dropdown_constants.DROPDOWN_EVENTS.toggle, {
22
22
  bubbles: true
23
23
  });
24
24
  this.dispatchEvent(toggleDropdownEvent);
@@ -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;"}
@@ -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;"}
@@ -4,7 +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
+ var json_utils = require('../../../../utilities/build/esm/json_utils.js');
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 splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
@@ -25,7 +25,7 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
25
25
  connectedCallback() {
26
26
  var _a;
27
27
  if (this.settings) {
28
- this._settings = (_a = utilities.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
28
+ this._settings = (_a = json_utils.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
29
29
  }
30
30
  this._slider = new splide_esm.Splide(`#${this.id}`, this._settings);
31
31
  if (this._settings.mountOnConnectedCallback) {
@@ -20,7 +20,7 @@ class VisibilityController {
20
20
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
21
21
  }
22
22
  _setVisibilityValue() {
23
- const isVisible = this._isVisibleBasedOnCssStyle() && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
23
+ const isVisible = this._isVisibleBasedOnCssStyle();
24
24
  isVisible ? this.show() : this.hide();
25
25
  }
26
26
  _isVisibleBasedOnCssStyle() {
@@ -13,71 +13,41 @@ class PhoenixLightLitElement extends lit.LitElement {
13
13
  super(...arguments);
14
14
  this._slots = {};
15
15
  this.isWebComponentConnected = false;
16
- this.isWebComponentRendered = false;
17
- this._childrenForConnectionToWatch = [];
18
- this._childrenForRenderToWatch = [];
19
16
  this._handleComponentConnected = ({ detail }) => {
20
17
  const connectedElement = detail.$el.tagName.toLowerCase();
21
- if (this._childrenForConnectionToWatch.includes(connectedElement)) {
22
- const elToRemoveIndex = this._childrenForConnectionToWatch.findIndex((tagName) => tagName === connectedElement);
23
- this._childrenForConnectionToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
18
+ if (this.childrenToWatch.includes(connectedElement)) {
19
+ const elToRemoveIndex = this.childrenToWatch.findIndex((tagName) => tagName === connectedElement);
20
+ this.childrenToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
24
21
  }
25
- if (!this._childrenForConnectionToWatch.length) {
22
+ if (!this.childrenToWatch.length) {
26
23
  this.allChildrenConnected();
27
24
  this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
28
25
  }
29
26
  };
30
- this._handleComponentRendered = ({ detail }) => {
31
- const renderedElement = detail.$el.tagName.toLowerCase();
32
- if (this._childrenForRenderToWatch.includes(renderedElement)) {
33
- const elToRemoveIndex = this._childrenForRenderToWatch.findIndex((tagName) => tagName === renderedElement);
34
- this._childrenForRenderToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
35
- }
36
- if (!this._childrenForRenderToWatch.length) {
37
- this.allChildrenRendered();
38
- this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentConnected);
39
- }
40
- };
41
- this._dispatchLifecycleEvent = (eventName) => {
42
- this.dispatchEvent(new CustomEvent(eventName, {
43
- detail: {
44
- $el: this
45
- },
46
- bubbles: true
47
- }));
48
- };
49
27
  }
50
28
  firstUpdated(props) {
51
29
  super.firstUpdated(props);
52
30
  this._slots = this._assignSlots();
53
31
  this.requestUpdate();
54
- this._dispatchLifecycleEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
55
- this.isWebComponentRendered = true;
56
32
  }
57
33
  _setupChildrenWatch() {
58
- this._childrenForConnectionToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForConnectionToWatch();
59
- this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
60
- if (!this._childrenForConnectionToWatch.length)
61
- this.allChildrenConnected();
62
- if (!this._childrenForRenderToWatch.length)
63
- this.allChildrenRendered();
34
+ this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
64
35
  this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
65
- this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
66
36
  }
67
- _getComponentsNamesForConnectionToWatch() {
37
+ _getComponentsNamesToWatch() {
68
38
  return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
69
39
  }
70
- _getComponentsNamesForRenderedToWatch() {
71
- return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForRender([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
72
- }
73
40
  connectedCallback() {
74
41
  super.connectedCallback();
75
- this._dispatchLifecycleEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected);
76
- this.isWebComponentConnected = true;
42
+ this.dispatchEvent(new CustomEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, {
43
+ detail: {
44
+ $el: this
45
+ },
46
+ bubbles: true
47
+ }));
77
48
  this._setupChildrenWatch();
78
49
  }
79
50
  allChildrenConnected() { }
80
- allChildrenRendered() { }
81
51
  _assignSlots() {
82
52
  return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
83
53
  var _a;
@@ -110,11 +80,7 @@ tslib_es6.__decorate([
110
80
  tslib_es6.__decorate([
111
81
  decorators.property({ type: Boolean }),
112
82
  tslib_es6.__metadata("design:type", Object)
113
- ], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
114
- tslib_es6.__decorate([
115
- decorators.property({ type: Boolean }),
116
- tslib_es6.__metadata("design:type", Object)
117
- ], PhoenixLightLitElement.prototype, "isWebComponentRendered", void 0);
83
+ ], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
118
84
 
119
85
  exports.PhoenixLightLitElement = PhoenixLightLitElement;
120
86
  //# sourceMappingURL=phoenix_light_lit_element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,21 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var utilities = require('@dreamcommerce/utilities');
5
+ var web_components_utils = require('../../../../utilities/build/esm/web_components_utils.js');
6
6
 
7
7
  class PhoenixLightLitElementUtils {
8
8
  static getComponentsForWhichToWaitForConnection(components) {
9
- return components.filter(($element) => (utilities.WebComponentsUtils.isWebComponent($element) && !utilities.WebComponentsUtils.isWebComponentDefined($element)) ||
10
- (utilities.WebComponentsUtils.isWebComponent($element) &&
11
- utilities.WebComponentsUtils.isWebComponentDefined($element) &&
9
+ return components.filter(($element) => (web_components_utils.WebComponentsUtils.isWebComponent($element) && !web_components_utils.WebComponentsUtils.isWebComponentDefined($element)) ||
10
+ (web_components_utils.WebComponentsUtils.isWebComponent($element) &&
11
+ web_components_utils.WebComponentsUtils.isWebComponentDefined($element) &&
12
12
  !$element.isWebComponentConnected));
13
13
  }
14
- static getComponentsForWhichToWaitForRender(components) {
15
- return components.filter(($element) => (utilities.WebComponentsUtils.isWebComponent($element) && !utilities.WebComponentsUtils.isWebComponentDefined($element)) ||
16
- (utilities.WebComponentsUtils.isWebComponent($element) &&
17
- utilities.WebComponentsUtils.isWebComponentDefined($element) &&
18
- !$element.isWebComponentRendered));
19
- }
20
14
  }
21
15
 
22
16
  exports.PhoenixLightLitElementUtils = PhoenixLightLitElementUtils;
@@ -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;"}
@@ -3,10 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const DEFAULT_SLOT_NAME = 'default';
6
- const eventPrefix = 'PhoenixLightLitElement';
7
6
  const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
8
- connected: `${eventPrefix}.connected`,
9
- rendered: `${eventPrefix}.rendered`
7
+ connected: 'connected'
10
8
  };
11
9
 
12
10
  exports.DEFAULT_SLOT_NAME = DEFAULT_SLOT_NAME;
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -62,10 +62,6 @@ var click_outside_controller_messages = require('./controllers/click_outside_con
62
62
  var backdrop = require('./components/backdrop/backdrop.js');
63
63
  var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
64
64
  var slider = require('./components/slider/slider.js');
65
- var tab = require('./components/tabs/tab/tab.js');
66
- var tab_panel = require('./components/tabs/tab_panel.js');
67
- var tabs_constants = require('./components/tabs/tabs_constants.js');
68
- var tabs = require('./components/tabs/tabs.js');
69
65
  var scroll_to = require('./components/scroll_to/scroll_to.js');
70
66
 
71
67
 
@@ -349,25 +345,6 @@ Object.defineProperty(exports, 'HSlider', {
349
345
  return slider.HSlider;
350
346
  }
351
347
  });
352
- Object.defineProperty(exports, 'HTab', {
353
- enumerable: true,
354
- get: function () {
355
- return tab.HTab;
356
- }
357
- });
358
- Object.defineProperty(exports, 'HTabPanel', {
359
- enumerable: true,
360
- get: function () {
361
- return tab_panel.HTabPanel;
362
- }
363
- });
364
- exports.TABS_EVENT_NAMES = tabs_constants.TABS_EVENT_NAMES;
365
- Object.defineProperty(exports, 'HTabs', {
366
- enumerable: true,
367
- get: function () {
368
- return tabs.HTabs;
369
- }
370
- });
371
348
  Object.defineProperty(exports, 'HScrollTo', {
372
349
  enumerable: true,
373
350
  get: function () {
@@ -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;"}
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;"}