@skdx/web-components 0.26.0 → 0.28.0

package/dist/tour/TourPortal.d.cts

@@ -1,29 +1,9 @@
 import { SkdxPortal } from '../utils/portal.cjs';
 /**
- * `<skdx-tour-portal>` — teleports the tour's layer (backdrop, spotlight and
- * content) to `document.body`, so it escapes any clipping, `overflow` or
- * `transform` ancestor of the element the tour happens to be pointing at.
- *
- * Tour is the one family here that portals. Every other overlay anchors to a
- * trigger it renders itself and gets away with fixed-strategy positioning in
- * place; a tour anchors to *somebody else's* element, arbitrarily deep in the
- * page, and its backdrop has to cover the whole viewport regardless of what it
- * was nested inside.
- *
- * Built on `<skdx-portal>`, with one addition: the children are moved into a
- * `<div data-skdx-tour-layer>` this element owns, carrying a back-reference to
- * the `<skdx-tour>` that owns it. Once the parts have been moved out they have
- * no `<skdx-tour>` ancestor left, so `closest('skdx-tour')` — how every other
- * family finds its root — comes back `null`; that back-reference is what
- * `findTourRoot()` falls back to.
- *
- * The **host element stays where you wrote it** and the children are what
- * move, so removing the `<skdx-tour>` removes the portalled layer with it:
- * `disconnectedCallback` takes down both the portal's own node and the layer,
- * leaving no spotlight, backdrop or stray `<div>` behind.
- *
- * Unlike React's `TourPortal` it takes no `forceMount`: the parts here never
- * unmount, they hide via `hidden`, so there is nothing to force.
+ * Portals tour layer (backdrop, spotlight, content) to document.body, escaping
+ * clipping/overflow/transform ancestors. Host stays in place; children move.
+ * Tour anchors to arbitrary elements deep in page; backdrop must cover viewport.
+ * Children moved to `<div data-skdx-tour-layer>` with back-reference to `<skdx-tour>`.
  *
  * @example
  * ```html
@@ -41,9 +21,7 @@ export declare class SkdxTourPortal extends SkdxPortal {
     /** The node the tour's layer lives in — created once, reused across reconnects. */
     private readonly layer;
     /**
-     * Where the *layer* goes. `container` (inherited) is kept pointing at the
-     * layer at all times, so the consumer's choice is tracked separately rather
-     * than read back off a property this element has already overwritten.
+     * Layer parent; `container` stays pointing at layer, tracking consumer choice.
      */
     private layerParent;
     connectedCallback(): void;

package/dist/tour/TourPortal.d.ts

@@ -1,29 +1,9 @@
 import { SkdxPortal } from '../utils/portal.js';
 /**
- * `<skdx-tour-portal>` — teleports the tour's layer (backdrop, spotlight and
- * content) to `document.body`, so it escapes any clipping, `overflow` or
- * `transform` ancestor of the element the tour happens to be pointing at.
- *
- * Tour is the one family here that portals. Every other overlay anchors to a
- * trigger it renders itself and gets away with fixed-strategy positioning in
- * place; a tour anchors to *somebody else's* element, arbitrarily deep in the
- * page, and its backdrop has to cover the whole viewport regardless of what it
- * was nested inside.
- *
- * Built on `<skdx-portal>`, with one addition: the children are moved into a
- * `<div data-skdx-tour-layer>` this element owns, carrying a back-reference to
- * the `<skdx-tour>` that owns it. Once the parts have been moved out they have
- * no `<skdx-tour>` ancestor left, so `closest('skdx-tour')` — how every other
- * family finds its root — comes back `null`; that back-reference is what
- * `findTourRoot()` falls back to.
- *
- * The **host element stays where you wrote it** and the children are what
- * move, so removing the `<skdx-tour>` removes the portalled layer with it:
- * `disconnectedCallback` takes down both the portal's own node and the layer,
- * leaving no spotlight, backdrop or stray `<div>` behind.
- *
- * Unlike React's `TourPortal` it takes no `forceMount`: the parts here never
- * unmount, they hide via `hidden`, so there is nothing to force.
+ * Portals tour layer (backdrop, spotlight, content) to document.body, escaping
+ * clipping/overflow/transform ancestors. Host stays in place; children move.
+ * Tour anchors to arbitrary elements deep in page; backdrop must cover viewport.
+ * Children moved to `<div data-skdx-tour-layer>` with back-reference to `<skdx-tour>`.
  *
  * @example
  * ```html
@@ -41,9 +21,7 @@ export declare class SkdxTourPortal extends SkdxPortal {
     /** The node the tour's layer lives in — created once, reused across reconnects. */
     private readonly layer;
     /**
-     * Where the *layer* goes. `container` (inherited) is kept pointing at the
-     * layer at all times, so the consumer's choice is tracked separately rather
-     * than read back off a property this element has already overwritten.
+     * Layer parent; `container` stays pointing at layer, tracking consumer choice.
      */
     private layerParent;
     connectedCallback(): void;

package/dist/tour/TourPrevTrigger.d.cts

@@ -1,9 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-prev-trigger>` — steps the tour back. Disabled on the first step
- * — there is nowhere to go, and a button that silently does nothing is worse
- * than one that says so — exposing `data-disabled` on the host for styling.
- * Set `disabled` yourself to disable it on other steps too.
+ * `<skdx-tour-prev-trigger>` — steps the tour back, disabled on the first step.
+ * Exposes `data-disabled` on the host. Set `disabled` to disable on other steps.
  *
  * @csspart prev-trigger - The native `<button>` element inside the shadow root.
  *

package/dist/tour/TourPrevTrigger.d.ts

@@ -1,9 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-prev-trigger>` — steps the tour back. Disabled on the first step
- * — there is nowhere to go, and a button that silently does nothing is worse
- * than one that says so — exposing `data-disabled` on the host for styling.
- * Set `disabled` yourself to disable it on other steps too.
+ * `<skdx-tour-prev-trigger>` — steps the tour back, disabled on the first step.
+ * Exposes `data-disabled` on the host. Set `disabled` to disable on other steps.
  *
  * @csspart prev-trigger - The native `<button>` element inside the shadow root.
  *

package/dist/tour/TourProgressText.d.cts

