@skdx/web-components 0.27.0 → 0.29.0

package/dist/file-upload/FileUploadItemPreview.d.cts

@@ -0,0 +1,20 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-file-upload-item-preview>` — the slot for a thumbnail in a `<skdx-file-upload-item>`.
+ * Renders slotted content only; object URLs must be managed by the consumer.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload-item-preview><img src="blob:…" alt="" /></skdx-file-upload-item-preview>
+ * ```
+ */
+export declare class SkdxFileUploadItemPreview extends LitElement {
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-item-preview': SkdxFileUploadItemPreview;
+    }
+}

package/dist/file-upload/FileUploadItemPreview.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-file-upload-item-preview>` — the slot for a thumbnail in a `<skdx-file-upload-item>`.
+ * Renders slotted content only; object URLs must be managed by the consumer.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload-item-preview><img src="blob:…" alt="" /></skdx-file-upload-item-preview>
+ * ```
+ */
+export declare class SkdxFileUploadItemPreview extends LitElement {
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-item-preview': SkdxFileUploadItemPreview;
+    }
+}

package/dist/file-upload/FileUploadItemPreview.js

@@ -0,0 +1,5 @@
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(i,l,r,s)=>{for(var e=s>1?void 0:s?p(l,r):l,o=i.length-1,a;o>=0;o--)(a=i[o])&&(e=(s?a(l,r,e):a(e))||e);return s&&e&&m(l,r,e),e};import{css as n,html as c,LitElement as u}from"lit";import{customElement as f}from"../internal/define.js";var t=class extends u{connectedCallback(){if(super.connectedCallback(),!this.closest("skdx-file-upload-item"))throw new Error("<skdx-file-upload-item-preview> must be used inside <skdx-file-upload-item>.")}render(){return c`<slot></slot>`}};t.styles=n`
+    :host {
+      display: inline-flex;
+    }
+  `,t=d([f("skdx-file-upload-item-preview","file-upload","item-preview")],t);export{t as SkdxFileUploadItemPreview};

package/dist/file-upload/FileUploadItemSizeText.cjs

@@ -0,0 +1,5 @@
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(i,e)=>{for(var l in e)a(i,l,{get:e[l],enumerable:!0})},v=(i,e,l,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(i,t)&&t!==l&&a(i,t,{get:()=>e[t],enumerable:!(s=n(e,t))||s.enumerable});return i};var x=i=>v(a({},"__esModule",{value:!0}),i),m=(i,e,l,s)=>{for(var t=s>1?void 0:s?n(e,l):e,r=i.length-1,p;r>=0;r--)(p=i[r])&&(t=(s?p(e,l,t):p(t))||t);return s&&t&&a(e,l,t),t};var E={};k(E,{SkdxFileUploadItemSizeText:()=>o});module.exports=x(E);var d=require("lit"),u=require("../internal/define.cjs"),c=require("../internal/format-file-size.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.itemEl=null;this.onUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-file-upload-item"),!this.itemEl)throw new Error("<skdx-file-upload-item-size-text> must be used inside <skdx-file-upload-item>.");this.closest("skdx-file-upload")?.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.closest("skdx-file-upload")?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}render(){let l=this.itemEl?.file;return d.html`<slot>${l?(0,c.formatFileSize)(l.size):""}</slot>`}};o.styles=d.css`
+    :host {
+      display: inline;
+    }
+  `,o=m([(0,u.customElement)("skdx-file-upload-item-size-text","file-upload","item-size")],o);0&&(module.exports={SkdxFileUploadItemSizeText});

package/dist/file-upload/FileUploadItemSizeText.d.cts

@@ -0,0 +1,23 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-file-upload-item-size-text>` — the file's size as readable text
+ * (`999B`, `1.5kB`, `1.2MB`). Slot custom content to render it yourself.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload-item-size-text></skdx-file-upload-item-size-text>
+ * ```
+ */
+export declare class SkdxFileUploadItemSizeText extends LitElement {
+    static styles: import("lit").CSSResult;
+    private itemEl;
+    private readonly onUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-item-size-text': SkdxFileUploadItemSizeText;
+    }
+}

package/dist/file-upload/FileUploadItemSizeText.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-file-upload-item-size-text>` — the file's size as readable text
+ * (`999B`, `1.5kB`, `1.2MB`). Slot custom content to render it yourself.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload-item-size-text></skdx-file-upload-item-size-text>
+ * ```
+ */
+export declare class SkdxFileUploadItemSizeText extends LitElement {
+    static styles: import("lit").CSSResult;
+    private itemEl;
+    private readonly onUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-item-size-text': SkdxFileUploadItemSizeText;
+    }
+}

package/dist/file-upload/FileUploadItemSizeText.js

