@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779813787 → 5.0.0-next.3-dev.1779891630
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/{block-link-common-C_rUmc2u.js → block-link-common-BZZ4NhPD.js} +1 -1
- package/core.js +24 -25
- package/custom-elements.json +1412 -281
- package/development/{block-link-common-C0XzZIvS.js → block-link-common-DCKM3jJQ.js} +2 -2
- package/development/core.d.ts +0 -1
- package/development/core.d.ts.map +1 -1
- package/development/core.js +1 -2
- package/development/icon/icon-base.js +1 -1
- package/development/icon/icon.component.js +1 -1
- package/development/icon-base-Cq6DxOUh.js +163 -0
- package/development/icon.js +1 -1
- package/development/icon.pure.js +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.d.ts +0 -1
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts +0 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/navigation-action-common-BdJOaItd.js +1 -1
- package/development/{navigation-section.component-DhMQspKb.js → navigation-section.component-34GEIPaN.js} +2 -5
- package/development/{navigation.component-BOBqdfXo.js → navigation.component-CqQuaq7V.js} +2 -5
- package/development/navigation.js +2 -2
- package/development/navigation.pure.js +2 -2
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +3 -3
- package/development/popover/popover/popover.component.d.ts +54 -0
- package/development/popover/popover/popover.component.d.ts.map +1 -0
- package/development/popover/popover/popover.component.js +2 -0
- package/development/popover/{popover.component.d.ts → popover-base/popover-base.d.ts} +2 -59
- package/development/popover/popover-base/popover-base.d.ts.map +1 -0
- package/development/popover/popover-base/popover-base.js +2 -0
- package/development/popover/popover-close-button/popover-close-button.component.d.ts +21 -0
- package/development/popover/popover-close-button/popover-close-button.component.d.ts.map +1 -0
- package/development/popover/popover-close-button/popover-close-button.component.js +30 -0
- package/development/popover-base-BcIAVXWF.js +288 -0
- package/development/popover.component-CMR0eV2t.js +233 -0
- package/development/popover.js +6 -3
- package/development/popover.pure.d.ts +3 -1
- package/development/popover.pure.d.ts.map +1 -1
- package/development/popover.pure.js +4 -2
- package/development/tag/tag/tag.component.d.ts +1 -0
- package/development/tag/tag/tag.component.d.ts.map +1 -1
- package/development/tag/tag/tag.component.js +1 -1
- package/development/tag/tag-group/tag-group.component.d.ts +6 -1
- package/development/tag/tag-group/tag-group.component.d.ts.map +1 -1
- package/development/tag/tag-group/tag-group.component.js +1 -1
- package/development/tag-group.component-DTff1eBB.js +225 -0
- package/development/{tag.component-D6YowucW.js → tag.component-CDDb2fnV.js} +28 -8
- package/development/tag.js +2 -2
- package/development/tag.pure.js +2 -2
- package/development/toast/toast.component.d.ts.map +1 -1
- package/development/toast/toast.component.js +1 -1
- package/development/{toast.component-DowxkGr4.js → toast.component-BgGWVr4o.js} +3 -4
- package/development/toast.js +1 -1
- package/development/toast.pure.js +1 -1
- package/icon/icon-base.js +1 -1
- package/icon/icon.component.js +1 -1
- package/{icon-base-CK1oqnO4.js → icon-base-TSCmR5QC.js} +1 -1
- package/icon.js +1 -1
- package/icon.pure.js +1 -1
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/link/common/block-link-common.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-section.component-c4XBLFsl.js → navigation-section.component-DPgBlCf8.js} +1 -4
- package/{navigation.component-pRBja4z3.js → navigation.component-CY_9Q6dT.js} +1 -4
- package/navigation.js +2 -2
- package/navigation.pure.js +2 -2
- package/overlay/overlay-base-element.js +2 -2
- package/package.json +2 -2
- package/popover/popover/popover.component.js +2 -0
- package/popover/popover-base/popover-base.js +2 -0
- package/popover/popover-close-button/popover-close-button.component.js +20 -0
- package/popover-base-DlSa-ajc.js +181 -0
- package/popover.component-BHg4Qtqd.js +158 -0
- package/popover.js +5 -4
- package/popover.pure.js +4 -2
- package/tag/tag/tag.component.js +1 -1
- package/tag/tag-group/tag-group.component.js +1 -1
- package/{tag-group.component-ByRxy8UG.js → tag-group.component-CJwbkP70.js} +38 -23
- package/{tag.component-BrKoQeIW.js → tag.component-r8diGGP-.js} +14 -5
- package/tag.js +2 -2
- package/tag.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/{toast.component-Lbh5sa_U.js → toast.component-Dlr0Koxu.js} +22 -23
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
- package/core/eventing/composed-path-has-attribute.js +0 -7
- package/development/core/eventing/composed-path-has-attribute.d.ts +0 -10
- package/development/core/eventing/composed-path-has-attribute.d.ts.map +0 -1
- package/development/core/eventing/composed-path-has-attribute.js +0 -19
- package/development/icon-base-Cz7F4MJ9.js +0 -163
- package/development/popover/popover.component.d.ts.map +0 -1
- package/development/popover/popover.component.js +0 -2
- package/development/popover.component-DtIhw37L.js +0 -578
- package/development/tag-group.component-jSgluqL-.js +0 -194
- package/popover/popover.component.js +0 -2
- package/popover.component-DrLx8J07.js +0 -385
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, isServer, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbDisabledMixin, SbbElement, SbbNamedSlotListMixin, forceType } from "./core.js";
|
|
5
|
-
//#region src/elements/tag/tag-group/tag-group.scss?inline
|
|
6
|
-
var tag_group_default = ":host {\n display: block;\n}\n\n.sbb-tag-group__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--sbb-spacing-fixed-3x);\n}\n\n.sbb-tag-group__list > :is(li, span) {\n display: flex;\n max-width: 100%;\n}";
|
|
7
|
-
//#endregion
|
|
8
|
-
//#region src/elements/tag/tag-group/tag-group.component.ts
|
|
9
|
-
/**
|
|
10
|
-
* It can be used as a container for one or more `sbb-tag`.
|
|
11
|
-
*
|
|
12
|
-
* @slot - Use the unnamed slot to add one or more 'sbb-tag' elements to the `sbb-tag-group`.
|
|
13
|
-
* @overrideType value - (T = string | (string | null)[]) | null
|
|
14
|
-
*/
|
|
15
|
-
var SbbTagGroupElement = (() => {
|
|
16
|
-
let _classSuper = SbbDisabledMixin(SbbNamedSlotListMixin(SbbElement));
|
|
17
|
-
let _instanceExtraInitializers = [];
|
|
18
|
-
let _listAccessibilityLabel_decorators;
|
|
19
|
-
let _listAccessibilityLabel_initializers = [];
|
|
20
|
-
let _listAccessibilityLabel_extraInitializers = [];
|
|
21
|
-
let _multiple_decorators;
|
|
22
|
-
let _multiple_initializers = [];
|
|
23
|
-
let _multiple_extraInitializers = [];
|
|
24
|
-
let _size_decorators;
|
|
25
|
-
let _size_initializers = [];
|
|
26
|
-
let _size_extraInitializers = [];
|
|
27
|
-
let _set_value_decorators;
|
|
28
|
-
return class SbbTagGroupElement extends _classSuper {
|
|
29
|
-
constructor() {
|
|
30
|
-
super(...arguments);
|
|
31
|
-
this.listChildLocalNames = (__runInitializers(this, _instanceExtraInitializers), ["sbb-tag", "div"]);
|
|
32
|
-
this.#listAccessibilityLabel_accessor_storage = __runInitializers(this, _listAccessibilityLabel_initializers, "");
|
|
33
|
-
this.#multiple_accessor_storage = (__runInitializers(this, _listAccessibilityLabel_extraInitializers), __runInitializers(this, _multiple_initializers, false));
|
|
34
|
-
this.#size_accessor_storage = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _size_initializers, null));
|
|
35
|
-
this._value = (__runInitializers(this, _size_extraInitializers), null);
|
|
36
|
-
}
|
|
37
|
-
static {
|
|
38
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
39
|
-
_listAccessibilityLabel_decorators = [forceType(), property({ attribute: "list-accessibility-label" })];
|
|
40
|
-
_multiple_decorators = [forceType(), property({ type: Boolean })];
|
|
41
|
-
_size_decorators = [property({ reflect: true })];
|
|
42
|
-
_set_value_decorators = [property()];
|
|
43
|
-
__esDecorate(this, null, _listAccessibilityLabel_decorators, {
|
|
44
|
-
kind: "accessor",
|
|
45
|
-
name: "listAccessibilityLabel",
|
|
46
|
-
static: false,
|
|
47
|
-
private: false,
|
|
48
|
-
access: {
|
|
49
|
-
has: (obj) => "listAccessibilityLabel" in obj,
|
|
50
|
-
get: (obj) => obj.listAccessibilityLabel,
|
|
51
|
-
set: (obj, value) => {
|
|
52
|
-
obj.listAccessibilityLabel = value;
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
metadata: _metadata
|
|
56
|
-
}, _listAccessibilityLabel_initializers, _listAccessibilityLabel_extraInitializers);
|
|
57
|
-
__esDecorate(this, null, _multiple_decorators, {
|
|
58
|
-
kind: "accessor",
|
|
59
|
-
name: "multiple",
|
|
60
|
-
static: false,
|
|
61
|
-
private: false,
|
|
62
|
-
access: {
|
|
63
|
-
has: (obj) => "multiple" in obj,
|
|
64
|
-
get: (obj) => obj.multiple,
|
|
65
|
-
set: (obj, value) => {
|
|
66
|
-
obj.multiple = value;
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
metadata: _metadata
|
|
70
|
-
}, _multiple_initializers, _multiple_extraInitializers);
|
|
71
|
-
__esDecorate(this, null, _size_decorators, {
|
|
72
|
-
kind: "accessor",
|
|
73
|
-
name: "size",
|
|
74
|
-
static: false,
|
|
75
|
-
private: false,
|
|
76
|
-
access: {
|
|
77
|
-
has: (obj) => "size" in obj,
|
|
78
|
-
get: (obj) => obj.size,
|
|
79
|
-
set: (obj, value) => {
|
|
80
|
-
obj.size = value;
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
metadata: _metadata
|
|
84
|
-
}, _size_initializers, _size_extraInitializers);
|
|
85
|
-
__esDecorate(this, null, _set_value_decorators, {
|
|
86
|
-
kind: "setter",
|
|
87
|
-
name: "value",
|
|
88
|
-
static: false,
|
|
89
|
-
private: false,
|
|
90
|
-
access: {
|
|
91
|
-
has: (obj) => "value" in obj,
|
|
92
|
-
set: (obj, value) => {
|
|
93
|
-
obj.value = value;
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
metadata: _metadata
|
|
97
|
-
}, null, _instanceExtraInitializers);
|
|
98
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
99
|
-
enumerable: true,
|
|
100
|
-
configurable: true,
|
|
101
|
-
writable: true,
|
|
102
|
-
value: _metadata
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
static {
|
|
106
|
-
this.elementName = "sbb-tag-group";
|
|
107
|
-
}
|
|
108
|
-
static {
|
|
109
|
-
this.styles = [unsafeCSS(tag_group_default)];
|
|
110
|
-
}
|
|
111
|
-
#listAccessibilityLabel_accessor_storage;
|
|
112
|
-
/**
|
|
113
|
-
* This will be forwarded as aria-label to the inner list.
|
|
114
|
-
*/
|
|
115
|
-
get listAccessibilityLabel() {
|
|
116
|
-
return this.#listAccessibilityLabel_accessor_storage;
|
|
117
|
-
}
|
|
118
|
-
set listAccessibilityLabel(value) {
|
|
119
|
-
this.#listAccessibilityLabel_accessor_storage = value;
|
|
120
|
-
}
|
|
121
|
-
#multiple_accessor_storage;
|
|
122
|
-
/**
|
|
123
|
-
* If set multiple to false, the selection is exclusive and the value is a string (or null).
|
|
124
|
-
* If set multiple to true, the selection can have multiple values and therefore value is an array.
|
|
125
|
-
*
|
|
126
|
-
* Changing multiple during run time is not supported.
|
|
127
|
-
*/
|
|
128
|
-
get multiple() {
|
|
129
|
-
return this.#multiple_accessor_storage;
|
|
130
|
-
}
|
|
131
|
-
set multiple(value) {
|
|
132
|
-
this.#multiple_accessor_storage = value;
|
|
133
|
-
}
|
|
134
|
-
#size_accessor_storage;
|
|
135
|
-
/**
|
|
136
|
-
* Tag group size, either s (lean theme default) or m (standard theme default).
|
|
137
|
-
*/
|
|
138
|
-
get size() {
|
|
139
|
-
return this.#size_accessor_storage;
|
|
140
|
-
}
|
|
141
|
-
set size(value) {
|
|
142
|
-
this.#size_accessor_storage = value;
|
|
143
|
-
}
|
|
144
|
-
/**
|
|
145
|
-
* Value of the sbb-tag-group.
|
|
146
|
-
* If set multiple to false, the value is a string (or null).
|
|
147
|
-
* If set multiple to true, the value is an array.
|
|
148
|
-
*/
|
|
149
|
-
set value(value) {
|
|
150
|
-
if (isServer || !this.hasUpdated) {
|
|
151
|
-
this._value = value;
|
|
152
|
-
return;
|
|
153
|
-
}
|
|
154
|
-
this._applyValueToTags(value);
|
|
155
|
-
}
|
|
156
|
-
get value() {
|
|
157
|
-
return isServer || !this.hasUpdated ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : this.tags.find((t) => t.checked)?.value ?? null;
|
|
158
|
-
}
|
|
159
|
-
/** The child instances of sbb-tag as an array. */
|
|
160
|
-
get tags() {
|
|
161
|
-
return Array.from(this.querySelectorAll?.("sbb-tag") ?? []);
|
|
162
|
-
}
|
|
163
|
-
willUpdate(changedProperties) {
|
|
164
|
-
super.willUpdate(changedProperties);
|
|
165
|
-
if (changedProperties.has("value") && !this.hasUpdated && this._value) this._applyValueToTags(this.value);
|
|
166
|
-
if (changedProperties.has("disabled")) this.tags.forEach((r) => r.requestUpdate?.("disabled"));
|
|
167
|
-
if ((changedProperties.has("listChildren") || changedProperties.has("multiple")) && !this.multiple) this.tags.filter((tag) => tag.checked).slice(1).forEach((tag) => tag.checked = false);
|
|
168
|
-
if (changedProperties.has("listAccessibilityLabel")) this.internals.role = this.listAccessibilityLabel ? null : "group";
|
|
169
|
-
}
|
|
170
|
-
_applyValueToTags(value) {
|
|
171
|
-
const tags = this.tags;
|
|
172
|
-
if (value === null) tags.forEach((t) => t.checked = false);
|
|
173
|
-
else if (this.multiple) {
|
|
174
|
-
if (!Array.isArray(value) && tags.every((t) => t.value !== value)) try {
|
|
175
|
-
value = JSON.parse(value);
|
|
176
|
-
} catch {}
|
|
177
|
-
const valueAsArray = Array.isArray(value) ? value : [value];
|
|
178
|
-
tags.forEach((t) => t.checked = valueAsArray.includes(t.value));
|
|
179
|
-
} else if (!Array.isArray(value)) tags.forEach((t) => t.checked = t.value === value);
|
|
180
|
-
}
|
|
181
|
-
render() {
|
|
182
|
-
return html`
|
|
183
|
-
${this.renderList({
|
|
184
|
-
class: "sbb-tag-group__list",
|
|
185
|
-
ariaLabel: this.listAccessibilityLabel
|
|
186
|
-
})}
|
|
187
|
-
`;
|
|
188
|
-
}
|
|
189
|
-
};
|
|
190
|
-
})();
|
|
191
|
-
//#endregion
|
|
192
|
-
export { SbbTagGroupElement as t };
|
|
193
|
-
|
|
194
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWdyb3VwLmNvbXBvbmVudC1qU2dsdXFMLS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy1ncm91cC90YWctZ3JvdXAuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy1ncm91cC90YWctZ3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5zYmItdGFnLWdyb3VwX19saXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KTtcbn1cblxuLy8gVXNpbmcgLi4uIGxpIHNlbGVjdG9yLCBiZWNhdXNlIHRoZSBsaSBnZW5lcmF0aW9uXG4vLyBpcyBoYW5kbGVkIGluIHRoZSBjb21wb25lbnQgYmFzZSBjbGFzcy5cbi5zYmItdGFnLWdyb3VwX19saXN0ID4gOmlzKGxpLCBzcGFuKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIGlzU2VydmVyLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgZm9yY2VUeXBlLFxuICBTYmJEaXNhYmxlZE1peGluLFxuICBTYmJFbGVtZW50LFxuICBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sXG4gIHR5cGUgV2l0aExpc3RDaGlsZHJlbixcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhZ0VsZW1lbnQgfSBmcm9tICcuLi90YWcvdGFnLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhZy1ncm91cC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItdGFnYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBvbmUgb3IgbW9yZSAnc2JiLXRhZycgZWxlbWVudHMgdG8gdGhlIGBzYmItdGFnLWdyb3VwYC5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZyB8IChzdHJpbmcgfCBudWxsKVtdKSB8IG51bGxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhZ0dyb3VwRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxTYmJUYWdFbGVtZW50LCB0eXBlb2YgU2JiRWxlbWVudD4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWctZ3JvdXAnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG4gIC8vIERJViBpcyBhZGRlZCBoZXJlIGR1ZSB0byBzcGVjaWFsIHJlcXVpcmVtZW50cyBmcm9tIHNiYi5jaC5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ3NiYi10YWcnLCAnZGl2J107XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgaW5uZXIgbGlzdC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsaXN0LWFjY2Vzc2liaWxpdHktbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBsaXN0QWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIGZhbHNlLCB0aGUgc2VsZWN0aW9uIGlzIGV4Y2x1c2l2ZSBhbmQgdGhlIHZhbHVlIGlzIGEgc3RyaW5nIChvciBudWxsKS5cbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIHRydWUsIHRoZSBzZWxlY3Rpb24gY2FuIGhhdmUgbXVsdGlwbGUgdmFsdWVzIGFuZCB0aGVyZWZvcmUgdmFsdWUgaXMgYW4gYXJyYXkuXG4gICAqXG4gICAqIENoYW5naW5nIG11bHRpcGxlIGR1cmluZyBydW4gdGltZSBpcyBub3Qgc3VwcG9ydGVkLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRhZyBncm91cCBzaXplLCBlaXRoZXIgcyAobGVhbiB0aGVtZSBkZWZhdWx0KSBvciBtIChzdGFuZGFyZCB0aGVtZSBkZWZhdWx0KS5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYlRhZ0VsZW1lbnRbJ3NpemUnXSA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBzYmItdGFnLWdyb3VwLlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gZmFsc2UsIHRoZSB2YWx1ZSBpcyBhIHN0cmluZyAob3IgbnVsbCkuXG4gICAqIElmIHNldCBtdWx0aXBsZSB0byB0cnVlLCB0aGUgdmFsdWUgaXMgYW4gYXJyYXkuXG4gICAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBUIHwgKFQgfCBudWxsKVtdIHwgbnVsbCkge1xuICAgIGlmIChpc1NlcnZlciB8fCAhdGhpcy5oYXNVcGRhdGVkKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9hcHBseVZhbHVlVG9UYWdzKHZhbHVlKTtcbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IFQgfCAoVCB8IG51bGwpW10gfCBudWxsIHtcbiAgICByZXR1cm4gaXNTZXJ2ZXIgfHwgIXRoaXMuaGFzVXBkYXRlZFxuICAgICAgPyB0aGlzLl92YWx1ZVxuICAgICAgOiB0aGlzLm11bHRpcGxlXG4gICAgICAgID8gdGhpcy50YWdzLmZpbHRlcigodCkgPT4gdC5jaGVja2VkKS5tYXAoKHQpID0+IHQudmFsdWUpXG4gICAgICAgIDogKHRoaXMudGFncy5maW5kKCh0KSA9PiB0LmNoZWNrZWQpPy52YWx1ZSA/PyBudWxsKTtcbiAgfVxuICBwcml2YXRlIF92YWx1ZTogVCB8IChUIHwgbnVsbClbXSB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBUaGUgY2hpbGQgaW5zdGFuY2VzIG9mIHNiYi10YWcgYXMgYW4gYXJyYXkuICovXG4gIHB1YmxpYyBnZXQgdGFncygpOiBTYmJUYWdFbGVtZW50PFQ+W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlRhZ0VsZW1lbnQ8VD4+KCdzYmItdGFnJykgPz8gW10pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd2YWx1ZScpICYmICF0aGlzLmhhc1VwZGF0ZWQgJiYgdGhpcy5fdmFsdWUpIHtcbiAgICAgIHRoaXMuX2FwcGx5VmFsdWVUb1RhZ3ModGhpcy52YWx1ZSk7XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgdGhpcy50YWdzLmZvckVhY2goKHIpID0+IHIucmVxdWVzdFVwZGF0ZT8uKCdkaXNhYmxlZCcpKTtcbiAgICB9XG5cbiAgICBpZiAoXG4gICAgICAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ211bHRpcGxlJykpICYmXG4gICAgICAhdGhpcy5tdWx0aXBsZVxuICAgICkge1xuICAgICAgLy8gRW5zdXJlIG9ubHkgb25lIHRhZyBjaGVja2VkXG4gICAgICB0aGlzLnRhZ3NcbiAgICAgICAgLmZpbHRlcigodGFnKSA9PiB0YWcuY2hlY2tlZClcbiAgICAgICAgLnNsaWNlKDEpXG4gICAgICAgIC5mb3JFYWNoKCh0YWcpID0+ICh0YWcuY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdEFjY2Vzc2liaWxpdHlMYWJlbCcpKSB7XG4gICAgICB0aGlzLmludGVybmFscy5yb2xlID0gdGhpcy5saXN0QWNjZXNzaWJpbGl0eUxhYmVsID8gbnVsbCA6ICdncm91cCc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfYXBwbHlWYWx1ZVRvVGFncyh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgY29uc3QgdGFncyA9IHRoaXMudGFncztcblxuICAgIGlmICh2YWx1ZSA9PT0gbnVsbCkge1xuICAgICAgdGFncy5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMubXVsdGlwbGUpIHtcbiAgICAgIGlmICghQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdGFncy5ldmVyeSgodCkgPT4gdC52YWx1ZSAhPT0gdmFsdWUpKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgLy8gSWYgaXQgaXMgbXVsdGlwbGUgbW9kZSBhbmQgbm8gdGFnIG1hdGNoZXMgdGhlIHZhbHVlLCB3ZSB0cnkgdG8gcGFyc2UgdGhlIHZhbHVlIGFzIEpTT04uXG4gICAgICAgICAgLy8gVGhpcyBhbGxvd3Mgc2VydmVyIHNpZGUgcmVuZGVyaW5nIHRvIHVzZSBhcnJheSB2YWx1ZXMgdG8gYmUgcGFzc2VkIHRvIHRoZSBjbGllbnQgc2lkZS5cbiAgICAgICAgICB2YWx1ZSA9IEpTT04ucGFyc2UodmFsdWUgYXMgc3RyaW5nKTtcbiAgICAgICAgfSBjYXRjaCB7XG4gICAgICAgICAgLyogZW1wdHkgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgY29uc3QgdmFsdWVBc0FycmF5ID0gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFt2YWx1ZV07XG4gICAgICB0YWdzLmZvckVhY2goKHQpID0+ICh0LmNoZWNrZWQgPSB2YWx1ZUFzQXJyYXkuaW5jbHVkZXModC52YWx1ZSkpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICB0YWdzLmZvckVhY2goKHQpID0+ICh0LmNoZWNrZWQgPSB0LnZhbHVlID09PSB2YWx1ZSkpO1xuICAgICAgfSBlbHNlIGlmIChpbXBvcnQubWV0YS5lbnYuREVWKSB7XG4gICAgICAgIGNvbnNvbGUud2FybigndmFsdWUgbXVzdCBub3QgYmUgc2V0IGFzIGFuIGFycmF5IGluIHNpbmd1bGFyIG1vZGUuJywgdmFsdWUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgJHt0aGlzLnJlbmRlckxpc3Qoe1xuICAgICAgICBjbGFzczogJ3NiYi10YWctZ3JvdXBfX2xpc3QnLFxuICAgICAgICBhcmlhTGFiZWw6IHRoaXMubGlzdEFjY2Vzc2liaWxpdHlMYWJlbCxcbiAgICAgIH0pfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWctZ3JvdXAnOiBTYmJUYWdHcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7SUMyQmEsNEJBQWtCO21CQUFxQixpQkFDbEQsc0JBQXdELFVBQVUsQ0FBQzs7Ozs7Ozs7Ozs7O2NBRHhELDJCQUF1QyxZQUVuRDs7O0dBSTZCLEtBQUEsdUJBTmpCLGtCQUFBLE1BQUEsMEJBQUEsR0FNdUMsQ0FBQyxXQUFXLEtBQUs7R0FPbkQsS0FBQSwyQ0FBQSxrQkFBQSxNQUFBLHNDQUFpQyxFQUFFO0dBVW5DLEtBQUEsOEJBQUEsa0JBQUEsTUFBQSx5Q0FBQSxHQUFBLGtCQUFBLE1BQUEsd0JBQW9CLEtBQUs7R0FLSSxLQUFBLDBCQUFBLGtCQUFBLE1BQUEsMkJBQUEsR0FBQSxrQkFBQSxNQUFBLG9CQUE4QixJQUFJO0dBc0J2RSxLQUFBLFVBQU0sa0JBQUEsTUFBQSx1QkFBQSxHQUE0QjtFQW9FNUM7Ozt5Q0EzR0csVUFBUyxHQUNULFNBQVMsRUFBRSxXQUFXLDJCQUEwQixDQUFFLENBQUM7MkJBU25ELFVBQVMsR0FDVCxTQUFTLEVBQUUsTUFBTSxRQUFPLENBQUUsQ0FBQzt1QkFNM0IsU0FBUyxFQUFFLFNBQVMsS0FBSSxDQUFFLENBQUM7NEJBTzNCLFNBQVEsQ0FBRTtHQXRCWCxhQUFBLE1BQUEsTUFBQSxvQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLDRCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQXNCLE1BQUEsS0FBQSxVQUFBO01BQUEsSUFBdEIseUJBQXNCO0tBQUE7SUFBQTtJQUFBLFVBQUE7R0FBQSxHQUFBLHNDQUFBLHlDQUFBO0dBVXRDLGFBQUEsTUFBQSxNQUFBLHNCQUFBO0lBQUEsTUFBQTtJQUFB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
|
|
@@ -1,385 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
|
|
3
|
-
import { property as o, state as s } from "lit/decorators.js";
|
|
4
|
-
import { IS_FOCUSABLE_QUERY as c, SbbEscapableOverlayController as l, SbbFocusTrapController as u, SbbLanguageController as d, SbbMediaQueryPointerCoarse as f, SbbOpenCloseBaseElement as p, composedPathHasAttribute as m, forceType as h, getElementPosition as g, i18nClosePopover as _, idReference as v, isEventOnElement as y, isFakeMousedownFromScreenReader as b, isZeroAnimationDuration as x, popoverResetStyles as S, readConfig as C, removeAriaOverlayTriggerProperties as w, sbbInputModalityDetector as T, scrollbarStyles as E, setAriaOverlayTriggerProperties as D, ɵstateController as O } from "./core.js";
|
|
5
|
-
import { SbbSecondaryButtonElement as k } from "./button.pure.js";
|
|
6
|
-
import { ResizeController as A } from "@lit-labs/observers/resize-controller.js";
|
|
7
|
-
import { ref as j } from "lit/directives/ref.js";
|
|
8
|
-
//#region src/elements/popover/popover.scss?inline
|
|
9
|
-
var M = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}", N = 16, P = 32, F = /* @__PURE__ */ new Set(), I = r ? !1 : matchMedia(f).matches, L = class extends Event {
|
|
10
|
-
get closeTarget() {
|
|
11
|
-
return this._closeTarget;
|
|
12
|
-
}
|
|
13
|
-
constructor(e, { closeTarget: t, cancelable: n }) {
|
|
14
|
-
super(e, { cancelable: n }), this._closeTarget = t;
|
|
15
|
-
}
|
|
16
|
-
}, R = (() => {
|
|
17
|
-
let i = p, s, d = [], f = [];
|
|
18
|
-
return class extends i {
|
|
19
|
-
constructor() {
|
|
20
|
-
super(...arguments), this.#e = t(this, d, null), this._nextFocusedElement = t(this, f), this._skipCloseFocus = !1, this._resizeController = new A(this, {
|
|
21
|
-
target: null,
|
|
22
|
-
callback: () => this._setPopoverPosition()
|
|
23
|
-
}), this._escapableOverlayController = new l(this), this._focusTrapController = new u(this), this._blurTimeout = null, this._pointerDownListener = (e) => {
|
|
24
|
-
this._isPointerDownEventOnPopover = y(this.overlay, e);
|
|
25
|
-
}, this._closeOnBackdropClick = (e) => {
|
|
26
|
-
let t = e.composedPath();
|
|
27
|
-
!this._isPointerDownEventOnPopover && !y(this.overlay, e) && (!this.trigger || !t.includes(this.trigger)) && (this._nextFocusedElement = t.filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(c)), clearTimeout(this.closeTimeout), this.close());
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
static {
|
|
31
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
|
|
32
|
-
s = [v(), o()], e(this, null, s, {
|
|
33
|
-
kind: "accessor",
|
|
34
|
-
name: "trigger",
|
|
35
|
-
static: !1,
|
|
36
|
-
private: !1,
|
|
37
|
-
access: {
|
|
38
|
-
has: (e) => "trigger" in e,
|
|
39
|
-
get: (e) => e.trigger,
|
|
40
|
-
set: (e, t) => {
|
|
41
|
-
e.trigger = t;
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
metadata: t
|
|
45
|
-
}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
|
|
46
|
-
enumerable: !0,
|
|
47
|
-
configurable: !0,
|
|
48
|
-
writable: !0,
|
|
49
|
-
value: t
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
static {
|
|
53
|
-
this.styles = [S, a(M)];
|
|
54
|
-
}
|
|
55
|
-
#e;
|
|
56
|
-
get trigger() {
|
|
57
|
-
return this.#e;
|
|
58
|
-
}
|
|
59
|
-
set trigger(e) {
|
|
60
|
-
this.#e = e;
|
|
61
|
-
}
|
|
62
|
-
open() {
|
|
63
|
-
if (!(this.state !== "closed" && this.state !== "closing" || !this.overlay || !this.dispatchBeforeOpenEvent())) {
|
|
64
|
-
for (let e of F) (e.state === "opened" || e.state === "opening") && e.close();
|
|
65
|
-
this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._attachWindowEvents(), this._escapableOverlayController.connect(), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._triggerElement && (this._triggerElement.ariaExpanded = "true"), this._isZeroAnimationDuration() && this._handleOpening();
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
close(e) {
|
|
69
|
-
this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.dispatchBeforeCloseEvent({ closeTarget: e ?? null }) && (this.state = "closing", this.inert = !0, this._triggerElement && (this._triggerElement.ariaExpanded = "false"), this._isZeroAnimationDuration() && this._handleClosing()));
|
|
70
|
-
}
|
|
71
|
-
_isZeroAnimationDuration() {
|
|
72
|
-
return x(this, "--sbb-popover-animation-duration");
|
|
73
|
-
}
|
|
74
|
-
_handleClosing() {
|
|
75
|
-
this.state = "closed", this.hidePopover?.(), this.overlay && (this._resizeController.unobserve(this.overlay), this.overlay.firstElementChild?.scrollTo(0, 0)), this.removeAttribute("tabindex"), this._skipCloseFocus || (this._nextFocusedElement || this._triggerElement)?.focus(), this._escapableOverlayController.disconnect(), this._openStateController?.abort(), this._focusTrapController.enabled = !1, this.dispatchCloseEvent({ closeTarget: this._popoverCloseElement ?? null });
|
|
76
|
-
}
|
|
77
|
-
_handleOpening() {
|
|
78
|
-
this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.overlay && this._resizeController.observe(this.overlay), this.dispatchOpenEvent();
|
|
79
|
-
}
|
|
80
|
-
connectedCallback() {
|
|
81
|
-
this.popover = "manual", super.connectedCallback(), this.state = "closed", F.add(this), this.hasUpdated && this._configureTrigger();
|
|
82
|
-
}
|
|
83
|
-
requestUpdate(e, t, n) {
|
|
84
|
-
super.requestUpdate(e, t, n), !r && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
|
|
85
|
-
}
|
|
86
|
-
firstUpdated(e) {
|
|
87
|
-
super.firstUpdated(e), this._configureTrigger();
|
|
88
|
-
}
|
|
89
|
-
disconnectedCallback() {
|
|
90
|
-
super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), F.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
|
|
91
|
-
}
|
|
92
|
-
_configureTrigger() {
|
|
93
|
-
if (!r) {
|
|
94
|
-
if (this.hydrationRequired) {
|
|
95
|
-
this.hydrationComplete.then(() => this._configureTrigger());
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
this.configureTrigger(this._triggerElement ?? null);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
configureTrigger(e) {
|
|
102
|
-
this._triggerAbortController?.abort(), w(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (D(this, this._triggerElement, "dialog", this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
|
|
103
|
-
}
|
|
104
|
-
registerTriggerListeners(e) {
|
|
105
|
-
this._triggerElement.addEventListener("click", () => this.open(), { signal: e });
|
|
106
|
-
}
|
|
107
|
-
_attachWindowEvents() {
|
|
108
|
-
this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
|
|
109
|
-
passive: !0,
|
|
110
|
-
signal: this._openStateController.signal,
|
|
111
|
-
capture: !0
|
|
112
|
-
}), window.addEventListener("resize", () => this._setPopoverPosition(), {
|
|
113
|
-
passive: !0,
|
|
114
|
-
signal: this._openStateController.signal
|
|
115
|
-
}), window.addEventListener("pointerdown", this._pointerDownListener, { signal: this._openStateController.signal }), window.addEventListener("pointerup", this._closeOnBackdropClick, { signal: this._openStateController.signal });
|
|
116
|
-
}
|
|
117
|
-
_closeOnSbbPopoverCloseClick(e) {
|
|
118
|
-
let t = m(e, "sbb-popover-close", this);
|
|
119
|
-
t && !t.hasAttribute("disabled") && (clearTimeout(this.closeTimeout), this.close(t));
|
|
120
|
-
}
|
|
121
|
-
_onPopoverAnimationEnd(e) {
|
|
122
|
-
e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
|
|
123
|
-
}
|
|
124
|
-
_setPopoverFocus() {
|
|
125
|
-
!this._focusTrapController.focusInitialElement() && this._openStateController && (this.setAttribute("tabindex", "0"), this.focus(), this.addEventListener("blur", (e) => {
|
|
126
|
-
this._blurTimeout = setTimeout(() => {
|
|
127
|
-
if (document.visibilityState !== "hidden") {
|
|
128
|
-
if (this.removeAttribute("tabindex"), this.contains(e.relatedTarget) || e.relatedTarget === this.trigger) return;
|
|
129
|
-
(this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close();
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
}, { signal: this._openStateController.signal }));
|
|
133
|
-
}
|
|
134
|
-
_setPopoverPosition() {
|
|
135
|
-
if (!this.overlay || !this._triggerElement) return;
|
|
136
|
-
let e = g(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
|
|
137
|
-
verticalOffset: N,
|
|
138
|
-
horizontalOffset: P,
|
|
139
|
-
centered: !0,
|
|
140
|
-
responsiveHeight: !0
|
|
141
|
-
}), t = e.alignment.vertical;
|
|
142
|
-
for (let e of ["above", "below"]) this.toggleState(`position-${e}`, e === t);
|
|
143
|
-
let n = this._triggerElement.getBoundingClientRect().left - e.left + this._triggerElement.clientWidth / 2 - 8;
|
|
144
|
-
this.style.setProperty("--_sbb-popover-position-x", `${e.left}px`), this.style.setProperty("--_sbb-popover-position-y", `${e.top}px`), this.style.setProperty("--_sbb-popover-arrow-position-x", `${n}px`), this.style.setProperty("--_sbb-popover-max-height", e.maxHeight);
|
|
145
|
-
}
|
|
146
|
-
dispatchBeforeCloseEvent(e) {
|
|
147
|
-
let t = e?.closeTarget ?? null;
|
|
148
|
-
return this.dispatchEvent(new L("beforeclose", {
|
|
149
|
-
closeTarget: t,
|
|
150
|
-
cancelable: !0
|
|
151
|
-
}));
|
|
152
|
-
}
|
|
153
|
-
dispatchCloseEvent(e) {
|
|
154
|
-
let t = e?.closeTarget ?? null;
|
|
155
|
-
return this.dispatchEvent(new L("close", {
|
|
156
|
-
closeTarget: t,
|
|
157
|
-
cancelable: !1
|
|
158
|
-
}));
|
|
159
|
-
}
|
|
160
|
-
render() {
|
|
161
|
-
return n`
|
|
162
|
-
<div class="sbb-popover__container">
|
|
163
|
-
<div
|
|
164
|
-
@animationend=${this._onPopoverAnimationEnd}
|
|
165
|
-
class="sbb-popover"
|
|
166
|
-
role="tooltip"
|
|
167
|
-
${j((e) => this.overlay = e)}
|
|
168
|
-
>
|
|
169
|
-
<div
|
|
170
|
-
@click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
|
|
171
|
-
class="sbb-popover__content"
|
|
172
|
-
>
|
|
173
|
-
${this.renderContent()}
|
|
174
|
-
</div>
|
|
175
|
-
</div>
|
|
176
|
-
</div>
|
|
177
|
-
`;
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
})(), z = (() => {
|
|
181
|
-
let r = R, a = [], c, l = [], u = [], f, p = [], m = [], g, v, y, x = [], S = [], w, D = [], A = [];
|
|
182
|
-
return class extends r {
|
|
183
|
-
constructor() {
|
|
184
|
-
super(...arguments), this.#e = (t(this, a), t(this, l, !1)), this.#t = (t(this, u), t(this, p, !1)), this._openDelay = t(this, m), this.#n = t(this, x, ""), this.#r = (t(this, S), t(this, D, !1)), this._openTimeout = t(this, A), this._language = new d(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
|
|
185
|
-
this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => {
|
|
186
|
-
T.reset(), this.open();
|
|
187
|
-
}, this.openDelay) : clearTimeout(this.closeTimeout);
|
|
188
|
-
}, this._onTriggerMouseLeave = () => {
|
|
189
|
-
this.state === "opened" || this.state === "opening" ? this.closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
|
|
190
|
-
}, this._onOverlayMouseEnter = () => {
|
|
191
|
-
this.state !== "opening" && clearTimeout(this.closeTimeout);
|
|
192
|
-
}, this._onOverlayMouseLeave = () => {
|
|
193
|
-
this.state !== "opening" && (this.closeTimeout = setTimeout(() => this.close(), this.closeDelay));
|
|
194
|
-
};
|
|
195
|
-
}
|
|
196
|
-
static {
|
|
197
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
|
|
198
|
-
c = [h(), o({
|
|
199
|
-
attribute: "hide-close-button",
|
|
200
|
-
type: Boolean,
|
|
201
|
-
reflect: !0
|
|
202
|
-
})], f = [h(), o({
|
|
203
|
-
attribute: "hover-trigger",
|
|
204
|
-
type: Boolean
|
|
205
|
-
})], g = [o({
|
|
206
|
-
attribute: "open-delay",
|
|
207
|
-
type: Number
|
|
208
|
-
})], v = [o({
|
|
209
|
-
attribute: "close-delay",
|
|
210
|
-
type: Number
|
|
211
|
-
})], y = [h(), o({ attribute: "accessibility-close-label" })], w = [s()], e(this, null, c, {
|
|
212
|
-
kind: "accessor",
|
|
213
|
-
name: "hideCloseButton",
|
|
214
|
-
static: !1,
|
|
215
|
-
private: !1,
|
|
216
|
-
access: {
|
|
217
|
-
has: (e) => "hideCloseButton" in e,
|
|
218
|
-
get: (e) => e.hideCloseButton,
|
|
219
|
-
set: (e, t) => {
|
|
220
|
-
e.hideCloseButton = t;
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
metadata: t
|
|
224
|
-
}, l, u), e(this, null, f, {
|
|
225
|
-
kind: "accessor",
|
|
226
|
-
name: "hoverTrigger",
|
|
227
|
-
static: !1,
|
|
228
|
-
private: !1,
|
|
229
|
-
access: {
|
|
230
|
-
has: (e) => "hoverTrigger" in e,
|
|
231
|
-
get: (e) => e.hoverTrigger,
|
|
232
|
-
set: (e, t) => {
|
|
233
|
-
e.hoverTrigger = t;
|
|
234
|
-
}
|
|
235
|
-
},
|
|
236
|
-
metadata: t
|
|
237
|
-
}, p, m), e(this, null, g, {
|
|
238
|
-
kind: "setter",
|
|
239
|
-
name: "openDelay",
|
|
240
|
-
static: !1,
|
|
241
|
-
private: !1,
|
|
242
|
-
access: {
|
|
243
|
-
has: (e) => "openDelay" in e,
|
|
244
|
-
set: (e, t) => {
|
|
245
|
-
e.openDelay = t;
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
|
-
metadata: t
|
|
249
|
-
}, null, a), e(this, null, v, {
|
|
250
|
-
kind: "setter",
|
|
251
|
-
name: "closeDelay",
|
|
252
|
-
static: !1,
|
|
253
|
-
private: !1,
|
|
254
|
-
access: {
|
|
255
|
-
has: (e) => "closeDelay" in e,
|
|
256
|
-
set: (e, t) => {
|
|
257
|
-
e.closeDelay = t;
|
|
258
|
-
}
|
|
259
|
-
},
|
|
260
|
-
metadata: t
|
|
261
|
-
}, null, a), e(this, null, y, {
|
|
262
|
-
kind: "accessor",
|
|
263
|
-
name: "accessibilityCloseLabel",
|
|
264
|
-
static: !1,
|
|
265
|
-
private: !1,
|
|
266
|
-
access: {
|
|
267
|
-
has: (e) => "accessibilityCloseLabel" in e,
|
|
268
|
-
get: (e) => e.accessibilityCloseLabel,
|
|
269
|
-
set: (e, t) => {
|
|
270
|
-
e.accessibilityCloseLabel = t;
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
metadata: t
|
|
274
|
-
}, x, S), e(this, null, w, {
|
|
275
|
-
kind: "accessor",
|
|
276
|
-
name: "_hoverTrigger",
|
|
277
|
-
static: !1,
|
|
278
|
-
private: !1,
|
|
279
|
-
access: {
|
|
280
|
-
has: (e) => "_hoverTrigger" in e,
|
|
281
|
-
get: (e) => e._hoverTrigger,
|
|
282
|
-
set: (e, t) => {
|
|
283
|
-
e._hoverTrigger = t;
|
|
284
|
-
}
|
|
285
|
-
},
|
|
286
|
-
metadata: t
|
|
287
|
-
}, D, A), t && Object.defineProperty(this, Symbol.metadata, {
|
|
288
|
-
enumerable: !0,
|
|
289
|
-
configurable: !0,
|
|
290
|
-
writable: !0,
|
|
291
|
-
value: t
|
|
292
|
-
});
|
|
293
|
-
}
|
|
294
|
-
static {
|
|
295
|
-
this.elementName = "sbb-popover";
|
|
296
|
-
}
|
|
297
|
-
static {
|
|
298
|
-
this.elementDependencies = [k];
|
|
299
|
-
}
|
|
300
|
-
static {
|
|
301
|
-
this.styles = [E];
|
|
302
|
-
}
|
|
303
|
-
#e;
|
|
304
|
-
get hideCloseButton() {
|
|
305
|
-
return this.#e;
|
|
306
|
-
}
|
|
307
|
-
set hideCloseButton(e) {
|
|
308
|
-
this.#e = e;
|
|
309
|
-
}
|
|
310
|
-
#t;
|
|
311
|
-
get hoverTrigger() {
|
|
312
|
-
return this.#t;
|
|
313
|
-
}
|
|
314
|
-
set hoverTrigger(e) {
|
|
315
|
-
this.#t = e;
|
|
316
|
-
}
|
|
317
|
-
set openDelay(e) {
|
|
318
|
-
this._openDelay = +e;
|
|
319
|
-
}
|
|
320
|
-
get openDelay() {
|
|
321
|
-
return this._openDelay ?? C().popover?.openDelay ?? 0;
|
|
322
|
-
}
|
|
323
|
-
set closeDelay(e) {
|
|
324
|
-
this._closeDelay = +e;
|
|
325
|
-
}
|
|
326
|
-
get closeDelay() {
|
|
327
|
-
return this._closeDelay ?? C().popover?.closeDelay ?? 0;
|
|
328
|
-
}
|
|
329
|
-
#n;
|
|
330
|
-
get accessibilityCloseLabel() {
|
|
331
|
-
return this.#n;
|
|
332
|
-
}
|
|
333
|
-
set accessibilityCloseLabel(e) {
|
|
334
|
-
this.#n = e;
|
|
335
|
-
}
|
|
336
|
-
#r;
|
|
337
|
-
get _hoverTrigger() {
|
|
338
|
-
return this.#r;
|
|
339
|
-
}
|
|
340
|
-
set _hoverTrigger(e) {
|
|
341
|
-
this.#r = e;
|
|
342
|
-
}
|
|
343
|
-
configureTrigger(e) {
|
|
344
|
-
let t = this.hoverTrigger && !I;
|
|
345
|
-
this.trigger === e && t === this._hoverTrigger || (this._hoverTrigger !== t && (this._hoverTrigger = t, this.toggleState("hover-trigger", this._hoverTrigger), this._registerOverlayListeners()), super.configureTrigger(e));
|
|
346
|
-
}
|
|
347
|
-
_registerOverlayListeners() {
|
|
348
|
-
this._overlayAbortController?.abort(), this._hoverTrigger && (this._overlayAbortController = new AbortController(), this.overlay?.addEventListener("mouseenter", () => this._onOverlayMouseEnter(), { signal: this._overlayAbortController.signal }), this.overlay?.addEventListener("mouseleave", () => this._onOverlayMouseLeave(), { signal: this._overlayAbortController.signal }));
|
|
349
|
-
}
|
|
350
|
-
registerTriggerListeners(e) {
|
|
351
|
-
this._hoverTrigger && this.trigger ? (this.trigger.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: e }), this.trigger.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: e }), this.trigger.addEventListener("keydown", (e) => {
|
|
352
|
-
(e.code === "Space" || e.code === "Enter") && this.open();
|
|
353
|
-
}, { signal: e }), this.trigger.addEventListener("mousedown", (e) => {
|
|
354
|
-
b(e) && this.open();
|
|
355
|
-
}, { signal: e })) : super.registerTriggerListeners(e);
|
|
356
|
-
}
|
|
357
|
-
firstUpdated(e) {
|
|
358
|
-
super.firstUpdated(e), this._registerOverlayListeners();
|
|
359
|
-
}
|
|
360
|
-
open() {
|
|
361
|
-
super.open(), this.hoverTrigger && this.trigger && O(this.trigger).add("force-hover");
|
|
362
|
-
}
|
|
363
|
-
close() {
|
|
364
|
-
super.close(), O(this.trigger)?.delete("force-hover");
|
|
365
|
-
}
|
|
366
|
-
renderContent() {
|
|
367
|
-
let e = n`
|
|
368
|
-
<sbb-secondary-button
|
|
369
|
-
aria-label=${this.accessibilityCloseLabel || _[this._language.current]}
|
|
370
|
-
size="s"
|
|
371
|
-
icon-name="cross-small"
|
|
372
|
-
sbb-popover-close
|
|
373
|
-
></sbb-secondary-button>
|
|
374
|
-
`;
|
|
375
|
-
return n`
|
|
376
|
-
${!this.hideCloseButton && !this._hoverTrigger ? e : i}
|
|
377
|
-
<span class="sbb-popover__scrollable-content sbb-scrollbar">
|
|
378
|
-
<slot>No content</slot>
|
|
379
|
-
</span>
|
|
380
|
-
`;
|
|
381
|
-
}
|
|
382
|
-
};
|
|
383
|
-
})();
|
|
384
|
-
//#endregion
|
|
385
|
-
export { L as n, z as r, R as t };
|