@@ -1,14 +1,12 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-progress-text>` — the visible "Step 2 of 5" line, as a `<p>`,
- * with `data-step` and `data-total` on the host so the same numbers are
- * selectable from CSS. Set the `format` property to translate it, or slot in
- * your own children to render the position yourself — the generated string is
- * `<slot>` fallback content, so anything you put inside wins.
+ * The visible "Step 2 of 5" line as a `<p>`, with `data-step` and
+ * `data-total` on the host for CSS styling. Set the `format` property to
+ * translate it, or slot custom children — slotted content overrides the
+ * generated string.
  *
- * Not a live region: the same information is already spoken on every step
- * change through the tour's own announcement, and a second live region would
- * make a screen reader say it twice.
+ * Not a live region, since the tour already announces each step change and a
+ * second live region would duplicate it.
  *
  * @csspart progress-text - The `<p>` element inside the shadow root.
  *

package/dist/tour/TourProgressText.d.ts

@@ -1,14 +1,12 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-progress-text>` — the visible "Step 2 of 5" line, as a `<p>`,
- * with `data-step` and `data-total` on the host so the same numbers are
- * selectable from CSS. Set the `format` property to translate it, or slot in
- * your own children to render the position yourself — the generated string is
- * `<slot>` fallback content, so anything you put inside wins.
+ * The visible "Step 2 of 5" line as a `<p>`, with `data-step` and
+ * `data-total` on the host for CSS styling. Set the `format` property to
+ * translate it, or slot custom children — slotted content overrides the
+ * generated string.
  *
- * Not a live region: the same information is already spoken on every step
- * change through the tour's own announcement, and a second live region would
- * make a screen reader say it twice.
+ * Not a live region, since the tour already announces each step change and a
+ * second live region would duplicate it.
  *
  * @csspart progress-text - The `<p>` element inside the shadow root.
  *

package/dist/tour/TourSkipTrigger.d.cts

@@ -1,9 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-skip-trigger>` — ends the tour early: closes it and fires `skip`,
- * never `complete`. The explicit "Skip tour" affordance — every tour needs one
- * on every step, since a user who already knows the product must be able to
- * get out without clicking through.
+ * Ends the tour early: closes it and fires `skip` instead of `complete`.
+ * The explicit exit affordance.
  *
  * @csspart skip-trigger - The native `<button>` element inside the shadow root.
  *

package/dist/tour/TourSkipTrigger.d.ts

@@ -1,9 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-skip-trigger>` — ends the tour early: closes it and fires `skip`,
- * never `complete`. The explicit "Skip tour" affordance — every tour needs one
- * on every step, since a user who already knows the product must be able to
- * get out without clicking through.
+ * Ends the tour early: closes it and fires `skip` instead of `complete`.
+ * The explicit exit affordance.
  *
  * @csspart skip-trigger - The native `<button>` element inside the shadow root.
  *

package/dist/tour/TourSpotlight.d.cts

@@ -1,16 +1,11 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-spotlight>` — the highlight box sitting over the active step's
- * target, carrying the same `--skdx-tour-x` / `-y` / `-width` / `-height`
- * geometry as `<skdx-tour-backdrop>` so a ring, glow or cut-out can be
- * positioned from CSS alone.
+ * Highlight box over the active step's target, carrying geometry variables
+ * (`--skdx-tour-x` / `-y` / `-width` / `-height`) so CSS can style a ring,
+ * glow, or cut-out. Hidden when the active step has no resolved target; a
+ * centred step has no target to highlight. Decorative and `aria-hidden`.
  *
- * Hidden when the active step has no resolved target — a centred step
- * spotlights nothing, and an empty box parked at the top-left corner would be
- * worse than no box. (React unmounts it; the parts here hide instead, which is
- * this package's convention throughout.) Decorative and `aria-hidden`.
- *
- * Render it inside `<skdx-tour-portal>`. Must be used inside `<skdx-tour>`.
+ * Render inside `<skdx-tour-portal>`. Must be used inside `<skdx-tour>`.
  *
  * @example
  * ```css

package/dist/tour/TourSpotlight.d.ts

@@ -1,16 +1,11 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-spotlight>` — the highlight box sitting over the active step's
- * target, carrying the same `--skdx-tour-x` / `-y` / `-width` / `-height`
- * geometry as `<skdx-tour-backdrop>` so a ring, glow or cut-out can be
- * positioned from CSS alone.
+ * Highlight box over the active step's target, carrying geometry variables
+ * (`--skdx-tour-x` / `-y` / `-width` / `-height`) so CSS can style a ring,
+ * glow, or cut-out. Hidden when the active step has no resolved target; a
+ * centred step has no target to highlight. Decorative and `aria-hidden`.
  *
- * Hidden when the active step has no resolved target — a centred step
- * spotlights nothing, and an empty box parked at the top-left corner would be
- * worse than no box. (React unmounts it; the parts here hide instead, which is
- * this package's convention throughout.) Decorative and `aria-hidden`.
- *
- * Render it inside `<skdx-tour-portal>`. Must be used inside `<skdx-tour>`.
+ * Render inside `<skdx-tour-portal>`. Must be used inside `<skdx-tour>`.
  *
  * @example
  * ```css

package/dist/tour/TourTitle.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(o,t)=>{for(var r in t)a(o,r,{get:t[r],enumerable:!0})},v=(o,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of h(t))!b.call(o,e)&&e!==r&&a(o,e,{get:()=>t[e],enumerable:!(l=d(t,e))||l.enumerable});return o};var E=o=>v(a({},"__esModule",{value:!0}),o),m=(o,t,r,l)=>{for(var e=l>1?void 0:l?d(t,r):t,c=o.length-1,n;c>=0;c--)(n=o[c])&&(e=(l?n(t,r,e):n(e))||e);return l&&e&&a(t,r,e),e};var g={};u(g,{SkdxTourTitle:()=>s});module.exports=E(g);var i=require("lit"),p=require("../internal/define.cjs"),f=require("./Tour.cjs");var s=class extends i.LitElement{connectedCallback(){super.connectedCallback();let t=(0,f.findTourRoot)(this);t&&(this.id=t.titleId)}render(){return i.html`<h2 part="title"><slot></slot></h2>`}};s.styles=i.css`
+"use strict";var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(o,t)=>{for(var i in t)d(o,i,{get:t[i],enumerable:!0})},v=(o,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!b.call(o,e)&&e!==i&&d(o,e,{get:()=>t[e],enumerable:!(r=n(t,e))||r.enumerable});return o};var E=o=>v(d({},"__esModule",{value:!0}),o),m=(o,t,i,r)=>{for(var e=r>1?void 0:r?n(t,i):t,a=o.length-1,c;a>=0;a--)(c=o[a])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&d(t,i,e),e};var g={};u(g,{SkdxTourTitle:()=>s});module.exports=E(g);var l=require("lit"),h=require("../internal/define.cjs"),p=require("./Tour.cjs");var s=class extends l.LitElement{connectedCallback(){super.connectedCallback();let t=(0,p.findTourRoot)(this);t&&(this.id?t.titleId=this.id:this.id=t.titleId)}render(){return l.html`<h2 part="title"><slot></slot></h2>`}};s.styles=l.css`
     :host {
       display: block;
     }
