@justeattakeaway/pie-tooltip 0.4.0 → 0.5.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 (11) hide show
  1. package/README.md +87 -32
  2. package/custom-elements.json +27 -2
  3. package/dist/index.d.ts +18 -58
  4. package/dist/index.js +223 -214
  5. package/dist/react.d.ts +18 -58
  6. package/dist/react.js +1 -1
  7. package/package.json +4 -4
  8. package/src/defs.ts +14 -57
  9. package/src/index.ts +53 -74
  10. package/src/react.ts +1 -1
  11. package/src/tooltip.scss +8 -1
package/dist/index.js CHANGED
@@ -1,18 +1,18 @@
1
- import { LitElement as q, unsafeCSS as F, nothing as y } from "lit";
2
- import { property as b, queryAssignedElements as j, query as H, state as k } from "lit/decorators.js";
3
- import { classMap as B } from "lit/directives/class-map.js";
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
4
  import { ifDefined as N } from "lit/directives/if-defined.js";
5
5
  import { unsafeStatic as X, html as z } from "lit/static-html.js";
6
6
  import { validPropertyValues as w, safeCustomElement as U } 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 q {
9
+ const _ = class _ extends F {
10
10
  willUpdate() {
11
11
  this.getAttribute("v") || this.setAttribute("v", _.v);
12
12
  }
13
13
  };
14
- _.v = "0.4.0";
15
- let P = _;
14
+ _.v = "0.5.0";
15
+ let E = _;
16
16
  const Y = [
17
17
  "top",
18
18
  "top-start",
@@ -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"], wt = ["hover", "focus", "click"], zt = ["tooltip", "dialog"], v = "pie-tooltip", h = "c-tooltip", W = `${v}-open`, Z = `${v}-close`, g = {
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 = {
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.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, p = (t, o, i, e) => {
39
- for (var r = e > 1 ? void 0 : e ? it(o, i) : o, s = t.length - 1, n; s >= 0; s--)
40
- (n = t[s]) && (r = (e ? n(o, i, r) : n(r)) || r);
41
- return e && r && ot(o, i, r), r;
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;
42
42
  };
43
- const E = "pie-tooltip-heading", et = (t) => {
44
- const o = (e) => !!e && e !== "none";
43
+ const et = 5, B = () => new Promise(requestAnimationFrame), rt = (t) => {
44
+ const i = (e) => !!e && e !== "none";
45
45
  return [
46
46
  t.transform,
47
47
  t.perspective,
@@ -50,143 +50,152 @@ const E = "pie-tooltip-heading", et = (t) => {
50
50
  t.translate,
51
51
  t.rotate,
52
52
  t.scale
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
- }, S = (t) => {
55
- const { documentElement: o } = t.ownerDocument, i = [];
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
56
  let e = t;
57
- for (; e !== o; ) {
57
+ for (; e !== i; ) {
58
58
  const r = e.assignedSlot ?? e.parentNode, s = r instanceof ShadowRoot ? r.host : r;
59
59
  if (!(s instanceof Element))
60
60
  break;
61
- i.push(s), e = s;
61
+ o.push(s), e = s;
62
62
  }
63
- return i;
64
- }, rt = (t) => {
65
- const { documentElement: o, body: i } = t.ownerDocument;
66
- return S(t).filter((e) => {
67
- if (e === o || e === i)
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)
68
68
  return !1;
69
69
  const r = getComputedStyle(e);
70
70
  return r.overflowX !== "visible" || r.overflowY !== "visible";
71
71
  });
72
- }, R = (t) => {
73
- const { left: o, top: i } = t.getBoundingClientRect(), {
72
+ }, I = (t) => {
73
+ const { left: i, top: o } = t.getBoundingClientRect(), {
74
74
  clientLeft: e,
75
75
  clientTop: r,
76
76
  clientWidth: s,
77
77
  clientHeight: n
78
78
  } = t;
79
- return new DOMRect(o + e, i + r, s, n);
80
- }, V = (t, o) => {
81
- const i = Math.max(t.left, o.left), e = Math.max(t.top, o.top), r = Math.min(t.right, o.right), s = Math.min(t.bottom, o.bottom);
82
- return r <= i || s <= e ? null : new DOMRect(i, e, r - i, s - e);
83
- }, st = {
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
84
  top: "bottom",
85
85
  bottom: "top",
86
86
  left: "right",
87
87
  right: "left"
88
- }, nt = {
88
+ }, lt = {
89
89
  top: ["left", "right"],
90
90
  bottom: ["left", "right"],
91
91
  left: ["top", "bottom"],
92
92
  right: ["top", "bottom"]
93
- }, lt = (t) => {
94
- const o = /^(top|bottom|left|right)(-start|-end)?$/.exec(t ?? "");
95
- return o ? { side: o[1], alignment: o[2] ?? "" } : { side: "top", alignment: "" };
96
- }, at = (t, o) => o ? t === "left" ? "right" : t === "right" ? "left" : t : t, ct = (t, o, i, e, r, s, n) => {
97
- const l = at(t, n), d = l === "top" || l === "bottom";
98
- let a = 0, f = 0;
99
- return l === "top" ? f = i.top - s - r : l === "bottom" ? f = i.bottom + s : l === "left" ? a = i.left - s - e : a = i.right + s, d ? o === "" ? a = i.left + i.width / 2 - e / 2 : o === "-start" ? a = n ? i.right - e : i.left : a = n ? i.left : i.right - e : o === "" ? f = i.top + i.height / 2 - r / 2 : f = o === "-start" ? i.top : i.bottom - r, {
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
100
  left: a,
101
- top: f,
101
+ top: v,
102
102
  right: a + e,
103
- bottom: f + r
103
+ bottom: v + r
104
104
  };
105
- }, pt = (t, o) => o.left >= t.left && o.right <= t.right && o.top >= t.top && o.bottom <= t.bottom, dt = (t, o) => {
106
- const i = Math.min(t.right, o.right) - Math.max(t.left, o.left), e = Math.min(t.bottom, o.bottom) - Math.max(t.top, o.top);
107
- return Math.max(0, i) * Math.max(0, e);
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);
108
108
  };
109
- let c = class extends P {
109
+ let c = class extends E {
110
110
  constructor() {
111
- 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._overlayClippers = [], this._collisionSignature = null, this._overlayModeDirty = !0, this._reanchorFrame = 0, this._openedByClick = !1;
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();
112
+ }
113
+ get _headingId() {
114
+ return `pie-tooltip-heading-${this._instanceId}`;
112
115
  }
113
116
  get _mode() {
114
117
  if (this._hasActionContent !== void 0)
115
- return this._hasActionContent ? "dialog" : "tooltip";
118
+ return this._hasActionContent || this.isDismissible ? "dialog" : "tooltip";
116
119
  }
117
120
  firstUpdated() {
118
121
  this.resolveMode(), this._overlayModeDirty = !0, this.resolveOverlayMode(), this.projectOverTrigger(), this._rebuildInteractionListeners();
119
122
  }
120
123
  updated(t) {
121
- const o = ["trigger", "isOpen", "position", "size"];
124
+ const i = ["trigger", "isOpen", "position", "size"];
122
125
  this.isOpen && t.has("isOpen") && (this._overlayModeDirty = !0), this.isOpen || (this._openedByClick = !1), t.has("trigger") && (this._overlayModeDirty = !0);
123
- const i = o.some((e) => t.has(e));
124
- i && (this._collisionSignature = null), this.resolveOverlayMode(), i && this.projectOverTrigger(), this.isOpen && t.has("trigger") && this.stopTrackingTrigger(), this.isOpen ? this.startTrackingTrigger() : this.stopTrackingTrigger(), (t.has("triggers") || t.has("trigger")) && this._rebuildInteractionListeners();
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();
125
128
  }
126
129
  disconnectedCallback() {
127
130
  this._teardownInteractionListeners(), this.stopTrackingTrigger(), super.disconnectedCallback();
128
131
  }
129
- // Listens for scroll (capture — catches any ancestor), resize, and dir-attribute changes to
130
- // re-anchor the panel. Multiple events per frame coalesce into one requestAnimationFrame call.
132
+ async focusPanel() {
133
+ if (this._mode !== "dialog")
134
+ return !1;
135
+ await this.updateComplete, await B();
136
+ const t = this.renderRoot.querySelector(`.${p}-content`);
137
+ if (!t)
138
+ return !1;
139
+ const i = () => {
140
+ var o;
141
+ return ((o = this.shadowRoot) == null ? void 0 : o.activeElement) === t;
142
+ };
143
+ for (let o = 0; o < et; o++) {
144
+ if (t.focus({ preventScroll: !0 }), i())
145
+ return !0;
146
+ await B();
147
+ }
148
+ return !1;
149
+ }
131
150
  startTrackingTrigger() {
132
151
  if (this._triggerTrackingController)
133
152
  return;
134
- const t = new AbortController(), { signal: o } = t, i = () => {
153
+ const t = new AbortController(), { signal: i } = t, o = () => {
135
154
  this._reanchorFrame || (this._reanchorFrame = requestAnimationFrame(() => {
136
155
  this._reanchorFrame = 0, this.resolveOverlayMode(), this.projectOverTrigger();
137
156
  }));
138
157
  }, e = () => {
139
- this._overlayModeDirty = !0, i();
158
+ this._overlayModeDirty = !0, o();
140
159
  };
141
- window.addEventListener("scroll", i, { capture: !0, passive: !0, signal: o }), window.addEventListener("resize", e, { passive: !0, signal: o });
160
+ window.addEventListener("scroll", o, { capture: !0, passive: !0, signal: i }), window.addEventListener("resize", e, { passive: !0, signal: i });
142
161
  const r = /* @__PURE__ */ new Set();
143
- S(this).forEach((n) => {
162
+ P(this).forEach((n) => {
144
163
  const l = n.getRootNode();
145
164
  l instanceof ShadowRoot && r.add(l);
146
165
  }), r.forEach((n) => {
147
- n.addEventListener("scroll", i, { capture: !0, passive: !0, signal: o });
166
+ n.addEventListener("scroll", o, { capture: !0, passive: !0, signal: i });
148
167
  }), this._triggerObserver = new ResizeObserver(() => {
149
- this._overlayModeDirty = !0, i();
168
+ this._overlayModeDirty = !0, o();
150
169
  });
151
170
  const s = this._getTriggerElement();
152
- s && this._triggerObserver.observe(s), this._directionObserver = new MutationObserver(i), this._directionObserver.observe(this.ownerDocument.documentElement, {
171
+ s && this._triggerObserver.observe(s), this._directionObserver = new MutationObserver(o), this._directionObserver.observe(this.ownerDocument.documentElement, {
153
172
  attributeFilter: ["dir"],
154
173
  subtree: !0
155
174
  }), this._triggerTrackingController = t;
156
175
  }
157
176
  stopTrackingTrigger() {
158
- var t, o, i;
159
- (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);
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);
160
179
  }
161
180
  resolveMode() {
162
181
  this._hasActionContent = this._assignedActionElements.length > 0;
163
182
  }
164
- // Picks between `absolute` (browser handles scrolling, but clipped by overflow ancestors) and
165
- // `fixed` (escapes overflow clips, but must re-offset on every scroll). Switches to `fixed`
166
- // only when it escapes a clip that `absolute` would not.
167
- //
168
- // An overflow ancestor clips a positioned box only if it is that box's containing block or an
169
- // ancestor of it; a clipper strictly inside the containing block does not clip. So each
170
- // clipper is counted against a mode only once that mode's containing block has been reached.
171
183
  resolveOverlayMode() {
172
184
  if (!this._overlayModeDirty)
173
185
  return;
174
186
  this._overlayModeDirty = !1;
175
- let t = !1, o = !1;
176
- const i = [], e = [], { documentElement: r, body: s } = this.ownerDocument;
177
- this._refreshTriggerClippers(), S(this).forEach((l) => {
178
- const d = getComputedStyle(l);
179
- if (d.display === "contents")
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);
191
+ if (h.display === "contents")
180
192
  return;
181
- const a = et(d);
182
- (a || d.position !== "static") && (t = !0), a && (o = !0), (d.overflowX !== "visible" || d.overflowY !== "visible") && !(l === r || l === s) && (t && i.push(l), o && e.push(l));
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));
183
195
  });
184
- const n = e.length < i.length;
185
- this.style.position = n ? "fixed" : "", this._overlayClippers = n ? e : i;
196
+ const n = e.length < o.length;
197
+ this.style.position = n ? "fixed" : "", this._overlayClippers = n ? e : o;
186
198
  }
187
- // Measures the trigger relative to the origin marker (which sits at the containing block's
188
- // origin) and writes CSS custom properties. Self-referential: correct for any containing
189
- // block. Physical values; shadow-root CSS uses logical properties for RTL mirroring.
190
199
  projectOverTrigger() {
191
200
  this._isPositioned = !1;
192
201
  const t = this._getTriggerElement();
@@ -197,89 +206,86 @@ let c = class extends P {
197
206
  return;
198
207
  }
199
208
  t !== this._clippedTriggerElement && this._refreshTriggerClippers();
200
- const o = this._triggerClippers.reduce(
201
- (a, f) => a ? V(a, R(f)) : null,
209
+ const i = this._triggerClippers.reduce(
210
+ (a, v) => a ? R(a, I(v)) : null,
202
211
  t.getBoundingClientRect()
203
212
  );
204
- if (this._isAnchorVisible = o !== null, !o) {
213
+ if (this._isAnchorVisible = i !== null, !i) {
205
214
  this._isPositioned = !0;
206
215
  return;
207
216
  }
208
- const i = this._originElement.getBoundingClientRect(), {
217
+ const o = this._originElement.getBoundingClientRect(), {
209
218
  top: e,
210
219
  left: r,
211
220
  width: s,
212
221
  height: n
213
- } = o;
214
- this.style.setProperty("--tooltip-anchor-top", `${e - i.top}px`), this.style.setProperty("--tooltip-anchor-left", `${r - i.left}px`), this.style.setProperty("--tooltip-anchor-width", `${s}px`), this.style.setProperty("--tooltip-anchor-height", `${n}px`);
215
- const l = t.parentElement, d = l ? l.getBoundingClientRect().width : s;
216
- this.style.setProperty("--tooltip-container-inline-size", `${d}px`), this.resolveCollision(o), this._isPositioned = !0;
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;
217
226
  }
218
227
  resolveCollision(t) {
219
- const o = this.renderRoot.querySelector(`.${h}`);
220
- if (!o)
228
+ const i = this.renderRoot.querySelector(`.${p}`);
229
+ if (!i)
221
230
  return;
222
- const i = this._getCollisionBoundary();
223
- if (!i) {
224
- this._collisionSignature = null, this._setResolvedPosition(this.position ?? g.position);
231
+ const o = this._getCollisionBoundary();
232
+ if (!o) {
233
+ this._collisionSignature = null, this._setResolvedPosition(this.position ?? f.position);
225
234
  return;
226
235
  }
227
- const e = this.type === "icon", r = getComputedStyle(this), s = r.direction === "rtl", n = o.offsetWidth, l = o.offsetHeight, d = [
236
+ const e = this.type === "icon", r = getComputedStyle(this), s = r.direction === "rtl", n = i.offsetWidth, l = i.offsetHeight, h = [
228
237
  t.left,
229
238
  t.top,
230
239
  t.width,
231
240
  t.height,
232
- i.left,
233
- i.top,
234
- i.width,
235
- i.height,
241
+ o.left,
242
+ o.top,
243
+ o.width,
244
+ o.height,
236
245
  n,
237
246
  l,
238
247
  s
239
248
  ].join(":");
240
- if (this._collisionSignature === d)
249
+ if (this._collisionSignature === h)
241
250
  return;
242
- this._collisionSignature = d;
243
- const a = parseFloat(r.getPropertyValue("--tooltip-offset")) || 0, f = parseFloat(r.getPropertyValue("--tooltip-arrow-size")) || 0, m = e ? a : a + f, { side: x, alignment: C } = lt(this.position ?? g.position);
244
- let u, A, M = -1;
245
- this._getCandidatePositions(x, C).some(({ side: O, alignment: $ }) => {
246
- const L = ct(
247
- O,
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(
248
256
  $,
257
+ O,
249
258
  t,
250
259
  n,
251
260
  l,
252
- m,
261
+ y,
253
262
  s
254
263
  );
255
- if (pt(i, L))
256
- return u = { side: O, alignment: $ }, !0;
257
- const D = dt(i, L);
258
- return D > M && (M = D, A = { side: O, alignment: $ }), !1;
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;
259
268
  });
260
- const T = u ?? A, I = T ? `${T.side}${T.alignment}` : this.position ?? g.position;
261
- this._setResolvedPosition(I);
269
+ const T = b ?? S, V = T ? `${T.side}${T.alignment}` : this.position ?? f.position;
270
+ this._setResolvedPosition(V);
262
271
  }
263
272
  _setResolvedPosition(t) {
264
273
  this._resolvedPosition !== t && (this._resolvedPosition = t);
265
274
  }
266
275
  _getCollisionBoundary() {
267
- const { documentElement: t } = this.ownerDocument, o = new DOMRect(0, 0, t.clientWidth, t.clientHeight);
276
+ const { documentElement: t } = this.ownerDocument, i = new DOMRect(0, 0, t.clientWidth, t.clientHeight);
268
277
  return this._overlayClippers.reduce(
269
- (i, e) => i ? V(i, R(e)) : null,
270
- o
278
+ (o, e) => o ? R(o, I(e)) : null,
279
+ i
271
280
  );
272
281
  }
273
- _getCandidatePositions(t, o) {
274
- const i = [t, st[t], ...nt[t]], e = ["", "-start", "-end"];
275
- return i.flatMap((r) => [o, ...e.filter((n) => n !== o)].map((n) => ({ side: r, alignment: n })));
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 })));
276
285
  }
277
- // Cached because `projectOverTrigger` runs on every re-anchoring frame, and collecting these
278
- // costs a computed style per ancestor. Refreshed when the trigger changes and whenever the
279
- // overlay mode is resolved, which is the same cadence as an ancestor chain actually changing.
280
286
  _refreshTriggerClippers() {
281
287
  const t = this._getTriggerElement();
282
- this._clippedTriggerElement = t, this._triggerClippers = t ? rt(t) : [];
288
+ this._clippedTriggerElement = t, this._triggerClippers = t ? st(t) : [];
283
289
  }
284
290
  handleCloseButtonClick() {
285
291
  this._requestClose();
@@ -303,32 +309,32 @@ let c = class extends P {
303
309
  }
304
310
  _rebuildInteractionListeners() {
305
311
  var e;
306
- if (this._teardownInteractionListeners(), !((e = this.triggers) != null && e.length)) return;
307
- const t = new AbortController(), { signal: o } = t;
308
- this._interactionController = t;
309
- const i = this._getTriggerElement();
310
- if (this.ownerDocument.addEventListener("keydown", (r) => {
312
+ this._teardownInteractionListeners();
313
+ const t = new AbortController(), { signal: i } = t;
314
+ if (this._interactionController = t, this.ownerDocument.addEventListener("keydown", (r) => {
311
315
  r.key === "Escape" && this.isOpen && this._requestClose();
312
- }, { signal: o }), !!i) {
316
+ }, { signal: i }), !((e = this.triggers) != null && e.length)) return;
317
+ const o = this._getTriggerElement();
318
+ if (o) {
313
319
  if (this.triggers.includes("hover")) {
314
- i.addEventListener("mouseenter", () => {
320
+ o.addEventListener("mouseenter", () => {
315
321
  this._cancelHoverCloseTimer(), this._requestOpen();
316
- }, { signal: o }), i.addEventListener("mouseleave", () => {
322
+ }, { signal: i }), o.addEventListener("mouseleave", () => {
317
323
  this._startHoverCloseTimer();
318
- }, { signal: o });
324
+ }, { signal: i });
319
325
  const r = this.renderRoot.querySelector(".c-tooltip");
320
326
  r && (r.addEventListener("mouseenter", () => {
321
327
  this._cancelHoverCloseTimer();
322
- }, { signal: o }), r.addEventListener("mouseleave", () => {
328
+ }, { signal: i }), r.addEventListener("mouseleave", () => {
323
329
  this._startHoverCloseTimer();
324
- }, { signal: o }));
330
+ }, { signal: i }));
325
331
  }
326
- this.triggers.includes("focus") && (i.addEventListener("focusin", () => {
332
+ this.triggers.includes("focus") && (o.addEventListener("focusin", () => {
327
333
  this._requestOpen();
328
- }, { signal: o }), i.addEventListener("focusout", (r) => {
334
+ }, { signal: i }), o.addEventListener("focusout", (r) => {
329
335
  const s = r.relatedTarget;
330
336
  s && (this.contains(s) || s === this) || this._requestClose();
331
- }, { signal: o })), this.triggers.includes("click") && (i.addEventListener("click", (r) => {
337
+ }, { signal: i })), this.triggers.includes("click") && (o.addEventListener("click", (r) => {
332
338
  if (r.stopPropagation(), !this.isOpen) {
333
339
  this._openedByClick = !0, this._requestOpen();
334
340
  return;
@@ -338,11 +344,11 @@ let c = class extends P {
338
344
  return;
339
345
  }
340
346
  this._requestClose();
341
- }, { signal: o }), this.ownerDocument.addEventListener("click", (r) => {
342
- var d;
343
- const s = r.composedPath()[0], n = this.contains(s) || ((d = this.shadowRoot) == null ? void 0 : d.contains(s)), l = i.contains(s) || s === i;
347
+ }, { signal: i }), this.ownerDocument.addEventListener("click", (r) => {
348
+ 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;
344
350
  !n && !l && this.isOpen && this._requestClose();
345
- }, { signal: o }));
351
+ }, { signal: i }));
346
352
  }
347
353
  }
348
354
  _teardownInteractionListeners() {
@@ -352,16 +358,16 @@ let c = class extends P {
352
358
  renderHeading() {
353
359
  const t = X(this.headingLevel);
354
360
  return z`<${t}
355
- id="${E}"
356
- class="${h}-heading"
357
- data-test-id="${E}">${this.heading}</${t}>`;
361
+ id="${this._headingId}"
362
+ class="${p}-heading"
363
+ data-test-id="${g}-heading">${this.heading}</${t}>`;
358
364
  }
359
365
  renderCloseButton() {
360
366
  var t;
361
367
  return z`
362
368
  <pie-icon-button
363
- class="${h}-close"
364
- data-test-id="${v}-close"
369
+ class="${p}-close"
370
+ data-test-id="${g}-close"
365
371
  size="xsmall"
366
372
  variant="${this.variant === "inverse" ? "ghost-secondary" : "ghost-inverse"}"
367
373
  .aria="${{ label: (t = this.aria) == null ? void 0 : t.close }}"
@@ -372,131 +378,134 @@ let c = class extends P {
372
378
  render() {
373
379
  const {
374
380
  aria: t,
375
- heading: o,
376
- isDismissible: i,
381
+ heading: i,
382
+ isDismissible: o,
377
383
  isOpen: e,
378
384
  position: r,
379
385
  size: s,
380
386
  type: n,
381
387
  variant: l,
382
- _resolvedPosition: d,
388
+ _resolvedPosition: h,
383
389
  _mode: a
384
- } = this, f = d ?? r, m = n === "icon", x = {
385
- [`${h}-layer`]: !0,
386
- [`${h}-layer--${f}`]: !0,
387
- [`${h}-layer--type-${n}`]: !0,
390
+ } = this, v = h ?? r, y = n === "icon", x = {
391
+ [`${p}-layer`]: !0,
392
+ [`${p}-layer--${v}`]: !0,
393
+ [`${p}-layer--type-${n}`]: !0,
388
394
  "is-open": !!e,
389
395
  "is-positioned": this._isPositioned,
390
396
  "is-anchorVisible": this._isAnchorVisible
391
397
  }, C = {
392
- [h]: !0,
393
- [`${h}--${f}`]: !0,
394
- [`${h}--${l}`]: !0,
395
- [`${h}--type-${n}`]: !0,
396
- [`${h}--size-${s}`]: !m,
397
- "is-dismissible": !!i,
398
- "has-action": a === "dialog",
399
- "has-heading": !!o
400
- }, u = a === "dialog";
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,
404
+ "has-action": this._hasActionContent === !0,
405
+ "has-heading": !!i
406
+ }, b = a === "dialog";
401
407
  return z`
402
- <div class="${h}-origin" data-test-id="${v}-origin"></div>
403
- <div class="${h}-anchor" data-test-id="${v}-anchor">
404
- <div class="${B(x)}" data-test-id="${v}-layer">
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">
405
411
  <div
406
- class="${B(C)}"
407
- data-test-id="${v}"
412
+ class="${D(C)}"
413
+ data-test-id="${g}"
408
414
  role="${N(a)}"
409
415
  aria-hidden="${!e}"
410
- aria-labelledby="${u && o ? E : y}"
411
- aria-label="${u && !o && (t != null && t.label) ? t.label : y}">
412
- ${m ? y : z`<div class="${h}-arrow" data-test-id="${v}-arrow"></div>`}
413
- <div class="${h}-body">
414
- ${o ? this.renderHeading() : y}
415
- <div class="${h}-content" data-test-id="${v}-content">
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}
421
+ <div
422
+ class="${p}-content"
423
+ tabindex="${b ? -1 : u}"
424
+ data-test-id="${g}-content">
416
425
  <slot name="content"></slot>
417
426
  </div>
418
427
  </div>
419
- <div class="${h}-action" data-test-id="${v}-action">
428
+ <div class="${p}-action" data-test-id="${g}-action">
420
429
  <slot name="action" @slotchange="${this.resolveMode}"></slot>
421
430
  </div>
422
- ${i ? this.renderCloseButton() : y}
431
+ ${o ? this.renderCloseButton() : u}
423
432
  </div>
424
433
  </div>
425
434
  </div>`;
426
435
  }
427
436
  };
428
- c.styles = F(tt);
429
- p([
430
- b({ type: String })
437
+ c.styles = q(tt);
438
+ d([
439
+ m({ type: String })
431
440
  ], c.prototype, "trigger", 2);
432
- p([
433
- b({ type: Boolean })
441
+ d([
442
+ m({ type: Boolean })
434
443
  ], c.prototype, "isOpen", 2);
435
- p([
436
- b({ type: String }),
437
- w(v, Y, g.position)
444
+ d([
445
+ m({ type: String }),
446
+ w(g, Y, f.position)
438
447
  ], c.prototype, "position", 2);
439
- p([
440
- b({ type: String }),
441
- w(v, G, g.size)
448
+ d([
449
+ m({ type: String }),
450
+ w(g, G, f.size)
442
451
  ], c.prototype, "size", 2);
443
- p([
444
- b({ type: String }),
445
- w(v, J, g.variant)
452
+ d([
453
+ m({ type: String }),
454
+ w(g, J, f.variant)
446
455
  ], c.prototype, "variant", 2);
447
- p([
448
- b({ type: String }),
449
- w(v, K, g.type)
456
+ d([
457
+ m({ type: String }),
458
+ w(g, K, f.type)
450
459
  ], c.prototype, "type", 2);
451
- p([
452
- b({ type: Boolean })
460
+ d([
461
+ m({ type: Boolean })
453
462
  ], c.prototype, "isDismissible", 2);
454
- p([
455
- b({ type: String })
463
+ d([
464
+ m({ type: String })
456
465
  ], c.prototype, "heading", 2);
457
- p([
458
- b({ type: String }),
459
- w(v, Q, g.headingLevel)
466
+ d([
467
+ m({ type: String }),
468
+ w(g, Q, f.headingLevel)
460
469
  ], c.prototype, "headingLevel", 2);
461
- p([
462
- b({ type: Object })
470
+ d([
471
+ m({ type: Object })
463
472
  ], c.prototype, "aria", 2);
464
- p([
465
- b({ type: Array })
473
+ d([
474
+ m({ type: Array })
466
475
  ], c.prototype, "triggers", 2);
467
- p([
476
+ d([
468
477
  j({ slot: "action" })
469
478
  ], c.prototype, "_assignedActionElements", 2);
470
- p([
479
+ d([
471
480
  H(".c-tooltip-origin")
472
481
  ], c.prototype, "_originElement", 2);
473
- p([
482
+ d([
474
483
  k()
475
484
  ], c.prototype, "_hasActionContent", 2);
476
- p([
485
+ d([
477
486
  k()
478
487
  ], c.prototype, "_isPositioned", 2);
479
- p([
488
+ d([
480
489
  k()
481
490
  ], c.prototype, "_isAnchorVisible", 2);
482
- p([
491
+ d([
483
492
  k()
484
493
  ], c.prototype, "_resolvedPosition", 2);
485
- c = p([
494
+ c = d([
486
495
  U("pie-tooltip")
487
496
  ], c);
488
497
  export {
489
498
  Z as ON_TOOLTIP_CLOSE_EVENT,
490
499
  W as ON_TOOLTIP_OPEN_EVENT,
491
500
  c as PieTooltip,
492
- h as componentClass,
493
- v as componentSelector,
494
- g as defaultProps,
501
+ p as componentClass,
502
+ g as componentSelector,
503
+ f as defaultProps,
495
504
  Q as headingLevels,
496
- zt as modes,
505
+ _t as modes,
497
506
  Y as positions,
498
507
  G as sizes,
499
- wt as triggers,
508
+ zt as triggers,
500
509
  K as types,
501
510
  J as variants
502
511
  };