@skdx/web-components 0.26.0 → 0.28.0

package/dist/tooltip/TooltipRoot.js

@@ -0,0 +1,5 @@
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var n=(a,r,e,t)=>{for(var i=t>1?void 0:t?h(r,e):r,l=a.length-1,d;l>=0;l--)(d=a[l])&&(i=(t?d(r,e,i):d(i))||i);return t&&i&&p(r,e,i),i};import{css as c,html as u,LitElement as m}from"lit";import{property as o}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{nextId as y}from"../internal/ids.js";import{notifyOpenChangeComplete as b}from"../internal/open-change-complete.js";import{hiddenHostStyles as f}from"../internal/styles.js";import"./TooltipPortal.js";import"./TooltipProvider.js";var E=150,s=class extends m{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.disabled=!1;this.contentId=y("skdx-tooltip-content");this.triggerEl=null;this.provider=null;this.wasOpenDelayed=!0;this.silentClose=!1;this.hasUpdatedOnce=!1;this.handleEscapeKeyDown=e=>{e.key==="Escape"&&this.requestEscapeClose(e)};this.handledEscape=null}willUpdate(e){e.has("disabled")&&this.disabled&&this.open&&(this.silentClose=!0,this.open=!1)}get hoverableContentDisabled(){return this.disableHoverableContent??this.provider?.disableHoverableContent??!1}get dataState(){return this.open?this.wasOpenDelayed?"delayed-open":"instant-open":"closed"}connectedCallback(){super.connectedCallback(),this.provider=this.closest("skdx-tooltip-provider"),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0)}disconnectedCallback(){this.clearTimers(),document.removeEventListener("keydown",this.handleEscapeKeyDown),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}requestEscapeClose(e){if(this.handledEscape===e)return;this.handledEscape=e;let t=new CustomEvent("escape-key-down",{detail:e,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this.close()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,this.open?document.addEventListener("keydown",this.handleEscapeKeyDown):document.removeEventListener("keydown",this.handleEscapeKeyDown),e.has("open")&&!t&&!this.silentClose&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),this.silentClose=!1,e.size>0&&this.dispatchEvent(new CustomEvent("skdx-tooltip-internal-update")),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=b(()=>this.querySelector("skdx-tooltip-content"),this.open,i=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:i,bubbles:!0,composed:!0}))))}clearTimers(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer)}setOpen(e){this.open!==e&&(this.open=e,e?this.provider?.onTooltipOpen():this.provider?.onTooltipClose())}openNow(){this.disabled||(this.clearTimers(),this.wasOpenDelayed=!1,this.setOpen(!0))}openDelayed(){if(this.disabled)return;this.clearTimers();let e=this.delayDuration??this.provider?.delayDuration??700;if(this.provider&&!this.provider.isOpenDelayed){this.wasOpenDelayed=!1,this.setOpen(!0);return}this.openTimer=setTimeout(()=>{this.wasOpenDelayed=!0,this.setOpen(!0)},e)}close(){this.clearTimers(),this.setOpen(!1)}closeDelayed(){this.clearTimers();let e=this.closeDelay??this.provider?.closeDelay??0,t=this.hoverableContentDisabled?e:Math.max(e,E);if(t<=0){this.setOpen(!1);return}this.closeTimer=setTimeout(()=>this.setOpen(!1),t)}render(){return u`<slot></slot>`}};s.styles=[f,c`
+      :host {
+        display: contents;
+      }
+    `],n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([o({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),n([o({type:Number,attribute:"delay-duration"})],s.prototype,"delayDuration",2),n([o({type:Number,attribute:"close-delay"})],s.prototype,"closeDelay",2),n([o({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([o({type:Boolean,attribute:"disable-hoverable-content"})],s.prototype,"disableHoverableContent",2),s=n([v("skdx-tooltip-root")],s);export{s as SkdxTooltipRoot};

package/dist/tooltip/TooltipTrigger.cjs

@@ -1,9 +1,9 @@
-"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of u(e))!y.call(r,o)&&o!==t&&a(r,o,{get:()=>e[o],enumerable:!(n=p(e,o))||n.enumerable});return r};var f=r=>m(a({},"__esModule",{value:!0}),r),c=(r,e,t,n)=>{for(var o=n>1?void 0:n?p(e,t):e,d=r.length-1,h;d>=0;d--)(h=r[d])&&(o=(n?h(e,t,o):h(o))||o);return n&&o&&a(e,t,o),o};var k={};b(k,{SkdxTooltipTrigger:()=>s});module.exports=f(k);var i=require("lit"),v=require("../internal/define.cjs"),l=require("../internal/styles.cjs");var s=class extends i.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handlePointerEnter=t=>{t.pointerType!=="touch"&&this.root?.openDelayed()};this.handlePointerLeave=()=>{this.root&&(this.root.disableHoverableContent?this.root.close():this.root.closeDelayed())};this.handleFocus=()=>this.root?.openNow();this.handleBlur=()=>this.root?.close();this.handleClick=()=>this.root?.close();this.handleKeyDown=t=>{t.key==="Escape"&&this.root?.close()}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tooltip"),this.root?.addEventListener("skdx-tooltip-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-tooltip-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}render(){let t=this.root;return t?i.html`
+"use strict";var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var t in o)l(r,t,{get:o[t],enumerable:!0})},k=(r,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of v(o))!y.call(r,e)&&e!==t&&l(r,e,{get:()=>o[e],enumerable:!(n=h(o,e))||n.enumerable});return r};var m=r=>k(l({},"__esModule",{value:!0}),r),c=(r,o,t,n)=>{for(var e=n>1?void 0:n?h(o,t):o,d=r.length-1,p;d>=0;d--)(p=r[d])&&(e=(n?p(o,t,e):p(e))||e);return n&&e&&l(o,t,e),e};var E={};b(E,{SkdxTooltipTrigger:()=>a});module.exports=m(E);var i=require("lit"),u=require("../internal/define.cjs"),s=require("../internal/styles.cjs");var a=class extends i.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handlePointerEnter=t=>{t.pointerType!=="touch"&&this.root?.openDelayed()};this.handlePointerLeave=()=>this.root?.closeDelayed();this.handleFocus=()=>this.root?.openNow();this.handleBlur=()=>this.root?.close();this.handleClick=()=>this.root?.close();this.handleKeyDown=t=>{t.key==="Escape"&&this.root?.requestEscapeClose(t)}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tooltip, skdx-tooltip-root"),this.root?.addEventListener("skdx-tooltip-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-tooltip-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}render(){let t=this.root;return t?i.html`
       <button
         part="trigger"
         type="button"
         aria-describedby=${t.open?t.contentId:i.nothing}
-        data-state=${t.open?"open":"closed"}
+        data-state=${t.dataState}
         @pointerenter=${this.handlePointerEnter}
         @pointerleave=${this.handlePointerLeave}
         @focus=${this.handleFocus}
@@ -13,8 +13,8 @@
       >
         <slot></slot>
       </button>
-    `:i.nothing}};s.shadowRootOptions=l.delegatesFocusShadowRootOptions,s.styles=[l.resetNativeControl,i.css`
+    `:i.nothing}};a.shadowRootOptions=s.delegatesFocusShadowRootOptions,a.styles=[s.resetNativeControl,i.css`
       :host {
         display: inline-block;
       }
-    `,l.controlBoxOnHost],s=c([(0,v.customElement)("skdx-tooltip-trigger","tooltip","trigger")],s);0&&(module.exports={SkdxTooltipTrigger});
+    `,s.controlBoxOnHost],a=c([(0,u.customElement)("skdx-tooltip-trigger","tooltip","trigger")],a);0&&(module.exports={SkdxTooltipTrigger});

package/dist/tooltip/TooltipTrigger.d.cts

@@ -1,13 +1,9 @@
 import { LitElement, nothing } from 'lit';
 /**
- * `<skdx-tooltip-trigger>` — reveals the closest ancestor `<skdx-tooltip>` on
- * hover (after `delayDuration`, ignored for touch pointers) or focus, and
- * doubles as the positioning anchor for `<skdx-tooltip-content>`. Renders
- * `<button type="button">` in shadow DOM with `aria-describedby` (only while
- * open) and `data-state` (`open`/`closed`). Closes on pointer-leave, blur,
- * click, or Escape — pointer-leave only after a short grace period when the
- * tooltip has `disable-hoverable-content="false"`, so the pointer can reach
- * the bubble instead.
+ * Positioning anchor for tooltip content, revealed on hover (after `delayDuration`, ignored on touch)
+ * or focus. Renders shadow `<button>` with `aria-describedby` (open only), `data-state`. Closes on
+ * pointer-leave (grace period unless `disable-hoverable-content`), blur, click, or Escape.
+ * Slot text to name the button; `aria-label` doesn't forward on custom elements.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */

package/dist/tooltip/TooltipTrigger.d.ts

@@ -1,13 +1,9 @@
 import { LitElement, nothing } from 'lit';
 /**
- * `<skdx-tooltip-trigger>` — reveals the closest ancestor `<skdx-tooltip>` on
- * hover (after `delayDuration`, ignored for touch pointers) or focus, and
- * doubles as the positioning anchor for `<skdx-tooltip-content>`. Renders
- * `<button type="button">` in shadow DOM with `aria-describedby` (only while
- * open) and `data-state` (`open`/`closed`). Closes on pointer-leave, blur,
- * click, or Escape — pointer-leave only after a short grace period when the
- * tooltip has `disable-hoverable-content="false"`, so the pointer can reach
- * the bubble instead.
+ * Positioning anchor for tooltip content, revealed on hover (after `delayDuration`, ignored on touch)
+ * or focus. Renders shadow `<button>` with `aria-describedby` (open only), `data-state`. Closes on
+ * pointer-leave (grace period unless `disable-hoverable-content`), blur, click, or Escape.
+ * Slot text to name the button; `aria-label` doesn't forward on custom elements.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */

package/dist/tooltip/TooltipTrigger.js

@@ -1,9 +1,9 @@
-var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(n,r,t,i)=>{for(var e=i>1?void 0:i?p(r,t):r,s=n.length-1,l;s>=0;s--)(l=n[s])&&(e=(i?l(r,t,e):l(e))||e);return i&&e&&h(r,t,e),e};import{css as c,html as v,LitElement as u,nothing as d}from"lit";import{customElement as y}from"../internal/define.js";import{controlBoxOnHost as b,delegatesFocusShadowRootOptions as m,resetNativeControl as f}from"../internal/styles.js";var o=class extends u{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handlePointerEnter=t=>{t.pointerType!=="touch"&&this.root?.openDelayed()};this.handlePointerLeave=()=>{this.root&&(this.root.disableHoverableContent?this.root.close():this.root.closeDelayed())};this.handleFocus=()=>this.root?.openNow();this.handleBlur=()=>this.root?.close();this.handleClick=()=>this.root?.close();this.handleKeyDown=t=>{t.key==="Escape"&&this.root?.close()}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tooltip"),this.root?.addEventListener("skdx-tooltip-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-tooltip-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}render(){let t=this.root;return t?v`
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(n,r,t,i)=>{for(var o=i>1?void 0:i?h(r,t):r,a=n.length-1,s;a>=0;a--)(s=n[a])&&(o=(i?s(r,t,o):s(o))||o);return i&&o&&p(r,t,o),o};import{css as c,html as u,LitElement as v,nothing as d}from"lit";import{customElement as y}from"../internal/define.js";import{controlBoxOnHost as b,delegatesFocusShadowRootOptions as k,resetNativeControl as m}from"../internal/styles.js";var e=class extends v{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handlePointerEnter=t=>{t.pointerType!=="touch"&&this.root?.openDelayed()};this.handlePointerLeave=()=>this.root?.closeDelayed();this.handleFocus=()=>this.root?.openNow();this.handleBlur=()=>this.root?.close();this.handleClick=()=>this.root?.close();this.handleKeyDown=t=>{t.key==="Escape"&&this.root?.requestEscapeClose(t)}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tooltip, skdx-tooltip-root"),this.root?.addEventListener("skdx-tooltip-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-tooltip-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}render(){let t=this.root;return t?u`
       <button
         part="trigger"
         type="button"
         aria-describedby=${t.open?t.contentId:d}
-        data-state=${t.open?"open":"closed"}
+        data-state=${t.dataState}
         @pointerenter=${this.handlePointerEnter}
         @pointerleave=${this.handlePointerLeave}
         @focus=${this.handleFocus}
@@ -13,8 +13,8 @@ var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(n,r,t,i
       >
         <slot></slot>
       </button>
-    `:d}};o.shadowRootOptions=m,o.styles=[f,c`
+    `:d}};e.shadowRootOptions=k,e.styles=[m,c`
       :host {
         display: inline-block;
       }
-    `,b],o=a([y("skdx-tooltip-trigger","tooltip","trigger")],o);export{o as SkdxTooltipTrigger};
+    `,b],e=l([y("skdx-tooltip-trigger","tooltip","trigger")],e);export{e as SkdxTooltipTrigger};

package/dist/tooltip/index.cjs

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var g=(r,o)=>{for(var p in o)x(r,p,{get:o[p],enumerable:!0})},n=(r,o,p,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of m(o))!S.call(r,t)&&t!==p&&x(r,t,{get:()=>o[t],enumerable:!(e=k(o,t))||e.enumerable});return r};var a=r=>n(x({},"__esModule",{value:!0}),r);var w={};g(w,{SkdxTooltip:()=>i.SkdxTooltip,SkdxTooltipArrow:()=>f.SkdxTooltipArrow,SkdxTooltipContent:()=>d.SkdxTooltipContent,SkdxTooltipPortal:()=>T.SkdxTooltipPortal,SkdxTooltipTrigger:()=>l.SkdxTooltipTrigger});module.exports=a(w);var i=require("./Tooltip.cjs"),l=require("./TooltipTrigger.cjs"),T=require("./TooltipPortal.cjs"),d=require("./TooltipContent.cjs"),f=require("./TooltipArrow.cjs");0&&(module.exports={SkdxTooltip,SkdxTooltipArrow,SkdxTooltipContent,SkdxTooltipPortal,SkdxTooltipTrigger});
+"use strict";var x=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(p,o)=>{for(var t in o)x(p,t,{get:o[t],enumerable:!0})},m=(p,o,t,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of i(o))!k.call(p,r)&&r!==t&&x(p,r,{get:()=>o[r],enumerable:!(d=f(o,r))||d.enumerable});return p};var S=p=>m(x({},"__esModule",{value:!0}),p);var T={};l(T,{SkdxTooltip:()=>e.SkdxTooltip});module.exports=S(T);var e=require("./Tooltip.cjs");0&&(module.exports={SkdxTooltip});

package/dist/tooltip/index.d.cts

@@ -1,5 +1 @@
 export { SkdxTooltip } from './Tooltip.cjs';
-export { SkdxTooltipTrigger } from './TooltipTrigger.cjs';
-export { SkdxTooltipPortal } from './TooltipPortal.cjs';
-export { SkdxTooltipContent } from './TooltipContent.cjs';
-export { SkdxTooltipArrow } from './TooltipArrow.cjs';

package/dist/tooltip/index.d.ts

@@ -1,5 +1 @@
 export { SkdxTooltip } from './Tooltip.js';
-export { SkdxTooltipTrigger } from './TooltipTrigger.js';
-export { SkdxTooltipPortal } from './TooltipPortal.js';
-export { SkdxTooltipContent } from './TooltipContent.js';
-export { SkdxTooltipArrow } from './TooltipArrow.js';

package/dist/tooltip/index.js

@@ -1 +1 @@
-import{SkdxTooltip as t}from"./Tooltip.js";import{SkdxTooltipTrigger as x}from"./TooltipTrigger.js";import{SkdxTooltipPortal as i}from"./TooltipPortal.js";import{SkdxTooltipContent as T}from"./TooltipContent.js";import{SkdxTooltipArrow as f}from"./TooltipArrow.js";export{t as SkdxTooltip,f as SkdxTooltipArrow,T as SkdxTooltipContent,i as SkdxTooltipPortal,x as SkdxTooltipTrigger};
+import{SkdxTooltip as r}from"./Tooltip.js";export{r as SkdxTooltip};

package/dist/tooltip/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var n=(r,o)=>{for(var p in o)x(r,p,{get:o[p],enumerable:!0})},P=(r,o,p,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of S(o))!g.call(r,t)&&t!==p&&x(r,t,{get:()=>o[t],enumerable:!(e=m(o,t))||e.enumerable});return r};var a=r=>P(x({},"__esModule",{value:!0}),r);var v={};n(v,{SkdxTooltipArrow:()=>k.SkdxTooltipArrow,SkdxTooltipContent:()=>f.SkdxTooltipContent,SkdxTooltipPortal:()=>T.SkdxTooltipPortal,SkdxTooltipProvider:()=>d.SkdxTooltipProvider,SkdxTooltipRoot:()=>i.SkdxTooltipRoot,SkdxTooltipTrigger:()=>l.SkdxTooltipTrigger});module.exports=a(v);var i=require("./TooltipRoot.cjs"),d=require("./TooltipProvider.cjs"),l=require("./TooltipTrigger.cjs"),T=require("./TooltipPortal.cjs"),f=require("./TooltipContent.cjs"),k=require("./TooltipArrow.cjs");0&&(module.exports={SkdxTooltipArrow,SkdxTooltipContent,SkdxTooltipPortal,SkdxTooltipProvider,SkdxTooltipRoot,SkdxTooltipTrigger});

package/dist/tooltip/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-tooltip>` — the parts the recipe composes.
+ *
+ * Reach for these when the derived anatomy is not the structure you need.
+ * `SkdxTooltipRoot` is `<skdx-tooltip-root>`, the state primitive; the recipe extends it.
+ *
+ * @example
+ * ```ts
+ * import * as Tooltip from '@skdx/web-components/primitives/tooltip';
+ * ```
+ * ```html
+ * <skdx-tooltip-root>
+ *   <skdx-tooltip-trigger>Hover me</skdx-tooltip-trigger>
+ *   <skdx-tooltip-content>Helpful hint</skdx-tooltip-content>
+ * </skdx-tooltip-root>
+ * ```
+ */
+export { SkdxTooltipRoot } from './TooltipRoot.cjs';
+export { SkdxTooltipProvider } from './TooltipProvider.cjs';
+export { SkdxTooltipTrigger } from './TooltipTrigger.cjs';
+export { SkdxTooltipPortal } from './TooltipPortal.cjs';
+export { SkdxTooltipContent } from './TooltipContent.cjs';
+export { SkdxTooltipArrow } from './TooltipArrow.cjs';