-  `,s=m([(0,p.customElement)("skdx-tour-title","tour","title")],s);0&&(module.exports={SkdxTourTitle});
+  `,s=m([(0,h.customElement)("skdx-tour-title","tour","title")],s);0&&(module.exports={SkdxTourTitle});

package/dist/tour/TourTitle.d.cts

@@ -1,12 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-title>` — the active step's accessible name: renders an `<h2>` in
- * shadow DOM, and takes the light-DOM `id` that `<skdx-tour-content>`'s
- * `aria-labelledby` already points at. Every step should have one.
- *
- * This is the *visible* heading. The string announced on a step change comes
- * from the step's own `title` in the `steps` array — set both, and keep them
- * saying the same thing.
+ * The active step's visible heading, rendered as `<h2>` in shadow DOM with a
+ * light-DOM `id` for `<skdx-tour-content>`'s `aria-labelledby`. Step announcements
+ * come from the `steps` array's `title` field — keep them in sync.
  *
  * @csspart title - The `<h2>` element inside the shadow root.
  *

package/dist/tour/TourTitle.d.ts

@@ -1,12 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tour-title>` — the active step's accessible name: renders an `<h2>` in
- * shadow DOM, and takes the light-DOM `id` that `<skdx-tour-content>`'s
- * `aria-labelledby` already points at. Every step should have one.
- *
- * This is the *visible* heading. The string announced on a step change comes
- * from the step's own `title` in the `steps` array — set both, and keep them
- * saying the same thing.
+ * The active step's visible heading, rendered as `<h2>` in shadow DOM with a
+ * light-DOM `id` for `<skdx-tour-content>`'s `aria-labelledby`. Step announcements
+ * come from the `steps` array's `title` field — keep them in sync.
  *
  * @csspart title - The `<h2>` element inside the shadow root.
  *

package/dist/tour/TourTitle.js

@@ -1,5 +1,5 @@
-var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=(l,t,s,r)=>{for(var e=r>1?void 0:r?d(t,s):t,i=l.length-1,a;i>=0;i--)(a=l[i])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&n(t,s,e),e};import{css as m,html as p,LitElement as f}from"lit";import{customElement as h}from"../internal/define.js";import{findTourRoot as b}from"./Tour.js";var o=class extends f{connectedCallback(){super.connectedCallback();let t=b(this);t&&(this.id=t.titleId)}render(){return p`<h2 part="title"><slot></slot></h2>`}};o.styles=m`
+var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(r,t,s,i)=>{for(var e=i>1?void 0:i?n(t,s):t,l=r.length-1,d;l>=0;l--)(d=r[l])&&(e=(i?d(t,s,e):d(e))||e);return i&&e&&c(t,s,e),e};import{css as m,html as h,LitElement as p}from"lit";import{customElement as f}from"../internal/define.js";import{findTourRoot as b}from"./Tour.js";var o=class extends p{connectedCallback(){super.connectedCallback();let t=b(this);t&&(this.id?t.titleId=this.id:this.id=t.titleId)}render(){return h`<h2 part="title"><slot></slot></h2>`}};o.styles=m`
     :host {
       display: block;
     }
-  `,o=c([h("skdx-tour-title","tour","title")],o);export{o as SkdxTourTitle};
+  `,o=a([f("skdx-tour-title","tour","title")],o);export{o as SkdxTourTitle};

package/dist/tour/TourTrigger.d.cts

@@ -1,17 +1,7 @@
 import { LitElement, nothing } from 'lit';
 /**
- * `<skdx-tour-trigger>` — starts the closest ancestor `<skdx-tour>` when
- * clicked. Renders `<button type="button">` in shadow DOM with
- * `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls` pointing at
- * `<skdx-tour-content>`, and `data-state` (`open`/`closed`).
- *
- * It is also where focus goes back to when the tour completes or is skipped —
- * whatever was focused when the tour started is what `<skdx-tour-content>`
- * restores, and for a tour started from a button that is this button.
- *
- * Unlike `<skdx-popover-trigger>` it does not toggle: clicking it while the
- * tour is already running restarts nothing and closes nothing, exactly as in
- * React. Ending a tour is what Skip, Close and Escape are for.
+ * Tour trigger: aria-haspopup, aria-expanded, aria-controls, data-state. Focus returns when tour
+ * ends. Non-toggleable; click while running does nothing.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */

package/dist/tour/TourTrigger.d.ts

@@ -1,17 +1,7 @@
 import { LitElement, nothing } from 'lit';
 /**
- * `<skdx-tour-trigger>` — starts the closest ancestor `<skdx-tour>` when
- * clicked. Renders `<button type="button">` in shadow DOM with
- * `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls` pointing at
- * `<skdx-tour-content>`, and `data-state` (`open`/`closed`).
- *
- * It is also where focus goes back to when the tour completes or is skipped —
- * whatever was focused when the tour started is what `<skdx-tour-content>`
- * restores, and for a tour started from a button that is this button.
- *
- * Unlike `<skdx-popover-trigger>` it does not toggle: clicking it while the
- * tour is already running restarts nothing and closes nothing, exactly as in
- * React. Ending a tour is what Skip, Close and Escape are for.
+ * Tour trigger: aria-haspopup, aria-expanded, aria-controls, data-state. Focus returns when tour
+ * ends. Non-toggleable; click while running does nothing.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */

package/dist/tour/index.cjs

