@justeattakeaway/pie-tooltip 0.5.1 → 0.6.0

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/README.md +1 -12
  2. package/custom-elements.json +0 -96
  3. package/dist/index.d.ts +1 -8
  4. package/dist/index.js +227 -317
  5. package/dist/react.d.ts +1 -8
  6. package/package.json +1 -1
  7. package/src/defs.ts +1 -1
  8. package/src/index.ts +2 -238
  9. package/src/tooltip.scss +6 -0
package/dist/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import { LitElement as F, unsafeCSS as q, nothing as u } from "lit";
2
- import { property as m, queryAssignedElements as j, query as H, state as k } from "lit/decorators.js";
3
- import { classMap as D } from "lit/directives/class-map.js";
4
- import { ifDefined as N } from "lit/directives/if-defined.js";
5
- import { unsafeStatic as X, html as z } from "lit/static-html.js";
6
- import { validPropertyValues as w, safeCustomElement as U } from "@justeattakeaway/pie-webc-core";
1
+ import { LitElement as $, unsafeCSS as E, nothing as b } from "lit";
2
+ import { property as v, queryAssignedElements as A, query as L, state as x } from "lit/decorators.js";
3
+ import { classMap as T } from "lit/directives/class-map.js";
4
+ import { ifDefined as D } from "lit/directives/if-defined.js";
5
+ import { unsafeStatic as M, html as y } from "lit/static-html.js";
6
+ import { validPropertyValues as m, safeCustomElement as P } from "@justeattakeaway/pie-webc-core";
7
7
  import "@justeattakeaway/pie-icon-button";
8
8
  import "@justeattakeaway/pie-icons-webc/dist/IconClose.js";