@@ -0,0 +1,5 @@
+var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var r=(o,i,t,s)=>{for(var e=s>1?void 0:s?n(i,t):i,d=o.length-1,a;d>=0;d--)(a=o[d])&&(e=(s?a(i,t,e):a(e))||e);return s&&e&&p(i,t,e),e};import{css as m,html as u,LitElement as c}from"lit";import{customElement as f}from"../internal/define.js";import{formatFileSize as h}from"../internal/format-file-size.js";var l=class extends c{constructor(){super(...arguments);this.itemEl=null;this.onUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-file-upload-item"),!this.itemEl)throw new Error("<skdx-file-upload-item-size-text> must be used inside <skdx-file-upload-item>.");this.closest("skdx-file-upload")?.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.closest("skdx-file-upload")?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}render(){let t=this.itemEl?.file;return u`<slot>${t?h(t.size):""}</slot>`}};l.styles=m`
+    :host {
+      display: inline;
+    }
+  `,l=r([f("skdx-file-upload-item-size-text","file-upload","item-size")],l);export{l as SkdxFileUploadItemSizeText};

package/dist/file-upload/FileUploadLabel.cjs

@@ -0,0 +1,5 @@
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},E=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of m(e))!f.call(t,l)&&l!==o&&a(t,l,{get:()=>e[l],enumerable:!(r=p(e,l))||r.enumerable});return t};var b=t=>E(a({},"__esModule",{value:!0}),t),u=(t,e,o,r)=>{for(var l=r>1?void 0:r?p(e,o):e,n=t.length-1,c;n>=0;n--)(c=t[n])&&(l=(r?c(e,o,l):c(l))||l);return r&&l&&a(e,o,l),l};var k={};h(k,{SkdxFileUploadLabel:()=>s});module.exports=b(k);var i=require("lit"),d=require("../internal/define.cjs");var s=class extends i.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-label> must be used inside <skdx-file-upload>.");(0,d.whenUpgraded)(this.rootEl,()=>{this.rootEl&&(this.id||(this.id=this.rootEl.labelId),this.rootEl.labelPresent=!0)})}disconnectedCallback(){this.rootEl&&(this.rootEl.labelPresent=!1),super.disconnectedCallback()}render(){return i.html`<slot></slot>`}};s.styles=i.css`
+    :host {
+      display: block;
+    }
+  `,s=u([(0,d.customElement)("skdx-file-upload-label","file-upload","label")],s);0&&(module.exports={SkdxFileUploadLabel});

package/dist/file-upload/FileUploadLabel.d.cts

@@ -0,0 +1,27 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * Accessible name for the dropzone, wired through `aria-labelledby`. Place inside `<skdx-file-upload>`.
+ * Dropzone is the only visible element to assistive tech (input is `aria-hidden`), so unnamed dropzones
+ * announce as "button" only. Use this when the label sits outside the drop surface. ID goes on this host —
+ * IDREFs don't cross shadow boundaries, and the sibling dropzone needs to resolve it.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload>
+ *   <skdx-file-upload-label>Attachments</skdx-file-upload-label>
+ *   <skdx-file-upload-dropzone>Drag files here</skdx-file-upload-dropzone>
+ * </skdx-file-upload>
+ * ```
+ */
+export declare class SkdxFileUploadLabel extends LitElement {
+    static styles: import("lit").CSSResult;
+    private rootEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-label': SkdxFileUploadLabel;
+    }
+}

package/dist/file-upload/FileUploadLabel.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * Accessible name for the dropzone, wired through `aria-labelledby`. Place inside `<skdx-file-upload>`.
+ * Dropzone is the only visible element to assistive tech (input is `aria-hidden`), so unnamed dropzones
+ * announce as "button" only. Use this when the label sits outside the drop surface. ID goes on this host —
+ * IDREFs don't cross shadow boundaries, and the sibling dropzone needs to resolve it.
+ *
+ * @example
+ * ```html
+ * <skdx-file-upload>
+ *   <skdx-file-upload-label>Attachments</skdx-file-upload-label>
+ *   <skdx-file-upload-dropzone>Drag files here</skdx-file-upload-dropzone>
+ * </skdx-file-upload>
+ * ```
+ */
+export declare class SkdxFileUploadLabel extends LitElement {
+    static styles: import("lit").CSSResult;
+    private rootEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-file-upload-label': SkdxFileUploadLabel;
+    }
+}

package/dist/file-upload/FileUploadLabel.js

