@cas-smartdesign/popover 4.1.2 → 4.2.1

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 (9) hide show
  1. package/dist/docs/doc.css +1 -1
  2. package/dist/docs/doc.mjs +36 -39
  3. package/dist/popover-with-externals.js +3 -3
  4. package/dist/popover-with-externals.js.map +4 -4
  5. package/dist/popover.d.ts +2 -0
  6. package/dist/popover.mjs +92 -73
  7. package/dist/popover.mjs.map +1 -1
  8. package/npm-third-party-licenses.json +51 -46
  9. package/package.json +3 -3
package/dist/popover.d.ts CHANGED
@@ -61,6 +61,7 @@ export default class Popover extends HTMLElement {
61
61
  private set open(value);
62
62
  private handleOpenChange;
63
63
  private hideIfExternalTarget;
64
+ private handleTabKeyDown;
64
65
  private handleTargetSelectorChange;
65
66
  private addTargetEventListener;
66
67
  private removeTargetEventListener;
@@ -73,4 +74,5 @@ export default class Popover extends HTMLElement {
73
74
  private get content();
74
75
  private addTargetClassForOpen;
75
76
  private removeTargetClassForOpen;
77
+ private findNextFocusableAfter;
76
78
  }
package/dist/popover.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import { createPopper as d } from "@popperjs/core";
2
- const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBox="0 0 24 12">\r
2
+ const f = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBox="0 0 24 12">\r
3
3
  <path d="M0 0l11.96 12L24 0z" fill="#999" class="arrow-border"/>\r
4
4
  <path d="M12 11L1 0h22z" fill="#f2f2f2" class="arrow-background"/>\r
5
5
  </svg>\r
6
- `, f = navigator.userAgent.indexOf("Trident") !== -1, h = 1, l = "sd-popover-open", o = class o extends HTMLElement {
6
+ `, g = navigator.userAgent.indexOf("Trident") !== -1, p = 1, c = "sd-popover-open", l = class l extends HTMLElement {
7
7
  constructor() {
8
8
  super(...arguments), this._open = !1, this._firstUpdated = !1, this.toggle = () => {
9
9
  this.open = !this.open;
@@ -11,58 +11,67 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
11
11
  this.open = !0;
12
12
  }, this.hide = () => {
13
13
  this.open = !1;
14
- }, this.hideIfExternalTarget = (t) => {
15
- const e = t.target;
16
- (!(e instanceof HTMLElement) || !this._container.contains(e) && !this.targetElement.contains(e)) && this.hide();
14
+ }, this.hideIfExternalTarget = (e) => {
15
+ const t = e.target;
16
+ (!(t instanceof HTMLElement) || !this._container.contains(t) && !this.targetElement.contains(t)) && this.hide();
17
+ }, this.handleTabKeyDown = (e) => {
18
+ if (e.key !== "Tab")
19
+ return;
20
+ const t = e.shiftKey;
21
+ let r = null;
22
+ const s = e.target, i = this.content;
23
+ if (s instanceof HTMLElement && i && (r = this.findNextFocusableAfter(s, i, !t)), r)
24
+ return;
25
+ e.preventDefault(), this.open = !1, this.findNextFocusableAfter(this.targetElement, null, !t)?.focus();
17
26
  };
18
27
  }
19
28
  get triggerType() {
20
29
  return this.getAttribute("trigger-type");
21
30
  }
22
- set triggerType(t) {
23
- t ? this.setAttribute("trigger-type", t) : this.removeAttribute("trigger-type");
31
+ set triggerType(e) {
32
+ e ? this.setAttribute("trigger-type", e) : this.removeAttribute("trigger-type");
24
33
  }
25
34
  get placement() {
26
35
  return this.getAttribute("placement");
27
36
  }
28
- set placement(t) {
29
- t ? this.setAttribute("placement", t) : this.removeAttribute("placement");
37
+ set placement(e) {
38
+ e ? this.setAttribute("placement", e) : this.removeAttribute("placement");
30
39
  }
31
40
  get targetElement() {
32
41
  return this._targetElement;
33
42
  }
34
- set targetElement(t) {
35
- this.removeTargetEventListener(this.targetElement), this._targetElement && this._targetElement.getAttribute("aria-expanded") == "true" && this._targetElement.setAttribute("aria-expanded", "false"), this._targetElement = t, t && t.setAttribute("aria-expanded", "false"), this.addTargetEventListener(this.targetElement), this.updatePopper();
43
+ set targetElement(e) {
44
+ this.removeTargetEventListener(this.targetElement), this._targetElement && this._targetElement.getAttribute("aria-expanded") == "true" && this._targetElement.setAttribute("aria-expanded", "false"), this._targetElement = e, e && e.setAttribute("aria-expanded", "false"), this.addTargetEventListener(this.targetElement), this.updatePopper();
36
45
  }
37
46
  get targetSelector() {
38
47
  return this.getAttribute("target-selector");
39
48
  }
40
- set targetSelector(t) {
41
- t ? this.setAttribute("target-selector", t) : this.removeAttribute("target-selector");
49
+ set targetSelector(e) {
50
+ e ? this.setAttribute("target-selector", e) : this.removeAttribute("target-selector");
42
51
  }
43
52
  get modal() {
44
53
  return this.hasAttribute("modal");
45
54
  }
46
- set modal(t) {
47
- t ? this.setAttribute("modal", "") : this.removeAttribute("modal");
55
+ set modal(e) {
56
+ e ? this.setAttribute("modal", "") : this.removeAttribute("modal");
48
57
  }
49
58
  get popoverFor() {
50
59
  return this.getAttribute("popover-for");
51
60
  }
52
- set popoverFor(t) {
53
- t ? this.setAttribute("popover-for", t) : this.removeAttribute("popover-for");
61
+ set popoverFor(e) {
62
+ e ? this.setAttribute("popover-for", e) : this.removeAttribute("popover-for");
54
63
  }
55
64
  get flipPriority() {
56
65
  return this._flipPriority;
57
66
  }
58
- set flipPriority(t) {
59
- t && t.length > 0 ? this._flipPriority = t : this._flipPriority = null, this.reConfigurePopper();
67
+ set flipPriority(e) {
68
+ e && e.length > 0 ? this._flipPriority = e : this._flipPriority = null, this.reConfigurePopper();
60
69
  }
61
70
  get offset() {
62
71
  return this.getAttribute("offset") ? parseInt(this.getAttribute("offset")) : 0;
63
72
  }
64
- set offset(t) {
65
- t ? this.setAttribute("offset", t.toString()) : this.removeAttribute("offset"), this.reConfigurePopper();
73
+ set offset(e) {
74
+ e ? this.setAttribute("offset", e.toString()) : this.removeAttribute("offset"), this.reConfigurePopper();
66
75
  }
67
76
  reConfigurePopper() {
68
77
  this._popper && this.configurePopper();
@@ -70,14 +79,14 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
70
79
  get noArrow() {
71
80
  return this.hasAttribute("no-arrow");
72
81
  }
73
- set noArrow(t) {
74
- t ? this.setAttribute("no-arrow", "") : this.removeAttribute("no-arrow");
82
+ set noArrow(e) {
83
+ e ? this.setAttribute("no-arrow", "") : this.removeAttribute("no-arrow");
75
84
  }
76
85
  static get observedAttributes() {
77
86
  return ["placement", "target-selector", "trigger-type"];
78
87
  }
79
- attributeChangedCallback(t, e) {
80
- switch (t) {
88
+ attributeChangedCallback(e, t) {
89
+ switch (e) {
81
90
  case "placement": {
82
91
  this.updatePopper();
83
92
  break;
@@ -87,7 +96,7 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
87
96
  break;
88
97
  }
89
98
  case "target-selector": {
90
- this.handleTargetSelectorChange(e);
99
+ this.handleTargetSelectorChange(t);
91
100
  break;
92
101
  }
93
102
  }
@@ -95,7 +104,7 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
95
104
  connectedCallback() {
96
105
  this._firstUpdated || (this.firstUpdated(), this._firstUpdated = !0), this.targetElement ? this.addTargetEventListener(this.targetElement) : this.targetSelector && requestAnimationFrame(() => {
97
106
  this.isConnected && this.handleTargetSelectorChange(null);
98
- }), this._arrow = document.createElement("div"), this._arrow.classList.add("popover-arrow"), this._arrow.setAttribute("data-popper-arrow", ""), this._arrow.style.display = "flex", this._arrow.innerHTML = g;
107
+ }), this._arrow = document.createElement("div"), this._arrow.classList.add("popover-arrow"), this._arrow.setAttribute("data-popper-arrow", ""), this._arrow.style.display = "flex", this._arrow.innerHTML = f;
99
108
  }
100
109
  disconnectedCallback() {
101
110
  this.targetElement && (this.removeTargetEventListener(this.targetElement), this.removeTargetClassForOpen(this.targetElement)), this._resizeObserver && (this._resizeObserver.disconnect(), this._resizeObserver = null);
@@ -106,8 +115,8 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
106
115
  get open() {
107
116
  return this._open;
108
117
  }
109
- set open(t) {
110
- t !== this._open && (this._open = t, this.handleOpenChange());
118
+ set open(e) {
119
+ e !== this._open && (this._open = e, this.handleOpenChange());
111
120
  }
112
121
  handleOpenChange() {
113
122
  this.open ? (this._popper || this.configurePopper(), this._container.innerHTML = "", this.popoverFor && this._container.setAttribute("popover-for", this.popoverFor), this.content && (this._container.prepend(this.content), Object.assign(this.content.style, {
@@ -115,56 +124,56 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
115
124
  display: "block",
116
125
  zIndex: 1
117
126
  }), window.requestAnimationFrame(() => {
118
- let t = getComputedStyle(this.content).backgroundColor;
119
- t == "rgba(0, 0, 0, 0)" && (this.content.style.background = t = "#f2f2f2"), this._arrow.querySelector(".arrow-background").style.fill = t;
120
- })), this.ensureArrowIsAdded(), this.ownerDocument.body.appendChild(this._container), this.updatePopper(), this.setAttribute("open", ""), this.modal && (window.addEventListener("click", this.hideIfExternalTarget, { capture: !0 }), window.addEventListener("focus", this.hideIfExternalTarget, { capture: !0 })), this.targetElement && (this.addTargetClassForOpen(this.targetElement), this.targetElement.setAttribute("aria-expanded", "true")), this.dispatchEvent(new CustomEvent("open"))) : (this.ownerDocument.body.removeChild(this._container), this.removeAttribute("open"), window.removeEventListener("click", this.hideIfExternalTarget, { capture: !0 }), window.removeEventListener("focus", this.hideIfExternalTarget, { capture: !0 }), this.targetElement && (this.removeTargetClassForOpen(this.targetElement), this.targetElement.setAttribute("aria-expanded", "false")), this.dispatchEvent(new CustomEvent("close")));
127
+ let e = getComputedStyle(this.content).backgroundColor;
128
+ e == "rgba(0, 0, 0, 0)" && (this.content.style.background = e = "#f2f2f2"), this._arrow.querySelector(".arrow-background").style.fill = e;
129
+ })), this.ensureArrowIsAdded(), this.ownerDocument.body.appendChild(this._container), this.updatePopper(), this.setAttribute("open", ""), this.modal && (window.addEventListener("click", this.hideIfExternalTarget, { capture: !0 }), window.addEventListener("focus", this.hideIfExternalTarget, { capture: !0 })), this.targetElement && (this.addTargetClassForOpen(this.targetElement), this.targetElement.setAttribute("aria-expanded", "true")), this.dispatchEvent(new CustomEvent("open")), this._container.addEventListener("keydown", this.handleTabKeyDown)) : (this.ownerDocument.body.removeChild(this._container), this.removeAttribute("open"), window.removeEventListener("click", this.hideIfExternalTarget, { capture: !0 }), window.removeEventListener("focus", this.hideIfExternalTarget, { capture: !0 }), this.targetElement && (this.removeTargetClassForOpen(this.targetElement), this.targetElement.setAttribute("aria-expanded", "false")), this.dispatchEvent(new CustomEvent("close")), this._container.removeEventListener("keydown", this.handleTabKeyDown));
121
130
  }
122
- handleTargetSelectorChange(t) {
123
- const e = document.querySelector(t);
124
- e && (this.removeTargetEventListener(e), this.removeTargetClassForOpen(e)), this.targetSelector && (this.targetElement = document.querySelector(this.targetSelector), this.addTargetEventListener(this.targetElement));
131
+ handleTargetSelectorChange(e) {
132
+ const t = document.querySelector(e);
133
+ t && (this.removeTargetEventListener(t), this.removeTargetClassForOpen(t)), this.targetSelector && (this.targetElement = document.querySelector(this.targetSelector), this.addTargetEventListener(this.targetElement));
125
134
  }
126
- addTargetEventListener(t) {
127
- if (t)
135
+ addTargetEventListener(e) {
136
+ if (e)
128
137
  switch (this.triggerType) {
129
138
  case "hover": {
130
- t.addEventListener("mouseenter", this.show), t.addEventListener("mouseleave", this.hide);
139
+ e.addEventListener("mouseenter", this.show), e.addEventListener("mouseleave", this.hide);
131
140
  break;
132
141
  }
133
142
  case "click": {
134
- t.addEventListener("click", this.toggle);
143
+ e.addEventListener("click", this.toggle);
135
144
  break;
136
145
  }
137
146
  }
138
147
  }
139
- removeTargetEventListener(t) {
140
- if (t)
148
+ removeTargetEventListener(e) {
149
+ if (e)
141
150
  switch (this.triggerType) {
142
151
  case "hover": {
143
- t.removeEventListener("mouseenter", this.show), t.removeEventListener("mouseleave", this.hide);
152
+ e.removeEventListener("mouseenter", this.show), e.removeEventListener("mouseleave", this.hide);
144
153
  break;
145
154
  }
146
155
  case "click": {
147
- t.removeEventListener("click", this.toggle);
156
+ e.removeEventListener("click", this.toggle);
148
157
  break;
149
158
  }
150
159
  }
151
160
  }
152
161
  configurePopper() {
153
162
  this.createContentContainer(), this.ensureArrowIsAdded();
154
- const t = this, e = {
155
- placement: t.placement,
163
+ const e = this, t = {
164
+ placement: e.placement,
156
165
  strategy: "absolute",
157
166
  modifiers: [
158
167
  {
159
168
  name: "computeStyles",
160
169
  options: {
161
- gpuAcceleration: !f
170
+ gpuAcceleration: !g
162
171
  }
163
172
  },
164
173
  {
165
174
  name: "flip",
166
175
  options: {
167
- fallbackPlacements: t._flipPriority
176
+ fallbackPlacements: e._flipPriority
168
177
  }
169
178
  },
170
179
  {
@@ -172,7 +181,7 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
172
181
  options: {
173
182
  offset: () => [
174
183
  0,
175
- t.noArrow ? 0 + t.offset : this._arrow.clientHeight + t.offset
184
+ e.noArrow ? 0 + e.offset : this._arrow.clientHeight + e.offset
176
185
  ]
177
186
  }
178
187
  },
@@ -188,7 +197,7 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
188
197
  enabled: !0,
189
198
  phase: "beforeWrite",
190
199
  fn({ state: r }) {
191
- Object.assign(t._arrow.style, {
200
+ Object.assign(e._arrow.style, {
192
201
  top: r.styles.arrow.top || "",
193
202
  left: r.styles.arrow.left || "",
194
203
  bottom: r.styles.arrow.bottom || "",
@@ -201,12 +210,12 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
201
210
  enabled: !0,
202
211
  phase: "afterWrite",
203
212
  fn({ state: r }) {
204
- t.updateArrow(r.placement);
213
+ e.updateArrow(r.placement);
205
214
  }
206
215
  }
207
216
  ]
208
217
  };
209
- this._popper = d(this.targetElement, this._container, e);
218
+ this._popper = d(this.targetElement, this._container, t);
210
219
  }
211
220
  createContentContainer() {
212
221
  this._container = document.createElement("div"), this._container.classList.add("popover-container"), this._container.tabIndex = 0, this._resizeObserver && this._resizeObserver.disconnect(), this._resizeObserver = new ResizeObserver(() => {
@@ -226,56 +235,66 @@ const g = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="12" viewBo
226
235
  updatePopper() {
227
236
  this._popper && (this._popper.state.elements.reference = this.targetElement, this._popper.state.options.placement = this.placement, this.open && this._popper.update());
228
237
  }
229
- updateArrow(t) {
238
+ updateArrow(e) {
230
239
  if (this._arrow) {
231
- const e = this.getArrowVariant(t);
232
- if (this._arrow.setAttribute("variant", e), this._content) {
233
- const r = this._arrow.querySelector("svg"), p = this._arrow.clientWidth, s = this._arrow.clientHeight, n = `-${s - h}px`, c = (p - s) / 2, a = `-${s + c - h}px`;
234
- switch (e) {
240
+ const t = this.getArrowVariant(e);
241
+ if (this._arrow.setAttribute("variant", t), this._content) {
242
+ const r = this._arrow.querySelector("svg"), s = this._arrow.clientWidth, i = this._arrow.clientHeight, a = `-${i - p}px`, h = (s - i) / 2, n = `-${i + h - p}px`;
243
+ switch (t) {
235
244
  case "bottom": {
236
- this._arrow.style.top = n, r.style.transform = "rotate(180deg)";
245
+ this._arrow.style.top = a, r.style.transform = "rotate(180deg)";
237
246
  break;
238
247
  }
239
248
  case "top": {
240
- this._arrow.style.bottom = n, r.style.transform = "rotate(0deg)";
249
+ this._arrow.style.bottom = a, r.style.transform = "rotate(0deg)";
241
250
  break;
242
251
  }
243
252
  case "left": {
244
- this._arrow.style.right = a, r.style.transform = "rotate(270deg)";
253
+ this._arrow.style.right = n, r.style.transform = "rotate(270deg)";
245
254
  break;
246
255
  }
247
256
  case "right": {
248
- this._arrow.style.left = a, r.style.transform = "rotate(90deg)";
257
+ this._arrow.style.left = n, r.style.transform = "rotate(90deg)";
249
258
  break;
250
259
  }
251
260
  }
252
261
  }
253
262
  }
254
263
  }
255
- getArrowVariant(t) {
256
- if (t.indexOf("bottom") !== -1)
264
+ getArrowVariant(e) {
265
+ if (e.indexOf("bottom") !== -1)
257
266
  return "bottom";
258
- if (t.indexOf("top") !== -1)
267
+ if (e.indexOf("top") !== -1)
259
268
  return "top";
260
- if (t.indexOf("left") !== -1)
269
+ if (e.indexOf("left") !== -1)
261
270
  return "left";
262
- if (t.indexOf("right") !== -1)
271
+ if (e.indexOf("right") !== -1)
263
272
  return "right";
264
273
  }
265
274
  get content() {
266
275
  return this._content || (this._content = this.firstElementChild, this._content.setAttribute("data-popper-content", "")), this._content;
267
276
  }
268
- addTargetClassForOpen(t) {
269
- t && t.classList.add(l);
277
+ addTargetClassForOpen(e) {
278
+ e && e.classList.add(c);
270
279
  }
271
- removeTargetClassForOpen(t) {
272
- t && t.classList.remove(l);
280
+ removeTargetClassForOpen(e) {
281
+ e && e.classList.remove(c);
282
+ }
283
+ findNextFocusableAfter(e, t, r) {
284
+ if (!e) return null;
285
+ const s = t ?? document.body, i = document.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, {
286
+ acceptNode(h) {
287
+ const n = h;
288
+ return n.tabIndex >= 0 && !n.hidden && n.offsetParent !== null ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
289
+ }
290
+ });
291
+ return i.currentNode = e, r ? i.nextNode() : i.previousNode();
273
292
  }
274
293
  };
275
- o.ID = "sd-popover";
276
- let i = o;
277
- customElements.get(i.ID) || customElements.define(i.ID, i);
294
+ l.ID = "sd-popover";
295
+ let o = l;
296
+ customElements.get(o.ID) || customElements.define(o.ID, o);
278
297
  export {
279
- i as default
298
+ o as default
280
299
  };
281
300
  //# sourceMappingURL=popover.mjs.map
package/dist/popover.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.mjs","sources":["../arrow.svg?raw","../popover.ts"],"sourcesContent":["export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"12\\\" viewBox=\\\"0 0 24 12\\\">\\r\\n <path d=\\\"M0 0l11.96 12L24 0z\\\" fill=\\\"#999\\\" class=\\\"arrow-border\\\"/>\\r\\n <path d=\\\"M12 11L1 0h22z\\\" fill=\\\"#f2f2f2\\\" class=\\\"arrow-background\\\"/>\\r\\n</svg>\\r\\n\"","import { createPopper, Instance as Popper, Options, Placement } from \"@popperjs/core\";\nimport { default as arrowSvg } from \"./arrow.svg?raw\";\n\nconst isIE11 = navigator.userAgent.indexOf(\"Trident\") !== -1;\nconst arrowOverlapOffset = 1;\nconst targetClassOpen = \"sd-popover-open\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [Popover.ID]: Popover;\n }\n}\n\nexport type TriggerType = \"click\" | \"hover\" | \"manual\";\nexport type ArrowVariant = \"bottom\" | \"left\" | \"right\" | \"top\";\nexport type IOpenEvent = void;\nexport type ICloseEvent = void;\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n open: CustomEvent<IOpenEvent>;\n close: CustomEvent<ICloseEvent>;\n}\n\nexport default interface Popover {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean | EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class Popover extends HTMLElement {\n public static readonly ID = \"sd-popover\";\n private _open = false;\n private _popper: Popper;\n private _targetElement: HTMLElement;\n private _container: HTMLElement;\n private _arrow: HTMLElement;\n private _content: HTMLElement;\n private _firstUpdated = false;\n private _flipPriority: Placement[];\n private _resizeObserver: ResizeObserver;\n\n public get triggerType(): TriggerType {\n return this.getAttribute(\"trigger-type\") as TriggerType;\n }\n\n public set triggerType(type: TriggerType) {\n if (type) {\n this.setAttribute(\"trigger-type\", type);\n } else {\n this.removeAttribute(\"trigger-type\");\n }\n }\n\n public get placement(): Placement {\n return this.getAttribute(\"placement\") as Placement;\n }\n\n public set placement(placement: Placement) {\n if (placement) {\n this.setAttribute(\"placement\", placement);\n } else {\n this.removeAttribute(\"placement\");\n }\n }\n\n public get targetElement(): HTMLElement {\n return this._targetElement;\n }\n\n public set targetElement(element: HTMLElement) {\n this.removeTargetEventListener(this.targetElement);\n if (this._targetElement && \"true\" == this._targetElement.getAttribute(\"aria-expanded\")) {\n this._targetElement.setAttribute(\"aria-expanded\", \"false\");\n }\n this._targetElement = element;\n if (element) {\n element.setAttribute(\"aria-expanded\", \"false\");\n }\n this.addTargetEventListener(this.targetElement);\n this.updatePopper();\n }\n\n public get targetSelector(): string {\n return this.getAttribute(\"target-selector\");\n }\n\n public set targetSelector(selector: string) {\n if (selector) {\n this.setAttribute(\"target-selector\", selector);\n } else {\n this.removeAttribute(\"target-selector\");\n }\n }\n\n public get modal(): boolean {\n return this.hasAttribute(\"modal\");\n }\n\n public set modal(modal: boolean) {\n if (modal) {\n this.setAttribute(\"modal\", \"\");\n } else {\n this.removeAttribute(\"modal\");\n }\n }\n\n public get popoverFor(): string {\n return this.getAttribute(\"popover-for\");\n }\n\n public set popoverFor(popoverFor: string) {\n if (popoverFor) {\n this.setAttribute(\"popover-for\", popoverFor);\n } else {\n this.removeAttribute(\"popover-for\");\n }\n }\n\n public get flipPriority(): Placement[] {\n return this._flipPriority;\n }\n\n public set flipPriority(priority: Placement[]) {\n if (priority && priority.length > 0) {\n this._flipPriority = priority;\n } else {\n this._flipPriority = null;\n }\n this.reConfigurePopper();\n }\n\n public get offset(): number {\n return this.getAttribute(\"offset\") ? parseInt(this.getAttribute(\"offset\")) : 0;\n }\n\n public set offset(offset: number) {\n if (offset) {\n this.setAttribute(\"offset\", offset.toString());\n } else {\n this.removeAttribute(\"offset\");\n }\n this.reConfigurePopper();\n }\n\n private reConfigurePopper() {\n if (this._popper) {\n this.configurePopper();\n }\n }\n\n public get noArrow(): boolean {\n return this.hasAttribute(\"no-arrow\");\n }\n\n public set noArrow(noArrow: boolean) {\n if (noArrow) {\n this.setAttribute(\"no-arrow\", \"\");\n } else {\n this.removeAttribute(\"no-arrow\");\n }\n }\n\n static get observedAttributes(): string[] {\n return [\"placement\", \"target-selector\", \"trigger-type\"];\n }\n\n public attributeChangedCallback(name: string, oldValue: string): void {\n switch (name) {\n case \"placement\": {\n this.updatePopper();\n break;\n }\n case \"trigger-type\": {\n this.removeTargetEventListener(this.targetElement);\n this.addTargetEventListener(this.targetElement);\n break;\n }\n case \"target-selector\": {\n this.handleTargetSelectorChange(oldValue);\n break;\n }\n }\n }\n\n public connectedCallback(): void {\n if (!this._firstUpdated) {\n this.firstUpdated();\n this._firstUpdated = true;\n }\n if (this.targetElement) {\n this.addTargetEventListener(this.targetElement);\n } else if (this.targetSelector) {\n // The browser is currently attaching html nodes to the dom tree, the target may not be present in it yet.\n requestAnimationFrame(() => {\n if (this.isConnected) {\n this.handleTargetSelectorChange(null);\n }\n });\n }\n\n this._arrow = document.createElement(\"div\");\n this._arrow.classList.add(\"popover-arrow\");\n this._arrow.setAttribute(\"data-popper-arrow\", \"\");\n this._arrow.style.display = \"flex\";\n this._arrow.innerHTML = arrowSvg;\n }\n\n public disconnectedCallback(): void {\n if (this.targetElement) {\n this.removeTargetEventListener(this.targetElement);\n this.removeTargetClassForOpen(this.targetElement);\n }\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n this._resizeObserver = null;\n }\n }\n\n public toggle = (): void => {\n this.open = !this.open;\n };\n\n public show = (): void => {\n this.open = true;\n };\n\n public hide = (): void => {\n this.open = false;\n };\n\n private firstUpdated(): void {\n this.style.display = \"none\";\n this.triggerType = this.triggerType || \"click\";\n this.placement = this.placement || \"auto\";\n }\n\n private get open(): boolean {\n return this._open;\n }\n\n private set open(open: boolean) {\n if (open !== this._open) {\n this._open = open;\n this.handleOpenChange();\n }\n }\n\n private handleOpenChange(): void {\n if (this.open) {\n if (!this._popper) {\n this.configurePopper();\n }\n\n this._container.innerHTML = \"\";\n if (this.popoverFor) {\n this._container.setAttribute(\"popover-for\", this.popoverFor);\n }\n if (this.content) {\n this._container.prepend(this.content);\n Object.assign(this.content.style, {\n position: \"relative\",\n display: \"block\",\n zIndex: 1,\n });\n window.requestAnimationFrame(() => {\n let backgroundColor = getComputedStyle(this.content).backgroundColor;\n if (backgroundColor == \"rgba(0, 0, 0, 0)\") {\n this.content.style.background = backgroundColor = \"#f2f2f2\";\n }\n (this._arrow.querySelector(\".arrow-background\") as HTMLElement).style.fill = backgroundColor;\n });\n }\n this.ensureArrowIsAdded();\n this.ownerDocument.body.appendChild(this._container);\n this.updatePopper();\n this.setAttribute(\"open\", \"\");\n\n if (this.modal) {\n window.addEventListener(\"click\", this.hideIfExternalTarget, { capture: true });\n window.addEventListener(\"focus\", this.hideIfExternalTarget, { capture: true });\n }\n if (this.targetElement) {\n this.addTargetClassForOpen(this.targetElement);\n this.targetElement.setAttribute(\"aria-expanded\", \"true\");\n }\n this.dispatchEvent(new CustomEvent(\"open\"));\n } else {\n this.ownerDocument.body.removeChild(this._container);\n this.removeAttribute(\"open\");\n window.removeEventListener(\"click\", this.hideIfExternalTarget, { capture: true });\n window.removeEventListener(\"focus\", this.hideIfExternalTarget, { capture: true });\n\n if (this.targetElement) {\n this.removeTargetClassForOpen(this.targetElement);\n this.targetElement.setAttribute(\"aria-expanded\", \"false\");\n }\n this.dispatchEvent(new CustomEvent(\"close\"));\n }\n }\n\n private hideIfExternalTarget = (event: Event) => {\n const target = event.target;\n if (\n !(target instanceof HTMLElement) ||\n (!this._container.contains(target) && !this.targetElement.contains(target))\n ) {\n this.hide();\n }\n };\n\n private handleTargetSelectorChange(oldValue: string): void {\n const oldTarget = document.querySelector<HTMLElement>(oldValue);\n if (oldTarget) {\n this.removeTargetEventListener(oldTarget);\n this.removeTargetClassForOpen(oldTarget);\n }\n if (this.targetSelector) {\n this.targetElement = document.querySelector(this.targetSelector);\n this.addTargetEventListener(this.targetElement);\n }\n }\n\n private addTargetEventListener(target: HTMLElement): void {\n if (target) {\n switch (this.triggerType) {\n case \"hover\": {\n target.addEventListener(\"mouseenter\", this.show);\n target.addEventListener(\"mouseleave\", this.hide);\n break;\n }\n case \"click\": {\n target.addEventListener(\"click\", this.toggle);\n break;\n }\n }\n }\n }\n\n private removeTargetEventListener(target: HTMLElement): void {\n if (target) {\n switch (this.triggerType) {\n case \"hover\": {\n target.removeEventListener(\"mouseenter\", this.show);\n target.removeEventListener(\"mouseleave\", this.hide);\n break;\n }\n case \"click\": {\n target.removeEventListener(\"click\", this.toggle);\n break;\n }\n }\n }\n }\n\n private configurePopper(): void {\n this.createContentContainer();\n // In popper.js 2 the arrow needs to be added before calling Popper#createPopper\n this.ensureArrowIsAdded();\n\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const popover = this;\n const options: Options = {\n placement: popover.placement as Placement,\n strategy: \"absolute\",\n modifiers: [\n {\n name: \"computeStyles\",\n options: {\n gpuAcceleration: !isIE11,\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: popover._flipPriority,\n },\n },\n {\n name: \"offset\",\n options: {\n offset: () => {\n return [\n 0,\n popover.noArrow ? 0 + popover.offset : this._arrow.clientHeight + popover.offset,\n ];\n },\n },\n },\n {\n name: \"arrow\",\n options: {\n padding: 6, // Avoid to reach the edges of the popper element with the arrow\n },\n },\n {\n name: \"resetArrowStyles\",\n enabled: true,\n phase: \"beforeWrite\",\n fn({ state }) {\n Object.assign(popover._arrow.style, {\n top: state.styles.arrow.top || \"\",\n left: state.styles.arrow.left || \"\",\n bottom: state.styles.arrow.bottom || \"\",\n right: state.styles.arrow.right || \"\",\n });\n },\n },\n {\n name: \"onUpdate\",\n enabled: true,\n phase: \"afterWrite\",\n fn({ state }) {\n popover.updateArrow(state.placement);\n },\n },\n ],\n };\n this._popper = createPopper(this.targetElement, this._container, options);\n }\n\n private createContentContainer(): void {\n this._container = document.createElement(\"div\");\n this._container.classList.add(\"popover-container\");\n this._container.tabIndex = 0;\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n }\n this._resizeObserver = new ResizeObserver(() => {\n if (this._popper) {\n this._popper.update();\n }\n });\n this._resizeObserver.observe(this._container);\n Object.assign(this._container.style, {\n boxShadow: `0 4px 5px 0 rgba(0, 0, 0, 0.14),\n 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px -1px rgba(0, 0, 0, 0.4)`,\n border: \"1px solid #999\",\n boxSizing: \"border-box\",\n zIndex: 20000,\n });\n }\n\n private ensureArrowIsAdded() {\n if (!this.noArrow && !this._container.contains(this._arrow)) {\n this._container.appendChild(this._arrow);\n }\n }\n\n public updatePopper(): void {\n if (this._popper) {\n this._popper.state.elements.reference = this.targetElement;\n this._popper.state.options.placement = this.placement;\n\n if (this.open) {\n this._popper.update();\n }\n }\n }\n\n private updateArrow(placement: Placement): void {\n if (this._arrow) {\n const arrowVariant = this.getArrowVariant(placement);\n this._arrow.setAttribute(\"variant\", arrowVariant);\n if (this._content) {\n const svg = this._arrow.querySelector(\"svg\");\n\n const arrowWidth = this._arrow.clientWidth;\n const arrowHeight = this._arrow.clientHeight;\n const verticalOffset = `-${arrowHeight - arrowOverlapOffset}px`;\n\n const horizontalTransformationOffset = (arrowWidth - arrowHeight) / 2;\n // Note that arrowHeight is used on purpose for the horizontalOffset\n // as this is the height of the unrotated wrapper div which defines the gap between the\n // reference element and the popover.\n const horizontalOffset = `-${arrowHeight + horizontalTransformationOffset - arrowOverlapOffset}px`;\n\n switch (arrowVariant) {\n case \"bottom\": {\n this._arrow.style.top = verticalOffset;\n svg.style.transform = \"rotate(180deg)\";\n break;\n }\n case \"top\": {\n this._arrow.style.bottom = verticalOffset;\n svg.style.transform = \"rotate(0deg)\";\n break;\n }\n case \"left\": {\n this._arrow.style.right = horizontalOffset;\n svg.style.transform = \"rotate(270deg)\";\n break;\n }\n case \"right\": {\n this._arrow.style.left = horizontalOffset;\n svg.style.transform = \"rotate(90deg)\";\n break;\n }\n }\n }\n }\n }\n\n private getArrowVariant(placement: Placement): ArrowVariant {\n if (placement.indexOf(\"bottom\") !== -1) {\n return \"bottom\";\n } else if (placement.indexOf(\"top\") !== -1) {\n return \"top\";\n } else if (placement.indexOf(\"left\") !== -1) {\n return \"left\";\n } else if (placement.indexOf(\"right\") !== -1) {\n return \"right\";\n }\n }\n\n private get content(): HTMLElement {\n if (!this._content) {\n this._content = this.firstElementChild as HTMLElement;\n this._content.setAttribute(\"data-popper-content\", \"\");\n }\n return this._content;\n }\n\n private addTargetClassForOpen(target: HTMLElement): void {\n if (target) {\n target.classList.add(targetClassOpen);\n }\n }\n\n private removeTargetClassForOpen(target: HTMLElement): void {\n if (target) {\n target.classList.remove(targetClassOpen);\n }\n }\n}\n\nif (!customElements.get(Popover.ID)) {\n customElements.define(Popover.ID, Popover);\n}\n"],"names":["arrowSvg","isIE11","arrowOverlapOffset","targetClassOpen","_Popover","event","target","type","placement","element","selector","modal","popoverFor","priority","offset","noArrow","name","oldValue","open","backgroundColor","oldTarget","popover","options","state","createPopper","arrowVariant","svg","arrowWidth","arrowHeight","verticalOffset","horizontalTransformationOffset","horizontalOffset","Popover"],"mappings":"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"}
1
+ {"version":3,"file":"popover.mjs","sources":["../arrow.svg?raw","../popover.ts"],"sourcesContent":["export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"12\\\" viewBox=\\\"0 0 24 12\\\">\\r\\n <path d=\\\"M0 0l11.96 12L24 0z\\\" fill=\\\"#999\\\" class=\\\"arrow-border\\\"/>\\r\\n <path d=\\\"M12 11L1 0h22z\\\" fill=\\\"#f2f2f2\\\" class=\\\"arrow-background\\\"/>\\r\\n</svg>\\r\\n\"","import { createPopper, Instance as Popper, Options, Placement } from \"@popperjs/core\";\nimport { default as arrowSvg } from \"./arrow.svg?raw\";\n\nconst isIE11 = navigator.userAgent.indexOf(\"Trident\") !== -1;\nconst arrowOverlapOffset = 1;\nconst targetClassOpen = \"sd-popover-open\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [Popover.ID]: Popover;\n }\n}\n\nexport type TriggerType = \"click\" | \"hover\" | \"manual\";\nexport type ArrowVariant = \"bottom\" | \"left\" | \"right\" | \"top\";\nexport type IOpenEvent = void;\nexport type ICloseEvent = void;\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n open: CustomEvent<IOpenEvent>;\n close: CustomEvent<ICloseEvent>;\n}\n\nexport default interface Popover {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean | EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class Popover extends HTMLElement {\n public static readonly ID = \"sd-popover\";\n private _open = false;\n private _popper: Popper;\n private _targetElement: HTMLElement;\n private _container: HTMLElement;\n private _arrow: HTMLElement;\n private _content: HTMLElement;\n private _firstUpdated = false;\n private _flipPriority: Placement[];\n private _resizeObserver: ResizeObserver;\n\n public get triggerType(): TriggerType {\n return this.getAttribute(\"trigger-type\") as TriggerType;\n }\n\n public set triggerType(type: TriggerType) {\n if (type) {\n this.setAttribute(\"trigger-type\", type);\n } else {\n this.removeAttribute(\"trigger-type\");\n }\n }\n\n public get placement(): Placement {\n return this.getAttribute(\"placement\") as Placement;\n }\n\n public set placement(placement: Placement) {\n if (placement) {\n this.setAttribute(\"placement\", placement);\n } else {\n this.removeAttribute(\"placement\");\n }\n }\n\n public get targetElement(): HTMLElement {\n return this._targetElement;\n }\n\n public set targetElement(element: HTMLElement) {\n this.removeTargetEventListener(this.targetElement);\n if (this._targetElement && \"true\" == this._targetElement.getAttribute(\"aria-expanded\")) {\n this._targetElement.setAttribute(\"aria-expanded\", \"false\");\n }\n this._targetElement = element;\n if (element) {\n element.setAttribute(\"aria-expanded\", \"false\");\n }\n this.addTargetEventListener(this.targetElement);\n this.updatePopper();\n }\n\n public get targetSelector(): string {\n return this.getAttribute(\"target-selector\");\n }\n\n public set targetSelector(selector: string) {\n if (selector) {\n this.setAttribute(\"target-selector\", selector);\n } else {\n this.removeAttribute(\"target-selector\");\n }\n }\n\n public get modal(): boolean {\n return this.hasAttribute(\"modal\");\n }\n\n public set modal(modal: boolean) {\n if (modal) {\n this.setAttribute(\"modal\", \"\");\n } else {\n this.removeAttribute(\"modal\");\n }\n }\n\n public get popoverFor(): string {\n return this.getAttribute(\"popover-for\");\n }\n\n public set popoverFor(popoverFor: string) {\n if (popoverFor) {\n this.setAttribute(\"popover-for\", popoverFor);\n } else {\n this.removeAttribute(\"popover-for\");\n }\n }\n\n public get flipPriority(): Placement[] {\n return this._flipPriority;\n }\n\n public set flipPriority(priority: Placement[]) {\n if (priority && priority.length > 0) {\n this._flipPriority = priority;\n } else {\n this._flipPriority = null;\n }\n this.reConfigurePopper();\n }\n\n public get offset(): number {\n return this.getAttribute(\"offset\") ? parseInt(this.getAttribute(\"offset\")) : 0;\n }\n\n public set offset(offset: number) {\n if (offset) {\n this.setAttribute(\"offset\", offset.toString());\n } else {\n this.removeAttribute(\"offset\");\n }\n this.reConfigurePopper();\n }\n\n private reConfigurePopper() {\n if (this._popper) {\n this.configurePopper();\n }\n }\n\n public get noArrow(): boolean {\n return this.hasAttribute(\"no-arrow\");\n }\n\n public set noArrow(noArrow: boolean) {\n if (noArrow) {\n this.setAttribute(\"no-arrow\", \"\");\n } else {\n this.removeAttribute(\"no-arrow\");\n }\n }\n\n static get observedAttributes(): string[] {\n return [\"placement\", \"target-selector\", \"trigger-type\"];\n }\n\n public attributeChangedCallback(name: string, oldValue: string): void {\n switch (name) {\n case \"placement\": {\n this.updatePopper();\n break;\n }\n case \"trigger-type\": {\n this.removeTargetEventListener(this.targetElement);\n this.addTargetEventListener(this.targetElement);\n break;\n }\n case \"target-selector\": {\n this.handleTargetSelectorChange(oldValue);\n break;\n }\n }\n }\n\n public connectedCallback(): void {\n if (!this._firstUpdated) {\n this.firstUpdated();\n this._firstUpdated = true;\n }\n if (this.targetElement) {\n this.addTargetEventListener(this.targetElement);\n } else if (this.targetSelector) {\n // The browser is currently attaching html nodes to the dom tree, the target may not be present in it yet.\n requestAnimationFrame(() => {\n if (this.isConnected) {\n this.handleTargetSelectorChange(null);\n }\n });\n }\n\n this._arrow = document.createElement(\"div\");\n this._arrow.classList.add(\"popover-arrow\");\n this._arrow.setAttribute(\"data-popper-arrow\", \"\");\n this._arrow.style.display = \"flex\";\n this._arrow.innerHTML = arrowSvg;\n }\n\n public disconnectedCallback(): void {\n if (this.targetElement) {\n this.removeTargetEventListener(this.targetElement);\n this.removeTargetClassForOpen(this.targetElement);\n }\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n this._resizeObserver = null;\n }\n }\n\n public toggle = (): void => {\n this.open = !this.open;\n };\n\n public show = (): void => {\n this.open = true;\n };\n\n public hide = (): void => {\n this.open = false;\n };\n\n private firstUpdated(): void {\n this.style.display = \"none\";\n this.triggerType = this.triggerType || \"click\";\n this.placement = this.placement || \"auto\";\n }\n\n private get open(): boolean {\n return this._open;\n }\n\n private set open(open: boolean) {\n if (open !== this._open) {\n this._open = open;\n this.handleOpenChange();\n }\n }\n\n private handleOpenChange(): void {\n if (this.open) {\n if (!this._popper) {\n this.configurePopper();\n }\n\n this._container.innerHTML = \"\";\n if (this.popoverFor) {\n this._container.setAttribute(\"popover-for\", this.popoverFor);\n }\n if (this.content) {\n this._container.prepend(this.content);\n Object.assign(this.content.style, {\n position: \"relative\",\n display: \"block\",\n zIndex: 1,\n });\n window.requestAnimationFrame(() => {\n let backgroundColor = getComputedStyle(this.content).backgroundColor;\n if (backgroundColor == \"rgba(0, 0, 0, 0)\") {\n this.content.style.background = backgroundColor = \"#f2f2f2\";\n }\n (this._arrow.querySelector(\".arrow-background\") as HTMLElement).style.fill = backgroundColor;\n });\n }\n this.ensureArrowIsAdded();\n this.ownerDocument.body.appendChild(this._container);\n this.updatePopper();\n this.setAttribute(\"open\", \"\");\n\n if (this.modal) {\n window.addEventListener(\"click\", this.hideIfExternalTarget, { capture: true });\n window.addEventListener(\"focus\", this.hideIfExternalTarget, { capture: true });\n }\n if (this.targetElement) {\n this.addTargetClassForOpen(this.targetElement);\n this.targetElement.setAttribute(\"aria-expanded\", \"true\");\n }\n this.dispatchEvent(new CustomEvent(\"open\"));\n\n this._container.addEventListener(\"keydown\", this.handleTabKeyDown);\n } else {\n this.ownerDocument.body.removeChild(this._container);\n this.removeAttribute(\"open\");\n window.removeEventListener(\"click\", this.hideIfExternalTarget, { capture: true });\n window.removeEventListener(\"focus\", this.hideIfExternalTarget, { capture: true });\n\n if (this.targetElement) {\n this.removeTargetClassForOpen(this.targetElement);\n this.targetElement.setAttribute(\"aria-expanded\", \"false\");\n }\n this.dispatchEvent(new CustomEvent(\"close\"));\n\n this._container.removeEventListener(\"keydown\", this.handleTabKeyDown);\n }\n }\n\n private hideIfExternalTarget = (event: Event) => {\n const target = event.target;\n if (\n !(target instanceof HTMLElement) ||\n (!this._container.contains(target) && !this.targetElement.contains(target))\n ) {\n this.hide();\n }\n };\n\n private handleTabKeyDown = (event: KeyboardEvent) => {\n if (event.key !== \"Tab\") {\n return;\n }\n\n const shift = event.shiftKey;\n let nextInsidePopover: HTMLElement | null = null;\n\n const target = event.target as Element | null;\n const root = this.content;\n\n if (target instanceof HTMLElement && root) {\n nextInsidePopover = this.findNextFocusableAfter(target, root, !shift);\n }\n\n if (nextInsidePopover) {\n // Let browser handle tabbing inside popover\n return;\n }\n\n // No more focusable elements inside popover → close it\n event.preventDefault();\n this.open = false;\n\n const next = this.findNextFocusableAfter(this.targetElement, null, !shift);\n next?.focus();\n };\n\n private handleTargetSelectorChange(oldValue: string): void {\n const oldTarget = document.querySelector<HTMLElement>(oldValue);\n if (oldTarget) {\n this.removeTargetEventListener(oldTarget);\n this.removeTargetClassForOpen(oldTarget);\n }\n if (this.targetSelector) {\n this.targetElement = document.querySelector(this.targetSelector);\n this.addTargetEventListener(this.targetElement);\n }\n }\n\n private addTargetEventListener(target: HTMLElement): void {\n if (target) {\n switch (this.triggerType) {\n case \"hover\": {\n target.addEventListener(\"mouseenter\", this.show);\n target.addEventListener(\"mouseleave\", this.hide);\n break;\n }\n case \"click\": {\n target.addEventListener(\"click\", this.toggle);\n break;\n }\n }\n }\n }\n\n private removeTargetEventListener(target: HTMLElement): void {\n if (target) {\n switch (this.triggerType) {\n case \"hover\": {\n target.removeEventListener(\"mouseenter\", this.show);\n target.removeEventListener(\"mouseleave\", this.hide);\n break;\n }\n case \"click\": {\n target.removeEventListener(\"click\", this.toggle);\n break;\n }\n }\n }\n }\n\n private configurePopper(): void {\n this.createContentContainer();\n // In popper.js 2 the arrow needs to be added before calling Popper#createPopper\n this.ensureArrowIsAdded();\n\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const popover = this;\n const options: Options = {\n placement: popover.placement as Placement,\n strategy: \"absolute\",\n modifiers: [\n {\n name: \"computeStyles\",\n options: {\n gpuAcceleration: !isIE11,\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: popover._flipPriority,\n },\n },\n {\n name: \"offset\",\n options: {\n offset: () => {\n return [\n 0,\n popover.noArrow ? 0 + popover.offset : this._arrow.clientHeight + popover.offset,\n ];\n },\n },\n },\n {\n name: \"arrow\",\n options: {\n padding: 6, // Avoid to reach the edges of the popper element with the arrow\n },\n },\n {\n name: \"resetArrowStyles\",\n enabled: true,\n phase: \"beforeWrite\",\n fn({ state }) {\n Object.assign(popover._arrow.style, {\n top: state.styles.arrow.top || \"\",\n left: state.styles.arrow.left || \"\",\n bottom: state.styles.arrow.bottom || \"\",\n right: state.styles.arrow.right || \"\",\n });\n },\n },\n {\n name: \"onUpdate\",\n enabled: true,\n phase: \"afterWrite\",\n fn({ state }) {\n popover.updateArrow(state.placement);\n },\n },\n ],\n };\n this._popper = createPopper(this.targetElement, this._container, options);\n }\n\n private createContentContainer(): void {\n this._container = document.createElement(\"div\");\n this._container.classList.add(\"popover-container\");\n this._container.tabIndex = 0;\n if (this._resizeObserver) {\n this._resizeObserver.disconnect();\n }\n this._resizeObserver = new ResizeObserver(() => {\n if (this._popper) {\n this._popper.update();\n }\n });\n this._resizeObserver.observe(this._container);\n Object.assign(this._container.style, {\n boxShadow: `0 4px 5px 0 rgba(0, 0, 0, 0.14),\n 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px -1px rgba(0, 0, 0, 0.4)`,\n border: \"1px solid #999\",\n boxSizing: \"border-box\",\n zIndex: 20000,\n });\n }\n\n private ensureArrowIsAdded() {\n if (!this.noArrow && !this._container.contains(this._arrow)) {\n this._container.appendChild(this._arrow);\n }\n }\n\n public updatePopper(): void {\n if (this._popper) {\n this._popper.state.elements.reference = this.targetElement;\n this._popper.state.options.placement = this.placement;\n\n if (this.open) {\n this._popper.update();\n }\n }\n }\n\n private updateArrow(placement: Placement): void {\n if (this._arrow) {\n const arrowVariant = this.getArrowVariant(placement);\n this._arrow.setAttribute(\"variant\", arrowVariant);\n if (this._content) {\n const svg = this._arrow.querySelector(\"svg\");\n\n const arrowWidth = this._arrow.clientWidth;\n const arrowHeight = this._arrow.clientHeight;\n const verticalOffset = `-${arrowHeight - arrowOverlapOffset}px`;\n\n const horizontalTransformationOffset = (arrowWidth - arrowHeight) / 2;\n // Note that arrowHeight is used on purpose for the horizontalOffset\n // as this is the height of the unrotated wrapper div which defines the gap between the\n // reference element and the popover.\n const horizontalOffset = `-${arrowHeight + horizontalTransformationOffset - arrowOverlapOffset}px`;\n\n switch (arrowVariant) {\n case \"bottom\": {\n this._arrow.style.top = verticalOffset;\n svg.style.transform = \"rotate(180deg)\";\n break;\n }\n case \"top\": {\n this._arrow.style.bottom = verticalOffset;\n svg.style.transform = \"rotate(0deg)\";\n break;\n }\n case \"left\": {\n this._arrow.style.right = horizontalOffset;\n svg.style.transform = \"rotate(270deg)\";\n break;\n }\n case \"right\": {\n this._arrow.style.left = horizontalOffset;\n svg.style.transform = \"rotate(90deg)\";\n break;\n }\n }\n }\n }\n }\n\n private getArrowVariant(placement: Placement): ArrowVariant {\n if (placement.indexOf(\"bottom\") !== -1) {\n return \"bottom\";\n } else if (placement.indexOf(\"top\") !== -1) {\n return \"top\";\n } else if (placement.indexOf(\"left\") !== -1) {\n return \"left\";\n } else if (placement.indexOf(\"right\") !== -1) {\n return \"right\";\n }\n }\n\n private get content(): HTMLElement {\n if (!this._content) {\n this._content = this.firstElementChild as HTMLElement;\n this._content.setAttribute(\"data-popper-content\", \"\");\n }\n return this._content;\n }\n\n private addTargetClassForOpen(target: HTMLElement): void {\n if (target) {\n target.classList.add(targetClassOpen);\n }\n }\n\n private removeTargetClassForOpen(target: HTMLElement): void {\n if (target) {\n target.classList.remove(targetClassOpen);\n }\n }\n\n private findNextFocusableAfter(\n trigger: HTMLElement | null,\n root: HTMLElement | null,\n forward: boolean,\n ): HTMLElement | null {\n if (!trigger) return null;\n\n const effectiveRoot = root ?? document.body;\n\n const walker = document.createTreeWalker(effectiveRoot, NodeFilter.SHOW_ELEMENT, {\n acceptNode(node) {\n const el = node as HTMLElement;\n\n return el.tabIndex >= 0 && !el.hidden && el.offsetParent !== null\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_SKIP;\n },\n });\n\n walker.currentNode = trigger;\n\n const nextNode = forward ? walker.nextNode() : walker.previousNode();\n\n return nextNode as HTMLElement | null;\n }\n}\n\nif (!customElements.get(Popover.ID)) {\n customElements.define(Popover.ID, Popover);\n}\n"],"names":["arrowSvg","isIE11","arrowOverlapOffset","targetClassOpen","_Popover","event","target","shift","nextInsidePopover","root","type","placement","element","selector","modal","popoverFor","priority","offset","noArrow","name","oldValue","open","backgroundColor","oldTarget","popover","options","state","createPopper","arrowVariant","svg","arrowWidth","arrowHeight","verticalOffset","horizontalTransformationOffset","horizontalOffset","trigger","forward","effectiveRoot","walker","node","el","Popover"],"mappings":"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"}