@shoper/phoenix_design_system 1.18.8-4 → 1.18.8-6

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 (34) hide show
  1. package/build/cjs/packages/phoenix/src/components/details/details.js +71 -0
  2. package/build/cjs/packages/phoenix/src/components/details/details.js.map +1 -0
  3. package/build/cjs/packages/phoenix/src/components/details/details_constants.js +19 -0
  4. package/build/cjs/packages/phoenix/src/components/details/details_constants.js.map +1 -0
  5. package/build/cjs/packages/phoenix/src/components/details/details_content.js +23 -0
  6. package/build/cjs/packages/phoenix/src/components/details/details_content.js.map +1 -0
  7. package/build/cjs/packages/phoenix/src/components/details/details_toggler.js +63 -0
  8. package/build/cjs/packages/phoenix/src/components/details/details_toggler.js.map +1 -0
  9. package/build/cjs/packages/phoenix/src/components/form/select/select.js +3 -37
  10. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/index.js +25 -0
  12. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/details/details.d.ts +12 -0
  14. package/build/esm/packages/phoenix/src/components/details/details.js +69 -0
  15. package/build/esm/packages/phoenix/src/components/details/details.js.map +1 -0
  16. package/build/esm/packages/phoenix/src/components/details/details_constants.d.ts +10 -0
  17. package/build/esm/packages/phoenix/src/components/details/details_constants.js +13 -0
  18. package/build/esm/packages/phoenix/src/components/details/details_constants.js.map +1 -0
  19. package/build/esm/packages/phoenix/src/components/details/details_content.d.ts +6 -0
  20. package/build/esm/packages/phoenix/src/components/details/details_content.js +21 -0
  21. package/build/esm/packages/phoenix/src/components/details/details_content.js.map +1 -0
  22. package/build/esm/packages/phoenix/src/components/details/details_toggler.d.ts +11 -0
  23. package/build/esm/packages/phoenix/src/components/details/details_toggler.js +61 -0
  24. package/build/esm/packages/phoenix/src/components/details/details_toggler.js.map +1 -0
  25. package/build/esm/packages/phoenix/src/components/details/details_types.d.ts +6 -0
  26. package/build/esm/packages/phoenix/src/components/details/details_types.js +2 -0
  27. package/build/esm/packages/phoenix/src/components/details/details_types.js.map +1 -0
  28. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -3
  29. package/build/esm/packages/phoenix/src/components/form/select/select.js +3 -37
  30. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  31. package/build/esm/packages/phoenix/src/index.d.ts +4 -0
  32. package/build/esm/packages/phoenix/src/index.js +4 -0
  33. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  34. package/package.json +1 -1