@@ -0,0 +1,5 @@
+var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(r,l,s,o)=>{for(var e=o>1?void 0:o?c(l,s):l,i=r.length-1,a;i>=0;i--)(a=r[i])&&(e=(o?a(l,s,e):a(e))||e);return o&&e&&n(l,s,e),e};import{css as p,html as u,LitElement as m}from"lit";import{customElement as f,whenUpgraded as h}from"../internal/define.js";var t=class extends m{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-label> must be used inside <skdx-file-upload>.");h(this.rootEl,()=>{this.rootEl&&(this.id||(this.id=this.rootEl.labelId),this.rootEl.labelPresent=!0)})}disconnectedCallback(){this.rootEl&&(this.rootEl.labelPresent=!1),super.disconnectedCallback()}render(){return u`<slot></slot>`}};t.styles=p`
+    :host {
+      display: block;
+    }
+  `,t=d([f("skdx-file-upload-label","file-upload","label")],t);export{t as SkdxFileUploadLabel};

package/dist/file-upload/FileUploadTrigger.cjs

@@ -1,15 +1,15 @@
-"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var b=(l,t)=>{for(var e in t)a(l,e,{get:t[e],enumerable:!0})},E=(l,t,e,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!v.call(l,o)&&o!==e&&a(l,o,{get:()=>t[o],enumerable:!(d=c(t,o))||d.enumerable});return l};var k=l=>E(a({},"__esModule",{value:!0}),l),u=(l,t,e,d)=>{for(var o=d>1?void 0:d?c(t,e):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=(d?p(t,e,o):p(o))||o);return d&&o&&a(t,e,o),o};var x={};b(x,{SkdxFileUploadTrigger:()=>s});module.exports=k(x);var i=require("lit"),h=require("../internal/define.cjs"),m=require("../internal/part.cjs"),r=require("../internal/styles.cjs");var s=class extends i.LitElement{constructor(){super(...arguments);this.rootEl=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=e=>{e.stopPropagation(),this.rootEl?.openPicker()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-trigger> must be used inside <skdx-file-upload>.");this.rootEl.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.rootEl?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}updated(){(0,m.reflectHostState)(this,{"data-disabled":this.rootEl?.disabled?"":null})}render(){let e=this.rootEl?.disabled??!1;return i.html`
+"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var E=(l,t)=>{for(var e in t)r(l,e,{get:t[e],enumerable:!0})},b=(l,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of f(t))!v.call(l,o)&&o!==e&&r(l,o,{get:()=>t[o],enumerable:!(i=c(t,o))||i.enumerable});return l};var k=l=>b(r({},"__esModule",{value:!0}),l),u=(l,t,e,i)=>{for(var o=i>1?void 0:i?c(t,e):t,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=(i?p(t,e,o):p(o))||o);return i&&o&&r(t,e,o),o};var y={};E(y,{SkdxFileUploadTrigger:()=>s});module.exports=k(y);var d=require("lit"),h=require("../internal/define.cjs"),m=require("../internal/part.cjs"),a=require("../internal/styles.cjs");var s=class extends d.LitElement{constructor(){super(...arguments);this.rootEl=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=e=>{e.stopPropagation(),this.rootEl?.openPicker()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-trigger> must be used inside <skdx-file-upload>.");this.rootEl.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.rootEl?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}updated(){(0,m.reflectHostState)(this,{"data-disabled":this.rootEl?.disabled?"":null,"data-readonly":this.rootEl?.readOnly?"":null})}render(){let e=(this.rootEl?.disabled??!1)||(this.rootEl?.readOnly??!1);return d.html`
       <button
         part="trigger"
         type="button"
         ?disabled=${e}
-        data-disabled=${e?"":i.nothing}
+        data-disabled=${e?"":d.nothing}
         @click=${this.handleClick}
       >
         <slot></slot>
       </button>
-    `}};s.shadowRootOptions=r.delegatesFocusShadowRootOptions,s.styles=[r.resetNativeControl,i.css`
+    `}};s.shadowRootOptions=a.delegatesFocusShadowRootOptions,s.styles=[a.resetNativeControl,d.css`
       :host {
         display: inline-block;
       }
-    `,r.controlBoxOnHost],s=u([(0,h.customElement)("skdx-file-upload-trigger","file-upload","trigger")],s);0&&(module.exports={SkdxFileUploadTrigger});
+    `,a.controlBoxOnHost],s=u([(0,h.customElement)("skdx-file-upload-trigger","file-upload","trigger")],s);0&&(module.exports={SkdxFileUploadTrigger});

package/dist/file-upload/FileUploadTrigger.d.cts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-file-upload-trigger>` — button that opens the native file picker
- * when clicked. Mirrors the ancestor `<skdx-file-upload>`'s `disabled` state
- * (native `disabled` plus `data-disabled`). Must be used inside
- * `<skdx-file-upload>`.
+ * Button to open native file picker. Mirrors `<skdx-file-upload>` disabled state. Use as sibling, not nested, to avoid interactive-in-interactive.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */
@@ -16,7 +13,7 @@ export declare class SkdxFileUploadTrigger extends LitElement {
     disconnectedCallback(): void;
     private readonly handleClick;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/file-upload/FileUploadTrigger.d.ts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-file-upload-trigger>` — button that opens the native file picker
- * when clicked. Mirrors the ancestor `<skdx-file-upload>`'s `disabled` state
- * (native `disabled` plus `data-disabled`). Must be used inside
- * `<skdx-file-upload>`.
+ * Button to open native file picker. Mirrors `<skdx-file-upload>` disabled state. Use as sibling, not nested, to avoid interactive-in-interactive.
  *
  * @csspart trigger - The native `<button>` element inside the shadow root.
  */
@@ -16,7 +13,7 @@ export declare class SkdxFileUploadTrigger extends LitElement {
     disconnectedCallback(): void;
     private readonly handleClick;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/file-upload/FileUploadTrigger.js

@@ -1,4 +1,4 @@
-var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(d,l,t,i)=>{for(var e=i>1?void 0:i?p(l,t):l,s=d.length-1,r;s>=0;s--)(r=d[s])&&(e=(i?r(l,t,e):r(e))||e);return i&&e&&n(l,t,e),e};import{css as c,html as u,LitElement as h,nothing as m}from"lit";import{customElement as f}from"../internal/define.js";import{reflectHostState as v}from"../internal/part.js";import{controlBoxOnHost as b,delegatesFocusShadowRootOptions as E,resetNativeControl as k}from"../internal/styles.js";var o=class extends h{constructor(){super(...arguments);this.rootEl=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),this.rootEl?.openPicker()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-trigger> must be used inside <skdx-file-upload>.");this.rootEl.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.rootEl?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}updated(){v(this,{"data-disabled":this.rootEl?.disabled?"":null})}render(){let t=this.rootEl?.disabled??!1;return u`
+var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(i,l,t,d)=>{for(var e=d>1?void 0:d?p(l,t):l,s=i.length-1,a;s>=0;s--)(a=i[s])&&(e=(d?a(l,t,e):a(e))||e);return d&&e&&n(l,t,e),e};import{css as c,html as u,LitElement as h,nothing as m}from"lit";import{customElement as f}from"../internal/define.js";import{reflectHostState as v}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as b,resetNativeControl as k}from"../internal/styles.js";var o=class extends h{constructor(){super(...arguments);this.rootEl=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=t=>{t.stopPropagation(),this.rootEl?.openPicker()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-file-upload"),!this.rootEl)throw new Error("<skdx-file-upload-trigger> must be used inside <skdx-file-upload>.");this.rootEl.addEventListener("skdx-file-upload-update",this.onUpdate)}disconnectedCallback(){this.rootEl?.removeEventListener("skdx-file-upload-update",this.onUpdate),super.disconnectedCallback()}updated(){v(this,{"data-disabled":this.rootEl?.disabled?"":null,"data-readonly":this.rootEl?.readOnly?"":null})}render(){let t=(this.rootEl?.disabled??!1)||(this.rootEl?.readOnly??!1);return u`
       <button
         part="trigger"
         type="button"
@@ -8,8 +8,8 @@ var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(d,l,t,i
       >
         <slot></slot>
       </button>
-    `}};o.shadowRootOptions=E,o.styles=[k,c`
+    `}};o.shadowRootOptions=b,o.styles=[k,c`
       :host {
         display: inline-block;
       }
-    `,b],o=a([f("skdx-file-upload-trigger","file-upload","trigger")],o);export{o as SkdxFileUploadTrigger};
+    `,E],o=r([f("skdx-file-upload-trigger","file-upload","trigger")],o);export{o as SkdxFileUploadTrigger};

package/dist/file-upload/index.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var k=(o,e)=>{for(var p in e)r(o,p,{get:e[p],enumerable:!0})},n=(o,e,p,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of S(e))!f.call(o,l)&&l!==p&&r(o,l,{get:()=>e[l],enumerable:!(t=U(e,l))||t.enumerable});return o};var I=o=>n(r({},"__esModule",{value:!0}),o);var g={};k(g,{SkdxFileUpload:()=>d.SkdxFileUpload,SkdxFileUploadDropzone:()=>x.SkdxFileUploadDropzone,SkdxFileUploadInput:()=>a.SkdxFileUploadInput,SkdxFileUploadItem:()=>F.SkdxFileUploadItem,SkdxFileUploadItemDelete:()=>m.SkdxFileUploadItemDelete,SkdxFileUploadTrigger:()=>i.SkdxFileUploadTrigger});module.exports=I(g);var d=require("./FileUpload.cjs"),x=require("./FileUploadDropzone.cjs"),i=require("./FileUploadTrigger.cjs"),a=require("./FileUploadInput.cjs"),F=require("./FileUploadItem.cjs"),m=require("./FileUploadItemDelete.cjs");0&&(module.exports={SkdxFileUpload,SkdxFileUploadDropzone,SkdxFileUploadInput,SkdxFileUploadItem,SkdxFileUploadItemDelete,SkdxFileUploadTrigger});
+"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var U=(l,e)=>{for(var o in e)t(l,o,{get:e[o],enumerable:!0})},x=(l,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of F(e))!r.call(l,p)&&p!==o&&t(l,p,{get:()=>e[p],enumerable:!(a=i(e,p))||a.enumerable});return l};var m=l=>x(t({},"__esModule",{value:!0}),l);var y={};U(y,{SkdxFileUpload:()=>d.SkdxFileUpload});module.exports=m(y);var d=require("./FileUpload.cjs");0&&(module.exports={SkdxFileUpload});

package/dist/file-upload/index.d.cts

@@ -1,6 +1,2 @@
-export { SkdxFileUpload, type FileUploadRejection } from './FileUpload.cjs';
-export { SkdxFileUploadDropzone } from './FileUploadDropzone.cjs';
-export { SkdxFileUploadTrigger } from './FileUploadTrigger.cjs';
-export { SkdxFileUploadInput } from './FileUploadInput.cjs';
-export { SkdxFileUploadItem, type FileUploadFileStatus } from './FileUploadItem.cjs';
-export { SkdxFileUploadItemDelete } from './FileUploadItemDelete.cjs';
+export { SkdxFileUpload, type FileUploadRejection, type SkdxFileUploadCapture } from './FileUpload.cjs';
+export type { FileUploadFileStatus } from './FileUploadItem.cjs';

package/dist/file-upload/index.d.ts

@@ -1,6 +1,2 @@
-export { SkdxFileUpload, type FileUploadRejection } from './FileUpload.js';
-export { SkdxFileUploadDropzone } from './FileUploadDropzone.js';
-export { SkdxFileUploadTrigger } from './FileUploadTrigger.js';
-export { SkdxFileUploadInput } from './FileUploadInput.js';
-export { SkdxFileUploadItem, type FileUploadFileStatus } from './FileUploadItem.js';
-export { SkdxFileUploadItemDelete } from './FileUploadItemDelete.js';
+export { SkdxFileUpload, type FileUploadRejection, type SkdxFileUploadCapture } from './FileUpload.js';
+export type { FileUploadFileStatus } from './FileUploadItem.js';

package/dist/file-upload/index.js

@@ -1 +1 @@
-import{SkdxFileUpload as l}from"./FileUpload.js";import{SkdxFileUploadDropzone as r}from"./FileUploadDropzone.js";import{SkdxFileUploadTrigger as d}from"./FileUploadTrigger.js";import{SkdxFileUploadInput as i}from"./FileUploadInput.js";import{SkdxFileUploadItem as F}from"./FileUploadItem.js";import{SkdxFileUploadItemDelete as U}from"./FileUploadItemDelete.js";export{l as SkdxFileUpload,r as SkdxFileUploadDropzone,i as SkdxFileUploadInput,F as SkdxFileUploadItem,U as SkdxFileUploadItemDelete,d as SkdxFileUploadTrigger};
+import{SkdxFileUpload as p}from"./FileUpload.js";export{p as SkdxFileUpload};

package/dist/file-upload/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var z=(o,e)=>{for(var l in e)p(o,l,{get:e[l],enumerable:!0})},D=(o,e,l,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of n(e))!u.call(o,r)&&r!==l&&p(o,r,{get:()=>e[r],enumerable:!(x=g(e,r))||x.enumerable});return o};var T=o=>D(p({},"__esModule",{value:!0}),o);var b={};z(b,{SkdxFileUploadClear:()=>U.SkdxFileUploadClear,SkdxFileUploadDropzone:()=>d.SkdxFileUploadDropzone,SkdxFileUploadInput:()=>m.SkdxFileUploadInput,SkdxFileUploadItem:()=>a.SkdxFileUploadItem,SkdxFileUploadItemDelete:()=>i.SkdxFileUploadItemDelete,SkdxFileUploadItemGroup:()=>S.SkdxFileUploadItemGroup,SkdxFileUploadItemName:()=>f.SkdxFileUploadItemName,SkdxFileUploadItemPreview:()=>k.SkdxFileUploadItemPreview,SkdxFileUploadItemSizeText:()=>F.SkdxFileUploadItemSizeText,SkdxFileUploadLabel:()=>I.SkdxFileUploadLabel,SkdxFileUploadTrigger:()=>t.SkdxFileUploadTrigger});module.exports=T(b);var d=require("./FileUploadDropzone.cjs"),t=require("./FileUploadTrigger.cjs"),m=require("./FileUploadInput.cjs"),a=require("./FileUploadItem.cjs"),i=require("./FileUploadItemDelete.cjs"),S=require("./FileUploadItemGroup.cjs"),f=require("./FileUploadItemName.cjs"),k=require("./FileUploadItemPreview.cjs"),F=require("./FileUploadItemSizeText.cjs"),U=require("./FileUploadClear.cjs"),I=require("./FileUploadLabel.cjs");0&&(module.exports={SkdxFileUploadClear,SkdxFileUploadDropzone,SkdxFileUploadInput,SkdxFileUploadItem,SkdxFileUploadItemDelete,SkdxFileUploadItemGroup,SkdxFileUploadItemName,SkdxFileUploadItemPreview,SkdxFileUploadItemSizeText,SkdxFileUploadLabel,SkdxFileUploadTrigger});

package/dist/file-upload/primitives.d.cts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for `<skdx-file-upload>` — the parts the recipe
+ * composes. Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as FileUpload from '@skdx/web-components/primitives/file-upload';
+ * ```
+ * ```html
+ * <skdx-file-upload multiple>
+ *   <skdx-file-upload-dropzone>Drag files here</skdx-file-upload-dropzone>
+ *   <skdx-file-upload-trigger>Browse</skdx-file-upload-trigger>
+ *   <skdx-file-upload-input></skdx-file-upload-input>
+ *   <skdx-file-upload-item-group></skdx-file-upload-item-group>
+ * </skdx-file-upload>
+ * ```
+ */
+export { SkdxFileUploadDropzone } from './FileUploadDropzone.cjs';
+export { SkdxFileUploadTrigger } from './FileUploadTrigger.cjs';
+export { SkdxFileUploadInput } from './FileUploadInput.cjs';
+export { SkdxFileUploadItem } from './FileUploadItem.cjs';
+export { SkdxFileUploadItemDelete } from './FileUploadItemDelete.cjs';
+export { SkdxFileUploadItemGroup } from './FileUploadItemGroup.cjs';
+export { SkdxFileUploadItemName } from './FileUploadItemName.cjs';
+export { SkdxFileUploadItemPreview } from './FileUploadItemPreview.cjs';
+export { SkdxFileUploadItemSizeText } from './FileUploadItemSizeText.cjs';
+export { SkdxFileUploadClear } from './FileUploadClear.cjs';
+export { SkdxFileUploadLabel } from './FileUploadLabel.cjs';

package/dist/file-upload/primitives.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for `<skdx-file-upload>` — the parts the recipe
+ * composes. Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as FileUpload from '@skdx/web-components/primitives/file-upload';
+ * ```
+ * ```html
+ * <skdx-file-upload multiple>
+ *   <skdx-file-upload-dropzone>Drag files here</skdx-file-upload-dropzone>
+ *   <skdx-file-upload-trigger>Browse</skdx-file-upload-trigger>
+ *   <skdx-file-upload-input></skdx-file-upload-input>
+ *   <skdx-file-upload-item-group></skdx-file-upload-item-group>
+ * </skdx-file-upload>
+ * ```
+ */
+export { SkdxFileUploadDropzone } from './FileUploadDropzone.js';
+export { SkdxFileUploadTrigger } from './FileUploadTrigger.js';
+export { SkdxFileUploadInput } from './FileUploadInput.js';
+export { SkdxFileUploadItem } from './FileUploadItem.js';
+export { SkdxFileUploadItemDelete } from './FileUploadItemDelete.js';
+export { SkdxFileUploadItemGroup } from './FileUploadItemGroup.js';
+export { SkdxFileUploadItemName } from './FileUploadItemName.js';
+export { SkdxFileUploadItemPreview } from './FileUploadItemPreview.js';
+export { SkdxFileUploadItemSizeText } from './FileUploadItemSizeText.js';
+export { SkdxFileUploadClear } from './FileUploadClear.js';
+export { SkdxFileUploadLabel } from './FileUploadLabel.js';

package/dist/file-upload/primitives.js

@@ -0,0 +1 @@
+import{SkdxFileUploadDropzone as r}from"./FileUploadDropzone.js";import{SkdxFileUploadTrigger as p}from"./FileUploadTrigger.js";import{SkdxFileUploadInput as d}from"./FileUploadInput.js";import{SkdxFileUploadItem as m}from"./FileUploadItem.js";import{SkdxFileUploadItemDelete as i}from"./FileUploadItemDelete.js";import{SkdxFileUploadItemGroup as f}from"./FileUploadItemGroup.js";import{SkdxFileUploadItemName as F}from"./FileUploadItemName.js";import{SkdxFileUploadItemPreview as I}from"./FileUploadItemPreview.js";import{SkdxFileUploadItemSizeText as n}from"./FileUploadItemSizeText.js";import{SkdxFileUploadClear as z}from"./FileUploadClear.js";import{SkdxFileUploadLabel as T}from"./FileUploadLabel.js";export{z as SkdxFileUploadClear,r as SkdxFileUploadDropzone,d as SkdxFileUploadInput,m as SkdxFileUploadItem,i as SkdxFileUploadItemDelete,f as SkdxFileUploadItemGroup,F as SkdxFileUploadItemName,I as SkdxFileUploadItemPreview,n as SkdxFileUploadItemSizeText,T as SkdxFileUploadLabel,p as SkdxFileUploadTrigger};

package/dist/floating-panel/FloatingPanel.cjs

@@ -1,5 +1,5 @@
-"use strict";var m=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var T=(t,i)=>{for(var e in i)m(t,e,{get:i[e],enumerable:!0})},A=(t,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of x(i))!M.call(t,a)&&a!==e&&m(t,a,{get:()=>i[a],enumerable:!(r=E(i,a))||r.enumerable});return t};var B=t=>A(m({},"__esModule",{value:!0}),t),s=(t,i,e,r)=>{for(var a=r>1?void 0:r?E(i,e):i,h=t.length-1,l;h>=0;h--)(l=t[h])&&(a=(r?l(i,e,a):l(a))||a);return r&&a&&m(i,e,a),a};var j={};T(j,{SkdxFloatingPanel:()=>n,findFloatingPanel:()=>N,gestureAnnouncement:()=>O});module.exports=B(j);var g=require("lit"),o=require("lit/decorators.js"),S=require("../internal/closest.cjs"),F=require("../internal/define.cjs"),y=require("../internal/ids.cjs"),v=require("../internal/positioning.cjs"),I=require("../utils/live-announcer.cjs");var P='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(t){(t.matches(P)?t:t.shadowRoot?.querySelector(P)??t).focus({preventScroll:!0})}function O(t,{position:i,size:e}){return t==="move"?`Panel moved to ${i.x}, ${i.y}`:`Panel resized to ${e.width} by ${e.height}`}var f=Object.freeze({x:0,y:0}),z=Object.freeze({width:320,height:240}),L=Object.freeze({width:160,height:120}),C=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function w(t,i,e){return Math.min(Math.max(t,i),e)}function b(t,i,e,r){return w(t,i,Math.max(i,Math.min(e,r)))}function N(t){return(0,S.closestThroughPortal)(t,"skdx-floating-panel")}var n=class extends g.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=f;this.defaultPosition=f;this.size=z;this.defaultSize=z;this.minSize=L;this.maxSize=C;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.contentId=(0,y.nextId)("skdx-floating-panel-content");this.titleId=(0,y.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===f&&(this.position=this.defaultPosition),this.size===z&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage)}updated(e){let r=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!r&&(this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),this.open||this.restoreFocus()),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-floating-panel-internal-update"))}restoreFocus(){let e=document.activeElement;(!e||e===document.body||this.contentEl?.contains(e))&&this.triggerEl&&G(this.triggerEl)}setOpen(e){this.open!==e&&(this.open=e)}setStage(e){this.disabled||this.stage===e||(this.stage=e,this.dispatchEvent(new CustomEvent("stage-change",{detail:e,bubbles:!0,composed:!0})))}getBounds(){if(this.boundary){let e=this.boundary.getBoundingClientRect();return{width:e.width,height:e.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(e){this.position=e,this.dispatchEvent(new CustomEvent("position-change",{detail:e,bubbles:!0,composed:!0}))}setSize(e){this.size=e,this.dispatchEvent(new CustomEvent("size-change",{detail:e,bubbles:!0,composed:!0}))}moveBy(e,r){if(this.disabled||!this.draggable)return;let a=this.getBounds(),h={x:w(this.position.x+e,0,Math.max(0,a.width-this.size.width)),y:w(this.position.y+r,0,Math.max(0,a.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(e,r,a){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:p}=this.position,{width:u,height:d}=this.size;if(e.includes("e")&&(u=b(this.size.width+r,this.minSize.width,this.maxSize.width,h.width-l)),e.includes("w")){let c=l+u;u=b(this.size.width-r,this.minSize.width,this.maxSize.width,c),l=c-u}if(e.includes("s")&&(d=b(this.size.height+a,this.minSize.height,this.maxSize.height,h.height-p)),e.includes("n")){let c=p+d;d=b(this.size.height-a,this.minSize.height,this.maxSize.height,c),p=c-d}(u!==this.size.width||d!==this.size.height)&&this.setSize({width:u,height:d}),(l!==this.position.x||p!==this.position.y)&&this.setPosition({x:l,y:p})}announceRelease(e){let r={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,I.announce)((this.getGestureAnnouncement??O)(e,r))}render(){return g.html`<slot></slot>`}};n.styles=g.css`
+"use strict";var z=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(s,n)=>{for(var t in n)z(s,t,{get:n[t],enumerable:!0})},N=(s,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of B(n))!C.call(s,i)&&i!==t&&z(s,i,{get:()=>n[i],enumerable:!(o=F(n,i))||o.enumerable});return s};var _=s=>N(z({},"__esModule",{value:!0}),s),a=(s,n,t,o)=>{for(var i=o>1?void 0:o?F(n,t):n,h=s.length-1,l;h>=0;h--)(l=s[h])&&(i=(o?l(n,t,i):l(i))||i);return o&&i&&z(n,t,i),i};var H={};R(H,{SkdxFloatingPanel:()=>e,findFloatingPanel:()=>D,gestureAnnouncement:()=>T});module.exports=_(H);var p=require("lit"),r=require("lit/decorators.js"),S=require("../internal/authored.cjs"),A=require("../internal/closest.cjs"),I=require("../internal/define.cjs"),P=require("../internal/ids.cjs"),L=require("../internal/open-change-complete.cjs"),w=require("../internal/positioning.cjs"),x=require("../utils/live-announcer.cjs"),c=require("./FloatingPanelAnatomy.cjs"),Y=require("./FloatingPanelTrigger.cjs"),d=require("../internal/events.cjs"),v=require("./family.cjs");var M='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(s){(s.matches(M)?s:s.shadowRoot?.querySelector(M)??s).focus({preventScroll:!0})}function T(s,{position:n,size:t}){return s==="move"?`Panel moved to ${n.x}, ${n.y}`:`Panel resized to ${t.width} by ${t.height}`}var E=Object.freeze({x:0,y:0}),O=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function b(s,n,t){return Math.min(Math.max(s,n),t)}function y(s,n,t,o){return b(s,n,Math.max(n,Math.min(t,o)))}function D(s){return(0,A.closestThroughPortal)(s,v.FLOATING_PANEL_FAMILY.selector)}var e=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=E;this.defaultPosition=E;this.size=O;this.defaultSize=O;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=(0,P.nextId)("skdx-floating-panel-content");this.titleId=(0,P.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!(0,S.hasGeneratedContent)(this,c.FLOATING_PANEL_ANATOMY_GENERATED)?(this._anatomyFilledFor=t,(0,c.fillFloatingPanelAnatomy)(this)):(0,c.refreshFloatingPanelAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===E&&(this.position=this.defaultPosition),this.size===O&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>this.applyBounds(this.getBounds());if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null}applyBounds(t){this.bounds=t;let o=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),i=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(o!==this.size.width||i!==this.size.height)&&this.setSize({width:o,height:i});let h=b(this.position.x,0,Math.max(0,t.width-o)),l=b(this.position.y,0,Math.max(0,t.height-i));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),v.FLOATING_PANEL_FAMILY.notify(this)}updated(t){this.fillAnatomy();let o=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!o&&((0,d.emit)(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,L.notifyOpenChangeComplete)(()=>this.contentEl,this.open,i=>(0,d.emit)(this,"open-change-complete",i))),t.has("boundary")&&!o&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&v.FLOATING_PANEL_FAMILY.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&G(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,(0,d.emit)(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,(0,d.emit)(this,"position-change",t)}setSize(t){this.size=t,(0,d.emit)(this,"size-change",t)}moveBy(t,o){if(this.disabled||!this.draggable)return;let i=this.getBounds(),h={x:b(this.position.x+t,0,Math.max(0,i.width-this.size.width)),y:b(this.position.y+o,0,Math.max(0,i.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,o,i){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:g}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=y(this.size.width+o,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let f=l+u;u=y(this.size.width-o,this.minSize.width,this.maxSize.width,f),l=f-u}if(t.includes("s")&&(m=y(this.size.height+i,this.minSize.height,this.maxSize.height,h.height-g)),t.includes("n")){let f=g+m;m=y(this.size.height-i,this.minSize.height,this.maxSize.height,f),g=f-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||g!==this.position.y)&&this.setPosition({x:l,y:g})}announceRelease(t){t==="resize"&&(0,d.emit)(this,"size-commit",this.size),(0,d.emit)(this,"position-commit",this.position);let o={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,x.announce)((this.getGestureAnnouncement??T)(t,o))}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=p.css`
     :host {
       display: contents;
     }
