@shoper/phoenix_design_system 1.18.8-1 → 1.18.8-10

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 (54) hide show
  1. package/build/cjs/packages/phoenix/src/components/details/details.js +33 -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 +20 -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_group.js +151 -0
  8. package/build/cjs/packages/phoenix/src/components/details/details_group.js.map +1 -0
  9. package/build/cjs/packages/phoenix/src/components/details/details_toggler.js +19 -0
  10. package/build/cjs/packages/phoenix/src/components/details/details_toggler.js.map +1 -0
  11. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option.js +1 -2
  12. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js +2 -3
  14. package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/components/form/select/select.js +13 -85
  16. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js +2 -22
  18. package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
  19. package/build/cjs/packages/phoenix/src/index.js +32 -0
  20. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/details/details.d.ts +8 -0
  22. package/build/esm/packages/phoenix/src/components/details/details.js +31 -0
  23. package/build/esm/packages/phoenix/src/components/details/details.js.map +1 -0
  24. package/build/esm/packages/phoenix/src/components/details/details_constants.d.ts +11 -0
  25. package/build/esm/packages/phoenix/src/components/details/details_constants.js +14 -0
  26. package/build/esm/packages/phoenix/src/components/details/details_constants.js.map +1 -0
  27. package/build/esm/packages/phoenix/src/components/details/details_content.d.ts +6 -0
  28. package/build/esm/packages/phoenix/src/components/details/details_content.js +21 -0
  29. package/build/esm/packages/phoenix/src/components/details/details_content.js.map +1 -0
  30. package/build/esm/packages/phoenix/src/components/details/details_group.d.ts +21 -0
  31. package/build/esm/packages/phoenix/src/components/details/details_group.js +149 -0
  32. package/build/esm/packages/phoenix/src/components/details/details_group.js.map +1 -0
  33. package/build/esm/packages/phoenix/src/components/details/details_toggler.d.ts +5 -0
  34. package/build/esm/packages/phoenix/src/components/details/details_toggler.js +17 -0
  35. package/build/esm/packages/phoenix/src/components/details/details_toggler.js.map +1 -0
  36. package/build/esm/packages/phoenix/src/components/details/details_types.d.ts +12 -0
  37. package/build/esm/packages/phoenix/src/components/details/details_types.js +2 -0
  38. package/build/esm/packages/phoenix/src/components/details/details_types.js.map +1 -0
  39. package/build/esm/packages/phoenix/src/components/form/select/model/select_option.d.ts +0 -1
  40. package/build/esm/packages/phoenix/src/components/form/select/model/select_option.js +1 -2
  41. package/build/esm/packages/phoenix/src/components/form/select/model/select_option.js.map +1 -1
  42. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +2 -3
  43. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js.map +1 -1
  44. package/build/esm/packages/phoenix/src/components/form/select/model/select_option_types.d.ts +0 -1
  45. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -5
  46. package/build/esm/packages/phoenix/src/components/form/select/select.js +13 -85
  47. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  48. package/build/esm/packages/phoenix/src/components/form/select/select_utils.d.ts +0 -1
  49. package/build/esm/packages/phoenix/src/components/form/select/select_utils.js +2 -22
  50. package/build/esm/packages/phoenix/src/components/form/select/select_utils.js.map +1 -1
  51. package/build/esm/packages/phoenix/src/index.d.ts +5 -0
  52. package/build/esm/packages/phoenix/src/index.js +5 -0
  53. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  54. package/package.json +2 -2