@@ -0,0 +1,71 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var lit = require('lit');
7
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var details_constants = require('./details_constants.js');
10
+
11
+ exports.HDetails = class HDetails extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ constructor() {
13
+ super(...arguments);
14
+ this.$summary = null;
15
+ this._summaryClickHandler = (ev) => {
16
+ ev.preventDefault();
17
+ const $summary = ev.currentTarget;
18
+ const $details = $summary.parentNode;
19
+ if ($details.hasAttribute('open')) {
20
+ this._close($details);
21
+ }
22
+ else {
23
+ this._open($details);
24
+ }
25
+ };
26
+ }
27
+ connectedCallback() {
28
+ var _a;
29
+ super.connectedCallback();
30
+ this.$summary = this.querySelector('summary');
31
+ (_a = this.$summary) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this._summaryClickHandler);
32
+ }
33
+ disconnectedCallback() {
34
+ var _a;
35
+ super.disconnectedCallback();
36
+ (_a = this.$summary) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this._summaryClickHandler);
37
+ }
38
+ _open(details) {
39
+ details.setAttribute('open', '');
40
+ requestAnimationFrame(() => {
41
+ details.classList.add(details_constants.DETAILS_CSS_CLASSES.isOpen);
42
+ });
43
+ this._dispatchToggle(details, true);
44
+ }
45
+ _close(details) {
46
+ details.classList.remove(details_constants.DETAILS_CSS_CLASSES.isOpen);
47
+ setTimeout(() => {
48
+ details.removeAttribute('open');
49
+ }, details_constants.DETAILS_TRANSITION_DURATION);
50
+ this._dispatchToggle(details, false);
51
+ }
52
+ _dispatchToggle(details, open) {
53
+ this.emitCustomEvent(details_constants.DETAILS_EVENTS.toggle, {
54
+ detail: { open, target: details }
55
+ });
56
+ }
57
+ render() {
58
+ return lit.html `
59
+ <details class="smooth-details">
60
+ ${this.getSlot('toggler')}
61
+ <summary>Click to expand</summary>
62
+
63
+ ${this.getSlot('content')}
64
+ </details>
65
+ `;
66
+ }
67
+ };
68
+ exports.HDetails = tslib_es6.__decorate([
69
+ phoenix_custom_element.phoenixCustomElement('h-details')
70
+ ], exports.HDetails);
71
+ //# sourceMappingURL=details.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const DETAILS_EVENTS = {
6
+ toggle: 'toggle'
7
+ };
8
+ const DETAILS_CSS_CLASSES = {
9
+ smoothDetails: 'smooth-details',
10
+ isOpen: 'is-open',
11
+ contentWrapper: 'content-wrapper',
12
+ content: 'content'
13
+ };
14
+ const DETAILS_TRANSITION_DURATION = 400;
15
+
16
+ exports.DETAILS_CSS_CLASSES = DETAILS_CSS_CLASSES;
17
+ exports.DETAILS_EVENTS = DETAILS_EVENTS;
18
+ exports.DETAILS_TRANSITION_DURATION = DETAILS_TRANSITION_DURATION;
19
+ //# sourceMappingURL=details_constants.js.map
@@ -0,0 +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;"}
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
8
+
9
+ exports.HDetailsContent = class HDetailsContent extends phoenix_light_lit_element.PhoenixLightLitElement {
10
+ constructor() {
11
+ super();
12
+ this.slot = this.hasAttribute('slot') ? this.slot : 'content';
13
+ }
14
+ connectedCallback() {
15
+ super.connectedCallback();
16
+ this.classList.add('content-wrapper');
17
+ }
18
+ };
19
+ exports.HDetailsContent = tslib_es6.__decorate([
20
+ phoenix_custom_element.phoenixCustomElement('h-details-content'),
21
+ tslib_es6.__metadata("design:paramtypes", [])
22
+ ], exports.HDetailsContent);
23
+ //# sourceMappingURL=details_content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,63 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var lit = require('lit');
7
+ var decorators = require('lit/decorators');
8
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
10
+
11
+ exports.HDetailsToggler = class HDetailsToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ constructor() {
13
+ super();
14
+ this._dynamicNodes = [];
15
+ this._nodeObserver = null;
16
+ this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
17
+ }
18
+ connectedCallback() {
19
+ super.connectedCallback();
20
+ this.captureNewNodes();
21
+ this._nodeObserver = new MutationObserver((mutations) => {
22
+ let shouldUpdate = false;
23
+ for (const mutation of mutations) {
24
+ for (const node of mutation.addedNodes) {
25
+ if (node.nodeName.toLowerCase() !== 'summary') {
26
+ shouldUpdate = true;
27
+ }
28
+ }
29
+ }
30
+ if (shouldUpdate) {
31
+ this.captureNewNodes();
32
+ }
33
+ });
34
+ this._nodeObserver.observe(this, { childList: true });
35
+ }
36
+ disconnectedCallback() {
37
+ var _a;
38
+ super.disconnectedCallback();
39
+ (_a = this._nodeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
40
+ }
41
+ captureNewNodes() {
42
+ const incomingNodes = Array.from(this.childNodes).filter((node) => node.nodeName.toLowerCase() !== 'summary');
43
+ if (incomingNodes.length > 0) {
44
+ this._dynamicNodes = [...this._dynamicNodes, ...incomingNodes];
45
+ }
46
+ }
47
+ render() {
48
+ return lit.html `
49
+ <summary>
50
+ ${this._dynamicNodes}
51
+ </summary>
52
+ `;
53
+ }
54
+ };
55
+ tslib_es6.__decorate([
56
+ decorators.state(),
57
+ tslib_es6.__metadata("design:type", Array)
58
+ ], exports.HDetailsToggler.prototype, "_dynamicNodes", void 0);
59
+ exports.HDetailsToggler = tslib_es6.__decorate([
60
+ phoenix_custom_element.phoenixCustomElement('h-details-toggler'),
61
+ tslib_es6.__metadata("design:paramtypes", [])
62
+ ], exports.HDetailsToggler);
63
+ //# sourceMappingURL=details_toggler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -44,7 +44,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
44
44
  this.noDeselect = false;