@@ -1 +1 @@
-"use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var D=(o,r)=>{for(var x in r)t(o,x,{get:r[x],enumerable:!0})},h=(o,r,x,T)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of y(r))!C.call(o,e)&&e!==x&&t(o,e,{get:()=>r[e],enumerable:!(T=c(r,e))||T.enumerable});return o};var v=o=>h(t({},"__esModule",{value:!0}),o);var w={};D(w,{SkdxTour:()=>p.SkdxTour,SkdxTourArrow:()=>m.SkdxTourArrow,SkdxTourBackdrop:()=>d.SkdxTourBackdrop,SkdxTourCloseTrigger:()=>P.SkdxTourCloseTrigger,SkdxTourContent:()=>f.SkdxTourContent,SkdxTourDescription:()=>i.SkdxTourDescription,SkdxTourNextTrigger:()=>l.SkdxTourNextTrigger,SkdxTourPortal:()=>k.SkdxTourPortal,SkdxTourPrevTrigger:()=>a.SkdxTourPrevTrigger,SkdxTourProgressText:()=>s.SkdxTourProgressText,SkdxTourSkipTrigger:()=>n.SkdxTourSkipTrigger,SkdxTourSpotlight:()=>u.SkdxTourSpotlight,SkdxTourTitle:()=>g.SkdxTourTitle,SkdxTourTrigger:()=>S.SkdxTourTrigger});module.exports=v(w);var p=require("./Tour.cjs"),S=require("./TourTrigger.cjs"),k=require("./TourPortal.cjs"),d=require("./TourBackdrop.cjs"),u=require("./TourSpotlight.cjs"),f=require("./TourContent.cjs"),m=require("./TourArrow.cjs"),g=require("./TourTitle.cjs"),i=require("./TourDescription.cjs"),s=require("./TourProgressText.cjs"),l=require("./TourNextTrigger.cjs"),a=require("./TourPrevTrigger.cjs"),n=require("./TourSkipTrigger.cjs"),P=require("./TourCloseTrigger.cjs");0&&(module.exports={SkdxTour,SkdxTourArrow,SkdxTourBackdrop,SkdxTourCloseTrigger,SkdxTourContent,SkdxTourDescription,SkdxTourNextTrigger,SkdxTourPortal,SkdxTourPrevTrigger,SkdxTourProgressText,SkdxTourSkipTrigger,SkdxTourSpotlight,SkdxTourTitle,SkdxTourTrigger});
+"use strict";var S=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var t in e)S(r,t,{get:e[t],enumerable:!0})},a=(r,e,t,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of u(e))!d.call(r,o)&&o!==t&&S(r,o,{get:()=>e[o],enumerable:!(p=x(e,o))||p.enumerable});return r};var i=r=>a(S({},"__esModule",{value:!0}),r);var g={};k(g,{SkdxTour:()=>T.SkdxTour});module.exports=i(g);var T=require("./Tour.cjs");0&&(module.exports={SkdxTour});

package/dist/tour/index.d.cts

@@ -1,15 +1,2 @@
 export { SkdxTour } from './Tour.cjs';
-export type { SkdxTourStep, SkdxTourStepType, SkdxTourStepTargetMissingDetail } from './Tour.cjs';
-export { SkdxTourTrigger } from './TourTrigger.cjs';
-export { SkdxTourPortal } from './TourPortal.cjs';
-export { SkdxTourBackdrop } from './TourBackdrop.cjs';
-export { SkdxTourSpotlight } from './TourSpotlight.cjs';
-export { SkdxTourContent } from './TourContent.cjs';
-export { SkdxTourArrow } from './TourArrow.cjs';
-export { SkdxTourTitle } from './TourTitle.cjs';
-export { SkdxTourDescription } from './TourDescription.cjs';
-export { SkdxTourProgressText } from './TourProgressText.cjs';
-export { SkdxTourNextTrigger } from './TourNextTrigger.cjs';
-export { SkdxTourPrevTrigger } from './TourPrevTrigger.cjs';
-export { SkdxTourSkipTrigger } from './TourSkipTrigger.cjs';
-export { SkdxTourCloseTrigger } from './TourCloseTrigger.cjs';
+export type { SkdxTourStep, SkdxTourStepType, SkdxTourStepChangeDetail, SkdxTourStepTargetMissingDetail, } from './Tour.cjs';

package/dist/tour/index.d.ts

@@ -1,15 +1,2 @@
 export { SkdxTour } from './Tour.js';
-export type { SkdxTourStep, SkdxTourStepType, SkdxTourStepTargetMissingDetail } from './Tour.js';
-export { SkdxTourTrigger } from './TourTrigger.js';
-export { SkdxTourPortal } from './TourPortal.js';
-export { SkdxTourBackdrop } from './TourBackdrop.js';
-export { SkdxTourSpotlight } from './TourSpotlight.js';
-export { SkdxTourContent } from './TourContent.js';
-export { SkdxTourArrow } from './TourArrow.js';
-export { SkdxTourTitle } from './TourTitle.js';
-export { SkdxTourDescription } from './TourDescription.js';
-export { SkdxTourProgressText } from './TourProgressText.js';
-export { SkdxTourNextTrigger } from './TourNextTrigger.js';
-export { SkdxTourPrevTrigger } from './TourPrevTrigger.js';
-export { SkdxTourSkipTrigger } from './TourSkipTrigger.js';
-export { SkdxTourCloseTrigger } from './TourCloseTrigger.js';
+export type { SkdxTourStep, SkdxTourStepType, SkdxTourStepChangeDetail, SkdxTourStepTargetMissingDetail, } from './Tour.js';

package/dist/tour/index.js

@@ -1 +1 @@
-import{SkdxTour as e}from"./Tour.js";import{SkdxTourTrigger as t}from"./TourTrigger.js";import{SkdxTourPortal as p}from"./TourPortal.js";import{SkdxTourBackdrop as k}from"./TourBackdrop.js";import{SkdxTourSpotlight as u}from"./TourSpotlight.js";import{SkdxTourContent as m}from"./TourContent.js";import{SkdxTourArrow as i}from"./TourArrow.js";import{SkdxTourTitle as l}from"./TourTitle.js";import{SkdxTourDescription as n}from"./TourDescription.js";import{SkdxTourProgressText as c}from"./TourProgressText.js";import{SkdxTourNextTrigger as C}from"./TourNextTrigger.js";import{SkdxTourPrevTrigger as h}from"./TourPrevTrigger.js";import{SkdxTourSkipTrigger as w}from"./TourSkipTrigger.js";import{SkdxTourCloseTrigger as B}from"./TourCloseTrigger.js";export{e as SkdxTour,i as SkdxTourArrow,k as SkdxTourBackdrop,B as SkdxTourCloseTrigger,m as SkdxTourContent,n as SkdxTourDescription,C as SkdxTourNextTrigger,p as SkdxTourPortal,h as SkdxTourPrevTrigger,c as SkdxTourProgressText,w as SkdxTourSkipTrigger,u as SkdxTourSpotlight,l as SkdxTourTitle,t as SkdxTourTrigger};
+import{SkdxTour as o}from"./Tour.js";export{o as SkdxTour};