@@ -0,0 +1,33 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var decorators = require('lit/decorators');
7
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var accordion_constants = require('../accordion/accordion_constants.js');
10
+ var details_constants = require('./details_constants.js');
11
+
12
+ exports.HDetails = class HDetails extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ constructor() {
14
+ super(...arguments);
15
+ this.disabled = false;
16
+ this.mode = accordion_constants.ACCORDION_MODE.multi;
17
+ }
18
+ updated() {
19
+ this.dispatchEvent(new Event(details_constants.DETAILS_EVENTS.update));
20
+ }
21
+ };
22
+ tslib_es6.__decorate([
23
+ decorators.property({ type: Boolean, reflect: true }),
24
+ tslib_es6.__metadata("design:type", Object)
25
+ ], exports.HDetails.prototype, "disabled", void 0);
26
+ tslib_es6.__decorate([
27
+ decorators.property({ type: String }),
28
+ tslib_es6.__metadata("design:type", String)
29
+ ], exports.HDetails.prototype, "mode", void 0);
30
+ exports.HDetails = tslib_es6.__decorate([
31
+ phoenix_custom_element.phoenixCustomElement('h-details')
32
+ ], exports.HDetails);
33
+ //# 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;"}
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const DETAILS_EVENTS = {
6
+ toggle: 'toggle',
7
+ update: 'update'
8
+ };
9
+ const DETAILS_CSS_CLASSES = {
10
+ smoothDetails: 'smooth-details',
11
+ isOpen: 'is-open',
12
+ contentWrapper: 'content-wrapper',
13
+ content: 'content'
14
+ };
15
+ const DETAILS_TRANSITION_DURATION = 400;
16
+
17
+ exports.DETAILS_CSS_CLASSES = DETAILS_CSS_CLASSES;
18
+ exports.DETAILS_EVENTS = DETAILS_EVENTS;
19
+ exports.DETAILS_TRANSITION_DURATION = DETAILS_TRANSITION_DURATION;
20
+ //# 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;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,151 @@
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
+ var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
11
+ var accordion_constants = require('../accordion/accordion_constants.js');
12
+ var details_constants = require('./details_constants.js');
13
+
14
+ exports.HDetailsGroup = class HDetailsGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
15
+ constructor() {
16
+ super(...arguments);
17
+ this.opened = false;
18
+ this._isDisabled = false;
19
+ this._mode = accordion_constants.ACCORDION_MODE.multi;
20
+ this._$detailsWrapper = null;
21
+ this._togglerId = v4['default']();
22
+ this._syncWithDetailsWrapper = () => {
23
+ if (!this._$detailsWrapper)
24
+ return;
25
+ this._mode = this._$detailsWrapper.mode;
26
+ if (this._$detailsWrapper.disabled && !this._isDisabled) {
27
+ this.disable();
28
+ this.show();
29
+ }
30
+ else if (!this._$detailsWrapper.disabled && this._isDisabled) {
31
+ this.enable();
32
+ this.hide();
33
+ }
34
+ };
35
+ this._hideOtherDetailsGroups = () => {
36
+ var _a;
37
+ if (this._isDisabled)
38
+ return;
39
+ (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-details-group').forEach(($detailsGroup) => {
40
+ if ($detailsGroup === this)
41
+ return;
42
+ $detailsGroup.hide();
43
+ });
44
+ };
45
+ this._summaryClickHandler = (ev) => {
46
+ ev.preventDefault();
47
+ if (this._isDisabled)
48
+ return;
49
+ const $summary = ev.currentTarget;
50
+ const $details = $summary.parentNode;
51
+ this.toggle($details);
52
+ };
53
+ }
54
+ connectedCallback() {
55
+ var _a;
56
+ super.connectedCallback();
57
+ if (this.opened) {
58
+ this.show();
59
+ }
60
+ this._$detailsWrapper = this.closest('h-details');
61
+ (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.addEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
62
+ this._syncWithDetailsWrapper();
63
+ }
64
+ disconnectedCallback() {
65
+ var _a;
66
+ super.disconnectedCallback();
67
+ (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
68
+ }
69
+ toggle(details) {
70
+ if (this._mode === accordion_constants.ACCORDION_MODE.single)
71
+ this._hideOtherDetailsGroups();
72
+ const $details = details || this.querySelector('details');
73
+ if (!$details)
74
+ return;
75
+ const isOpen = $details.hasAttribute('open');
76
+ isOpen ? this.hide($details) : this.show($details);
77
+ }
78
+ show(details) {
79
+ if (this._mode === accordion_constants.ACCORDION_MODE.single)
80
+ this._hideOtherDetailsGroups();
81
+ const $details = details || this.querySelector('details');
82
+ if (!$details)
83
+ return;
84
+ $details.setAttribute('open', '');
85
+ requestAnimationFrame(() => {
86
+ $details.classList.add(details_constants.DETAILS_CSS_CLASSES.isOpen);
87
+ });
88
+ this._dispatchToggleEvent($details, true);
89
+ }
90
+ hide(details) {
91
+ const $details = details || this.querySelector('details');
92
+ if (!$details)
93
+ return;
94
+ $details.classList.remove(details_constants.DETAILS_CSS_CLASSES.isOpen);
95
+ setTimeout(() => {
96
+ $details.removeAttribute('open');
97
+ }, details_constants.DETAILS_TRANSITION_DURATION);
98
+ this._dispatchToggleEvent($details, false);
99
+ }
100
+ _dispatchToggleEvent(details, open) {
101
+ this.emitCustomEvent(details_constants.DETAILS_EVENTS.toggle, {
102
+ detail: { open, target: details }
103
+ });
104
+ }
105
+ enable() {
106
+ if (this._isDisabled) {
107
+ this.hide();
108
+ this._isDisabled = false;
109
+ }
110
+ }
111
+ disable() {
112
+ if (!this._isDisabled) {
113
+ this.show();
114
+ this._isDisabled = true;
115
+ }
116
+ }
117
+ render() {
118
+ return lit.html `
119
+ <details
120
+ class="smooth-details"
121
+ aria-disabled="${this._isDisabled ? 'true' : 'false'}"
122
+ aria-labelledby="${this._togglerId}"
123
+ >
124
+ <summary
125
+ id="${this._togglerId}"
126
+ @click=${this._summaryClickHandler}
127
+ >
128
+ ${this.getSlot('toggler')}
129
+ </summary>
130
+
131
+ ${this.getSlot('content')}
132
+ </details>
133
+ `;
134
+ }
135
+ };
136
+ tslib_es6.__decorate([
137
+ decorators.property({ type: Boolean, reflect: true }),
138
+ tslib_es6.__metadata("design:type", Object)
139
+ ], exports.HDetailsGroup.prototype, "opened", void 0);
140
+ tslib_es6.__decorate([
141
+ decorators.state(),
142
+ tslib_es6.__metadata("design:type", Object)
143
+ ], exports.HDetailsGroup.prototype, "_isDisabled", void 0);
144
+ tslib_es6.__decorate([
145
+ decorators.state(),
146
+ tslib_es6.__metadata("design:type", String)
147
+ ], exports.HDetailsGroup.prototype, "_mode", void 0);
148
+ exports.HDetailsGroup = tslib_es6.__decorate([
149
+ phoenix_custom_element.phoenixCustomElement('h-details-group')
150
+ ], exports.HDetailsGroup);
151
+ //# sourceMappingURL=details_group.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,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
+ 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.HDetailsToggler = class HDetailsToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
10
+ constructor() {
11
+ super();
12
+ this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
13
+ }
14
+ };
15
+ exports.HDetailsToggler = tslib_es6.__decorate([
16
+ phoenix_custom_element.phoenixCustomElement('h-details-toggler'),
17
+ tslib_es6.__metadata("design:paramtypes", [])
18
+ ], exports.HDetailsToggler);
19
+ //# 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;"}
@@ -3,14 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  class SelectOption {
6
- constructor({ selected = false, hidden = false, disabled = false, value, content, inactive = false, isPlaceholder = false }) {
6
+ constructor({ selected = false, hidden = false, disabled = false, value, content, inactive = false }) {
7
7
  this.value = value;
8
8
  this.selected = selected;
9
9
  this.hidden = hidden;
10
10
  this.disabled = disabled;
11
11
  this.content = content;
12
12
  this.inactive = inactive;
13
- this.isPlaceholder = isPlaceholder;
14
13
  }
15
14
  static create(options) {
16
15
  return new SelectOption(options);
@@ -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;"}
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;"}
@@ -10,7 +10,7 @@ class SelectOptionMapper {
10
10
  const $optionContent = $option.querySelector(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
11
11
  const optionContentText = ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.textContent) || ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.innerText);
12
12
  const value = $option.getAttribute('value');
13
- if (value === null || value === undefined)
13
+ if (!value)
14
14
  throw new Error('h-option must contain a unique value');
15
15
  if (!optionContentText)
16
16
  throw new Error('h-options must contains a h-option-content element inside');
@@ -20,8 +20,7 @@ class SelectOptionMapper {
20
20
  hidden: $option.hasAttribute('hidden'),
21
21
  inactive: $option.hasAttribute('inactive'),
22
22
  content: optionContentText,
23
- selected: $option.hasAttribute('selected'),
24
- isPlaceholder: $option.hasAttribute('placeholder')
23
+ selected: $option.hasAttribute('selected')
25
24
  });
26
25
  }
27
26
  }