45
45
  this.assistiveTitleId = '';
46
46
  this.translations = {};
47
- this.isSelectedIndexReactive = false;
48
47
  this._selectOptionsId = v4['default']();
49
48
  this._searchValue = '';
50
49
  this._$options = new Map();
@@ -186,13 +185,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
186
185
  : select_utils.SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
187
186
  }
188
187
  set selectedIndex(index) {
189
- if (index === undefined)
190
- return;
191
- if (this.isSelectedIndexReactive) {
192
- this._reactiveSelectedIndexValue = index;
193
- return;
194
- }
195
- this._applySelectedIndex(index);
188
+ const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
189
+ option ? this._selectOption(option.value) : this._selectController.deselectAll();
190
+ Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
196
191
  }
197
192
  get selectedOptions() {
198
193
  var _a;
@@ -208,13 +203,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
208
203
  get options() {
209
204
  return Array.from(this._$options.values());
210
205
  }
211
- _applySelectedIndex(index) {
212
- if (!this._selectController)
213
- return;
214
- const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
215
- option ? this._selectOption(option.value) : this._selectController.deselectAll();
216
- Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
217
- }
218
206
  updated(changedProperties) {
219
207
  var _a, _b;
220
208
  super.updated(changedProperties);
@@ -229,12 +217,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
229
217
  }
230
218
  if (changedProperties.has('optionsList')) {
231
219
  this._updateOptions();
232
- if (this.isSelectedIndexReactive && this._reactiveSelectedIndexValue !== undefined) {
233
- const actualIndex = this.selectedIndex;
234
- if (this._reactiveSelectedIndexValue !== actualIndex) {
235
- this._reactiveSelectedIndexValue = actualIndex === -1 ? undefined : actualIndex;
236
- }
237
- }
238
220
  }
239
221
  if (this._$optionsList.value) {
240
222
  (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -254,14 +236,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
254
236
  $list: this._$optionsList.value
255
237
  });
256
238
  }
257
- if (this.isSelectedIndexReactive &&
258
- changedProperties.has('_reactiveSelectedIndexValue') &&
259
- this._reactiveSelectedIndexValue !== undefined) {
260
- const currentIndex = this.selectedIndex;
261
- if (this._reactiveSelectedIndexValue !== currentIndex) {
262
- this._applySelectedIndex(this._reactiveSelectedIndexValue);
263
- }
264
- }
265
239
  }
266
240
  _focusElementAfterSelectOpened() {
267
241
  var _a;
@@ -555,14 +529,6 @@ tslib_es6.__decorate([
555
529
  }),
556
530
  tslib_es6.__metadata("design:type", Object)
557
531
  ], exports.HSelect.prototype, "translations", void 0);