package/dist/tour/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var t=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var h=(o,r)=>{for(var e in r)t(o,e,{get:r[e],enumerable:!0})},v=(o,r,e,T)=>{if(r&&typeof r=="object"||typeof r=="function")for(let x of A(r))!C.call(o,x)&&x!==e&&t(o,x,{get:()=>r[x],enumerable:!(T=a(r,x))||T.enumerable});return o};var w=o=>v(t({},"__esModule",{value:!0}),o);var B={};h(B,{SkdxTourActions:()=>s.SkdxTourActions,SkdxTourArrow:()=>m.SkdxTourArrow,SkdxTourBackdrop:()=>S.SkdxTourBackdrop,SkdxTourCloseTrigger:()=>P.SkdxTourCloseTrigger,SkdxTourContent:()=>f.SkdxTourContent,SkdxTourDescription:()=>g.SkdxTourDescription,SkdxTourNextTrigger:()=>l.SkdxTourNextTrigger,SkdxTourPortal:()=>k.SkdxTourPortal,SkdxTourPrevTrigger:()=>n.SkdxTourPrevTrigger,SkdxTourProgressText:()=>i.SkdxTourProgressText,SkdxTourSkipTrigger:()=>c.SkdxTourSkipTrigger,SkdxTourSpotlight:()=>d.SkdxTourSpotlight,SkdxTourTitle:()=>u.SkdxTourTitle,SkdxTourTrigger:()=>p.SkdxTourTrigger});module.exports=w(B);var p=require("./TourTrigger.cjs"),k=require("./TourPortal.cjs"),S=require("./TourBackdrop.cjs"),d=require("./TourSpotlight.cjs"),f=require("./TourContent.cjs"),m=require("./TourArrow.cjs"),u=require("./TourTitle.cjs"),g=require("./TourDescription.cjs"),i=require("./TourProgressText.cjs"),s=require("./TourActions.cjs"),l=require("./TourNextTrigger.cjs"),n=require("./TourPrevTrigger.cjs"),c=require("./TourSkipTrigger.cjs"),P=require("./TourCloseTrigger.cjs");0&&(module.exports={SkdxTourActions,SkdxTourArrow,SkdxTourBackdrop,SkdxTourCloseTrigger,SkdxTourContent,SkdxTourDescription,SkdxTourNextTrigger,SkdxTourPortal,SkdxTourPrevTrigger,SkdxTourProgressText,SkdxTourSkipTrigger,SkdxTourSpotlight,SkdxTourTitle,SkdxTourTrigger});

package/dist/tour/primitives.d.cts

@@ -0,0 +1,41 @@
+/**
+ * Advanced primitives for `<skdx-tour>` — the parts the recipe composes.
+ * Reach for these when you need a custom structure. Tag names are global
+ * and not namespaced; only which class an import resolves to changes.
+ *
+ * @example
+ * ```ts
+ * import * as Tour from '@skdx/web-components/primitives/tour';
+ * ```
+ * ```html
+ * <skdx-tour id="tour">
+ *   <skdx-tour-trigger>Take the tour</skdx-tour-trigger>
+ *   <skdx-tour-portal>
+ *     <skdx-tour-backdrop></skdx-tour-backdrop>
+ *     <skdx-tour-spotlight></skdx-tour-spotlight>
+ *     <skdx-tour-content>
+ *       <skdx-tour-title>Your inbox</skdx-tour-title>
+ *       <skdx-tour-description>Everything lands here first.</skdx-tour-description>
+ *       <skdx-tour-progress-text></skdx-tour-progress-text>
+ *       <skdx-tour-prev-trigger>Back</skdx-tour-prev-trigger>
+ *       <skdx-tour-next-trigger>Next</skdx-tour-next-trigger>
+ *       <skdx-tour-skip-trigger>Skip</skdx-tour-skip-trigger>
+ *     </skdx-tour-content>
+ *   </skdx-tour-portal>
+ * </skdx-tour>
+ * ```
+ */
+export { SkdxTourTrigger } from './TourTrigger.cjs';
+export { SkdxTourPortal } from './TourPortal.cjs';
+export { SkdxTourBackdrop } from './TourBackdrop.cjs';
+export { SkdxTourSpotlight } from './TourSpotlight.cjs';
+export { SkdxTourContent } from './TourContent.cjs';
+export { SkdxTourArrow } from './TourArrow.cjs';
+export { SkdxTourTitle } from './TourTitle.cjs';
+export { SkdxTourDescription } from './TourDescription.cjs';
+export { SkdxTourProgressText } from './TourProgressText.cjs';
+export { SkdxTourActions } from './TourActions.cjs';
+export { SkdxTourNextTrigger } from './TourNextTrigger.cjs';
+export { SkdxTourPrevTrigger } from './TourPrevTrigger.cjs';
+export { SkdxTourSkipTrigger } from './TourSkipTrigger.cjs';
+export { SkdxTourCloseTrigger } from './TourCloseTrigger.cjs';

package/dist/tour/primitives.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Advanced primitives for `<skdx-tour>` — the parts the recipe composes.
+ * Reach for these when you need a custom structure. Tag names are global
+ * and not namespaced; only which class an import resolves to changes.
+ *
+ * @example
+ * ```ts
+ * import * as Tour from '@skdx/web-components/primitives/tour';
+ * ```
+ * ```html
+ * <skdx-tour id="tour">
+ *   <skdx-tour-trigger>Take the tour</skdx-tour-trigger>
+ *   <skdx-tour-portal>
+ *     <skdx-tour-backdrop></skdx-tour-backdrop>
+ *     <skdx-tour-spotlight></skdx-tour-spotlight>
+ *     <skdx-tour-content>
+ *       <skdx-tour-title>Your inbox</skdx-tour-title>
+ *       <skdx-tour-description>Everything lands here first.</skdx-tour-description>
+ *       <skdx-tour-progress-text></skdx-tour-progress-text>
+ *       <skdx-tour-prev-trigger>Back</skdx-tour-prev-trigger>
+ *       <skdx-tour-next-trigger>Next</skdx-tour-next-trigger>
+ *       <skdx-tour-skip-trigger>Skip</skdx-tour-skip-trigger>
+ *     </skdx-tour-content>
+ *   </skdx-tour-portal>
+ * </skdx-tour>
+ * ```
+ */
+export { SkdxTourTrigger } from './TourTrigger.js';
+export { SkdxTourPortal } from './TourPortal.js';
+export { SkdxTourBackdrop } from './TourBackdrop.js';
+export { SkdxTourSpotlight } from './TourSpotlight.js';
+export { SkdxTourContent } from './TourContent.js';
+export { SkdxTourArrow } from './TourArrow.js';
+export { SkdxTourTitle } from './TourTitle.js';
+export { SkdxTourDescription } from './TourDescription.js';
+export { SkdxTourProgressText } from './TourProgressText.js';
+export { SkdxTourActions } from './TourActions.js';
+export { SkdxTourNextTrigger } from './TourNextTrigger.js';
+export { SkdxTourPrevTrigger } from './TourPrevTrigger.js';
+export { SkdxTourSkipTrigger } from './TourSkipTrigger.js';
+export { SkdxTourCloseTrigger } from './TourCloseTrigger.js';