9
- const _ = class _ extends F {
9
+ const w = class w extends $ {
10
10
  willUpdate() {
11
- this.getAttribute("v") || this.setAttribute("v", _.v);
11
+ this.getAttribute("v") || this.setAttribute("v", w.v);
12
12
  }
13
13
  };
14
- _.v = "0.5.1";
15
- let E = _;
16
- const Y = [
14
+ w.v = "0.6.0";
15
+ let _ = w;
16
+ const S = [
17
17
  "top",
18
18
  "top-start",
19
19
  "top-end",
@@ -26,7 +26,7 @@ const Y = [
26
26
  "right",
27
27
  "right-start",
28
28
  "right-end"
29
- ], G = ["default", "fit-to-content", "fill-container"], J = ["default", "inverse"], K = ["default", "icon"], Q = ["h2", "h3", "h4", "h5", "h6"], zt = ["hover", "focus", "click"], _t = ["tooltip", "dialog"], g = "pie-tooltip", p = "c-tooltip", W = `${g}-open`, Z = `${g}-close`, f = {
29
+ ], B = ["default", "fit-to-content", "fill-container"], I = ["default", "inverse"], R = ["default", "icon"], q = ["h2", "h3", "h4", "h5", "h6"], rt = ["hover", "focus", "click"], st = ["tooltip", "dialog"], p = "pie-tooltip", a = "c-tooltip", F = `${p}-open`, V = `${p}-close`, g = {
30
30
  isOpen: !1,
31
31
  position: "top",
32
32
  size: "default",
@@ -34,14 +34,14 @@ const Y = [
34
34
  type: "default",
35
35
  isDismissible: !1,
36
36
  headingLevel: "h2"
37
- }, tt = '*,*:after,*:before{box-sizing:inherit}:host{--tooltip-anchor-top: 0;--tooltip-anchor-left: 0;--tooltip-anchor-width: 0;--tooltip-anchor-height: 0;--tooltip-container-inline-size: 0;--tooltip-offset: var(--dt-spacing-a);--tooltip-arrow-size: 8px;--tooltip-layer-offset: calc(var(--tooltip-offset) + var(--tooltip-arrow-size));position:absolute;top:0;left:0;z-index:var(--dt-z-index-tooltip);display:block;inline-size:0;block-size:0;pointer-events:none}.c-tooltip-origin{position:absolute;top:0;left:0;inline-size:0;block-size:0}.c-tooltip-anchor{position:absolute;top:var(--tooltip-anchor-top);left:var(--tooltip-anchor-left);inline-size:var(--tooltip-anchor-width);block-size:var(--tooltip-anchor-height)}.c-tooltip-layer{position:absolute;display:grid;grid-template-columns:100%;grid-template-rows:100%;visibility:hidden;transition:visibility 0s linear .15s}.c-tooltip-layer.is-open.is-positioned.is-anchorVisible{visibility:visible;transition-delay:0s}.c-tooltip-layer--type-icon{--tooltip-layer-offset: var(--tooltip-offset)}.c-tooltip-layer--top,.c-tooltip-layer--bottom{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left,.c-tooltip-layer--right{inset-block-start:0;block-size:100%}.c-tooltip-layer--top{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top-start,.c-tooltip-layer--bottom-start{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left-start,.c-tooltip-layer--right-start{inset-block-start:0;block-size:100%}.c-tooltip-layer--top-start{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom-start{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left-start{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right-start{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top-end,.c-tooltip-layer--bottom-end{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left-end,.c-tooltip-layer--right-end{inset-block-start:0;block-size:100%}.c-tooltip-layer--top-end{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom-end{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left-end{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right-end{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top{place-items:center}.c-tooltip-layer--top-start{place-items:start}.c-tooltip-layer--top-end{place-items:end}.c-tooltip-layer--bottom{place-items:center}.c-tooltip-layer--bottom-start{place-items:start}.c-tooltip-layer--bottom-end{place-items:end}.c-tooltip-layer--left{place-items:center}.c-tooltip-layer--left-start{place-items:start}.c-tooltip-layer--left-end{place-items:end}.c-tooltip-layer--right{place-items:center}.c-tooltip-layer--right-start{place-items:start}.c-tooltip-layer--right-end{place-items:end}.c-tooltip{--tooltip-inline-size: 280px;--tooltip-max-inline-size: calc(100vw - var(--dt-spacing-d) * 2);--tooltip-background-color: var(--dt-color-container-inverse);--tooltip-content-color: var(--dt-color-content-inverse);--tooltip-border-radius: var(--dt-radius-rounded-b);--tooltip-padding-block: var(--dt-spacing-b);--tooltip-padding-inline: var(--dt-spacing-c);--tooltip-close-size: 32px;--tooltip-motion-duration: .15s;--tooltip-motion-easing: cubic-bezier(.45, 0, .55, 1);--tooltip-motion-translate-x: 0;--tooltip-motion-translate-y: 0;--tooltip-arrow-inset: calc(var(--tooltip-border-radius) + var(--tooltip-arrow-size));--tooltip-arrow-cross-inset: calc(var(--tooltip-arrow-cross-position, 50%) - var(--tooltip-arrow-size));--tooltip-arrow-main-inset-far: calc(100% - 2px) ;--tooltip-arrow-main-inset-near: calc(var(--tooltip-arrow-size) * -1);font-family:var(--dt-font-body-s-family),var(--dt-font-family-secondary),sans-serif;font-weight:var(--dt-font-body-s-weight);font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px);position:relative;inline-size:var(--tooltip-width, var(--tooltip-inline-size));max-inline-size:var(--tooltip-max-inline-size);padding-block-start:var(--tooltip-padding-block);padding-block-end:var(--tooltip-padding-block);padding-inline-start:var(--tooltip-padding-inline);padding-inline-end:var(--tooltip-padding-inline);border-radius:var(--tooltip-border-radius);background-color:var(--tooltip-background-color);color:var(--tooltip-content-color);pointer-events:auto;opacity:0;transform:translate(var(--tooltip-motion-translate-x),var(--tooltip-motion-translate-y));transition:opacity var(--tooltip-motion-duration) var(--tooltip-motion-easing),transform var(--tooltip-motion-duration) var(--tooltip-motion-easing)}.c-tooltip-layer.is-open.is-positioned.is-anchorVisible .c-tooltip{--tooltip-motion-duration: .2s;opacity:1;transform:translate(0)}.c-tooltip--top{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom{--tooltip-motion-translate-y: -4px}.c-tooltip--left{--tooltip-motion-translate-x: 4px}.c-tooltip--right{--tooltip-motion-translate-x: -4px}.c-tooltip--top-start{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom-start{--tooltip-motion-translate-y: -4px}.c-tooltip--left-start{--tooltip-motion-translate-x: 4px}.c-tooltip--right-start{--tooltip-motion-translate-x: -4px}.c-tooltip--top-end{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom-end{--tooltip-motion-translate-y: -4px}.c-tooltip--left-end{--tooltip-motion-translate-x: 4px}.c-tooltip--right-end{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--left{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right{--tooltip-motion-translate-x: 4px}:host(:dir(rtl)) .c-tooltip--left-start{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right-start{--tooltip-motion-translate-x: 4px}:host(:dir(rtl)) .c-tooltip--left-end{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right-end{--tooltip-motion-translate-x: 4px}@media(prefers-reduced-motion:reduce){.c-tooltip-layer,.c-tooltip{transition:none}}.c-tooltip--inverse{--tooltip-background-color: var(--dt-color-container-default);--tooltip-content-color: var(--dt-color-content-default)}.c-tooltip--size-fit-to-content{--tooltip-inline-size: max-content}.c-tooltip--size-fill-container{--tooltip-inline-size: var(--tooltip-container-inline-size);--tooltip-max-inline-size: none}.c-tooltip--type-icon{--tooltip-border-radius: var(--dt-radius-rounded-e);--tooltip-padding-block: var(--dt-spacing-a);--tooltip-padding-inline: var(--dt-spacing-c);inline-size:max-content}.c-tooltip.is-dismissible{min-block-size:calc(var(--tooltip-close-size) + var(--dt-spacing-b) * 2);padding-inline-end:calc(var(--tooltip-padding-inline) + var(--tooltip-close-size))}.c-tooltip.is-dismissible:not(.has-heading){display:flex;flex-direction:column;justify-content:center}.c-tooltip--top{--tooltip-arrow-cross-position: 50%}.c-tooltip--top-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--top-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--bottom{--tooltip-arrow-cross-position: 50%}.c-tooltip--bottom-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--bottom-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--left{--tooltip-arrow-cross-position: 50%}.c-tooltip--left-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--left-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--right{--tooltip-arrow-cross-position: 50%}.c-tooltip--right-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--right-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip-arrow{position:absolute;background-color:var(--tooltip-background-color)}.c-tooltip--top .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}.c-tooltip--top-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}.c-tooltip--top-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}:host(:dir(rtl)) .c-tooltip--left .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right .c-tooltip-arrow{transform:scaleX(-1)}:host(:dir(rtl)) .c-tooltip--left-start .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right-start .c-tooltip-arrow{transform:scaleX(-1)}:host(:dir(rtl)) .c-tooltip--left-end .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right-end .c-tooltip-arrow{transform:scaleX(-1)}.c-tooltip-heading{font-family:var(--dt-font-body-strong-s-family),var(--dt-font-family-secondary),sans-serif;font-weight:var(--dt-font-body-strong-s-weight);font-size:calc(var(--dt-font-body-strong-s-size) * 1px);line-height:calc(var(--dt-font-body-strong-s-line-height) * 1px);margin-block-start:0;margin-block-end:0}.c-tooltip-content{overflow-wrap:break-word}.c-tooltip-content:focus{outline:none}.c-tooltip.has-action .c-tooltip-action{display:flex;justify-content:flex-end;margin-block-start:var(--dt-spacing-a)}.c-tooltip.is-dismissible.has-action .c-tooltip-action{margin-inline-end:calc(var(--tooltip-close-size) * -1)}.c-tooltip.is-dismissible.has-action .c-tooltip-body{min-block-size:var(--tooltip-close-size)}.c-tooltip.is-dismissible.has-action:not(.has-heading) .c-tooltip-body{display:grid;align-content:center}.c-tooltip-close{position:absolute;inset-block-start:var(--dt-spacing-b);inset-inline-end:var(--dt-spacing-b)}.c-tooltip--top:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--top-start:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom-start:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left-start:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right-start:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--top-end:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom-end:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left-end:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right-end:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}';
38
- var ot = Object.defineProperty, it = Object.getOwnPropertyDescriptor, d = (t, i, o, e) => {
39
- for (var r = e > 1 ? void 0 : e ? it(i, o) : i, s = t.length - 1, n; s >= 0; s--)
40
- (n = t[s]) && (r = (e ? n(i, o, r) : n(r)) || r);
41
- return e && r && ot(i, o, r), r;
37
+ }, H = '*,*:after,*:before{box-sizing:inherit}:host{--tooltip-anchor-top: 0;--tooltip-anchor-left: 0;--tooltip-anchor-width: 0;--tooltip-anchor-height: 0;--tooltip-container-inline-size: 0;--tooltip-offset: var(--dt-spacing-a);--tooltip-arrow-size: 8px;--tooltip-layer-offset: calc(var(--tooltip-offset) + var(--tooltip-arrow-size));position:absolute;top:0;left:0;z-index:var(--dt-z-index-tooltip);display:block;inline-size:0;block-size:0;pointer-events:none}.c-tooltip-origin{position:absolute;top:0;left:0;inline-size:0;block-size:0}.c-tooltip-anchor{position:absolute;top:var(--tooltip-anchor-top);left:var(--tooltip-anchor-left);inline-size:var(--tooltip-anchor-width);block-size:var(--tooltip-anchor-height)}.c-tooltip-layer{position:absolute;display:grid;grid-template-columns:100%;grid-template-rows:100%;visibility:hidden;transition:visibility 0s linear .15s}.c-tooltip-layer.is-open.is-positioned.is-anchorVisible{visibility:visible;transition-delay:0s}.c-tooltip-layer--type-icon{--tooltip-layer-offset: var(--tooltip-offset)}.c-tooltip-layer--top,.c-tooltip-layer--bottom{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left,.c-tooltip-layer--right{inset-block-start:0;block-size:100%}.c-tooltip-layer--top{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top-start,.c-tooltip-layer--bottom-start{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left-start,.c-tooltip-layer--right-start{inset-block-start:0;block-size:100%}.c-tooltip-layer--top-start{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom-start{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left-start{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right-start{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top-end,.c-tooltip-layer--bottom-end{inset-inline-start:0;inline-size:100%}.c-tooltip-layer--left-end,.c-tooltip-layer--right-end{inset-block-start:0;block-size:100%}.c-tooltip-layer--top-end{inset-block-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--bottom-end{inset-block-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--left-end{inset-inline-end:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--right-end{inset-inline-start:calc(100% + var(--tooltip-layer-offset))}.c-tooltip-layer--top{place-items:center}.c-tooltip-layer--top-start{place-items:start}.c-tooltip-layer--top-end{place-items:end}.c-tooltip-layer--bottom{place-items:center}.c-tooltip-layer--bottom-start{place-items:start}.c-tooltip-layer--bottom-end{place-items:end}.c-tooltip-layer--left{place-items:center}.c-tooltip-layer--left-start{place-items:start}.c-tooltip-layer--left-end{place-items:end}.c-tooltip-layer--right{place-items:center}.c-tooltip-layer--right-start{place-items:start}.c-tooltip-layer--right-end{place-items:end}.c-tooltip{--tooltip-inline-size: 280px;--tooltip-max-inline-size: calc(100vw - var(--dt-spacing-d) * 2);--tooltip-background-color: var(--dt-color-container-inverse);--tooltip-content-color: var(--dt-color-content-inverse);--tooltip-border-radius: var(--dt-radius-rounded-b);--tooltip-padding-block: var(--dt-spacing-b);--tooltip-padding-inline: var(--dt-spacing-c);--tooltip-close-size: 32px;--tooltip-motion-duration: .15s;--tooltip-motion-easing: cubic-bezier(.45, 0, .55, 1);--tooltip-motion-translate-x: 0;--tooltip-motion-translate-y: 0;--tooltip-arrow-inset: calc(var(--tooltip-border-radius) + var(--tooltip-arrow-size));--tooltip-arrow-cross-inset: calc(var(--tooltip-arrow-cross-position, 50%) - var(--tooltip-arrow-size));--tooltip-arrow-main-inset-far: calc(100% - 2px) ;--tooltip-arrow-main-inset-near: calc(var(--tooltip-arrow-size) * -1);font-family:var(--dt-font-body-s-family),var(--dt-font-family-secondary),sans-serif;font-weight:var(--dt-font-body-s-weight);font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px);position:relative;white-space:normal;text-wrap:wrap;inline-size:var(--tooltip-width, var(--tooltip-inline-size));max-inline-size:var(--tooltip-max-inline-size);padding-block-start:var(--tooltip-padding-block);padding-block-end:var(--tooltip-padding-block);padding-inline-start:var(--tooltip-padding-inline);padding-inline-end:var(--tooltip-padding-inline);border-radius:var(--tooltip-border-radius);background-color:var(--tooltip-background-color);color:var(--tooltip-content-color);pointer-events:auto;opacity:0;transform:translate(var(--tooltip-motion-translate-x),var(--tooltip-motion-translate-y));transition:opacity var(--tooltip-motion-duration) var(--tooltip-motion-easing),transform var(--tooltip-motion-duration) var(--tooltip-motion-easing)}.c-tooltip-layer.is-open.is-positioned.is-anchorVisible .c-tooltip{--tooltip-motion-duration: .2s;opacity:1;transform:translate(0)}.c-tooltip--top{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom{--tooltip-motion-translate-y: -4px}.c-tooltip--left{--tooltip-motion-translate-x: 4px}.c-tooltip--right{--tooltip-motion-translate-x: -4px}.c-tooltip--top-start{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom-start{--tooltip-motion-translate-y: -4px}.c-tooltip--left-start{--tooltip-motion-translate-x: 4px}.c-tooltip--right-start{--tooltip-motion-translate-x: -4px}.c-tooltip--top-end{--tooltip-motion-translate-y: 4px}.c-tooltip--bottom-end{--tooltip-motion-translate-y: -4px}.c-tooltip--left-end{--tooltip-motion-translate-x: 4px}.c-tooltip--right-end{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--left{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right{--tooltip-motion-translate-x: 4px}:host(:dir(rtl)) .c-tooltip--left-start{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right-start{--tooltip-motion-translate-x: 4px}:host(:dir(rtl)) .c-tooltip--left-end{--tooltip-motion-translate-x: -4px}:host(:dir(rtl)) .c-tooltip--right-end{--tooltip-motion-translate-x: 4px}@media(prefers-reduced-motion:reduce){.c-tooltip-layer,.c-tooltip{transition:none}}.c-tooltip--inverse{--tooltip-background-color: var(--dt-color-container-default);--tooltip-content-color: var(--dt-color-content-default)}.c-tooltip--size-fit-to-content{--tooltip-inline-size: max-content}.c-tooltip--size-fill-container{--tooltip-inline-size: var(--tooltip-container-inline-size);--tooltip-max-inline-size: none}.c-tooltip--type-icon{--tooltip-border-radius: var(--dt-radius-rounded-e);--tooltip-padding-block: var(--dt-spacing-a);--tooltip-padding-inline: var(--dt-spacing-c);inline-size:max-content}.c-tooltip.is-dismissible{min-block-size:calc(var(--tooltip-close-size) + var(--dt-spacing-b) * 2);padding-inline-end:calc(var(--tooltip-padding-inline) + var(--tooltip-close-size))}.c-tooltip.is-dismissible:not(.has-heading){display:flex;flex-direction:column;justify-content:center}.c-tooltip--top{--tooltip-arrow-cross-position: 50%}.c-tooltip--top-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--top-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--bottom{--tooltip-arrow-cross-position: 50%}.c-tooltip--bottom-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--bottom-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--left{--tooltip-arrow-cross-position: 50%}.c-tooltip--left-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--left-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip--right{--tooltip-arrow-cross-position: 50%}.c-tooltip--right-start{--tooltip-arrow-cross-position: var(--tooltip-arrow-inset)}.c-tooltip--right-end{--tooltip-arrow-cross-position: calc(100% - var(--tooltip-arrow-inset))}.c-tooltip-arrow{position:absolute;background-color:var(--tooltip-background-color)}.c-tooltip--top .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}.c-tooltip--top-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right-start .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}.c-tooltip--top-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(0% 0%,100% 0%,100% 2px,50% 100%,0% 2px);inset-block-start:var(--tooltip-arrow-main-inset-far);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--bottom-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) * 2);block-size:calc(var(--tooltip-arrow-size) + 2px);clip-path:polygon(50% 0%,100% var(--tooltip-arrow-size),100% 100%,0% 100%,0% var(--tooltip-arrow-size));inset-block-start:var(--tooltip-arrow-main-inset-near);inset-inline-start:var(--tooltip-arrow-cross-inset)}.c-tooltip--left-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 0%,2px 0%,100% 50%,2px 100%,0% 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-far)}.c-tooltip--right-end .c-tooltip-arrow{inline-size:calc(var(--tooltip-arrow-size) + 2px);block-size:calc(var(--tooltip-arrow-size) * 2);clip-path:polygon(0% 50%,var(--tooltip-arrow-size) 0%,100% 0%,100% 100%,var(--tooltip-arrow-size) 100%);inset-block-start:var(--tooltip-arrow-cross-inset);inset-inline-start:var(--tooltip-arrow-main-inset-near)}:host(:dir(rtl)) .c-tooltip--left .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right .c-tooltip-arrow{transform:scaleX(-1)}:host(:dir(rtl)) .c-tooltip--left-start .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right-start .c-tooltip-arrow{transform:scaleX(-1)}:host(:dir(rtl)) .c-tooltip--left-end .c-tooltip-arrow,:host(:dir(rtl)) .c-tooltip--right-end .c-tooltip-arrow{transform:scaleX(-1)}.c-tooltip-heading{font-family:var(--dt-font-body-strong-s-family),var(--dt-font-family-secondary),sans-serif;font-weight:var(--dt-font-body-strong-s-weight);font-size:calc(var(--dt-font-body-strong-s-size) * 1px);line-height:calc(var(--dt-font-body-strong-s-line-height) * 1px);margin-block-start:0;margin-block-end:0}.c-tooltip-content{overflow-wrap:break-word}.c-tooltip-content:focus{outline:none}.c-tooltip.has-action .c-tooltip-action{display:flex;justify-content:flex-end;margin-block-start:var(--dt-spacing-a)}.c-tooltip.is-dismissible.has-action .c-tooltip-action{margin-inline-end:calc(var(--tooltip-close-size) * -1)}.c-tooltip.is-dismissible.has-action .c-tooltip-body{min-block-size:var(--tooltip-close-size)}.c-tooltip.is-dismissible.has-action:not(.has-heading) .c-tooltip-body{display:grid;align-content:center}.c-tooltip-close{position:absolute;inset-block-start:var(--dt-spacing-b);inset-inline-end:var(--dt-spacing-b)}.c-tooltip--top:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--top-start:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom-start:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left-start:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right-start:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--top-end:before{content:"";position:absolute;inset-block-start:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--bottom-end:before{content:"";position:absolute;inset-block-end:100%;block-size:var(--tooltip-layer-offset);inset-inline-start:0;inline-size:100%}.c-tooltip--left-end:before{content:"";position:absolute;inset-inline-start:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}.c-tooltip--right-end:before{content:"";position:absolute;inset-inline-end:100%;inline-size:var(--tooltip-layer-offset);inset-block-start:0;block-size:100%}';
38
+ var j = Object.defineProperty, N = Object.getOwnPropertyDescriptor, c = (t, o, i, r) => {
39
+ for (var e = r > 1 ? void 0 : r ? N(o, i) : o, s = t.length - 1, n; s >= 0; s--)
40
+ (n = t[s]) && (e = (r ? n(o, i, e) : n(e)) || e);
41
+ return r && e && j(o, i, e), e;
42
42
  };
43
- const et = 5, B = () => new Promise(requestAnimationFrame), rt = (t) => {
44
- const i = (e) => !!e && e !== "none";
43
+ const X = 5, O = () => new Promise(requestAnimationFrame), U = (t) => {
44
+ const o = (r) => !!r && r !== "none";
45
45
  return [
46
46
  t.transform,
47
47
  t.perspective,
@@ -50,65 +50,40 @@ const et = 5, B = () => new Promise(requestAnimationFrame), rt = (t) => {
50
50
  t.translate,
51
51
  t.rotate,
52
52
  t.scale
53
- ].some(i) || /\b(paint|layout|content|strict)\b/.test(t.contain) || t.containerType && t.containerType !== "normal" ? !0 : /\b(transform|perspective|filter|backdrop-filter|contain|translate|rotate|scale)\b/.test(t.willChange);
54
- }, P = (t) => {
55
- const { documentElement: i } = t.ownerDocument, o = [];
56
- let e = t;
57
- for (; e !== i; ) {
58
- const r = e.assignedSlot ?? e.parentNode, s = r instanceof ShadowRoot ? r.host : r;
53
+ ].some(o) || /\b(paint|layout|content|strict)\b/.test(t.contain) || t.containerType && t.containerType !== "normal" ? !0 : /\b(transform|perspective|filter|backdrop-filter|contain|translate|rotate|scale)\b/.test(t.willChange);
54
+ }, k = (t) => {
55
+ const { documentElement: o } = t.ownerDocument, i = [];
56
+ let r = t;
57
+ for (; r !== o; ) {
58
+ const e = r.assignedSlot ?? r.parentNode, s = e instanceof ShadowRoot ? e.host : e;
59
59
  if (!(s instanceof Element))
60
60
  break;
61
- o.push(s), e = s;
61
+ i.push(s), r = s;
62
62
  }
63
- return o;
64
- }, st = (t) => {
65
- const { documentElement: i, body: o } = t.ownerDocument;
66
- return P(t).filter((e) => {
67
- if (e === i || e === o)
63
+ return i;
64
+ }, Y = (t) => {
65
+ const { documentElement: o, body: i } = t.ownerDocument;
66
+ return k(t).filter((r) => {
67
+ if (r === o || r === i)
68
68
  return !1;
69
- const r = getComputedStyle(e);
70
- return r.overflowX !== "visible" || r.overflowY !== "visible";
69
+ const e = getComputedStyle(r);
70
+ return e.overflowX !== "visible" || e.overflowY !== "visible";
71
71
  });
72
- }, I = (t) => {
73
- const { left: i, top: o } = t.getBoundingClientRect(), {
74
- clientLeft: e,
75
- clientTop: r,
72
+ }, W = (t) => {
73
+ const { left: o, top: i } = t.getBoundingClientRect(), {
74
+ clientLeft: r,
75
+ clientTop: e,
76
76
  clientWidth: s,
77
77
  clientHeight: n
78
78
  } = t;
79
- return new DOMRect(i + e, o + r, s, n);
80
- }, R = (t, i) => {
81
- const o = Math.max(t.left, i.left), e = Math.max(t.top, i.top), r = Math.min(t.right, i.right), s = Math.min(t.bottom, i.bottom);
82
- return r <= o || s <= e ? null : new DOMRect(o, e, r - o, s - e);
83
- }, nt = {
84
- top: "bottom",
85
- bottom: "top",
86
- left: "right",
87
- right: "left"
88
- }, lt = {
89
- top: ["left", "right"],
90
- bottom: ["left", "right"],
91
- left: ["top", "bottom"],
92
- right: ["top", "bottom"]
93
- }, at = (t) => {
94
- const i = /^(top|bottom|left|right)(-start|-end)?$/.exec(t ?? "");
95
- return i ? { side: i[1], alignment: i[2] ?? "" } : { side: "top", alignment: "" };
96
- }, ct = (t, i) => i ? t === "left" ? "right" : t === "right" ? "left" : t : t, pt = (t, i, o, e, r, s, n) => {
97
- const l = ct(t, n), h = l === "top" || l === "bottom";
98
- let a = 0, v = 0;
99
- return l === "top" ? v = o.top - s - r : l === "bottom" ? v = o.bottom + s : l === "left" ? a = o.left - s - e : a = o.right + s, h ? i === "" ? a = o.left + o.width / 2 - e / 2 : i === "-start" ? a = n ? o.right - e : o.left : a = n ? o.left : o.right - e : i === "" ? v = o.top + o.height / 2 - r / 2 : v = i === "-start" ? o.top : o.bottom - r, {
100
- left: a,
101
- top: v,
102
- right: a + e,
103
- bottom: v + r
104
- };
105
- }, dt = (t, i) => i.left >= t.left && i.right <= t.right && i.top >= t.top && i.bottom <= t.bottom, ht = (t, i) => {
106
- const o = Math.min(t.right, i.right) - Math.max(t.left, i.left), e = Math.min(t.bottom, i.bottom) - Math.max(t.top, i.top);
107
- return Math.max(0, o) * Math.max(0, e);
79
+ return new DOMRect(o + r, i + e, s, n);
80
+ }, G = (t, o) => {
81
+ const i = Math.max(t.left, o.left), r = Math.max(t.top, o.top), e = Math.min(t.right, o.right), s = Math.min(t.bottom, o.bottom);
82
+ return e <= i || s <= r ? null : new DOMRect(i, r, e - i, s - r);
108
83
  };
109
- let c = class extends E {
84
+ let l = class extends _ {
110
85
  constructor() {
111
- super(...arguments), this.isOpen = f.isOpen, this.position = f.position, this.size = f.size, this.variant = f.variant, this.type = f.type, this.isDismissible = f.isDismissible, this.headingLevel = f.headingLevel, this.triggers = [], this._isPositioned = !1, this._isAnchorVisible = !0, this._clippedTriggerElement = null, this._triggerClippers = [], this._overlayClippers = [], this._collisionSignature = null, this._overlayModeDirty = !0, this._reanchorFrame = 0, this._openedByClick = !1, this._instanceId = crypto.randomUUID();
86
+ super(...arguments), this.isOpen = g.isOpen, this.position = g.position, this.size = g.size, this.variant = g.variant, this.type = g.type, this.isDismissible = g.isDismissible, this.headingLevel = g.headingLevel, this.triggers = [], this._isPositioned = !1, this._isAnchorVisible = !0, this._clippedTriggerElement = null, this._triggerClippers = [], this._overlayModeDirty = !0, this._reanchorFrame = 0, this._openedByClick = !1, this._instanceId = crypto.randomUUID();
112
87
  }
113
88
  get _headingId() {
114
89
  return `pie-tooltip-heading-${this._instanceId}`;
@@ -121,10 +96,8 @@ let c = class extends E {
121
96
  this.resolveMode(), this._overlayModeDirty = !0, this.resolveOverlayMode(), this.projectOverTrigger(), this._rebuildInteractionListeners();
122
97
  }
123
98
  updated(t) {
124
- const i = ["trigger", "isOpen", "position", "size"];
125
- this.isOpen && t.has("isOpen") && (this._overlayModeDirty = !0), this.isOpen || (this._openedByClick = !1), t.has("trigger") && (this._overlayModeDirty = !0);
126
- const o = i.some((e) => t.has(e));
127
- o && (this._collisionSignature = null), this.resolveOverlayMode(), o && this.projectOverTrigger(), this.isOpen && t.has("trigger") && this.stopTrackingTrigger(), this.isOpen ? this.startTrackingTrigger() : this.stopTrackingTrigger(), (t.has("triggers") || t.has("trigger")) && this._rebuildInteractionListeners();
99
+ const o = ["trigger", "isOpen", "position", "size"];
100
+ this.isOpen && t.has("isOpen") && (this._overlayModeDirty = !0), this.isOpen || (this._openedByClick = !1), t.has("trigger") && (this._overlayModeDirty = !0), this.resolveOverlayMode(), o.some((i) => t.has(i)) && this.projectOverTrigger(), this.isOpen && t.has("trigger") && this.stopTrackingTrigger(), this.isOpen ? this.startTrackingTrigger() : this.stopTrackingTrigger(), (t.has("triggers") || t.has("trigger")) && this._rebuildInteractionListeners();
128
101
  }
129
102
  disconnectedCallback() {
130
103
  this._teardownInteractionListeners(), this.stopTrackingTrigger(), super.disconnectedCallback();
@@ -132,50 +105,50 @@ let c = class extends E {
132
105
  async focusPanel() {
133
106
  if (this._mode !== "dialog")
134
107
  return !1;
135
- await this.updateComplete, await B();
136
- const t = this.renderRoot.querySelector(`.${p}-content`);
108
+ await this.updateComplete, await O();
109
+ const t = this.renderRoot.querySelector(`.${a}-content`);
137
110
  if (!t)
138
111
  return !1;
139
- const i = () => {
140
- var o;
141
- return ((o = this.shadowRoot) == null ? void 0 : o.activeElement) === t;
112
+ const o = () => {
113
+ var i;
114
+ return ((i = this.shadowRoot) == null ? void 0 : i.activeElement) === t;
142
115
  };
143
- for (let o = 0; o < et; o++) {
144
- if (t.focus({ preventScroll: !0 }), i())
116
+ for (let i = 0; i < X; i++) {
117
+ if (t.focus({ preventScroll: !0 }), o())
145
118
  return !0;
146
- await B();
119
+ await O();
147
120
  }
148
121
  return !1;
149
122
  }
150
123
  startTrackingTrigger() {
151
124
  if (this._triggerTrackingController)
152
125
  return;
153
- const t = new AbortController(), { signal: i } = t, o = () => {
126
+ const t = new AbortController(), { signal: o } = t, i = () => {
154
127
  this._reanchorFrame || (this._reanchorFrame = requestAnimationFrame(() => {
155
128
  this._reanchorFrame = 0, this.resolveOverlayMode(), this.projectOverTrigger();
156
129
  }));
157
- }, e = () => {
158
- this._overlayModeDirty = !0, o();
130
+ }, r = () => {
131
+ this._overlayModeDirty = !0, i();
159
132
  };
160
- window.addEventListener("scroll", o, { capture: !0, passive: !0, signal: i }), window.addEventListener("resize", e, { passive: !0, signal: i });
161
- const r = /* @__PURE__ */ new Set();
162
- P(this).forEach((n) => {
163
- const l = n.getRootNode();
164
- l instanceof ShadowRoot && r.add(l);
165
- }), r.forEach((n) => {
166
- n.addEventListener("scroll", o, { capture: !0, passive: !0, signal: i });
133
+ window.addEventListener("scroll", i, { capture: !0, passive: !0, signal: o }), window.addEventListener("resize", r, { passive: !0, signal: o });
134
+ const e = /* @__PURE__ */ new Set();
135
+ k(this).forEach((n) => {
136
+ const d = n.getRootNode();
137
+ d instanceof ShadowRoot && e.add(d);
138
+ }), e.forEach((n) => {
139
+ n.addEventListener("scroll", i, { capture: !0, passive: !0, signal: o });
167
140
  }), this._triggerObserver = new ResizeObserver(() => {
168
- this._overlayModeDirty = !0, o();
141
+ this._overlayModeDirty = !0, i();
169
142
  });
170
143
  const s = this._getTriggerElement();
171
- s && this._triggerObserver.observe(s), this._directionObserver = new MutationObserver(o), this._directionObserver.observe(this.ownerDocument.documentElement, {
144
+ s && this._triggerObserver.observe(s), this._directionObserver = new MutationObserver(i), this._directionObserver.observe(this.ownerDocument.documentElement, {
172
145
  attributeFilter: ["dir"],
173
146
  subtree: !0
174
147
  }), this._triggerTrackingController = t;
175
148
  }
176
149
  stopTrackingTrigger() {
177
- var t, i, o;
178
- (t = this._triggerTrackingController) == null || t.abort(), this._triggerTrackingController = void 0, (i = this._directionObserver) == null || i.disconnect(), this._directionObserver = void 0, (o = this._triggerObserver) == null || o.disconnect(), this._triggerObserver = void 0, this._reanchorFrame && (cancelAnimationFrame(this._reanchorFrame), this._reanchorFrame = 0);
150
+ var t, o, i;
151
+ (t = this._triggerTrackingController) == null || t.abort(), this._triggerTrackingController = void 0, (o = this._directionObserver) == null || o.disconnect(), this._directionObserver = void 0, (i = this._triggerObserver) == null || i.disconnect(), this._triggerObserver = void 0, this._reanchorFrame && (cancelAnimationFrame(this._reanchorFrame), this._reanchorFrame = 0);
179
152
  }
180
153
  resolveMode() {
181
154
  this._hasActionContent = this._assignedActionElements.length > 0;
@@ -184,108 +157,49 @@ let c = class extends E {
184
157
  if (!this._overlayModeDirty)
185
158
  return;
186
159
  this._overlayModeDirty = !1;
187
- let t = !1, i = !1;
188
- const o = [], e = [], { documentElement: r, body: s } = this.ownerDocument;
189
- this._refreshTriggerClippers(), P(this).forEach((l) => {
190
- const h = getComputedStyle(l);
160
+ let t = !1, o = !1;
161
+ const i = [], r = [], { documentElement: e, body: s } = this.ownerDocument;
162
+ this._refreshTriggerClippers(), k(this).forEach((d) => {
163
+ const h = getComputedStyle(d);
191
164
  if (h.display === "contents")
192
165
  return;
193
- const a = rt(h);
194
- (a || h.position !== "static") && (t = !0), a && (i = !0), (h.overflowX !== "visible" || h.overflowY !== "visible") && !(l === r || l === s) && (t && o.push(l), i && e.push(l));
166
+ const f = U(h);
167
+ (f || h.position !== "static") && (t = !0), f && (o = !0), (h.overflowX !== "visible" || h.overflowY !== "visible") && !(d === e || d === s) && (t && i.push(d), o && r.push(d));
195
168
  });
196
- const n = e.length < o.length;
197
- this.style.position = n ? "fixed" : "", this._overlayClippers = n ? e : o;
169
+ const n = r.length < i.length;
170
+ this.style.position = n ? "fixed" : "";
198
171
  }
199
172
  projectOverTrigger() {
200
173
  this._isPositioned = !1;
201
174
  const t = this._getTriggerElement();
202
175
  if (!t || !this._originElement) {
203
- ["top", "left", "width", "height"].forEach((a) => {
204
- this.style.removeProperty(`--tooltip-anchor-${a}`);
176
+ ["top", "left", "width", "height"].forEach((f) => {
177
+ this.style.removeProperty(`--tooltip-anchor-${f}`);
205
178
  }), this.style.removeProperty("--tooltip-container-inline-size"), this._isAnchorVisible = !0, this._isPositioned = !0;
206
179
  return;
207
180
  }
208
181
  t !== this._clippedTriggerElement && this._refreshTriggerClippers();
209
- const i = this._triggerClippers.reduce(
210
- (a, v) => a ? R(a, I(v)) : null,
182
+ const o = this._triggerClippers.reduce(
183
+ (f, u) => f ? G(f, W(u)) : null,
211
184
  t.getBoundingClientRect()
212
185
  );
213
- if (this._isAnchorVisible = i !== null, !i) {
186
+ if (this._isAnchorVisible = o !== null, !o) {
214
187
  this._isPositioned = !0;
215
188
  return;
216
189
  }
217
- const o = this._originElement.getBoundingClientRect(), {
218
- top: e,
219
- left: r,
190
+ const i = this._originElement.getBoundingClientRect(), {
191
+ top: r,
192
+ left: e,
220
193
  width: s,
221
194
  height: n
222
- } = i;
223
- this.style.setProperty("--tooltip-anchor-top", `${e - o.top}px`), this.style.setProperty("--tooltip-anchor-left", `${r - o.left}px`), this.style.setProperty("--tooltip-anchor-width", `${s}px`), this.style.setProperty("--tooltip-anchor-height", `${n}px`);
224
- const l = t.parentElement, h = l ? l.getBoundingClientRect().width : s;
225
- this.style.setProperty("--tooltip-container-inline-size", `${h}px`), this.resolveCollision(i), this._isPositioned = !0;
226
- }
227
- resolveCollision(t) {
228
- const i = this.renderRoot.querySelector(`.${p}`);
229
- if (!i)
230
- return;
231
- const o = this._getCollisionBoundary();
232
- if (!o) {
233
- this._collisionSignature = null, this._setResolvedPosition(this.position ?? f.position);
234
- return;
235
- }
236
- const e = this.type === "icon", r = getComputedStyle(this), s = r.direction === "rtl", n = i.offsetWidth, l = i.offsetHeight, h = [
237
- t.left,
238
- t.top,
239
- t.width,
240
- t.height,
241
- o.left,
242
- o.top,
243
- o.width,
244
- o.height,
245
- n,
246
- l,
247
- s
248
- ].join(":");
249
- if (this._collisionSignature === h)
250
- return;
251
- this._collisionSignature = h;
252
- const a = parseFloat(r.getPropertyValue("--tooltip-offset")) || 0, v = parseFloat(r.getPropertyValue("--tooltip-arrow-size")) || 0, y = e ? a : a + v, { side: x, alignment: C } = at(this.position ?? f.position);
253
- let b, S, A = -1;
254
- this._getCandidatePositions(x, C).some(({ side: $, alignment: O }) => {
255
- const M = pt(
256
- $,
257
- O,
258
- t,
259
- n,
260
- l,
261
- y,
262
- s
263
- );
264
- if (dt(o, M))
265
- return b = { side: $, alignment: O }, !0;
266
- const L = ht(o, M);
267
- return L > A && (A = L, S = { side: $, alignment: O }), !1;
268
- });
269
- const T = b ?? S, V = T ? `${T.side}${T.alignment}` : this.position ?? f.position;
270
- this._setResolvedPosition(V);
271
- }
272
- _setResolvedPosition(t) {
273
- this._resolvedPosition !== t && (this._resolvedPosition = t);
274
- }
275
- _getCollisionBoundary() {
276
- const { documentElement: t } = this.ownerDocument, i = new DOMRect(0, 0, t.clientWidth, t.clientHeight);
277
- return this._overlayClippers.reduce(
278
- (o, e) => o ? R(o, I(e)) : null,
279
- i
280
- );
281
- }
282
- _getCandidatePositions(t, i) {
283
- const o = [t, nt[t], ...lt[t]], e = ["", "-start", "-end"];
284
- return o.flatMap((r) => [i, ...e.filter((n) => n !== i)].map((n) => ({ side: r, alignment: n })));
195
+ } = o;
196
+ this.style.setProperty("--tooltip-anchor-top", `${r - i.top}px`), this.style.setProperty("--tooltip-anchor-left", `${e - i.left}px`), this.style.setProperty("--tooltip-anchor-width", `${s}px`), this.style.setProperty("--tooltip-anchor-height", `${n}px`);
197
+ const d = t.parentElement, h = d ? d.getBoundingClientRect().width : s;
198
+ this.style.setProperty("--tooltip-container-inline-size", `${h}px`), this._isPositioned = !0;
285
199
  }
286
200
  _refreshTriggerClippers() {
287
201
  const t = this._getTriggerElement();
288
- this._clippedTriggerElement = t, this._triggerClippers = t ? st(t) : [];
202
+ this._clippedTriggerElement = t, this._triggerClippers = t ? Y(t) : [];
289
203
  }
290
204
  handleCloseButtonClick() {
291
205
  this._requestClose();
@@ -294,10 +208,10 @@ let c = class extends E {
294
208
  return this.trigger ? this.ownerDocument.getElementById(this.trigger) : null;
295
209
  }
296
210
  _requestOpen() {
297
- this.isOpen || this.dispatchEvent(new Event(W, { bubbles: !0, composed: !0 }));
211
+ this.isOpen || this.dispatchEvent(new Event(F, { bubbles: !0, composed: !0 }));
298
212
  }
299
213
  _requestClose() {
300
- this.isOpen && this.dispatchEvent(new Event(Z, { bubbles: !0, composed: !0 }));
214
+ this.isOpen && this.dispatchEvent(new Event(V, { bubbles: !0, composed: !0 }));
301
215
  }
302
216
  _startHoverCloseTimer() {
303
217
  this._hoverCloseTimer === void 0 && (this._hoverCloseTimer = setTimeout(() => {
@@ -308,34 +222,34 @@ let c = class extends E {
308
222
  this._hoverCloseTimer !== void 0 && (clearTimeout(this._hoverCloseTimer), this._hoverCloseTimer = void 0);
309
223
  }
310
224
  _rebuildInteractionListeners() {
311
- var e;
225
+ var r;
312
226
  this._teardownInteractionListeners();
313
- const t = new AbortController(), { signal: i } = t;
314
- if (this._interactionController = t, this.ownerDocument.addEventListener("keydown", (r) => {
315
- r.key === "Escape" && this.isOpen && this._requestClose();
316
- }, { signal: i }), !((e = this.triggers) != null && e.length)) return;
317
- const o = this._getTriggerElement();
318
- if (o) {
227
+ const t = new AbortController(), { signal: o } = t;
228
+ if (this._interactionController = t, this.ownerDocument.addEventListener("keydown", (e) => {
229
+ e.key === "Escape" && this.isOpen && this._requestClose();
230
+ }, { signal: o }), !((r = this.triggers) != null && r.length)) return;
231
+ const i = this._getTriggerElement();
232
+ if (i) {
319
233
  if (this.triggers.includes("hover")) {
320
- o.addEventListener("mouseenter", () => {
234
+ i.addEventListener("mouseenter", () => {
321
235
  this._cancelHoverCloseTimer(), this._requestOpen();
322
- }, { signal: i }), o.addEventListener("mouseleave", () => {
236
+ }, { signal: o }), i.addEventListener("mouseleave", () => {
323
237
  this._startHoverCloseTimer();
324
- }, { signal: i });
325
- const r = this.renderRoot.querySelector(".c-tooltip");
326
- r && (r.addEventListener("mouseenter", () => {
238
+ }, { signal: o });
239
+ const e = this.renderRoot.querySelector(".c-tooltip");
240
+ e && (e.addEventListener("mouseenter", () => {
327
241
  this._cancelHoverCloseTimer();
328
- }, { signal: i }), r.addEventListener("mouseleave", () => {
242
+ }, { signal: o }), e.addEventListener("mouseleave", () => {
329
243
  this._startHoverCloseTimer();
330
- }, { signal: i }));
244
+ }, { signal: o }));
331
245
  }
332
- this.triggers.includes("focus") && (o.addEventListener("focusin", () => {
246
+ this.triggers.includes("focus") && (i.addEventListener("focusin", () => {
333
247
  this._requestOpen();
334
- }, { signal: i }), o.addEventListener("focusout", (r) => {
335
- const s = r.relatedTarget;
248
+ }, { signal: o }), i.addEventListener("focusout", (e) => {
249
+ const s = e.relatedTarget;
336
250
  s && (this.contains(s) || s === this) || this._requestClose();
337
- }, { signal: i })), this.triggers.includes("click") && (o.addEventListener("click", (r) => {
338
- if (r.stopPropagation(), !this.isOpen) {
251
+ }, { signal: o })), this.triggers.includes("click") && (i.addEventListener("click", (e) => {
252
+ if (e.stopPropagation(), !this.isOpen) {
339
253
  this._openedByClick = !0, this._requestOpen();
340
254
  return;
341
255
  }
@@ -344,11 +258,11 @@ let c = class extends E {
344
258
  return;
345
259
  }
346
260
  this._requestClose();
347
- }, { signal: i }), this.ownerDocument.addEventListener("click", (r) => {
261
+ }, { signal: o }), this.ownerDocument.addEventListener("click", (e) => {
348
262
  var h;
349
- const s = r.composedPath()[0], n = this.contains(s) || ((h = this.shadowRoot) == null ? void 0 : h.contains(s)), l = o.contains(s) || s === o;
350
- !n && !l && this.isOpen && this._requestClose();
351
- }, { signal: i }));
263
+ const s = e.composedPath()[0], n = this.contains(s) || ((h = this.shadowRoot) == null ? void 0 : h.contains(s)), d = i.contains(s) || s === i;
264
+ !n && !d && this.isOpen && this._requestClose();
265
+ }, { signal: o }));
352
266
  }
353
267
  }
354
268
  _teardownInteractionListeners() {
@@ -356,18 +270,18 @@ let c = class extends E {
356
270
  (t = this._interactionController) == null || t.abort(), this._interactionController = void 0, this._cancelHoverCloseTimer();
357
271
  }
358
272
  renderHeading() {
359
- const t = X(this.headingLevel);
360
- return z`<${t}
273
+ const t = M(this.headingLevel);
274
+ return y`<${t}
361
275
  id="${this._headingId}"
362
- class="${p}-heading"
363
- data-test-id="${g}-heading">${this.heading}</${t}>`;
276
+ class="${a}-heading"
277
+ data-test-id="${p}-heading">${this.heading}</${t}>`;
364
278
  }
365
279
  renderCloseButton() {
366
280
  var t;
367
- return z`
281
+ return y`
368
282
  <pie-icon-button
369
- class="${p}-close"
370
- data-test-id="${g}-close"
283
+ class="${a}-close"
284
+ data-test-id="${p}-close"
371
285
  size="xsmall"
372
286
  variant="${this.variant === "inverse" ? "ghost-secondary" : "ghost-inverse"}"
373
287
  .aria="${{ label: (t = this.aria) == null ? void 0 : t.close }}"
@@ -378,134 +292,130 @@ let c = class extends E {
378
292
  render() {
379
293
  const {
380
294
  aria: t,
381
- heading: i,
382
- isDismissible: o,
383
- isOpen: e,
384
- position: r,
295
+ heading: o,
296
+ isDismissible: i,
297
+ isOpen: r,
298
+ position: e,
385
299
  size: s,
386
300
  type: n,
387
- variant: l,
388
- _resolvedPosition: h,
389
- _mode: a
390
- } = this, v = h ?? r, y = n === "icon", x = {
391
- [`${p}-layer`]: !0,
392
- [`${p}-layer--${v}`]: !0,
393
- [`${p}-layer--type-${n}`]: !0,
394
- "is-open": !!e,
301
+ variant: d,
302
+ _mode: h
303
+ } = this, f = n === "icon", u = {
304
+ [`${a}-layer`]: !0,
305
+ [`${a}-layer--${e}`]: !0,
306
+ [`${a}-layer--type-${n}`]: !0,
307
+ "is-open": !!r,
395
308
  "is-positioned": this._isPositioned,
396
309
  "is-anchorVisible": this._isAnchorVisible
397
310
  }, C = {
398
- [p]: !0,
399
- [`${p}--${v}`]: !0,
400
- [`${p}--${l}`]: !0,
401
- [`${p}--type-${n}`]: !0,
402
- [`${p}--size-${s}`]: !y,
403
- "is-dismissible": !!o,
311
+ [a]: !0,
312
+ [`${a}--${e}`]: !0,
313
+ [`${a}--${d}`]: !0,
314
+ [`${a}--type-${n}`]: !0,
315
+ [`${a}--size-${s}`]: !f,
316
+ "is-dismissible": !!i,
404
317
  "has-action": this._hasActionContent === !0,
405
- "has-heading": !!i
406
- }, b = a === "dialog";
407
- return z`
408
- <div class="${p}-origin" data-test-id="${g}-origin"></div>
409
- <div class="${p}-anchor" data-test-id="${g}-anchor">
410
- <div class="${D(x)}" data-test-id="${g}-layer">
318
+ "has-heading": !!o
319
+ }, z = h === "dialog";
320
+ return y`
321
+ <div class="${a}-origin" data-test-id="${p}-origin"></div>
322
+ <div class="${a}-anchor" data-test-id="${p}-anchor">
323
+ <div class="${T(u)}" data-test-id="${p}-layer">
411
324
  <div
412
- class="${D(C)}"
413
- data-test-id="${g}"
414
- role="${N(a)}"
415
- aria-hidden="${!e}"
416
- aria-labelledby="${b && i ? this._headingId : u}"
417
- aria-label="${b && !i && (t != null && t.label) ? t.label : u}">
418
- ${y ? u : z`<div class="${p}-arrow" data-test-id="${g}-arrow"></div>`}
419
- <div class="${p}-body">
420
- ${i ? this.renderHeading() : u}
325
+ class="${T(C)}"
326
+ data-test-id="${p}"
327
+ role="${D(h)}"
328
+ aria-hidden="${!r}"
329
+ aria-labelledby="${z && o ? this._headingId : b}"
330
+ aria-label="${z && !o && (t != null && t.label) ? t.label : b}">
331
+ ${f ? b : y`<div class="${a}-arrow" data-test-id="${p}-arrow"></div>`}
332
+ <div class="${a}-body">
333
+ ${o ? this.renderHeading() : b}
421
334
  <div
422
- class="${p}-content"
423
- tabindex="${b ? -1 : u}"
424
- data-test-id="${g}-content">
335
+ class="${a}-content"
336
+ tabindex="${z ? -1 : b}"
337
+ data-test-id="${p}-content">
425
338
  <slot name="content"></slot>
426
339
  </div>
427
340
  </div>
428
- <div class="${p}-action" data-test-id="${g}-action">
341
+ <div class="${a}-action" data-test-id="${p}-action">
429
342
  <slot name="action" @slotchange="${this.resolveMode}"></slot>
430
343
  </div>
431
- ${o ? this.renderCloseButton() : u}
344
+ ${i ? this.renderCloseButton() : b}
432
345
  </div>
433
346
  </div>
434
347
  </div>`;
435
348
  }
436
349
  };
437
- c.styles = q(tt);
438
- d([
439
- m({ type: String })
440
- ], c.prototype, "trigger", 2);
441
- d([
442
- m({ type: Boolean })
443
- ], c.prototype, "isOpen", 2);
444
- d([
445
- m({ type: String }),
446
- w(g, Y, f.position)
447
- ], c.prototype, "position", 2);
448
- d([
449
- m({ type: String }),
450
- w(g, G, f.size)
451
- ], c.prototype, "size", 2);
452
- d([
453
- m({ type: String }),
454
- w(g, J, f.variant)
455
- ], c.prototype, "variant", 2);
456
- d([
457
- m({ type: String }),
458
- w(g, K, f.type)
459
- ], c.prototype, "type", 2);
460
- d([
461
- m({ type: Boolean })
462
- ], c.prototype, "isDismissible", 2);
463
- d([
464
- m({ type: String })
465
- ], c.prototype, "heading", 2);
466
- d([
467
- m({ type: String }),
468
- w(g, Q, f.headingLevel)
469
- ], c.prototype, "headingLevel", 2);
470
- d([
471
- m({ type: Object })
472
- ], c.prototype, "aria", 2);
473
- d([
474
- m({ type: Array })
475
- ], c.prototype, "triggers", 2);
476
- d([
477
- j({ slot: "action" })
478
- ], c.prototype, "_assignedActionElements", 2);
479
- d([
480
- H(".c-tooltip-origin")
481
- ], c.prototype, "_originElement", 2);
482
- d([
483
- k()
484
- ], c.prototype, "_hasActionContent", 2);
485
- d([
486
- k()
487
- ], c.prototype, "_isPositioned", 2);
488
- d([
489
- k()
490
- ], c.prototype, "_isAnchorVisible", 2);
491
- d([
492
- k()
493
- ], c.prototype, "_resolvedPosition", 2);
494
- c = d([
495
- U("pie-tooltip")
496
- ], c);
350
+ l.styles = E(H);
351
+ c([
352
+ v({ type: String })
353
+ ], l.prototype, "trigger", 2);
354
+ c([
355
+ v({ type: Boolean })
356
+ ], l.prototype, "isOpen", 2);
357
+ c([
358
+ v({ type: String }),
359
+ m(p, S, g.position)
360
+ ], l.prototype, "position", 2);
361
+ c([
362
+ v({ type: String }),
363
+ m(p, B, g.size)
364
+ ], l.prototype, "size", 2);
365
+ c([
366
+ v({ type: String }),
367
+ m(p, I, g.variant)
368
+ ], l.prototype, "variant", 2);
369
+ c([
370
+ v({ type: String }),
371
+ m(p, R, g.type)
372
+ ], l.prototype, "type", 2);
373
+ c([
374
+ v({ type: Boolean })
375
+ ], l.prototype, "isDismissible", 2);
376
+ c([
377
+ v({ type: String })
378
+ ], l.prototype, "heading", 2);
379
+ c([
380
+ v({ type: String }),
381
+ m(p, q, g.headingLevel)
382
+ ], l.prototype, "headingLevel", 2);
383
+ c([
384
+ v({ type: Object })
385
+ ], l.prototype, "aria", 2);
386
+ c([
387
+ v({ type: Array })
388
+ ], l.prototype, "triggers", 2);
389
+ c([
390
+ A({ slot: "action" })
391
+ ], l.prototype, "_assignedActionElements", 2);
392
+ c([
393
+ L(".c-tooltip-origin")
394
+ ], l.prototype, "_originElement", 2);
395
+ c([
396
+ x()
397
+ ], l.prototype, "_hasActionContent", 2);
398
+ c([
399
+ x()
400
+ ], l.prototype, "_isPositioned", 2);
401
+ c([
402
+ x()
403
+ ], l.prototype, "_isAnchorVisible", 2);
404
+ l = c([
405
+ P("pie-tooltip")
406
+ ], l);
497
407
  export {
498
- Z as ON_TOOLTIP_CLOSE_EVENT,
499
- W as ON_TOOLTIP_OPEN_EVENT,
500
- c as PieTooltip,
501
- p as componentClass,
502
- g as componentSelector,
503
- f as defaultProps,
504
- Q as headingLevels,
505
- _t as modes,
506
- Y as positions,
507
- G as sizes,
508
- zt as triggers,
509
- K as types,
510
- J as variants
408
+ V as ON_TOOLTIP_CLOSE_EVENT,
409
+ F as ON_TOOLTIP_OPEN_EVENT,
410
+ l as PieTooltip,
411
+ a as componentClass,
412
+ p as componentSelector,
413
+ g as defaultProps,
414
+ q as headingLevels,
415
+ st as modes,
416
+ S as positions,
417
+ B as sizes,
418
+ rt as triggers,
419
+ R as types,
420
+ I as variants
511
421
  };