@ncino/web-components 8.0.0-preview.9 → 8.0.0

package/dist/components/text-link/gator/text-link.gator.js

@@ -1,26 +1,36 @@
-import{NjcTextLink as u}from"../text-link.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../packages/web-components/src/components/text-link/gator/text-link.gator.scss.js";import m from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import k from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{ifDefined as i}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import"../../icon/slds/icon.slds.js";import"../../icon/gator/icon.gator.js";import{unsafeCSS as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,f=(t,o,d,l)=>{for(var e=l>1?void 0:l?v(o,d):o,s=t.length-1,h;s>=0;s--)(h=t[s])&&(e=h(e)||e);return e};let r=class extends u{render(){return this.href?this.anchorMarkup:this.customLinkMarkup}get anchorMarkup(){return a`
+import{NjcTextLink as k}from"../text-link.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as e}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import u from"../../../packages/web-components/src/components/text-link/gator/text-link.gator.scss.js";import m from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import f from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{ifDefined as i}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";import"../../icon/slds/icon.slds.js";import"../../icon/gator/icon.gator.js";import{classMap as h}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";import{InteractiveComponentMixin as g}from"../../../utils/mixins/interactive-component.js";import{unsafeCSS as a}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,x=(t,o,c,l)=>{for(var r=l>1?void 0:l?v(o,c):o,s=t.length-1,d;s>=0;s--)(d=t[s])&&(r=d(r)||r);return r};let n=class extends g(k){render(){return this.skeleton?this.skeletonMarkup:this.disabled?this.disabledMarkup:this.href?this.anchorMarkup:this.customLinkMarkup}get skeletonMarkup(){return e`<ngc-skeleton-loader width="40" height="20" rounded></ngc-skeleton-loader>`}get anchorMarkup(){return e`
             <a
+                @click="${this.handleClick}"
                 target="${i(this.target||void 0)}"
-                class="gator-text-link ${this.variantClass}"
+                class="${h(this.classes)}"
                 href="${i(this.href||void 0)}"
                 data-testid="${i(this.dataTestid?`${this.dataTestid}-text-link`:void 0)}"
             >
                 ${this.textLinkInnerMarkup}
-            </a>`}get customLinkMarkup(){return a`
+            </a>`}get customLinkMarkup(){return e`
             <div
                 role="link"
                 @keyup="${this.handleKeyup}"
                 @click="${this.handleClick}"
                 tabindex="0"
-                class="gator-text-link ${this.variantClass}"
+                class="${h(this.classes)}"
+                data-testid="${i(this.dataTestid?`${this.dataTestid}-text-link`:void 0)}"
+            >
+                ${this.textLinkInnerMarkup}
+            </div>
+        `}get disabledMarkup(){return e`
+            <div
+                class="gator-text-link gator-text-link_disabled"
+                aria-disabled="true"
                 data-testid="${i(this.dataTestid?`${this.dataTestid}-text-link`:void 0)}"
+                @click="${t=>{t.preventDefault(),t.stopPropagation()}}"
             >
                 ${this.textLinkInnerMarkup}
             </div>
-        `}get textLinkInnerMarkup(){return a`
+        `}get textLinkInnerMarkup(){return e`
             <slot></slot>
             <ngc-icon
                 name="${this.endIcon}"
                 width="18"
                 height="18"
-            ></ngc-icon>`}get variantClass(){return this.variant!=="default"?`gator-text-link-${this.variant}`:null}handleKeyup(t){t.key==="Enter"&&(t.preventDefault(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0})))}handleClick(t){t.preventDefault(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0}))}};r.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};r.styles=[n(c),n(m),n(k)];r=f([p("ngc-text-link")],r);export{r as NgcTextLink};
+            ></ngc-icon>`}get classes(){return{"gator-text-link":!0,[`gator-text-link-${this.variant}`]:this.variant!=="default"}}handleKeyup(t){t.key==="Enter"&&(t.preventDefault(),this.dispatchEvent(new PointerEvent("click",{bubbles:!0,composed:!0})))}handleClick(){this.dispatchEvent(new PointerEvent("click",{bubbles:!0,composed:!0}))}};n.styles=[a(u),a(m),a(f)];n=x([p("ngc-text-link")],n);export{n as NgcTextLink};

package/dist/components/text-link/text-link.js

@@ -1 +1 @@
-import{property as e}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as f}from"../../utils/components/testable-lit-element/testable-lit-element.js";var d=Object.defineProperty,r=(o,i,a,y)=>{for(var t=void 0,p=o.length-1,s;p>=0;p--)(s=o[p])&&(t=s(i,a,t)||t);return t&&d(i,a,t),t};class n extends f{constructor(){super(...arguments),this.href="",this.endIcon="",this.variant="default",this.target=""}}r([e({type:String})],n.prototype,"href");r([e({type:String,attribute:"end-icon"})],n.prototype,"endIcon");r([e()],n.prototype,"variant");r([e({type:String})],n.prototype,"target");export{n as NjcTextLink};
+import{property as e}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as l}from"../../utils/components/testable-lit-element/testable-lit-element.js";var d=Object.defineProperty,r=(n,i,s,f)=>{for(var t=void 0,p=n.length-1,a;p>=0;p--)(a=n[p])&&(t=a(i,s,t)||t);return t&&d(i,s,t),t};class o extends l{constructor(){super(...arguments),this.href="",this.endIcon="",this.variant="default",this.target="",this.skeleton=!1,this.disabled=!1}}r([e({type:String})],o.prototype,"href");r([e({type:String,attribute:"end-icon"})],o.prototype,"endIcon");r([e()],o.prototype,"variant");r([e({type:String})],o.prototype,"target");r([e({type:Boolean})],o.prototype,"skeleton");r([e({type:Boolean})],o.prototype,"disabled");export{o as NjcTextLink};