package/dist/tour/primitives.js

@@ -0,0 +1 @@
+import{SkdxTourTrigger as x}from"./TourTrigger.js";import{SkdxTourPortal as t}from"./TourPortal.js";import{SkdxTourBackdrop as p}from"./TourBackdrop.js";import{SkdxTourSpotlight as S}from"./TourSpotlight.js";import{SkdxTourContent as f}from"./TourContent.js";import{SkdxTourArrow as u}from"./TourArrow.js";import{SkdxTourTitle as i}from"./TourTitle.js";import{SkdxTourDescription as l}from"./TourDescription.js";import{SkdxTourProgressText as c}from"./TourProgressText.js";import{SkdxTourActions as a}from"./TourActions.js";import{SkdxTourNextTrigger as C}from"./TourNextTrigger.js";import{SkdxTourPrevTrigger as v}from"./TourPrevTrigger.js";import{SkdxTourSkipTrigger as B}from"./TourSkipTrigger.js";import{SkdxTourCloseTrigger as N}from"./TourCloseTrigger.js";export{a as SkdxTourActions,u as SkdxTourArrow,p as SkdxTourBackdrop,N as SkdxTourCloseTrigger,f as SkdxTourContent,l as SkdxTourDescription,C as SkdxTourNextTrigger,t as SkdxTourPortal,v as SkdxTourPrevTrigger,c as SkdxTourProgressText,B as SkdxTourSkipTrigger,S as SkdxTourSpotlight,i as SkdxTourTitle,x as SkdxTourTrigger};

package/dist/transfer/Transfer.cjs