@@ -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;"}
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;"}
@@ -43,7 +43,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
43
43
  this.type = select_constants.SELECT_TYPES.select;
44
44
  this.noDeselect = false;
45
45
  this.assistiveTitleId = '';
46
- this.isDevSelectPlaceholderFlagEnabled = false;
47
46
  this.translations = {};
48
47
  this._selectOptionsId = v4['default']();
49
48
  this._searchValue = '';
@@ -58,7 +57,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
58
57
  const $options = this._getOptions();
59
58
  this._$options = $options.reduce((acc, $option) => {
60
59
  const value = $option.getAttribute('value');
61
- if (value === null || value === undefined)
60
+ if (!value)
62
61
  throw Error('Select option must hava a value');
63
62
  if (acc.has(value))
64
63
  throw Error('Select options must hava a unique values.');
@@ -115,24 +114,12 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
115
114
  if (!this.$searchLabel)
116
115
  return;
117
116
  (_a = this.$searchLabel.querySelector(`[id="value-label"]`)) === null || _a === void 0 ? void 0 : _a.remove();
118
- if (this.isDevSelectPlaceholderFlagEnabled) {
119
- const hasValidOptions = options.some((option) => !option.isPlaceholder);
120
- if (!hasValidOptions)
121
- return;
122
- const valueLabelSpan = document.createElement('span');
123
- valueLabelSpan.id = 'value-label';
124
- valueLabelSpan.className = 'sr-only';
125
- valueLabelSpan.textContent = options.reduce((totalSelectedContent, currentOption) => totalSelectedContent + currentOption.content, '');
126
- this.$searchLabel.appendChild(valueLabelSpan);
127
- }
128
- else {
129
- this.$searchLabel.innerHTML = `
130
- ${(_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.innerHTML}
131
- <span id="value-label" class="sr-only">
132
- ${options.reduce((totalSelectedContent, currentOption) => (totalSelectedContent += currentOption.content), '')}
133
- </span>
134
- `;
135
- }
117
+ this.$searchLabel.innerHTML = `
118
+ ${(_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.innerHTML}
119
+ <span id="value-label" class="sr-only">
120
+ ${options.reduce((totalSelectedContent, currentOption) => (totalSelectedContent += currentOption.content), '')}
121
+ </span>
122
+ `;
136
123
  };
137
124
  this._handleOptionClicked = ({ detail }) => {
138
125
  if (!(detail === null || detail === void 0 ? void 0 : detail.$option))
@@ -230,9 +217,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
230
217
  }
231
218
  if (changedProperties.has('optionsList')) {
232
219
  this._updateOptions();
233
- if (this.isDevSelectPlaceholderFlagEnabled) {
234
- this._addPlaceholderOptionIfNeeded();
235
- }
236
220
  }
237
221
  if (this._$optionsList.value) {
238
222
  (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -281,9 +265,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
281
265
  this._selectedOptionsAriaObserver = new observer.Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
282
266
  this._selectController.selectedOptions$.subscribe(this._selectedOptionsAriaObserver);
283
267
  this._updateOptions();
284
- if (this.isDevSelectPlaceholderFlagEnabled) {
285
- this._addPlaceholderOptionIfNeeded();
286
- }
287
268
  this._setupEvents();
288
269
  }
289
270
  attributeChangedCallback(name, _old, value) {
@@ -296,50 +277,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
296
277
  this.disabled ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectDisabled);
297
278
  }
298
279
  }