package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js

@@ -1,5 +1,5 @@
-import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as f}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../../../packages/web-components/src/components/toast/gator/subtitle/toast-subtitle.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,g=(o,e,a,m)=>{for(var t=m>1?void 0:m?v(e,a):e,r=o.length-1,i;r>=0;r--)(i=o[r])&&(t=i(t)||t);return t};let s=class extends p{render(){return f`
+import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/components/toast/gator/subtitle/toast-subtitle.gator.scss.js";import u from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import v from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{unsafeCSS as o}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var g=Object.getOwnPropertyDescriptor,b=(e,m,l,i)=>{for(var t=i>1?void 0:i?g(m,l):m,r=e.length-1,a;r>=0;r--)(a=e[r])&&(t=a(t)||t);return t};let s=class extends p{render(){return n`
             <div class="gator-toast-subtitle">
                 <slot></slot>
             </div>
-        `}};s.styles=[l(c),l(u)];s=g([n("ngc-toast-subtitle")],s);export{s as NgcToastSubtitle};
+        `}};s.styles=[o(c),o(u),o(v)];s=b([f("ngc-toast-subtitle")],s);export{s as NgcToastSubtitle};

package/dist/components/toast/gator/title/toast-title.gator.js

@@ -1,5 +1,5 @@
-import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as f}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import v from"../../../../packages/web-components/src/components/toast/gator/title/toast-title.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var g=Object.getOwnPropertyDescriptor,u=(e,s,a,m)=>{for(var t=m>1?void 0:m?g(s,a):s,r=e.length-1,i;r>=0;r--)(i=e[r])&&(t=i(t)||t);return t};let o=class extends p{render(){return f`
+import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/components/toast/gator/title/toast-title.gator.scss.js";import v from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{unsafeCSS as o}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var u=Object.getOwnPropertyDescriptor,T=(s,m,l,i)=>{for(var t=i>1?void 0:i?u(m,l):m,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(t)||t);return t};let e=class extends p{render(){return n`
             <div class="gator-toast-title">
                 <slot></slot>
             </div>