558
- tslib_es6.__decorate([
559
- decorators_js.property({ type: Boolean, attribute: 'is-selected-index-reactive' }),
560
- tslib_es6.__metadata("design:type", Boolean)
561
- ], exports.HSelect.prototype, "isSelectedIndexReactive", void 0);
562
- tslib_es6.__decorate([
563
- decorators_js.property({ type: Number, attribute: false }),
564
- tslib_es6.__metadata("design:type", Number)
565
- ], exports.HSelect.prototype, "_reactiveSelectedIndexValue", void 0);
566
532
  tslib_es6.__decorate([
567
533
  decorators.state(),
568
534
  tslib_es6.__metadata("design:type", String)
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -79,6 +79,10 @@ var accordion = require('./components/accordion/accordion.js');
79
79
  var accordion_group = require('./components/accordion/accordion_group.js');
80
80
  var accordion_content = require('./components/accordion/accordion_content.js');
81
81
  var accordion_toggler = require('./components/accordion/accordion_toggler.js');
82
+ var details_constants = require('./components/details/details_constants.js');
83
+ var details = require('./components/details/details.js');
84
+ var details_toggler = require('./components/details/details_toggler.js');
85
+ var details_content = require('./components/details/details_content.js');
82
86
  var dropdown_close = require('./components/dropdown/dropdown_close.js');
83
87
  var toggle_button_group = require('./components/groups/toggle_button_group/toggle_button_group.js');
84
88
  var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
@@ -492,6 +496,27 @@ Object.defineProperty(exports, 'HAccordionToggler', {
492
496
  return accordion_toggler.HAccordionToggler;
493
497
  }
494
498
  });
499
+ exports.DETAILS_CSS_CLASSES = details_constants.DETAILS_CSS_CLASSES;
500
+ exports.DETAILS_EVENTS = details_constants.DETAILS_EVENTS;
501
+ exports.DETAILS_TRANSITION_DURATION = details_constants.DETAILS_TRANSITION_DURATION;
502
+ Object.defineProperty(exports, 'HDetails', {
503
+ enumerable: true,
504
+ get: function () {
505
+ return details.HDetails;
506
+ }
507
+ });
508
+ Object.defineProperty(exports, 'HDetailsToggler', {
509
+ enumerable: true,
510
+ get: function () {
511
+ return details_toggler.HDetailsToggler;
512
+ }
513
+ });
514
+ Object.defineProperty(exports, 'HDetailsContent', {
515
+ enumerable: true,
516
+ get: function () {
517
+ return details_content.HDetailsContent;
518
+ }
519
+ });
495
520
  Object.defineProperty(exports, 'HDropdownClose', {
496
521
  enumerable: true,
497
522
  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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,12 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ import './details_types';
3
+ export declare class HDetails extends PhoenixLightLitElement {
4
+ private $summary;
5
+ private _summaryClickHandler;
6
+ connectedCallback(): void;
7
+ disconnectedCallback(): void;
8
+ private _open;
9
+ private _close;
10
+ private _dispatchToggle;
11
+ protected render(): unknown;
12
+ }
@@ -0,0 +1,69 @@
1
+ import { __decorate } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { html } from 'lit';
3
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
+ import { DETAILS_CSS_CLASSES, DETAILS_TRANSITION_DURATION, DETAILS_EVENTS } from './details_constants.js';
6
+
7
+ let HDetails = class HDetails extends PhoenixLightLitElement {
8
+ constructor() {
9
+ super(...arguments);
10
+ this.$summary = null;
11
+ this._summaryClickHandler = (ev) => {
12
+ ev.preventDefault();
13
+ const $summary = ev.currentTarget;
14
+ const $details = $summary.parentNode;
15
+ if ($details.hasAttribute('open')) {
16
+ this._close($details);
17
+ }
18
+ else {
19
+ this._open($details);
20
+ }
21
+ };
22
+ }
23
+ connectedCallback() {
24
+ var _a;
25
+ super.connectedCallback();
26
+ this.$summary = this.querySelector('summary');
27
+ (_a = this.$summary) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this._summaryClickHandler);
28
+ }
29
+ disconnectedCallback() {
30
+ var _a;
31
+ super.disconnectedCallback();
32
+ (_a = this.$summary) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this._summaryClickHandler);
33
+ }
34
+ _open(details) {
35
+ details.setAttribute('open', '');
36
+ requestAnimationFrame(() => {
37
+ details.classList.add(DETAILS_CSS_CLASSES.isOpen);
38
+ });
39
+ this._dispatchToggle(details, true);
40
+ }
41
+ _close(details) {
42
+ details.classList.remove(DETAILS_CSS_CLASSES.isOpen);
43
+ setTimeout(() => {
44
+ details.removeAttribute('open');
45
+ }, DETAILS_TRANSITION_DURATION);
46
+ this._dispatchToggle(details, false);
47
+ }
48
+ _dispatchToggle(details, open) {
49
+ this.emitCustomEvent(DETAILS_EVENTS.toggle, {
50
+ detail: { open, target: details }
51
+ });
52
+ }
53
+ render() {
54
+ return html `
55
+ <details class="smooth-details">
56
+ ${this.getSlot('toggler')}
57
+ <summary>Click to expand</summary>
58
+
59
+ ${this.getSlot('content')}
60
+ </details>
61
+ `;
62
+ }
63
+ };
64
+ HDetails = __decorate([
65
+ phoenixCustomElement('h-details')
66
+ ], HDetails);
67
+
68
+ export { HDetails };
69
+ //# sourceMappingURL=details.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,4CAAgD;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;"}
@@ -0,0 +1,10 @@
1
+ export declare const DETAILS_EVENTS: {
2
+ readonly toggle: "toggle";
3
+ };
4
+ export declare const DETAILS_CSS_CLASSES: {
5
+ readonly smoothDetails: "smooth-details";
6
+ readonly isOpen: "is-open";
7
+ readonly contentWrapper: "content-wrapper";
8
+ readonly content: "content";
9
+ };
10
+ export declare const DETAILS_TRANSITION_DURATION = 400;
@@ -0,0 +1,13 @@
1
+ const DETAILS_EVENTS = {
2
+ toggle: 'toggle'
3
+ };
4
+ const DETAILS_CSS_CLASSES = {
5
+ smoothDetails: 'smooth-details',
6
+ isOpen: 'is-open',
7
+ contentWrapper: 'content-wrapper',
8
+ content: 'content'
9
+ };
10
+ const DETAILS_TRANSITION_DURATION = 400;
11
+
12
+ export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION };
13
+ //# sourceMappingURL=details_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,6 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ import './details_types';
3
+ export declare class HDetailsContent extends PhoenixLightLitElement {
4
+ constructor();
5
+ connectedCallback(): void;
6
+ }
@@ -0,0 +1,21 @@
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
4
+
5
+ let HDetailsContent = class HDetailsContent extends PhoenixLightLitElement {
6
+ constructor() {
7
+ super();
8
+ this.slot = this.hasAttribute('slot') ? this.slot : 'content';
9
+ }
10
+ connectedCallback() {
11
+ super.connectedCallback();
12
+ this.classList.add('content-wrapper');
13
+ }
14
+ };
15
+ HDetailsContent = __decorate([
16
+ phoenixCustomElement('h-details-content'),
17
+ __metadata("design:paramtypes", [])
18
+ ], HDetailsContent);
19
+
20
+ export { HDetailsContent };
21
+ //# sourceMappingURL=details_content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,11 @@
1
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
+ import './details_types';
3
+ export declare class HDetailsToggler extends PhoenixLightLitElement {
4
+ private _dynamicNodes;
5
+ private _nodeObserver;
6
+ constructor();
7
+ connectedCallback(): void;
8
+ disconnectedCallback(): void;
9
+ private captureNewNodes;
10
+ protected render(): import("lit-html").TemplateResult<1>;
11
+ }
@@ -0,0 +1,61 @@
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { html } from 'lit';
3
+ import { state } from 'lit/decorators';
4
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
6
+
7
+ let HDetailsToggler = class HDetailsToggler extends PhoenixLightLitElement {
8
+ constructor() {
9
+ super();
10
+ this._dynamicNodes = [];
11
+ this._nodeObserver = null;
12
+ this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
13
+ }
14
+ connectedCallback() {
15
+ super.connectedCallback();
16
+ this.captureNewNodes();
17
+ this._nodeObserver = new MutationObserver((mutations) => {
18
+ let shouldUpdate = false;
19
+ for (const mutation of mutations) {
20
+ for (const node of mutation.addedNodes) {
21
+ if (node.nodeName.toLowerCase() !== 'summary') {
22
+ shouldUpdate = true;
23
+ }
24
+ }
25
+ }
26
+ if (shouldUpdate) {
27
+ this.captureNewNodes();
28
+ }
29
+ });
30
+ this._nodeObserver.observe(this, { childList: true });
31
+ }
32
+ disconnectedCallback() {
33
+ var _a;
34
+ super.disconnectedCallback();
35
+ (_a = this._nodeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
36
+ }
37
+ captureNewNodes() {
38
+ const incomingNodes = Array.from(this.childNodes).filter((node) => node.nodeName.toLowerCase() !== 'summary');
39
+ if (incomingNodes.length > 0) {
40
+ this._dynamicNodes = [...this._dynamicNodes, ...incomingNodes];
41
+ }
42
+ }
43
+ render() {
44
+ return html `
45
+ <summary>
46
+ ${this._dynamicNodes}
47
+ </summary>
48
+ `;
49
+ }
50
+ };
51
+ __decorate([
52
+ state(),
53
+ __metadata("design:type", Array)
54
+ ], HDetailsToggler.prototype, "_dynamicNodes", void 0);
55
+ HDetailsToggler = __decorate([
56
+ phoenixCustomElement('h-details-toggler'),
57
+ __metadata("design:paramtypes", [])
58
+ ], HDetailsToggler);
59
+
60
+ export { HDetailsToggler };
61
+ //# sourceMappingURL=details_toggler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,6 @@
1
+ import type { HDetails } from './details';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'h-details': HDetails;
5
+ }
6
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=details_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"details_types.js","sourceRoot":"","sources":["../../../../../../../src/components/details/details_types.ts"],"names":[],"mappings":""}
@@ -24,8 +24,6 @@ export declare class HSelect extends PhoenixLightLitElement {
24
24
  noDeselect: boolean;
25
25
  assistiveTitleId: string;
26
26
  translations: Record<string, string>;
27
- isSelectedIndexReactive: boolean;
28
- _reactiveSelectedIndexValue?: number;
29
27
  private _selectOptionsId;
30
28
  get selectedIndex(): number;
31
29
  set selectedIndex(index: number);
@@ -49,7 +47,6 @@ export declare class HSelect extends PhoenixLightLitElement {
49
47
  private $placeholder;
50
48
  private $searchLabel;
51
49
  constructor();
52
- private _applySelectedIndex;
53
50
  updated(changedProperties: PropertyValues): void;
54
51
  private _focusElementAfterSelectOpened;
55
52
  connectedCallback(): void;
@@ -40,7 +40,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
40
40
  this.noDeselect = false;
41
41
  this.assistiveTitleId = '';
42
42
  this.translations = {};
43
- this.isSelectedIndexReactive = false;
44
43
  this._selectOptionsId = v4();
45
44
  this._searchValue = '';
46
45
  this._$options = new Map();
@@ -182,13 +181,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
182
181
  : SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
183
182
  }
184
183
  set selectedIndex(index) {
185
- if (index === undefined)
186
- return;
187
- if (this.isSelectedIndexReactive) {
188
- this._reactiveSelectedIndexValue = index;
189
- return;
190
- }
191
- this._applySelectedIndex(index);
184
+ const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
185
+ option ? this._selectOption(option.value) : this._selectController.deselectAll();
186
+ Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
192
187
  }
193
188
  get selectedOptions() {
194
189
  var _a;
@@ -204,13 +199,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
204
199
  get options() {
205
200
  return Array.from(this._$options.values());
206
201
  }
207
- _applySelectedIndex(index) {
208
- if (!this._selectController)
209
- return;
210
- const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
211
- option ? this._selectOption(option.value) : this._selectController.deselectAll();
212
- Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
213
- }
214
202
  updated(changedProperties) {
215
203
  var _a, _b;
216
204
  super.updated(changedProperties);
@@ -225,12 +213,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
225
213
  }
226
214
  if (changedProperties.has('optionsList')) {
227
215
  this._updateOptions();
228
- if (this.isSelectedIndexReactive && this._reactiveSelectedIndexValue !== undefined) {
229
- const actualIndex = this.selectedIndex;
230
- if (this._reactiveSelectedIndexValue !== actualIndex) {
231
- this._reactiveSelectedIndexValue = actualIndex === -1 ? undefined : actualIndex;
232
- }
233
- }
234
216
  }
235
217
  if (this._$optionsList.value) {
236
218
  (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -250,14 +232,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
250
232
  $list: this._$optionsList.value
251
233
  });
252
234
  }
253
- if (this.isSelectedIndexReactive &&
254
- changedProperties.has('_reactiveSelectedIndexValue') &&
255
- this._reactiveSelectedIndexValue !== undefined) {
256
- const currentIndex = this.selectedIndex;
257
- if (this._reactiveSelectedIndexValue !== currentIndex) {
258
- this._applySelectedIndex(this._reactiveSelectedIndexValue);
259
- }
260
- }
261
235
  }