299
- _addPlaceholderOptionIfNeeded() {
300
- if (!this._canAddPlaceholder)
301
- return;
302
- const $placeholderOption = this._createPlaceholderOption();
303
- this._injectOptionIntoDOM($placeholderOption);
304
- this._updateOptions();
305
- }
306
- get _canAddPlaceholder() {
307
- var _a;
308
- if (this.multiple || this.required)
309
- return false;
310
- const hasSelection = (((_a = this._selectController.selectedOptions$.getValue()) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
311
- if (hasSelection)
312
- return false;
313
- const hasExistingPlaceholder = !!this.querySelector('h-option[placeholder]');
314
- return !hasExistingPlaceholder;
315
- }
316
- _createPlaceholderOption() {
317
- const $option = document.createElement('h-option');
318
- $option.setAttribute('value', '');
319
- $option.setAttribute('selected', 'true');
320
- $option.setAttribute('placeholder', 'true');
321
- $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content);
322
- const $content = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
323
- if (typeof this.$placeholder === 'string') {
324
- $content.textContent = this.$placeholder;
325
- }
326
- else if (this.$placeholder instanceof Node) {
327
- Array.from(this.$placeholder.childNodes).forEach(node => {
328
- $content.appendChild(node.cloneNode(true));
329
- });
330
- }
331
- $option.appendChild($content);
332
- return $option;
333
- }
334
- _injectOptionIntoDOM($option) {
335
- const $firstOption = this.querySelector(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option);
336
- if ($firstOption) {
337
- this.insertBefore($option, $firstOption);
338
- }
339
- else {
340
- this.appendChild($option);
341
- }
342
- }
343
280
  _setupEvents() {
344
281
  this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
345
282
  this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
@@ -420,7 +357,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
420
357
  return fragment;
421
358
  }
422
359
  render() {
423
- var _a, _b, _c, _d, _e, _f;
360
+ var _a, _b, _c, _d, _e;
424
361
  const options = (_a = this._selectController.options$.getValue()) !== null && _a !== void 0 ? _a : [];
425
362
  const isSearchEnabled = !this.searchDisabled && options.length > select_constants.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
426
363
  return lit.html `
@@ -444,7 +381,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
444
381
  aria-activedescendant
445
382
  role="combobox"
446
383
  aria-controls="${this._selectOptionsId}"
447
- aria-labelledby="${this.assistiveTitleId}"
448
384
  >
449
385
  ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)}
450
386
  </h-dropdown-toggler>
@@ -457,18 +393,14 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
457
393
  >
458
394
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
459
395
 
460
- <div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>
461
- ${this.isDevSelectPlaceholderFlagEnabled ?
462
- (_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.cloneNode(true) :
463
- lit.html `${this._getClonedPlaceholderElement()}`}
464
- </div>
396
+ <div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>${lit.html `${this._getClonedPlaceholderElement()}`}</div>
465
397
 
466
398
  ${isSearchEnabled
467
399
  ? lit.html ` <h-select-search
468
400
  class=${select_constants.SELECT_CSS_CLASSES.selectSearch}
469
401
  ${ref_js.ref(this.$search)}
470
402
  .value=${this._searchValue}
471
- placeholder=${((_c = this.translations) === null || _c === void 0 ? void 0 : _c.search) || select_constants.SELECT_DEFAULT_TRANSLATIONS.SEARCH}
403
+ placeholder=${((_b = this.translations) === null || _b === void 0 ? void 0 : _b.search) || select_constants.SELECT_DEFAULT_TRANSLATIONS.SEARCH}
472
404
  @search=${this._handleSearch}
473
405
  ></h-select-search>`
474
406
  : lit.nothing}
@@ -489,7 +421,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
489
421
  ${this._searchNoResult()
490
422
  ? lit.html ` <div>
491
423
  <p class=${select_constants.SELECT_CSS_CLASSES.selectNoResult}>
492
- ${((_d = this.translations) === null || _d === void 0 ? void 0 : _d.noResultsFor) || select_constants.SELECT_DEFAULT_TRANSLATIONS.NO_RESULTS_FOR}:
424
+ ${((_c = this.translations) === null || _c === void 0 ? void 0 : _c.noResultsFor) || select_constants.SELECT_DEFAULT_TRANSLATIONS.NO_RESULTS_FOR}:
493
425
  <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
494
426
  </p>
495
427
  </div>`
@@ -498,11 +430,11 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
498
430
  ? lit.html `
499
431
  <section class=${select_constants.SELECT_CSS_CLASSES.selectFooter}>
500
432
  <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>
501
- ${((_e = this.translations) === null || _e === void 0 ? void 0 : _e.reset) || select_constants.SELECT_DEFAULT_TRANSLATIONS.RESET}
433
+ ${((_d = this.translations) === null || _d === void 0 ? void 0 : _d.reset) || select_constants.SELECT_DEFAULT_TRANSLATIONS.RESET}
502
434
  </button>
503
435
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
504
436
  ><span slot=${select_components_constatns.SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}
505
- >${((_f = this.translations) === null || _f === void 0 ? void 0 : _f.choose) || select_constants.SELECT_DEFAULT_TRANSLATIONS.CHOOSE}</span
437
+ >${((_e = this.translations) === null || _e === void 0 ? void 0 : _e.choose) || select_constants.SELECT_DEFAULT_TRANSLATIONS.CHOOSE}</span
506
438
  >
507
439
  </h-select-close-btn>
508
440
  </section>
@@ -576,10 +508,6 @@ tslib_es6.__decorate([
576
508
  decorators_js.property({ type: String, attribute: 'assistive-title-id' }),
577
509
  tslib_es6.__metadata("design:type", String)
578
510
  ], exports.HSelect.prototype, "assistiveTitleId", void 0);
579
- tslib_es6.__decorate([
580
- decorators_js.property({ type: Boolean, attribute: 'is-dev-select-placeholder-flag-enabled' }),
581
- tslib_es6.__metadata("design:type", Boolean)
582
- ], exports.HSelect.prototype, "isDevSelectPlaceholderFlagEnabled", void 0);
583
511
  tslib_es6.__decorate([
584
512
  decorators_js.property({
585
513
  converter: {
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
@@ -6,7 +6,7 @@ var select_components_constatns = require('./components/select_components_consta
6
6
 
7
7
  class SelectControlUtils {
8
8
  static createHTMLOption(option) {
9
- const { selected, value, disabled, hidden, content, isPlaceholder } = option;
9
+ const { selected, value, disabled, hidden, content } = option;
10
10
  const $option = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option);
11
11
  $option.setAttribute('value', String(value));
12
12
  const $optionContent = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
@@ -18,17 +18,14 @@ class SelectControlUtils {
18
18
  $option.setAttribute('disabled', '');
19
19
  if (hidden)
20
20
  $option.setAttribute('hidden', '');
21
- if (isPlaceholder)
22
- $option.setAttribute('placeholder', 'true');
23
21
  return $option;
24
22
  }
25
23
  static syncHTMLOptionWithModel(option, $option) {
26
- const { selected, value, disabled, hidden, isPlaceholder } = option;
24
+ const { selected, value, disabled, hidden } = option;
27
25
  $option.selected = selected;
28
26
  $option.value = value;
29
27
  $option.disabled = disabled;
30
28
  $option.hidden = hidden;
31
- $option.toggleAttribute('placeholder', isPlaceholder);
32
29
  }
33
30
  static removeHTMLOptions($options, optionsValuesThatExists) {
34
31
  return $options.reduce((acc, $option) => {
@@ -53,23 +50,6 @@ class SelectControlUtils {
53
50
  const firstIndexInReversed = [...options].reverse().findIndex((option) => option.selected);
54
51
  return options.length - firstIndexInReversed - 1;
55
52
  }
56
- static extractSelectValue($select) {
57
- var _a;
58
- const { selectedOptions } = $select;
59
- const selectedValues = Array.from(selectedOptions).map((option) => option.value);
60
- if (selectedValues.length === 0) {
61
- return undefined;
62
- }
63
- const isPlaceholder = !$select.multiple && selectedOptions.length === 1 && ((_a = selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.hasAttribute('placeholder'));
64
- const isSingleEmptyValue = selectedValues.length === 1 && selectedValues[0] === '';
65
- if (isPlaceholder && isSingleEmptyValue) {
66
- return null;
67
- }
68
- if ($select.multiple) {
69
- return selectedValues;
70
- }
71
- return selectedValues[0];
72
- }
73
53
  }
74
54
 
75
55
  exports.SelectControlUtils = SelectControlUtils;
@@ -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;"}
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;"}
@@ -79,6 +79,11 @@ 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_group = require('./components/details/details_group.js');
85
+ var details_toggler = require('./components/details/details_toggler.js');
86
+ var details_content = require('./components/details/details_content.js');
82
87
  var dropdown_close = require('./components/dropdown/dropdown_close.js');
83
88
  var toggle_button_group = require('./components/groups/toggle_button_group/toggle_button_group.js');
84
89
  var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
@@ -492,6 +497,33 @@ Object.defineProperty(exports, 'HAccordionToggler', {
492
497
  return accordion_toggler.HAccordionToggler;
493
498
  }
494
499
  });
500
+ exports.DETAILS_CSS_CLASSES = details_constants.DETAILS_CSS_CLASSES;
501
+ exports.DETAILS_EVENTS = details_constants.DETAILS_EVENTS;
502
+ exports.DETAILS_TRANSITION_DURATION = details_constants.DETAILS_TRANSITION_DURATION;
503
+ Object.defineProperty(exports, 'HDetails', {
504
+ enumerable: true,
505
+ get: function () {
506
+ return details.HDetails;
507
+ }
508
+ });
509
+ Object.defineProperty(exports, 'HDetailsGroup', {
510
+ enumerable: true,
511
+ get: function () {
512
+ return details_group.HDetailsGroup;
513
+ }
514
+ });
515
+ Object.defineProperty(exports, 'HDetailsToggler', {
516
+ enumerable: true,
517
+ get: function () {
518
+ return details_toggler.HDetailsToggler;
519
+ }
520
+ });
521
+ Object.defineProperty(exports, 'HDetailsContent', {
522
+ enumerable: true,
523
+ get: function () {
524
+ return details_content.HDetailsContent;
525
+ }
526
+ });
495
527
  Object.defineProperty(exports, 'HDropdownClose', {
496
528
  enumerable: true,
497
529
  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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}