@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.
Files changed (105) hide show
  1. package/{block-link-common-C_rUmc2u.js → block-link-common-BZZ4NhPD.js} +1 -1
  2. package/core.js +24 -25
  3. package/custom-elements.json +1412 -281
  4. package/development/{block-link-common-C0XzZIvS.js → block-link-common-DCKM3jJQ.js} +2 -2
  5. package/development/core.d.ts +0 -1
  6. package/development/core.d.ts.map +1 -1
  7. package/development/core.js +1 -2
  8. package/development/icon/icon-base.js +1 -1
  9. package/development/icon/icon.component.js +1 -1
  10. package/development/icon-base-Cq6DxOUh.js +163 -0
  11. package/development/icon.js +1 -1
  12. package/development/icon.pure.js +1 -1
  13. package/development/link/common/block-link-common.js +1 -1
  14. package/development/link.js +1 -1
  15. package/development/link.pure.js +1 -1
  16. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  17. package/development/navigation/navigation/navigation.component.d.ts +0 -1
  18. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  19. package/development/navigation/navigation/navigation.component.js +1 -1
  20. package/development/navigation/navigation-section/navigation-section.component.d.ts +0 -1
  21. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  22. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  23. package/development/navigation-action-common-BdJOaItd.js +1 -1
  24. package/development/{navigation-section.component-DhMQspKb.js → navigation-section.component-34GEIPaN.js} +2 -5
  25. package/development/{navigation.component-BOBqdfXo.js → navigation.component-CqQuaq7V.js} +2 -5
  26. package/development/navigation.js +2 -2
  27. package/development/navigation.pure.js +2 -2
  28. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  29. package/development/overlay/overlay-base-element.js +3 -3
  30. package/development/popover/popover/popover.component.d.ts +54 -0
  31. package/development/popover/popover/popover.component.d.ts.map +1 -0
  32. package/development/popover/popover/popover.component.js +2 -0
  33. package/development/popover/{popover.component.d.ts → popover-base/popover-base.d.ts} +2 -59
  34. package/development/popover/popover-base/popover-base.d.ts.map +1 -0
  35. package/development/popover/popover-base/popover-base.js +2 -0
  36. package/development/popover/popover-close-button/popover-close-button.component.d.ts +21 -0
  37. package/development/popover/popover-close-button/popover-close-button.component.d.ts.map +1 -0
  38. package/development/popover/popover-close-button/popover-close-button.component.js +30 -0
  39. package/development/popover-base-BcIAVXWF.js +288 -0
  40. package/development/popover.component-CMR0eV2t.js +233 -0
  41. package/development/popover.js +6 -3
  42. package/development/popover.pure.d.ts +3 -1
  43. package/development/popover.pure.d.ts.map +1 -1
  44. package/development/popover.pure.js +4 -2
  45. package/development/tag/tag/tag.component.d.ts +1 -0
  46. package/development/tag/tag/tag.component.d.ts.map +1 -1
  47. package/development/tag/tag/tag.component.js +1 -1
  48. package/development/tag/tag-group/tag-group.component.d.ts +6 -1
  49. package/development/tag/tag-group/tag-group.component.d.ts.map +1 -1
  50. package/development/tag/tag-group/tag-group.component.js +1 -1
  51. package/development/tag-group.component-DTff1eBB.js +225 -0
  52. package/development/{tag.component-D6YowucW.js → tag.component-CDDb2fnV.js} +28 -8
  53. package/development/tag.js +2 -2
  54. package/development/tag.pure.js +2 -2
  55. package/development/toast/toast.component.d.ts.map +1 -1
  56. package/development/toast/toast.component.js +1 -1
  57. package/development/{toast.component-DowxkGr4.js → toast.component-BgGWVr4o.js} +3 -4
  58. package/development/toast.js +1 -1
  59. package/development/toast.pure.js +1 -1
  60. package/icon/icon-base.js +1 -1
  61. package/icon/icon.component.js +1 -1
  62. package/{icon-base-CK1oqnO4.js → icon-base-TSCmR5QC.js} +1 -1
  63. package/icon.js +1 -1
  64. package/icon.pure.js +1 -1
  65. package/index.d.ts +2 -1
  66. package/index.js +2 -1
  67. package/link/common/block-link-common.js +1 -1
  68. package/link.js +1 -1
  69. package/link.pure.js +1 -1
  70. package/navigation/navigation/navigation.component.js +1 -1
  71. package/navigation/navigation-section/navigation-section.component.js +1 -1
  72. package/{navigation-section.component-c4XBLFsl.js → navigation-section.component-DPgBlCf8.js} +1 -4
  73. package/{navigation.component-pRBja4z3.js → navigation.component-CY_9Q6dT.js} +1 -4
  74. package/navigation.js +2 -2
  75. package/navigation.pure.js +2 -2
  76. package/overlay/overlay-base-element.js +2 -2
  77. package/package.json +2 -2
  78. package/popover/popover/popover.component.js +2 -0
  79. package/popover/popover-base/popover-base.js +2 -0
  80. package/popover/popover-close-button/popover-close-button.component.js +20 -0
  81. package/popover-base-DlSa-ajc.js +181 -0
  82. package/popover.component-BHg4Qtqd.js +158 -0
  83. package/popover.js +5 -4
  84. package/popover.pure.js +4 -2
  85. package/tag/tag/tag.component.js +1 -1
  86. package/tag/tag-group/tag-group.component.js +1 -1
  87. package/{tag-group.component-ByRxy8UG.js → tag-group.component-CJwbkP70.js} +38 -23
  88. package/{tag.component-BrKoQeIW.js → tag.component-r8diGGP-.js} +14 -5
  89. package/tag.js +2 -2
  90. package/tag.pure.js +2 -2
  91. package/toast/toast.component.js +1 -1
  92. package/{toast.component-Lbh5sa_U.js → toast.component-Dlr0Koxu.js} +22 -23
  93. package/toast.js +1 -1
  94. package/toast.pure.js +1 -1
  95. package/core/eventing/composed-path-has-attribute.js +0 -7
  96. package/development/core/eventing/composed-path-has-attribute.d.ts +0 -10
  97. package/development/core/eventing/composed-path-has-attribute.d.ts.map +0 -1
  98. package/development/core/eventing/composed-path-has-attribute.js +0 -19
  99. package/development/icon-base-Cz7F4MJ9.js +0 -163
  100. package/development/popover/popover.component.d.ts.map +0 -1
  101. package/development/popover/popover.component.js +0 -2
  102. package/development/popover.component-DtIhw37L.js +0 -578
  103. package/development/tag-group.component-jSgluqL-.js +0 -194
  104. package/popover/popover.component.js +0 -2
  105. 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,2 +0,0 @@
1
- import { n as e, r as t, t as n } from "../popover.component-DrLx8J07.js";
2
- export { n as SbbPopoverBaseElement, e as SbbPopoverCloseEvent, t as SbbPopoverElement };
@@ -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 };