262
236
  _focusElementAfterSelectOpened() {
263
237
  var _a;
@@ -551,14 +525,6 @@ __decorate([
551
525
  }),
552
526
  __metadata("design:type", Object)
553
527
  ], HSelect.prototype, "translations", void 0);
554
- __decorate([
555
- property({ type: Boolean, attribute: 'is-selected-index-reactive' }),
556
- __metadata("design:type", Boolean)
557
- ], HSelect.prototype, "isSelectedIndexReactive", void 0);
558
- __decorate([
559
- property({ type: Number, attribute: false }),
560
- __metadata("design:type", Number)
561
- ], HSelect.prototype, "_reactiveSelectedIndexValue", void 0);
562
528
  __decorate([
563
529
  state(),
564
530
  __metadata("design:type", String)
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -71,6 +71,10 @@ export { HAccordionGroup } from './components/accordion/accordion_group';
71
71
  export { HAccordionToggler } from './components/accordion/accordion_toggler';
72
72
  export { HAccordionContent } from './components/accordion/accordion_content';
73
73
  export * from './components/accordion/accordion_constants';
74
+ export { HDetails } from './components/details/details';
75
+ export { HDetailsToggler } from './components/details/details_toggler';
76
+ export { HDetailsContent } from './components/details/details_content';
77
+ export * from './components/details/details_constants';
74
78
  export { BtnController } from './controllers/btn_controller/btn_controller';
75
79
  export { HDropdown } from './components/dropdown/dropdown';
76
80
  export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
@@ -75,6 +75,10 @@ export { HAccordion } from './components/accordion/accordion.js';
75
75
  export { HAccordionGroup } from './components/accordion/accordion_group.js';
76
76
  export { HAccordionContent } from './components/accordion/accordion_content.js';
77
77
  export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
78
+ export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION } from './components/details/details_constants.js';
79
+ export { HDetails } from './components/details/details.js';
80
+ export { HDetailsToggler } from './components/details/details_toggler.js';
81
+ export { HDetailsContent } from './components/details/details_content.js';
78
82
  export { HDropdownClose } from './components/dropdown/dropdown_close.js';
79
83
  export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
80
84
  export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
@@ -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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.18.8-4",
5
+ "version": "1.18.8-6",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",