@@ -1,5 +1,5 @@
-"use strict";var v=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var F=(i,s)=>{for(var e in s)v(i,e,{get:s[e],enumerable:!0})},O=(i,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of w(s))!q.call(i,t)&&t!==e&&v(i,t,{get:()=>s[t],enumerable:!(r=_(s,t))||r.enumerable});return i};var H=i=>O(v({},"__esModule",{value:!0}),i),o=(i,s,e,r)=>{for(var t=r>1?void 0:r?_(s,e):s,d=i.length-1,u;d>=0;d--)(u=i[d])&&(t=(r?u(s,e,t):u(t))||t);return r&&t&&v(s,e,t),t};var V={};F(V,{DESTINATION_OF:()=>p,OPTION_SELECTOR:()=>D,ORIGIN_OF:()=>A,SIDE_NOUN:()=>b,SkdxTransfer:()=>n,TRANSFER_INTERNAL_UPDATE:()=>M,defaultTransferFilter:()=>$,moveAnnouncement:()=>R,moveTriggerLabel:()=>S});module.exports=H(V);var c=require("lit"),l=require("lit/decorators.js"),I=require("../internal/define.cjs"),y=require("../internal/ids.cjs"),E=require("../utils/live-announcer.cjs");var D='[role="option"]:not([data-disabled])',M="skdx-transfer-internal-update",A={toTarget:"source",toSource:"target"},p={toTarget:"target",toSource:"source"},b={source:"available",target:"selected"};function S(i,s,e){let r=b[p[s]],t=e?"Move all":"Move";return i===0?`${t} items to ${r}, ${e?"nothing to move":"nothing selected"}`:`${t} ${i} ${i===1?"item":"items"} to ${r}`}function R({moved:i,remaining:s,from:e,to:r}){return`${i} ${i===1?"item":"items"} moved to ${b[r]}. ${s} remaining in ${b[e]}.`}function $(i,s){return i.label.toLowerCase().includes(s.trim().toLowerCase())}var n=class extends c.LitElement{constructor(){super(...arguments);this.items=[];this.value=[];this.defaultValue=[];this.disabled=!1;this.searchable=!1;this.filter=$;this.baseId=(0,y.nextId)("skdx-transfer");this._marked={source:[],target:[]};this._query={source:"",target:""};this._active={source:null,target:null};this._labelled={source:!1,target:!1};this.anchor={source:null,target:null};this.listEls={source:null,target:null};this._initialized=!1}moveLabel(e,r,t){return(this.getMoveLabel??S)(e,r,t)}connectedCallback(){super.connectedCallback(),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this._initialized=!0)}get sideItems(){return{source:this.items.filter(e=>!this.value.includes(e.value)),target:this.items.filter(e=>this.value.includes(e.value))}}get visibleItems(){let e=this.sideItems;if(!this.searchable)return e;let r=t=>this._query[t].trim()===""?e[t]:e[t].filter(d=>this.filter(d,this._query[t]));return{source:r("source"),target:r("target")}}get marked(){let e=this.sideItems,r=t=>this._marked[t].filter(d=>e[t].some(u=>u.value===d));return{source:r("source"),target:r("target")}}getQuery(e){return this._query[e]}getActive(e){return this._active[e]}isLabelled(e){return this._labelled[e]}headerId(e){return`${this.baseId}-${e}-header`}listId(e){return`${this.baseId}-${e}-list`}setMarked(e,r){this._marked={...this._marked,[e]:r},this.broadcast()}setQuery(e,r){this._query[e]!==r&&(this._query={...this._query,[e]:r},this.broadcast())}setActive(e,r){this._active[e]!==r&&(this._active={...this._active,[e]:r},this.broadcast())}registerHeader(e,r){this._labelled[e]!==r&&(this._labelled={...this._labelled,[e]:r},this.broadcast())}move(e,r){if(this.disabled)return;let t=A[e],d=p[e],f=this.sideItems[t],m=r.map(a=>f.find(g=>g.value===a)).filter(a=>a!==void 0&&!a.disabled);if(m.length===0)return;let h=m.map(a=>a.value),L=this.visibleItems[t].filter(a=>!a.disabled),T=h.map(a=>L.findIndex(g=>g.value===a)).filter(a=>a>=0),C=T.length>0?Math.min(...T):0;this.value=e==="toTarget"?[...this.value,...h.filter(a=>!this.value.includes(a))]:this.value.filter(a=>!h.includes(a)),this._marked={...this._marked,[t]:this._marked[t].filter(a=>!h.includes(a))},this.dispatchEvent(new CustomEvent("value-change",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("move",{detail:{items:m,direction:e},bubbles:!0,composed:!0})),this.broadcast();let N={moved:m.length,remaining:f.length-m.length,direction:e,from:t,to:d};(0,E.announce)((this.getMoveAnnouncement??R)(N)),this.restoreFocus(t,C)}async restoreFocus(e,r){await this.updateComplete;let t=this.listEls[e];if(!t)return;await t.updateComplete;let d=Array.from(t.querySelectorAll(D)),u=d[Math.min(r,d.length-1)];if(u){let f=u.getAttribute("data-value");f&&this.setActive(e,f),u.focus()}else t.focus()}broadcast(){this.dispatchEvent(new CustomEvent(M))}updated(e){(e.has("items")||e.has("value")||e.has("disabled")||e.has("searchable"))&&this.broadcast(),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}render(){return c.html`<slot></slot>`}};n.styles=c.css`
+"use strict";var g=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var V=(i,s)=>{for(var e in s)g(i,e,{get:s[e],enumerable:!0})},B=(i,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of H(s))!k.call(i,t)&&t!==e&&g(i,t,{get:()=>s[t],enumerable:!(r=M(s,t))||r.enumerable});return i};var P=i=>B(g({},"__esModule",{value:!0}),i),n=(i,s,e,r)=>{for(var t=r>1?void 0:r?M(s,e):s,u=i.length-1,d;u>=0;u--)(d=i[u])&&(t=(r?d(s,e,t):d(t))||t);return r&&t&&g(s,e,t),t};var J={};V(J,{DESTINATION_OF:()=>y,OPTION_SELECTOR:()=>w,ORIGIN_OF:()=>L,SIDE_NOUN:()=>f,SkdxTransfer:()=>a,TRANSFER_INTERNAL_UPDATE:()=>$,defaultTransferFilter:()=>z,matchesFilterMode:()=>_,moveAnnouncement:()=>x,moveTriggerLabel:()=>O,searchResultsAnnouncement:()=>N});module.exports=P(J);var c=require("lit"),o=require("lit/decorators.js"),S=require("../internal/authored.cjs"),E=require("../internal/define.cjs"),D=require("../internal/form-associated.cjs"),R=require("../internal/ids.cjs"),b=require("../utils/live-announcer.cjs"),p=require("./TransferAnatomy.cjs");var Q={empty:"Nothing here.",noMatch:'No match for "{query}".'},W={fromAttribute(i){if(!i)return{};try{let s=JSON.parse(i);if(typeof s!="object"||s===null)throw new Error("emptyText attribute must be a JSON object");return s}catch{return console.warn(`[skdx] <skdx-transfer> emptyText attribute is not valid JSON and was ignored: ${i}`),{}}}},w='[role="option"]:not([data-disabled])',$="skdx-transfer-internal-update",L={toTarget:"source",toSource:"target"},y={toTarget:"target",toSource:"source"},f={source:"available",target:"selected"};function O(i,s,e){let r=f[y[s]],t=e?"Move all":"Move";return i===0?`${t} items to ${r}, ${e?"nothing to move":"nothing selected"}`:`${t} ${i} ${i===1?"item":"items"} to ${r}`}function x({moved:i,remaining:s,from:e,to:r}){return`${i} ${i===1?"item":"items"} moved to ${f[r]}. ${s} remaining in ${f[e]}.`}function N({shown:i,total:s,side:e}){return`${i} of ${s} ${s===1?"item":"items"} shown in ${f[e]}.`}function z(i,s){return _(i,s,"contains")}function _(i,s,e="contains"){let r=s.trim().toLowerCase();if(r==="")return!0;let t=i.label.toLowerCase();return e==="startsWith"?t.startsWith(r):e==="endsWith"?t.endsWith(r):t.includes(r)}var a=class extends(0,D.FormAssociated)(c.LitElement){constructor(){super(...arguments);this.items=[];this.value=[];this.defaultValue=[];this.disabled=!1;this.searchable=!1;this.filterMatchMode="contains";this.targetOrder="items";this.emptyText={};this.showMoveAll=!1;this.baseId=(0,R.nextId)("skdx-transfer");this._marked={source:[],target:[]};this._query={source:"",target:""};this._active={source:null,target:null};this._labelled={source:!1,target:!1};this.anchor={source:null,target:null};this.listEls={source:null,target:null};this._initialized=!1;this._anatomyBuilt=!1;this._fillAnatomy=()=>{if((0,S.hasAuthoredParts)(this,p.TRANSFER_ANATOMY_GENERATED)){this._anatomyBuilt=!1;return}this._anatomyBuilt||(this._anatomyBuilt=!0,(0,p.fillTransferAnatomy)(this))};this._rebuildAnatomy=()=>{this._anatomyBuilt=!1,this._fillAnatomy()};this.headerIdOverrides={};this.announcedQuery={source:"",target:""}}moveLabel(e,r,t){return(this.getMoveLabel??O)(e,r,t)}getEmptyText(e,r=""){let t={...Q,...this.emptyText};return((e==="empty"?t.empty:t.noMatch)??"").replaceAll("{query}",r)}connectedCallback(){super.connectedCallback(),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this._initialized=!0),queueMicrotask(this._fillAnatomy)}get sideItems(){let e=this.items.filter(t=>!this.value.includes(t.value));if(this.targetOrder==="items")return{source:e,target:this.items.filter(t=>this.value.includes(t.value))};let r=new Map(this.items.map(t=>[t.value,t]));return{source:e,target:this.value.map(t=>r.get(t)).filter(t=>t!==void 0)}}get visibleItems(){let e=this.sideItems;if(!this.searchable)return e;let r=t=>this._query[t].trim()===""?e[t]:e[t].filter(u=>this.filter?this.filter(u,this._query[t]):_(u,this._query[t],this.filterMatchMode));return{source:r("source"),target:r("target")}}get marked(){let e=this.sideItems,r=t=>this._marked[t].filter(u=>e[t].some(d=>d.value===u));return{source:r("source"),target:r("target")}}getQuery(e){return this._query[e]}getActive(e){return this._active[e]}isLabelled(e){return this._labelled[e]}headerId(e){return this.headerIdOverrides[e]??`${this.baseId}-${e}-header`}setHeaderId(e,r){this.headerIdOverrides[e]=r}listId(e){return`${this.baseId}-${e}-list`}setMarked(e,r){this._marked={...this._marked,[e]:r},this.broadcast()}setQuery(e,r){this._query[e]!==r&&(this._query={...this._query,[e]:r},this.broadcast())}setActive(e,r){this._active[e]!==r&&(this._active={...this._active,[e]:r},this.broadcast())}registerHeader(e,r){this._labelled[e]!==r&&(this._labelled={...this._labelled,[e]:r},this.broadcast())}move(e,r){if(this.disabled)return;let t=L[e],u=y[e],h=this.sideItems[t],m=r.map(l=>h.find(T=>T.value===l)).filter(l=>l!==void 0&&!l.disabled);if(m.length===0)return;let v=m.map(l=>l.value),F=this.visibleItems[t].filter(l=>!l.disabled),I=v.map(l=>F.findIndex(T=>T.value===l)).filter(l=>l>=0),q=I.length>0?Math.min(...I):0,A=v.filter(l=>!this.value.includes(l));this.value=e==="toTarget"?this.targetOrder==="prepend"?[...A,...this.value]:[...this.value,...A]:this.value.filter(l=>!v.includes(l)),this._marked={...this._marked,[t]:this._marked[t].filter(l=>!v.includes(l))},this.dispatchEvent(new CustomEvent("value-change",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("move",{detail:{items:m,direction:e},bubbles:!0,composed:!0})),this.broadcast();let C={moved:m.length,remaining:h.length-m.length,direction:e,from:t,to:u};(0,b.announce)((this.getMoveAnnouncement??x)(C)),this.restoreFocus(t,q)}async restoreFocus(e,r){await this.updateComplete;let t=this.listEls[e];if(!t)return;await t.updateComplete;let u=Array.from(t.querySelectorAll(w)),d=u[Math.min(r,u.length-1)];if(d){let h=d.getAttribute("data-value");h&&this.setActive(e,h),d.focus()}else t.focus()}emitListScroll(e,r){let t={side:e,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,clientHeight:r.clientHeight};this.dispatchEvent(new CustomEvent("list-scroll",{detail:t,bubbles:!0,composed:!0}))}announceSearchResults(){let e=this.sideItems,r=this.visibleItems;for(let t of["source","target"])this._query[t]!==this.announcedQuery[t]&&(this.announcedQuery[t]=this._query[t],(0,b.announce)((this.getSearchResultsAnnouncement??N)({shown:r[t].length,total:e[t].length,side:t,query:this._query[t]})))}broadcast(){this.dispatchEvent(new CustomEvent($))}formResetCallback(){this.value=[...this.defaultValue]}updated(e){this.broadcast(),(e.has("value")||e.has("name"))&&this.setFormValue(this.multiFormValue(this.value)),this.searchable&&this.announceSearchResults(),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),e.has("titles")||e.has("searchable")||e.has("showMoveAll")?this._rebuildAnatomy():this._fillAnatomy()}render(){return c.html`<slot @slotchange=${this._fillAnatomy}></slot>`}};a.styles=c.css`
     :host {
       display: contents;
     }