-  `,s([(0,o.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),s([(0,o.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),s([(0,o.property)({attribute:!1})],n.prototype,"position",2),s([(0,o.property)({type:Object,attribute:"default-position"})],n.prototype,"defaultPosition",2),s([(0,o.property)({attribute:!1})],n.prototype,"size",2),s([(0,o.property)({type:Object,attribute:"default-size"})],n.prototype,"defaultSize",2),s([(0,o.property)({type:Object,attribute:"min-size"})],n.prototype,"minSize",2),s([(0,o.property)({type:Object,attribute:"max-size"})],n.prototype,"maxSize",2),s([(0,o.property)({attribute:!1})],n.prototype,"boundary",2),s([(0,o.property)({type:String,reflect:!0})],n.prototype,"stage",2),s([(0,o.property)({type:String,attribute:"default-stage"})],n.prototype,"defaultStage",2),s([(0,o.property)({converter:v.optOutBoolean})],n.prototype,"draggable",2),s([(0,o.property)({converter:v.optOutBoolean})],n.prototype,"resizable",2),s([(0,o.property)({type:Number})],n.prototype,"step",2),s([(0,o.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),s([(0,o.property)({attribute:!1})],n.prototype,"getGestureAnnouncement",2),s([(0,o.state)()],n.prototype,"dragging",2),s([(0,o.state)()],n.prototype,"resizing",2),n=s([(0,F.customElement)("skdx-floating-panel")],n);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});
+  `,a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"open",2),a([(0,r.property)({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),a([(0,r.property)({attribute:!1})],e.prototype,"position",2),a([(0,r.property)({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),a([(0,r.property)({attribute:!1})],e.prototype,"size",2),a([(0,r.property)({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),a([(0,r.property)({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),a([(0,r.property)({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),a([(0,r.property)({attribute:!1})],e.prototype,"boundary",2),a([(0,r.property)({type:String,reflect:!0})],e.prototype,"stage",2),a([(0,r.property)({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"draggable",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"resizable",2),a([(0,r.property)({type:Number})],e.prototype,"step",2),a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([(0,r.property)({attribute:!1})],e.prototype,"getGestureAnnouncement",2),a([(0,r.property)({type:String})],e.prototype,"title",2),a([(0,r.property)({attribute:!1})],e.prototype,"stages",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"dismissible",2),a([(0,r.state)()],e.prototype,"dragging",2),a([(0,r.state)()],e.prototype,"resizing",2),e=a([(0,I.customElement)("skdx-floating-panel")],e);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});