-        `}};o.styles=[l(c),l(v)];o=u([n("ngc-toast-title")],o);export{o as NgcToastTitle};
+        `}};e.styles=[o(c),o(v),o(g)];e=T([f("ngc-toast-title")],e);export{e as NgcToastTitle};

package/dist/components/tooltip/gator/tooltip.gator.js

@@ -1,7 +1,7 @@
-import{NjcTooltip as f}from"../tooltip.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{ref as u}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{customElement as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import h from"../../../packages/web-components/src/components/tooltip/gator/tooltip.gator.scss.js";import g from"../../../packages/web-components/src/components/tooltip/tooltip.scss.js";import b from"../../../packages/web-components/src/components/tooltip/tooltip.tokens.scss.js";import d from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import _ from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{autoUpdate as v,computePosition as O}from"../../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{unsafeCSS as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var y=Object.getOwnPropertyDescriptor,x=(t,e,r,l)=>{for(var i=l>1?void 0:l?y(e,r):e,n=t.length-1,p;n>=0;n--)(p=t[n])&&(i=p(i)||i);return i};let s=class extends f{render(){return a`
+import{NjcTooltip as f}from"../tooltip.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{ref as u}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{customElement as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import h from"../../../packages/web-components/src/components/tooltip/gator/tooltip.gator.scss.js";import g from"../../../packages/web-components/src/components/tooltip/tooltip.scss.js";import b from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import d from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{autoUpdate as _,computePosition as v}from"../../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var O=Object.getOwnPropertyDescriptor,y=(t,o,r,l)=>{for(var e=l>1?void 0:l?O(o,r):o,n=t.length-1,p;n>=0;n--)(p=t[n])&&(e=p(e)||e);return e};let s=class extends f{render(){return a`
             <div ${u(this._tooltipRef)} class="gator-tooltip ${this.nubbinPositionClass}" role="tooltip" id="${this.tooltipId}">
                 <div class="gator-tooltip-body">
                     <slot></slot>
                 </div>
             </div>
-        `}get xPositionOffset(){return this.placement.includes("left")?-12+this.xOffset:this.placement.includes("right")?12+this.xOffset:0}get yPositionOffset(){return this.placement.includes("top")?-12+this.yOffset:this.placement.includes("bottom")?12+this.yOffset:0}get nubbinPositionClass(){switch(this.placement){case"top":return"gator-tooltip-nubbin_bottom";case"right":return"gator-tooltip-nubbin_left";case"bottom":return"gator-tooltip-nubbin_top";case"left":return"gator-tooltip-nubbin_right"}return""}assignPosition(){const t=this.referenceElement;!this._tooltipRef||!this._tooltipRef.value||!t||(this._cleanup=v(t,this._tooltipRef.value,async()=>{if(!this._tooltipRef||!this._tooltipRef.value||!t)return;const{x:e,y:r}=await O(t,this._tooltipRef.value,{placement:this.placement});Object.assign(this._tooltipRef.value.style,{left:`${e+this.xPositionOffset}px`,top:`${r+this.yPositionOffset}px`})}))}};s.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0,mode:"open"};s.styles=[o(h),o(g),o(d),o(_),o(b)];s=x([c("ngc-tooltip")],s);export{s as NgcTooltip};
+        `}get xPositionOffset(){return this.placement.includes("left")?-12+this.xOffset:this.placement.includes("right")?12+this.xOffset:0}get yPositionOffset(){return this.placement.includes("top")?-12+this.yOffset:this.placement.includes("bottom")?12+this.yOffset:0}get nubbinPositionClass(){switch(this.placement){case"top":return"gator-tooltip-nubbin_bottom";case"right":return"gator-tooltip-nubbin_left";case"bottom":return"gator-tooltip-nubbin_top";case"left":return"gator-tooltip-nubbin_right"}return""}assignPosition(){const t=this.referenceElement;!this._tooltipRef||!this._tooltipRef.value||!t||(this._cleanup=_(t,this._tooltipRef.value,async()=>{if(!this._tooltipRef||!this._tooltipRef.value||!t)return;const{x:o,y:r}=await v(t,this._tooltipRef.value,{placement:this.placement});Object.assign(this._tooltipRef.value.style,{left:`${o+this.xPositionOffset}px`,top:`${r+this.yPositionOffset}px`})}))}};s.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0,mode:"open"};s.styles=[i(h),i(g),i(b),i(d)];s=y([c("ngc-tooltip")],s);export{s as NgcTooltip};

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{createRef as u}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{KEY_CONSTANTS as m}from"../../consts/key-constants.js";import{generateRandomId as _}from"../../utils/string-utils.js";import{TestableLitElement as v}from"../../utils/components/testable-lit-element/testable-lit-element.js";import{handleDataTestid as c}from"../../utils/datatestid-utils.js";import{getFirstFocusableElement as y}from"../../utils/accessibility-utils.js";var T=Object.defineProperty,f=(h,e,i,o)=>{for(var t=void 0,s=h.length-1,r;s>=0;s--)(r=h[s])&&(t=r(e,i,t)||t);return t&&T(e,i,t),t};class d extends v{constructor(){super(...arguments),this.referenceId="",this.placement="top-end",this.xOffset=0,this.yOffset=0,this._tooltipRef=u(),this._forceOpen=!1,this._mousedInsideTooltip=!1,this.tooltipId=_()}firstUpdated(){if(this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="hidden",this._tooltipRef.value.style.opacity="0"),!this.referenceId)return;const e=this.referenceElement,i=this._tooltipRef.value;if(e&&i){c(e,this.dataTestid,"trigger"),c(i,this.dataTestid,"tooltip");let o;e.shadowRoot?.delegatesFocus?o=y(e):o=e,o&&(o.ariaDescribedByElements=[this]),e.addEventListener("mouseenter",()=>this.showTooltip()),e.addEventListener("mouseleave",t=>this._handleMouseLeave(t,e,i)),e.addEventListener("focusin",()=>this.showTooltip()),e.addEventListener("focusout",()=>this.hideTooltip()),i.addEventListener("mouseenter",()=>this.showTooltip()),i.addEventListener("mouseleave",t=>{if(this._mousedInsideTooltip){this.hideTooltip();return}this._handleMouseLeave(t,e,i)}),document.addEventListener("keydown",t=>{t.key===m.ESCAPE&&(this._forceOpen=!1,this.hideTooltip())})}}get referenceElement(){let e=document.querySelector(`#${this.referenceId}`);return e||(e=document.querySelector(`[data-id="${this.referenceId}"]`)?.shadowRoot?.querySelector(`#${this.referenceId}`)),e}_handleMouseLeave(e,i,o){const t=i.getBoundingClientRect(),s=o.getBoundingClientRect(),r=this._isMouseInside(e,t,-5),n=this._isMouseInside(e,s,25);!r&&!n&&this.hideTooltip(),n&&(this._mousedInsideTooltip=!0)}_isMouseInside(e,i,o=0){const{left:t,right:s,top:r,bottom:n}=i,a=e.clientX,p=e.clientY;return a>=t-o&&a<=s+o&&p>=r-o&&p<=n+o}toggleTooltip(){this._forceOpen=!this._forceOpen,this._forceOpen?this.showTooltip():this.hideTooltip()}disconnectedCallback(){this._cleanup&&this._cleanup(),super.disconnectedCallback()}showTooltip(){this.assignPosition(),this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="visible",this._tooltipRef.value.style.opacity="1")}hideTooltip(){this._forceOpen||this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="hidden",this._tooltipRef.value.style.opacity="0")}assignPosition(){}}f([l({attribute:"reference-id"})],d.prototype,"referenceId");f([l()],d.prototype,"placement");f([l({type:Number,attribute:"x-offset"})],d.prototype,"xOffset");f([l({type:Number,attribute:"y-offset"})],d.prototype,"yOffset");export{d as NjcTooltip};
+import{property as r}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{createRef as u}from"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{KEY_CONSTANTS as m}from"../../consts/key-constants.js";import{generateRandomId as y}from"../../utils/string-utils.js";import{TestableLitElement as _}from"../../utils/components/testable-lit-element/testable-lit-element.js";import{handleDataTestid as c}from"../../utils/datatestid-utils.js";import{getFirstFocusableElement as v}from"../../utils/accessibility-utils.js";var b=Object.defineProperty,n=(d,e,o,i)=>{for(var t=void 0,s=d.length-1,l;s>=0;s--)(l=d[s])&&(t=l(e,o,t)||t);return t&&b(e,o,t),t};class a extends _{constructor(){super(...arguments),this.referenceId="",this.placement="top-end",this.xOffset=0,this.yOffset=0,this.isLabel=!1,this._tooltipRef=u(),this._forceOpen=!1,this._mousedInsideTooltip=!1,this.tooltipId=y()}firstUpdated(){if(this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="hidden",this._tooltipRef.value.style.opacity="0"),!this.referenceId)return;const e=this.referenceElement,o=this._tooltipRef.value;if(e&&o){c(e,this.dataTestid,"trigger"),c(o,this.dataTestid,"tooltip");let i;e.shadowRoot?.delegatesFocus?i=v(e):i=e,i&&(this.isLabel?i.ariaLabelledByElements=[...i.ariaLabelledByElements||[],this]:i.ariaDescribedByElements=[...i.ariaDescribedByElements||[],this]),e.addEventListener("mouseenter",()=>this.showTooltip()),e.addEventListener("mouseleave",t=>this._handleMouseLeave(t,e,o)),e.addEventListener("focusin",()=>this.showTooltip()),e.addEventListener("focusout",()=>this.hideTooltip()),o.addEventListener("mouseenter",()=>this.showTooltip()),o.addEventListener("mouseleave",t=>{if(this._mousedInsideTooltip){this.hideTooltip();return}this._handleMouseLeave(t,e,o)}),document.addEventListener("keydown",t=>{t.key===m.ESCAPE&&(this._forceOpen=!1,this.hideTooltip())})}}get referenceElement(){let e=this.parentElement?.querySelector(`#${this.referenceId}`);return e||(e=document.getElementById(this.referenceId)),e||(e=document.querySelector(`[data-id="${this.referenceId}"]`)?.shadowRoot?.querySelector(`#${this.referenceId}`)),e}_handleMouseLeave(e,o,i){const t=o.getBoundingClientRect(),s=i.getBoundingClientRect(),l=this._isMouseInside(e,t,-5),f=this._isMouseInside(e,s,25);!l&&!f&&this.hideTooltip(),f&&(this._mousedInsideTooltip=!0)}_isMouseInside(e,o,i=0){const{left:t,right:s,top:l,bottom:f}=o,h=e.clientX,p=e.clientY;return h>=t-i&&h<=s+i&&p>=l-i&&p<=f+i}toggleTooltip(){this._forceOpen=!this._forceOpen,this._forceOpen?this.showTooltip():this.hideTooltip()}disconnectedCallback(){this._cleanup&&this._cleanup(),super.disconnectedCallback()}showTooltip(){this.assignPosition(),this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="visible",this._tooltipRef.value.style.opacity="1")}hideTooltip(){this._forceOpen||this._tooltipRef.value&&(this._tooltipRef.value.style.visibility="hidden",this._tooltipRef.value.style.opacity="0")}assignPosition(){}}n([r({attribute:"reference-id"})],a.prototype,"referenceId");n([r()],a.prototype,"placement");n([r({type:Number,attribute:"x-offset"})],a.prototype,"xOffset");n([r({type:Number,attribute:"y-offset"})],a.prototype,"yOffset");n([r({type:Boolean,attribute:"is-label"})],a.prototype,"isLabel");export{a as NjcTooltip};