@shoper/phoenix_design_system 1.18.10-7 → 1.18.10-9
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.
- package/build/cjs/packages/phoenix/src/components/accordion/accordion.js +5 -14
- package/build/cjs/packages/phoenix/src/components/accordion/accordion.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js +2 -10
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +17 -43
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js +28 -194
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +7 -23
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/details/details.js +41 -0
- package/build/cjs/packages/phoenix/src/components/details/details.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/details/details_constants.js +23 -0
- package/build/{esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js.map → cjs/packages/phoenix/src/components/details/details_constants.js.map} +1 -1
- package/build/cjs/packages/phoenix/src/components/details/details_content.js +38 -0
- package/build/cjs/packages/phoenix/src/components/details/details_content.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/details/details_group.js +177 -0
- package/build/cjs/packages/phoenix/src/components/details/details_group.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/details/details_toggler.js +27 -0
- package/build/cjs/packages/phoenix/src/components/details/details_toggler.js.map +1 -0
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js +1 -1
- package/build/cjs/packages/phoenix/src/index.js +33 -2
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion.js +6 -15
- package/build/esm/packages/phoenix/src/components/accordion/accordion.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.d.ts +2 -8
- package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js +3 -9
- package/build/esm/packages/phoenix/src/components/accordion/accordion_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +18 -44
- package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts +0 -16
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js +29 -195
- package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +7 -23
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/details/details.d.ts +10 -0
- package/build/esm/packages/phoenix/src/components/details/details.js +39 -0
- package/build/esm/packages/phoenix/src/components/details/details.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/details/details_constants.d.ts +13 -0
- package/build/esm/packages/phoenix/src/components/details/details_constants.js +16 -0
- package/build/esm/packages/{utilities/build/esm/packages/utilities/src/json_utils.js.map → phoenix/src/components/details/details_constants.js.map} +1 -1
- package/build/esm/packages/phoenix/src/components/details/details_content.d.ts +6 -0
- package/build/esm/packages/phoenix/src/components/details/details_content.js +36 -0
- package/build/esm/packages/phoenix/src/components/details/details_content.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/details/details_group.d.ts +30 -0
- package/build/esm/packages/phoenix/src/components/details/details_group.js +175 -0
- package/build/esm/packages/phoenix/src/components/details/details_group.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/details/details_toggler.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/details/details_toggler.js +25 -0
- package/build/{cjs/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js.map → esm/packages/phoenix/src/components/details/details_toggler.js.map} +1 -1
- package/build/esm/packages/phoenix/src/components/details/details_types.d.ts +35 -0
- package/build/esm/packages/phoenix/src/components/details/details_types.js +7 -0
- package/build/esm/packages/phoenix/src/components/details/details_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +6 -0
- package/build/esm/packages/phoenix/src/index.js +6 -1
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- package/package.json +2 -2
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +0 -26
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/json_utils.js +0 -25
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/json_utils.js.map +0 -1
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js +0 -22
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/json_utils.js +0 -21
|
@@ -0,0 +1,38 @@
|
|
|
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 utilities = require('@dreamcommerce/utilities');
|
|
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 details_constants = require('./details_constants.js');
|
|
11
|
+
var details_group = require('./details_group.js');
|
|
12
|
+
|
|
13
|
+
exports.HDetailsContent = class HDetailsContent extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super();
|
|
16
|
+
this.transitionName = 'details-toggle';
|
|
17
|
+
if (this.parentElement instanceof details_group.HDetailsGroup) {
|
|
18
|
+
this.slot = this.hasAttribute('slot') ? this.slot : 'content';
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof details_group.HDetailsGroup);
|
|
22
|
+
contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
super.connectedCallback();
|
|
27
|
+
this.classList.add(details_constants.DETAILS_CSS_CLASSES.content);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
tslib_es6.__decorate([
|
|
31
|
+
decorators.property(),
|
|
32
|
+
tslib_es6.__metadata("design:type", Object)
|
|
33
|
+
], exports.HDetailsContent.prototype, "transitionName", void 0);
|
|
34
|
+
exports.HDetailsContent = tslib_es6.__decorate([
|
|
35
|
+
phoenix_custom_element.phoenixCustomElement('h-details-content'),
|
|
36
|
+
tslib_es6.__metadata("design:paramtypes", [])
|
|
37
|
+
], exports.HDetailsContent);
|
|
38
|
+
//# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,177 @@
|
|
|
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 ref = require('lit/directives/ref');
|
|
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 = details_constants.DETAILS_MODE.multi;
|
|
20
|
+
this._$parentDetails = null;
|
|
21
|
+
this._detailsRef = ref.createRef();
|
|
22
|
+
this._togglerId = v4['default']();
|
|
23
|
+
this._animationFrameId = null;
|
|
24
|
+
this._closeTimeoutId = null;
|
|
25
|
+
this._syncWithParentDetails = () => {
|
|
26
|
+
if (!this._$parentDetails)
|
|
27
|
+
return;
|
|
28
|
+
this._mode = this._$parentDetails.mode;
|
|
29
|
+
const shouldBeDisabled = this._$parentDetails.disabled;
|
|
30
|
+
const hasDisabledStateChanged = shouldBeDisabled !== this._isDisabled;
|
|
31
|
+
if (hasDisabledStateChanged) {
|
|
32
|
+
shouldBeDisabled ? this.disable() : this.enable();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
this._hideOtherDetailsGroups = () => {
|
|
36
|
+
var _a;
|
|
37
|
+
if (this._isDisabled)
|
|
38
|
+
return;
|
|
39
|
+
(_a = this._$parentDetails) === 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
|
+
this.toggle();
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
connectedCallback() {
|
|
52
|
+
var _a;
|
|
53
|
+
super.connectedCallback();
|
|
54
|
+
this._addAttributesToSlottedContentElements();
|
|
55
|
+
this._$parentDetails = this.closest('h-details');
|
|
56
|
+
(_a = this._$parentDetails) === null || _a === void 0 ? void 0 : _a.addEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithParentDetails);
|
|
57
|
+
this._syncWithParentDetails();
|
|
58
|
+
}
|
|
59
|
+
_addAttributesToSlottedContentElements() {
|
|
60
|
+
const slottedContentElements = Array.from(this.querySelectorAll('[slot="content"]'));
|
|
61
|
+
slottedContentElements.forEach(($element) => {
|
|
62
|
+
$element.classList.add(details_constants.DETAILS_CSS_CLASSES.content);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
firstUpdated(props) {
|
|
66
|
+
super.firstUpdated(props);
|
|
67
|
+
if (this.opened)
|
|
68
|
+
this.show();
|
|
69
|
+
}
|
|
70
|
+
disconnectedCallback() {
|
|
71
|
+
var _a;
|
|
72
|
+
super.disconnectedCallback();
|
|
73
|
+
(_a = this._$parentDetails) === null || _a === void 0 ? void 0 : _a.removeEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithParentDetails);
|
|
74
|
+
}
|
|
75
|
+
show() {
|
|
76
|
+
this._handleSingleModeConstraint();
|
|
77
|
+
const $details = this._detailsRef.value;
|
|
78
|
+
if (!$details)
|
|
79
|
+
return;
|
|
80
|
+
this._clearPendingAnimations();
|
|
81
|
+
$details.setAttribute('open', '');
|
|
82
|
+
this._animationFrameId = requestAnimationFrame(() => {
|
|
83
|
+
$details.classList.add(details_constants.DETAILS_CSS_CLASSES.open);
|
|
84
|
+
this._animationFrameId = null;
|
|
85
|
+
});
|
|
86
|
+
this._dispatchToggleEvent($details, true);
|
|
87
|
+
}
|
|
88
|
+
hide() {
|
|
89
|
+
const $details = this._detailsRef.value;
|
|
90
|
+
if (!$details)
|
|
91
|
+
return;
|
|
92
|
+
this._clearPendingAnimations();
|
|
93
|
+
$details.classList.remove(details_constants.DETAILS_CSS_CLASSES.open);
|
|
94
|
+
this._closeTimeoutId = setTimeout(() => {
|
|
95
|
+
$details.removeAttribute('open');
|
|
96
|
+
this._closeTimeoutId = null;
|
|
97
|
+
}, details_constants.DETAILS_ANIMATION_DURATION);
|
|
98
|
+
this._dispatchToggleEvent($details, false);
|
|
99
|
+
}
|
|
100
|
+
_clearPendingAnimations() {
|
|
101
|
+
if (this._animationFrameId !== null) {
|
|
102
|
+
cancelAnimationFrame(this._animationFrameId);
|
|
103
|
+
this._animationFrameId = null;
|
|
104
|
+
}
|
|
105
|
+
if (this._closeTimeoutId !== null) {
|
|
106
|
+
clearTimeout(this._closeTimeoutId);
|
|
107
|
+
this._closeTimeoutId = null;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
_dispatchToggleEvent($details, open) {
|
|
111
|
+
this.emitCustomEvent(details_constants.DETAILS_EVENTS.toggle, {
|
|
112
|
+
detail: { open, target: $details }
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
toggle() {
|
|
116
|
+
this._handleSingleModeConstraint();
|
|
117
|
+
const $details = this._detailsRef.value;
|
|
118
|
+
if (!$details)
|
|
119
|
+
return;
|
|
120
|
+
const isOpen = $details.hasAttribute('open');
|
|
121
|
+
isOpen ? this.hide() : this.show();
|
|
122
|
+
}
|
|
123
|
+
_handleSingleModeConstraint() {
|
|
124
|
+
if (this._mode === details_constants.DETAILS_MODE.single) {
|
|
125
|
+
this._hideOtherDetailsGroups();
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
enable() {
|
|
129
|
+
if (!this._isDisabled)
|
|
130
|
+
return;
|
|
131
|
+
this._isDisabled = false;
|
|
132
|
+
this.hide();
|
|
133
|
+
}
|
|
134
|
+
disable() {
|
|
135
|
+
if (this._isDisabled)
|
|
136
|
+
return;
|
|
137
|
+
this._isDisabled = true;
|
|
138
|
+
this.show();
|
|
139
|
+
}
|
|
140
|
+
notify() { }
|
|
141
|
+
render() {
|
|
142
|
+
return lit.html `
|
|
143
|
+
<details
|
|
144
|
+
${ref.ref(this._detailsRef)}
|
|
145
|
+
class="details__details ${this._isDisabled ? 'details__details_disabled' : ''}"
|
|
146
|
+
aria-disabled="${this._isDisabled ? 'true' : 'false'}"
|
|
147
|
+
aria-labelledby="${this._togglerId}"
|
|
148
|
+
>
|
|
149
|
+
<summary
|
|
150
|
+
class="details__summary"
|
|
151
|
+
id="${this._togglerId}"
|
|
152
|
+
@click=${this._summaryClickHandler}
|
|
153
|
+
>
|
|
154
|
+
${this.getSlot('toggler')}
|
|
155
|
+
</summary>
|
|
156
|
+
|
|
157
|
+
${this.getSlot('content')}
|
|
158
|
+
</details>
|
|
159
|
+
`;
|
|
160
|
+
}
|
|
161
|
+
};
|
|
162
|
+
tslib_es6.__decorate([
|
|
163
|
+
decorators.property({ type: Boolean, reflect: true }),
|
|
164
|
+
tslib_es6.__metadata("design:type", Object)
|
|
165
|
+
], exports.HDetailsGroup.prototype, "opened", void 0);
|
|
166
|
+
tslib_es6.__decorate([
|
|
167
|
+
decorators.state(),
|
|
168
|
+
tslib_es6.__metadata("design:type", Object)
|
|
169
|
+
], exports.HDetailsGroup.prototype, "_isDisabled", void 0);
|
|
170
|
+
tslib_es6.__decorate([
|
|
171
|
+
decorators.state(),
|
|
172
|
+
tslib_es6.__metadata("design:type", String)
|
|
173
|
+
], exports.HDetailsGroup.prototype, "_mode", void 0);
|
|
174
|
+
exports.HDetailsGroup = tslib_es6.__decorate([
|
|
175
|
+
phoenix_custom_element.phoenixCustomElement('h-details-group')
|
|
176
|
+
], exports.HDetailsGroup);
|
|
177
|
+
//# 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;AACA;AACA;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,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
|
|
6
|
+
var utilities = require('@dreamcommerce/utilities');
|
|
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_group = require('./details_group.js');
|
|
10
|
+
|
|
11
|
+
exports.HDetailsToggler = class HDetailsToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super();
|
|
14
|
+
if (this.parentElement instanceof details_group.HDetailsGroup) {
|
|
15
|
+
this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof details_group.HDetailsGroup);
|
|
19
|
+
contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'toggler');
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
exports.HDetailsToggler = tslib_es6.__decorate([
|
|
24
|
+
phoenix_custom_element.phoenixCustomElement('h-details-toggler'),
|
|
25
|
+
tslib_es6.__metadata("design:paramtypes", [])
|
|
26
|
+
], exports.HDetailsToggler);
|
|
27
|
+
//# 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;"}
|
|
@@ -11,8 +11,8 @@ var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
|
|
|
11
11
|
var portal_constants = require('../portal/portal_constants.js');
|
|
12
12
|
var click_outside_controller = require('../../controllers/click_outside_controller/click_outside_controller.js');
|
|
13
13
|
var relative_position_controller = require('../../controllers/relative_position_controller/relative_position_controller.js');
|
|
14
|
-
var ref = require('lit/directives/ref');
|
|
15
14
|
var base_message_constants = require('./base_message_constants.js');
|
|
15
|
+
var ref = require('lit/directives/ref');
|
|
16
16
|
|
|
17
17
|
class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
18
18
|
constructor() {
|
|
@@ -133,6 +133,11 @@ var toggle_button$1 = require('./components/toggle/toggle_button.js');
|
|
|
133
133
|
var navigator_share = require('./components/navigator/navigator_share/navigator_share.js');
|
|
134
134
|
var navigator_controller = require('./components/navigator/navigator_controller/navigator_controller.js');
|
|
135
135
|
var show_more$1 = require('./components/show-more/show_more.js');
|
|
136
|
+
var details_constants = require('./components/details/details_constants.js');
|
|
137
|
+
var details = require('./components/details/details.js');
|
|
138
|
+
var details_group = require('./components/details/details_group.js');
|
|
139
|
+
var details_toggler = require('./components/details/details_toggler.js');
|
|
140
|
+
var details_content = require('./components/details/details_content.js');
|
|
136
141
|
|
|
137
142
|
|
|
138
143
|
|
|
@@ -467,9 +472,7 @@ Object.defineProperty(exports, 'HTextareaControl', {
|
|
|
467
472
|
return textarea_control.HTextareaControl;
|
|
468
473
|
}
|
|
469
474
|
});
|
|
470
|
-
exports.ACCORDION_ANIMATION_DURATION = accordion_constants.ACCORDION_ANIMATION_DURATION;
|
|
471
475
|
exports.ACCORDION_CONTEXTS = accordion_constants.ACCORDION_CONTEXTS;
|
|
472
|
-
exports.ACCORDION_CSS_CLASSES = accordion_constants.ACCORDION_CSS_CLASSES;
|
|
473
476
|
exports.ACCORDION_EVENTS = accordion_constants.ACCORDION_EVENTS;
|
|
474
477
|
exports.ACCORDION_MODE = accordion_constants.ACCORDION_MODE;
|
|
475
478
|
Object.defineProperty(exports, 'HAccordion', {
|
|
@@ -791,4 +794,32 @@ Object.defineProperty(exports, 'HShowMore', {
|
|
|
791
794
|
return show_more$1.HShowMore;
|
|
792
795
|
}
|
|
793
796
|
});
|
|
797
|
+
exports.DETAILS_ANIMATION_DURATION = details_constants.DETAILS_ANIMATION_DURATION;
|
|
798
|
+
exports.DETAILS_CSS_CLASSES = details_constants.DETAILS_CSS_CLASSES;
|
|
799
|
+
exports.DETAILS_EVENTS = details_constants.DETAILS_EVENTS;
|
|
800
|
+
exports.DETAILS_MODE = details_constants.DETAILS_MODE;
|
|
801
|
+
Object.defineProperty(exports, 'HDetails', {
|
|
802
|
+
enumerable: true,
|
|
803
|
+
get: function () {
|
|
804
|
+
return details.HDetails;
|
|
805
|
+
}
|
|
806
|
+
});
|
|
807
|
+
Object.defineProperty(exports, 'HDetailsGroup', {
|
|
808
|
+
enumerable: true,
|
|
809
|
+
get: function () {
|
|
810
|
+
return details_group.HDetailsGroup;
|
|
811
|
+
}
|
|
812
|
+
});
|
|
813
|
+
Object.defineProperty(exports, 'HDetailsToggler', {
|
|
814
|
+
enumerable: true,
|
|
815
|
+
get: function () {
|
|
816
|
+
return details_toggler.HDetailsToggler;
|
|
817
|
+
}
|
|
818
|
+
});
|
|
819
|
+
Object.defineProperty(exports, 'HDetailsContent', {
|
|
820
|
+
enumerable: true,
|
|
821
|
+
get: function () {
|
|
822
|
+
return details_content.HDetailsContent;
|
|
823
|
+
}
|
|
824
|
+
});
|
|
794
825
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;"}
|
|
@@ -4,21 +4,17 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
|
|
|
4
4
|
import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
|
|
5
5
|
import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
|
|
6
6
|
import { ContextProviderController } from '../../core/context/context_provider_controller.js';
|
|
7
|
-
import { ACCORDION_MODE, ACCORDION_CONTEXTS
|
|
8
|
-
import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
|
|
7
|
+
import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';
|
|
9
8
|
|
|
10
9
|
let HAccordion = class HAccordion extends PhoenixLightLitElement {
|
|
11
10
|
constructor() {
|
|
12
11
|
super();
|
|
13
12
|
this.disabled = false;
|
|
14
13
|
this.mode = ACCORDION_MODE.multi;
|
|
15
|
-
this.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
this._accordionContext.provide(ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
|
|
20
|
-
this.setAttribute('role', 'none');
|
|
21
|
-
}
|
|
14
|
+
this._accordionSubject = new BehaviorSubject(this._getProps());
|
|
15
|
+
this._accordionContext = new ContextProviderController(this);
|
|
16
|
+
this._accordionContext.provide(ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
|
|
17
|
+
this.setAttribute('role', 'none');
|
|
22
18
|
}
|
|
23
19
|
enable() {
|
|
24
20
|
this.disabled = false;
|
|
@@ -30,12 +26,7 @@ let HAccordion = class HAccordion extends PhoenixLightLitElement {
|
|
|
30
26
|
this.notify();
|
|
31
27
|
}
|
|
32
28
|
notify() {
|
|
33
|
-
|
|
34
|
-
this.dispatchEvent(new Event(ACCORDION_EVENTS.update));
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
this._accordionSubject.notify(this._getProps());
|
|
38
|
-
}
|
|
29
|
+
this._accordionSubject.notify(this._getProps());
|
|
39
30
|
}
|
|
40
31
|
_getProps() {
|
|
41
32
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
export declare const ACCORDION_EVENTS: {
|
|
2
2
|
readonly toggle: "toggle";
|
|
3
|
-
readonly update: "updateAccordion";
|
|
4
3
|
};
|
|
5
4
|
export declare const ACCORDION_CONTEXTS: {
|
|
6
|
-
accordionProps:
|
|
7
|
-
accordionGroupProps:
|
|
8
|
-
};
|
|
9
|
-
export declare const ACCORDION_CSS_CLASSES: {
|
|
10
|
-
readonly open: "accordion__details_open";
|
|
11
|
-
readonly content: "accordion__content";
|
|
5
|
+
readonly accordionProps: "accordionPropsSubject";
|
|
6
|
+
readonly accordionGroupProps: "accordionGroupPropsSubject";
|
|
12
7
|
};
|
|
13
8
|
export declare const ACCORDION_MODE: {
|
|
14
9
|
readonly single: "single";
|
|
15
10
|
readonly multi: "multi";
|
|
16
11
|
};
|
|
17
|
-
export declare const ACCORDION_ANIMATION_DURATION = 400;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
const ACCORDION_EVENTS = {
|
|
2
|
-
toggle: 'toggle'
|
|
3
|
-
update: 'updateAccordion'
|
|
2
|
+
toggle: 'toggle'
|
|
4
3
|
};
|
|
5
4
|
const ACCORDION_CONTEXTS = {
|
|
6
5
|
accordionProps: 'accordionPropsSubject',
|
|
7
6
|
accordionGroupProps: 'accordionGroupPropsSubject'
|
|
8
7
|
};
|
|
9
|
-
const ACCORDION_CSS_CLASSES = {
|
|
10
|
-
open: 'accordion__details_open',
|
|
11
|
-
content: 'accordion__content'
|
|
12
|
-
};
|
|
13
8
|
const ACCORDION_MODE = {
|
|
14
9
|
single: 'single',
|
|
15
10
|
multi: 'multi'
|
|
16
|
-
};
|
|
17
|
-
const ACCORDION_ANIMATION_DURATION = 400;
|
|
11
|
+
};
|
|
18
12
|
|
|
19
|
-
export {
|
|
13
|
+
export { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE };
|
|
20
14
|
//# sourceMappingURL=accordion_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,7 +11,6 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
|
|
|
11
11
|
private _mutationDebounceTimer;
|
|
12
12
|
private _mutationObserver;
|
|
13
13
|
private _boundHandleTransitionEnd;
|
|
14
|
-
private _isDevAccordionOptimizationFlagEnabled;
|
|
15
14
|
constructor();
|
|
16
15
|
connectedCallback(): void;
|
|
17
16
|
firstUpdated(props: PropertyValues): void;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
|
|
2
2
|
import 'lit';
|
|
3
3
|
import { property } from 'lit/decorators';
|
|
4
|
-
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
5
4
|
import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
|
|
6
5
|
import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
|
|
7
6
|
import { Observer } from '../../core/classes/observer/observer.js';
|
|
8
7
|
import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
|
|
9
|
-
import {
|
|
10
|
-
import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
|
|
11
|
-
import { HAccordionGroup } from './accordion_group.js';
|
|
8
|
+
import { ACCORDION_CONTEXTS } from './accordion_constants.js';
|
|
12
9
|
import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
|
|
13
10
|
|
|
14
11
|
const RESIZE_DEBOUNCE_MS = 150;
|
|
@@ -71,8 +68,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
71
68
|
this._setHeight(this._originalHeight);
|
|
72
69
|
};
|
|
73
70
|
this._handleTransitionEnd = (e) => {
|
|
74
|
-
if (this._isDevAccordionOptimizationFlagEnabled)
|
|
75
|
-
return;
|
|
76
71
|
if (e.propertyName !== 'height' || e.target !== this) {
|
|
77
72
|
return;
|
|
78
73
|
}
|
|
@@ -89,39 +84,20 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
89
84
|
});
|
|
90
85
|
});
|
|
91
86
|
};
|
|
92
|
-
this.
|
|
93
|
-
|
|
94
|
-
if (this.parentElement instanceof HAccordionGroup) {
|
|
95
|
-
this.slot = this.hasAttribute('slot') ? this.slot : 'content';
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordionGroup);
|
|
99
|
-
contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
this.setAttribute('role', 'region');
|
|
104
|
-
this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
|
|
105
|
-
}
|
|
87
|
+
this.setAttribute('role', 'region');
|
|
88
|
+
this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
|
|
106
89
|
}
|
|
107
90
|
connectedCallback() {
|
|
108
91
|
super.connectedCallback();
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
115
|
-
}
|
|
116
|
-
if (this._isDevAccordionOptimizationFlagEnabled) {
|
|
117
|
-
this.classList.add(ACCORDION_CSS_CLASSES.content);
|
|
118
|
-
}
|
|
92
|
+
this._contextConsumer = new ContextConsumerController(this);
|
|
93
|
+
this._transitionController = new TransitionController(this, this.transitionName);
|
|
94
|
+
this._subscribeObserver();
|
|
95
|
+
window.addEventListener('resize', this._handleResize, { passive: true });
|
|
96
|
+
this.addEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
119
97
|
}
|
|
120
98
|
firstUpdated(props) {
|
|
121
99
|
super.firstUpdated(props);
|
|
122
|
-
|
|
123
|
-
this._setStylingOptions();
|
|
124
|
-
}
|
|
100
|
+
this._setStylingOptions();
|
|
125
101
|
}
|
|
126
102
|
async _subscribeObserver() {
|
|
127
103
|
this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
|
|
@@ -143,17 +119,15 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
|
|
|
143
119
|
disconnectedCallback() {
|
|
144
120
|
var _a, _b;
|
|
145
121
|
super.disconnectedCallback();
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
window.clearTimeout(this._mutationDebounceTimer);
|
|
156
|
-
}
|
|
122
|
+
(_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
|
|
123
|
+
(_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
124
|
+
window.removeEventListener('resize', this._handleResize);
|
|
125
|
+
this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
|
|
126
|
+
if (this._resizeDebounceTimer !== null) {
|
|
127
|
+
window.cancelAnimationFrame(this._resizeDebounceTimer);
|
|
128
|
+
}
|
|
129
|
+
if (this._mutationDebounceTimer !== null) {
|
|
130
|
+
window.clearTimeout(this._mutationDebounceTimer);
|
|
157
131
|
}
|
|
158
132
|
}
|
|
159
133
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 +1,5 @@
|
|
|
1
1
|
import type { IAccordion, IAccordionGroup } from './accordion_types';
|
|
2
2
|
import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
|
-
import { PropertyValues } from 'lit';
|
|
4
3
|
export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
|
|
5
4
|
opened: boolean;
|
|
6
5
|
private _isDisabled;
|
|
@@ -12,26 +11,13 @@ export declare class HAccordionGroup extends PhoenixLightLitElement implements I
|
|
|
12
11
|
private _accordionContextConsumer;
|
|
13
12
|
private _accordionProps;
|
|
14
13
|
private _accordionPropsObserver;
|
|
15
|
-
private _$parentAccordion;
|
|
16
|
-
private _detailsRef;
|
|
17
|
-
private _togglerId;
|
|
18
|
-
private _isDevAccordionOptimizationFlagEnabled;
|
|
19
|
-
private _animationFrameId;
|
|
20
|
-
private _closeTimeoutId;
|
|
21
14
|
constructor();
|
|
22
15
|
connectedCallback(): void;
|
|
23
|
-
private _addClassedToSlottedContentElements;
|
|
24
|
-
firstUpdated(props: PropertyValues): void;
|
|
25
16
|
private _subscribeObserver;
|
|
26
17
|
disconnectedCallback(): void;
|
|
27
|
-
private _syncWithParentAccordion;
|
|
28
18
|
show(): void;
|
|
29
19
|
hide(): void;
|
|
30
|
-
private _clearPendingAnimations;
|
|
31
|
-
private _dispatchToggleEvent;
|
|
32
20
|
toggle(): void;
|
|
33
|
-
private _handleSingleModeConstraint;
|
|
34
|
-
private _hideOtherDetailsGroups;
|
|
35
21
|
enable(): void;
|
|
36
22
|
disable(): void;
|
|
37
23
|
private _accordionToggle;
|
|
@@ -39,6 +25,4 @@ export declare class HAccordionGroup extends PhoenixLightLitElement implements I
|
|
|
39
25
|
notify(): void;
|
|
40
26
|
protected updated(_changedProperties: Map<string, unknown>): void;
|
|
41
27
|
private _getProps;
|
|
42
|
-
private _summaryClickHandler;
|
|
43
|
-
protected render(): unknown;
|
|
44
28
|
}
|