package/dist/tooltip/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-tooltip>` — the parts the recipe composes.
+ *
+ * Reach for these when the derived anatomy is not the structure you need.
+ * `SkdxTooltipRoot` is `<skdx-tooltip-root>`, the state primitive; the recipe extends it.
+ *
+ * @example
+ * ```ts
+ * import * as Tooltip from '@skdx/web-components/primitives/tooltip';
+ * ```
+ * ```html
+ * <skdx-tooltip-root>
+ *   <skdx-tooltip-trigger>Hover me</skdx-tooltip-trigger>
+ *   <skdx-tooltip-content>Helpful hint</skdx-tooltip-content>
+ * </skdx-tooltip-root>
+ * ```
+ */
+export { SkdxTooltipRoot } from './TooltipRoot.js';
+export { SkdxTooltipProvider } from './TooltipProvider.js';
+export { SkdxTooltipTrigger } from './TooltipTrigger.js';
+export { SkdxTooltipPortal } from './TooltipPortal.js';
+export { SkdxTooltipContent } from './TooltipContent.js';
+export { SkdxTooltipArrow } from './TooltipArrow.js';

package/dist/tooltip/primitives.js

@@ -0,0 +1 @@
+import{SkdxTooltipRoot as t}from"./TooltipRoot.js";import{SkdxTooltipProvider as x}from"./TooltipProvider.js";import{SkdxTooltipTrigger as i}from"./TooltipTrigger.js";import{SkdxTooltipPortal as l}from"./TooltipPortal.js";import{SkdxTooltipContent as f}from"./TooltipContent.js";import{SkdxTooltipArrow as m}from"./TooltipArrow.js";export{m as SkdxTooltipArrow,f as SkdxTooltipContent,l as SkdxTooltipPortal,x as SkdxTooltipProvider,t as SkdxTooltipRoot,i as SkdxTooltipTrigger};

package/dist/tour/Tour.cjs

@@ -1,5 +1,5 @@
-"use strict";var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var w=(e,s)=>{for(var t in s)h(e,t,{get:s[t],enumerable:!0})},M=(e,s,t,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of S(s))!k.call(e,r)&&r!==t&&h(e,r,{get:()=>s[r],enumerable:!(i=f(s,r))||i.enumerable});return e};var P=e=>M(h({},"__esModule",{value:!0}),e),o=(e,s,t,i)=>{for(var r=i>1?void 0:i?f(s,t):s,l=e.length-1,p;l>=0;l--)(p=e[l])&&(r=(i?p(s,t,r):p(r))||r);return i&&r&&h(s,t,r),r};var A={};w(A,{SPOTLIGHT_PROPERTIES:()=>E,SkdxTour:()=>n,TOUR_INTERNAL_UPDATE:()=>y,applySpotlightProperties:()=>I,findTourRoot:()=>R});module.exports=P(A);var u=require("lit"),a=require("lit/decorators.js"),b=require("../internal/define.cjs"),c=require("../internal/ids.cjs"),T=require("../internal/positioning.cjs"),x=require("../utils/live-announcer.cjs");var y="skdx-tour-internal-update",L=50,E=["--skdx-tour-x","--skdx-tour-y","--skdx-tour-width","--skdx-tour-height"];function d(e,s,t){return Math.min(Math.max(e,s),t)}function O(e,s,t){return[e.title,`Step ${s+1} of ${t}`].filter(Boolean).join(", ")}function v(e){return e?typeof e=="string"?document.querySelector(e):e:null}function R(e){let s=e.closest("skdx-tour");return s||(e.closest("[data-skdx-tour-layer]")?.tourRoot??null)}function I(e,s){for(let t of E){let i=s[t];i===void 0?e.style.removeProperty(t):e.style.setProperty(t,i)}}var n=class extends u.LitElement{constructor(){super(...arguments);this.steps=[];this.open=!1;this.defaultOpen=!1;this.step=0;this.defaultStep=0;this.closeOnEscape=!0;this.closeOnInteractOutside=!1;this.spotlightPadding=8;this.targetTimeout=2e3;this.contentId=(0,c.nextId)("skdx-tour-content");this.titleId=(0,c.nextId)("skdx-tour-title");this.descriptionId=(0,c.nextId)("skdx-tour-description");this.triggerEl=null;this.target=null;this.spotlightVars={};this.hasUpdatedOnce=!1;this.measuring=!1;this.measure=()=>{let t=this.target?.getBoundingClientRect();if(!t){this.spotlightVars={},this.notifyParts();return}let i=window.innerWidth,r=window.innerHeight,l=d(t.left-this.spotlightPadding,0,i),p=d(t.top-this.spotlightPadding,0,r);this.spotlightVars={"--skdx-tour-x":`${l}px`,"--skdx-tour-y":`${p}px`,"--skdx-tour-width":`${d(t.width+this.spotlightPadding*2,0,i-l)}px`,"--skdx-tour-height":`${d(t.height+this.spotlightPadding*2,0,r-p)}px`},this.notifyParts()}}get activeStep(){return this.steps[this.step]}get total(){return this.steps.length}get anchored(){return this.target!==null&&this.activeStep?.type!=="dialog"}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.hasAttribute("step")||(this.step=this.defaultStep)}disconnectedCallback(){this.stopPolling(),this.stopMeasuring(),this.lastResolve=void 0,super.disconnectedCallback()}updated(t){let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!i&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),t.has("step")&&!i&&this.dispatchEvent(new CustomEvent("step-change",{detail:this.step,bubbles:!0,composed:!0})),(t.has("open")||t.has("step")||t.has("steps")||t.has("targetTimeout"))&&(this.resolveActiveTarget(),this.announceStep()),t.size>0&&this.notifyParts()}setOpen(t){this.open=t}goTo(t){this.step=d(t,0,Math.max(this.total-1,0))}next(){this.step>=this.total-1?this.complete():this.goTo(this.step+1)}prev(){this.goTo(this.step-1)}skip(){this.setOpen(!1),this.dispatchEvent(new CustomEvent("skip",{bubbles:!0,composed:!0}))}complete(){this.setOpen(!1),this.dispatchEvent(new CustomEvent("complete",{bubbles:!0,composed:!0}))}focusTrigger(){this.triggerEl?.focus()}notifyParts(){this.dispatchEvent(new CustomEvent(y))}resolveActiveTarget(){let t=this.activeStep?.target,i={open:this.open,step:this.step,spec:t,timeout:this.targetTimeout},r=this.lastResolve;if(r&&r.open===i.open&&r.step===i.step&&r.spec===i.spec&&r.timeout===i.timeout)return;if(this.lastResolve=i,this.stopPolling(),!this.open||!t){this.setTarget(null);return}let l=v(t);if(l){this.settleTarget(l);return}this.setTarget(null);let p=Date.now(),m=this.step;this.pollTimer=setInterval(()=>{let g=v(t);if(g){this.stopPolling(),this.settleTarget(g);return}Date.now()-p<this.targetTimeout||(this.stopPolling(),this.dispatchEvent(new CustomEvent("step-target-missing",{detail:{index:m,step:this.steps[m]},bubbles:!0,composed:!0})),this.next())},L)}settleTarget(t){t.scrollIntoView?.({block:"center",inline:"center"}),this.setTarget(t)}setTarget(t){this.target!==t&&(this.target=t,t?this.startMeasuring():(this.stopMeasuring(),this.spotlightVars={}),this.notifyParts())}startMeasuring(){this.measure(),!this.measuring&&(this.measuring=!0,window.addEventListener("scroll",this.measure,!0),window.addEventListener("resize",this.measure))}stopMeasuring(){this.measuring&&(this.measuring=!1,window.removeEventListener("scroll",this.measure,!0),window.removeEventListener("resize",this.measure))}stopPolling(){this.pollTimer!==void 0&&(clearInterval(this.pollTimer),this.pollTimer=void 0)}announceStep(){if(!this.open)return;let t=this.activeStep;t&&(0,x.announce)((this.getAnnouncement??O)(t,this.step,this.total))}render(){return u.html`<slot></slot>`}};n.styles=u.css`
+"use strict";var g=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var I=(e,i)=>{for(var t in i)g(e,t,{get:i[t],enumerable:!0})},L=(e,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of P(i))!C.call(e,o)&&o!==t&&g(e,o,{get:()=>i[o],enumerable:!(s=y(i,o))||s.enumerable});return e};var R=e=>L(g({},"__esModule",{value:!0}),e),r=(e,i,t,s)=>{for(var o=s>1?void 0:s?y(i,t):i,l=e.length-1,p;l>=0;l--)(p=e[l])&&(o=(s?p(i,t,o):p(o))||o);return s&&o&&g(i,t,o),o};var j={};I(j,{SPOTLIGHT_PROPERTIES:()=>M,SkdxTour:()=>n,TOUR_INTERNAL_UPDATE:()=>A,applySpotlightProperties:()=>z,findTourRoot:()=>U,resetMalformedStepsWarning:()=>H});module.exports=R(j);var d=require("lit"),a=require("lit/decorators.js"),x=require("../internal/authored.cjs"),w=require("../internal/define.cjs"),v=require("../internal/ids.cjs"),S=require("../internal/open-change-complete.cjs"),E=require("../internal/positioning.cjs"),k=require("../utils/is-dev-mode.cjs"),O=require("../utils/live-announcer.cjs"),h=require("./TourAnatomy.cjs");var A="skdx-tour-internal-update",_=50,M=["--skdx-tour-x","--skdx-tour-y","--skdx-tour-width","--skdx-tour-height","--skdx-tour-radius"];function B(e,i){if(i===!1)return;let t=i===!0||i===void 0?{block:"center",inline:"center"}:i,s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollIntoView?.(s?{...t,behavior:"auto"}:t)}function f(e,i,t){return Math.min(Math.max(e,i),t)}function N(e,i,t){return[e.title,`Step ${i+1} of ${t}`].filter(Boolean).join(", ")}function T(e){return e?typeof e=="string"?document.querySelector(e):e:null}var b=!1;function H(){b=!1}function V(e){b||(b=!0,(0,k.isDevMode)()&&console.warn(`[skdx] <skdx-tour> steps attribute is not valid JSON and was ignored: ${e}`))}function D(e){if(!e||typeof e!="object")return null;let{target:i,title:t,description:s,placement:o,align:l,type:p,id:c,backdrop:m}=e,u={};return typeof i=="string"&&(u.target=i),typeof t=="string"&&(u.title=t),typeof s=="string"&&(u.description=s),typeof o=="string"&&(u.placement=o),typeof l=="string"&&(u.align=l),typeof p=="string"&&(u.type=p),typeof c=="string"&&(u.id=c),typeof m=="boolean"&&(u.backdrop=m),u}var $={fromAttribute(e){if(!e)return[];try{let i=JSON.parse(e);if(!Array.isArray(i))throw new Error("steps attribute must be a JSON array");return i.map(D).filter(t=>t!==null)}catch{return V(e),[]}}};function U(e){let i=e.closest("skdx-tour");return i||(e.closest("[data-skdx-tour-layer]")?.tourRoot??null)}function z(e,i){for(let t of M){let s=i[t];s===void 0?e.style.removeProperty(t):e.style.setProperty(t,s)}}var n=class extends d.LitElement{constructor(){super(...arguments);this.steps=[];this.open=!1;this.defaultOpen=!1;this.step=0;this.defaultStep=0;this.closeOnEscape=!0;this.preventInteraction=!1;this.closeOnInteractOutside=!1;this.spotlightPadding=8;this.spotlightRadius=0;this.targetTimeout=2e3;this.keyboardNavigation=!1;this.showProgress=!0;this.showSkip=!0;this.spotlight=!0;this.contentId=(0,v.nextId)("skdx-tour-content");this.titleId=(0,v.nextId)("skdx-tour-title");this.descriptionId=(0,v.nextId)("skdx-tour-description");this.triggerEl=null;this.target=null;this.spotlightVars={};this.hasUpdatedOnce=!1;this.measuring=!1;this._anatomyBuilt=!1;this._fillAnatomy=()=>{if((0,x.hasAuthoredParts)(this,h.TOUR_ANATOMY_GENERATED)){this._anatomyBuilt=!1;return}this._anatomyBuilt||(this._anatomyBuilt=!0,(0,h.fillTourAnatomy)(this))};this._rebuildAnatomy=()=>{this._anatomyBuilt=!1,this._fillAnatomy()};this.measure=()=>{let t=this.target?.getBoundingClientRect();if(!t){this.spotlightVars={},this.notifyParts();return}let s=window.innerWidth,o=window.innerHeight,l=f(t.left-this.spotlightPadding,0,s),p=f(t.top-this.spotlightPadding,0,o);this.spotlightVars={"--skdx-tour-x":`${l}px`,"--skdx-tour-y":`${p}px`,"--skdx-tour-width":`${f(t.width+this.spotlightPadding*2,0,s-l)}px`,"--skdx-tour-height":`${f(t.height+this.spotlightPadding*2,0,o-p)}px`,"--skdx-tour-radius":`${this.spotlightRadius}px`},this.notifyParts()}}get activeStep(){return this.steps[this.step]}get total(){return this.steps.length}get anchored(){return this.target!==null&&this.activeStep?.type!=="dialog"}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.hasAttribute("step")||(this.step=this.defaultStep),queueMicrotask(this._fillAnatomy)}disconnectedCallback(){this.stopPolling(),this.stopMeasuring(),this.lastResolve=void 0,this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(t){let s=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!s&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),t.has("step")&&!s&&this.dispatchEvent(new CustomEvent("step-change",{detail:{index:this.step,id:this.activeStep?.id},bubbles:!0,composed:!0})),t.has("open")&&!s&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,S.notifyOpenChangeComplete)(()=>document.getElementById(this.contentId),this.open,o=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:o,bubbles:!0,composed:!0})))),(t.has("open")||t.has("step")||t.has("steps")||t.has("targetTimeout"))&&(this.resolveActiveTarget(),this.announceStep()),t.has("showProgress")||t.has("showSkip")||t.has("spotlight")?this._rebuildAnatomy():this._fillAnatomy(),(t.has("steps")||t.has("step"))&&(0,h.refreshTourAnatomyText)(this),t.size>0&&this.notifyParts()}setOpen(t){this.open=t}goTo(t){this.step=f(t,0,Math.max(this.total-1,0))}next(){this.step>=this.total-1?this.complete():this.goTo(this.step+1)}abandon(){this.step>=this.total-1?this.skip():this.goTo(this.step+1)}prev(){this.goTo(this.step-1)}skip(){this.setOpen(!1),this.dispatchEvent(new CustomEvent("skip",{bubbles:!0,composed:!0}))}complete(){this.setOpen(!1),this.dispatchEvent(new CustomEvent("complete",{bubbles:!0,composed:!0}))}focusTrigger(){this.triggerEl?.focus()}notifyParts(){this.dispatchEvent(new CustomEvent(A))}resolveActiveTarget(){let t=this.activeStep?.target,s={open:this.open,step:this.step,spec:t,timeout:this.targetTimeout},o=this.lastResolve;if(o&&o.open===s.open&&o.step===s.step&&o.spec===s.spec&&o.timeout===s.timeout)return;if(this.lastResolve=s,this.stopPolling(),!this.open||!t){this.setTarget(null);return}let l=T(t);if(l){this.settleTarget(l);return}this.setTarget(null);let p=Date.now(),c=this.step;this.pollTimer=setInterval(()=>{let m=T(t);if(m){this.stopPolling(),this.settleTarget(m);return}Date.now()-p<this.targetTimeout||(this.stopPolling(),this.dispatchEvent(new CustomEvent("step-target-missing",{detail:{index:c,step:this.steps[c]},bubbles:!0,composed:!0})),this.abandon())},_)}settleTarget(t){B(t,this.scrollIntoViewOption),this.setTarget(t)}setTarget(t){this.target!==t&&(this.target=t,t?this.startMeasuring():(this.stopMeasuring(),this.spotlightVars={}),this.notifyParts())}startMeasuring(){this.measure(),!this.measuring&&(this.measuring=!0,window.addEventListener("scroll",this.measure,!0),window.addEventListener("resize",this.measure))}stopMeasuring(){this.measuring&&(this.measuring=!1,window.removeEventListener("scroll",this.measure,!0),window.removeEventListener("resize",this.measure))}stopPolling(){this.pollTimer!==void 0&&(clearInterval(this.pollTimer),this.pollTimer=void 0)}announceStep(){if(!this.open)return;let t=this.activeStep;t&&(0,O.announce)((this.getAnnouncement??N)(t,this.step,this.total))}render(){return d.html`<slot @slotchange=${this._fillAnatomy}></slot>`}};n.styles=d.css`
     :host {
       display: contents;
     }
-  `,o([(0,a.property)({attribute:!1})],n.prototype,"steps",2),o([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),o([(0,a.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),o([(0,a.property)({type:Number,reflect:!0})],n.prototype,"step",2),o([(0,a.property)({type:Number,attribute:"default-step"})],n.prototype,"defaultStep",2),o([(0,a.property)({converter:T.optOutBoolean,attribute:"close-on-escape"})],n.prototype,"closeOnEscape",2),o([(0,a.property)({type:Boolean,attribute:"close-on-interact-outside"})],n.prototype,"closeOnInteractOutside",2),o([(0,a.property)({type:Number,attribute:"spotlight-padding"})],n.prototype,"spotlightPadding",2),o([(0,a.property)({type:Number,attribute:"target-timeout"})],n.prototype,"targetTimeout",2),o([(0,a.property)({attribute:!1})],n.prototype,"getAnnouncement",2),n=o([(0,b.customElement)("skdx-tour")],n);0&&(module.exports={SPOTLIGHT_PROPERTIES,SkdxTour,TOUR_INTERNAL_UPDATE,applySpotlightProperties,findTourRoot});
+  `,r([(0,a.property)({converter:$})],n.prototype,"steps",2),r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),r([(0,a.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),r([(0,a.property)({type:Number,reflect:!0})],n.prototype,"step",2),r([(0,a.property)({type:Number,attribute:"default-step"})],n.prototype,"defaultStep",2),r([(0,a.property)({converter:E.optOutBoolean,attribute:"close-on-escape"})],n.prototype,"closeOnEscape",2),r([(0,a.property)({type:Boolean,attribute:"prevent-interaction"})],n.prototype,"preventInteraction",2),r([(0,a.property)({type:Boolean,attribute:"close-on-interact-outside"})],n.prototype,"closeOnInteractOutside",2),r([(0,a.property)({type:Number,attribute:"spotlight-padding"})],n.prototype,"spotlightPadding",2),r([(0,a.property)({type:Number,attribute:"spotlight-radius"})],n.prototype,"spotlightRadius",2),r([(0,a.property)({type:Object,attribute:"scroll-into-view"})],n.prototype,"scrollIntoViewOption",2),r([(0,a.property)({type:Number,attribute:"target-timeout"})],n.prototype,"targetTimeout",2),r([(0,a.property)({type:Boolean,attribute:"keyboard-navigation"})],n.prototype,"keyboardNavigation",2),r([(0,a.property)({attribute:!1})],n.prototype,"getAnnouncement",2),r([(0,a.property)({type:Boolean,attribute:"show-progress"})],n.prototype,"showProgress",2),r([(0,a.property)({type:Boolean,attribute:"show-skip"})],n.prototype,"showSkip",2),r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"spotlight",2),n=r([(0,w.customElement)("skdx-tour")],n);0&&(module.exports={SPOTLIGHT_PROPERTIES,SkdxTour,TOUR_INTERNAL_UPDATE,applySpotlightProperties,findTourRoot,resetMalformedStepsWarning});