-  `,o([(0,l.property)({type:Array})],n.prototype,"items",2),o([(0,l.property)({type:Array})],n.prototype,"value",2),o([(0,l.property)({type:Array,attribute:"default-value"})],n.prototype,"defaultValue",2),o([(0,l.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),o([(0,l.property)({type:Boolean,reflect:!0})],n.prototype,"searchable",2),o([(0,l.property)({attribute:!1})],n.prototype,"filter",2),o([(0,l.property)({attribute:!1})],n.prototype,"getMoveLabel",2),o([(0,l.property)({attribute:!1})],n.prototype,"getMoveAnnouncement",2),o([(0,l.state)()],n.prototype,"_marked",2),o([(0,l.state)()],n.prototype,"_query",2),o([(0,l.state)()],n.prototype,"_active",2),o([(0,l.state)()],n.prototype,"_labelled",2),n=o([(0,I.customElement)("skdx-transfer","transfer","root")],n);0&&(module.exports={DESTINATION_OF,OPTION_SELECTOR,ORIGIN_OF,SIDE_NOUN,SkdxTransfer,TRANSFER_INTERNAL_UPDATE,defaultTransferFilter,moveAnnouncement,moveTriggerLabel});
+  `,n([(0,o.property)({type:Array})],a.prototype,"items",2),n([(0,o.property)({type:Array})],a.prototype,"value",2),n([(0,o.property)({type:Array,attribute:"default-value"})],a.prototype,"defaultValue",2),n([(0,o.property)({type:Boolean,reflect:!0})],a.prototype,"disabled",2),n([(0,o.property)({type:String,reflect:!0})],a.prototype,"name",2),n([(0,o.property)({type:Boolean,reflect:!0})],a.prototype,"searchable",2),n([(0,o.property)({attribute:!1})],a.prototype,"filter",2),n([(0,o.property)({type:String,attribute:"filter-match-mode"})],a.prototype,"filterMatchMode",2),n([(0,o.property)({attribute:!1})],a.prototype,"getMoveLabel",2),n([(0,o.property)({attribute:!1})],a.prototype,"getMoveAnnouncement",2),n([(0,o.property)({attribute:!1})],a.prototype,"getSearchResultsAnnouncement",2),n([(0,o.property)({type:String,attribute:"target-order"})],a.prototype,"targetOrder",2),n([(0,o.property)({attribute:!1})],a.prototype,"titles",2),n([(0,o.property)({attribute:!1})],a.prototype,"renderItem",2),n([(0,o.property)({converter:W})],a.prototype,"emptyText",2),n([(0,o.property)({type:Boolean,reflect:!0,attribute:"show-move-all"})],a.prototype,"showMoveAll",2),n([(0,o.state)()],a.prototype,"_marked",2),n([(0,o.state)()],a.prototype,"_query",2),n([(0,o.state)()],a.prototype,"_active",2),n([(0,o.state)()],a.prototype,"_labelled",2),a=n([(0,E.customElement)("skdx-transfer","transfer","root")],a);0&&(module.exports={DESTINATION_OF,OPTION_SELECTOR,ORIGIN_OF,SIDE_NOUN,SkdxTransfer,TRANSFER_INTERNAL_UPDATE,defaultTransferFilter,matchesFilterMode,moveAnnouncement,moveTriggerLabel,searchResultsAnnouncement});