@skdx/web-components 0.28.0 → 0.30.0

package/dist/form/FormLabel.js

@@ -1,5 +1,9 @@
-var m=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(t,e,i,r)=>{for(var l=r>1?void 0:r?n(e,i):e,s=t.length-1,d;s>=0;s--)(d=t[s])&&(l=(r?d(e,i,l):d(l))||l);return r&&l&&m(e,i,l),l};import{css as f,html as c,LitElement as p,nothing as b}from"lit";import{state as h}from"lit/decorators.js";import{customElement as g,whenUpgraded as k}from"../internal/define.js";import{ensureId as u}from"../internal/ids.js";import{controlBoxOnHost as v}from"../internal/styles.js";var o=class extends p{connectedCallback(){super.connectedCallback(),u(this,"skdx-form-label","label");let e=this.closest("skdx-form-field");e&&k(e,()=>this.forId=e.fieldId)}render(){return c`<label part="label" for=${this.forId??b}><slot></slot></label>`}};o.styles=[f`
+var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var n=(r,e,s,o)=>{for(var t=o>1?void 0:o?f(e,s):e,i=r.length-1,a;i>=0;i--)(a=r[i])&&(t=(o?a(e,s,t):a(t))||t);return o&&t&&d(e,s,t),t};import{css as m,html as c,LitElement as p,nothing as b}from"lit";import{state as h}from"lit/decorators.js";import{customElement as u,whenUpgraded as g}from"../internal/define.js";import{ensureId as v}from"../internal/ids.js";import{controlBoxOnHost as I}from"../internal/styles.js";var l=class extends p{connectedCallback(){super.connectedCallback(),v(this,"skdx-form-label","label");let e=this.closest("skdx-form-field");e&&g(e,()=>this.forId=e.fieldId)}render(){return c`<label
+      part="label"
+      for=${this.forId??b}
+      ><slot></slot
+    ></label>`}};l.styles=[m`
       :host {
         display: inline-block;
       }
-    `,v],a([h()],o.prototype,"forId",2),o=a([g("skdx-form-label","form","label")],o);export{o as SkdxFormLabel};
+    `,I],n([h()],l.prototype,"forId",2),l=n([u("skdx-form-label","form","label")],l);export{l as SkdxFormLabel};

package/dist/form/FormMessage.cjs

@@ -1,8 +1,8 @@
-"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var u=(r,t)=>{for(var i in t)c(r,i,{get:t[i],enumerable:!0})},b=(r,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!y.call(r,e)&&e!==i&&c(r,e,{get:()=>t[e],enumerable:!(s=m(t,e))||s.enumerable});return r};var T=r=>b(c({},"__esModule",{value:!0}),r),h=(r,t,i,s)=>{for(var e=s>1?void 0:s?m(t,i):t,l=r.length-1,f;l>=0;l--)(f=r[l])&&(e=(s?f(t,i,e):f(e))||e);return s&&e&&c(t,i,e),e};var g={};u(g,{SkdxFormMessage:()=>o});module.exports=T(g);var d=require("lit"),a=require("lit/decorators.js"),p=require("../field/field-core.cjs"),n=require("../internal/define.cjs"),v=require("./server-errors.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.forceMatch=!1;this.fieldEl=null;this.serverErrorText=""}connectedCallback(){super.connectedCallback(),this.setAttribute(p.FORM_MESSAGE_ATTRIBUTE,""),this.fieldEl=this.closest("skdx-form-field"),this.fieldEl&&(0,n.whenUpgraded)(this.fieldEl,()=>{this.fieldEl?.registerMessage(this),this._sync()})}disconnectedCallback(){this.fieldEl&&this.fieldEl.unregisterMessage(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let i=this.fieldEl;if(!i)return;this.id||(this.id=i.messageId);let s=this.match?[]:this.closest("skdx-form")?.serverErrors(i.name)??[];this.serverErrorText=(0,v.formErrorText)(s);let e=i.validity,l=this.forceMatch||s.length>0;!l&&e&&(l=this.match?e[this.match]===!0:!e.valid),l?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return this.serverErrorText?d.html`${this.serverErrorText}`:d.html`<slot></slot>`}};o.styles=d.css`
+"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var u=(i,t)=>{for(var r in t)c(i,r,{get:t[r],enumerable:!0})},T=(i,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!y.call(i,e)&&e!==r&&c(i,e,{get:()=>t[e],enumerable:!(s=m(t,e))||s.enumerable});return i};var b=i=>T(c({},"__esModule",{value:!0}),i),a=(i,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,o=i.length-1,f;o>=0;o--)(f=i[o])&&(e=(s?f(t,r,e):f(e))||e);return s&&e&&c(t,r,e),e};var x={};u(x,{SkdxFormMessage:()=>l});module.exports=b(x);var d=require("lit"),h=require("lit/decorators.js"),n=require("../internal/define.cjs"),p=require("../internal/field-core.cjs"),v=require("./server-errors.cjs");var l=class extends d.LitElement{constructor(){super(...arguments);this.forceMatch=!1;this.fieldEl=null;this.serverErrorText=""}connectedCallback(){super.connectedCallback(),this.setAttribute(p.FORM_MESSAGE_ATTRIBUTE,""),this.fieldEl=this.closest("skdx-form-field"),this.fieldEl&&(0,n.whenUpgraded)(this.fieldEl,()=>{this.fieldEl?.registerMessage(this),this._sync()})}disconnectedCallback(){this.fieldEl&&this.fieldEl.unregisterMessage(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let r=this.fieldEl;if(!r)return;let s=this.match?[]:this.closest("skdx-form")?.serverErrors(r.name)??[];this.serverErrorText=(0,v.formErrorText)(s);let e=r.validity,o=this.forceMatch||s.length>0;!o&&e&&(o=this.match?e[this.match]===!0:!e.valid),o?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return this.serverErrorText?d.html`${this.serverErrorText}`:d.html`<slot></slot>`}};l.styles=d.css`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,h([(0,a.property)({type:String})],o.prototype,"match",2),h([(0,a.property)({type:Boolean,attribute:"force-match"})],o.prototype,"forceMatch",2),h([(0,a.state)()],o.prototype,"serverErrorText",2),o=h([(0,n.customElement)("skdx-form-message","form","message")],o);0&&(module.exports={SkdxFormMessage});
+  `,a([(0,h.property)({type:String})],l.prototype,"match",2),a([(0,h.property)({type:Boolean,attribute:"force-match"})],l.prototype,"forceMatch",2),a([(0,h.state)()],l.prototype,"serverErrorText",2),l=a([(0,n.customElement)("skdx-form-message","form","message")],l);0&&(module.exports={SkdxFormMessage});

package/dist/form/FormMessage.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { ValiditySnapshot } from './validity.cjs';
 /**
  * `<skdx-form-message>` — validation message for a `<skdx-form-field>`.
@@ -27,7 +27,7 @@ export declare class SkdxFormMessage extends LitElement {
     private _sync;
     protected updated(): void;
     private serverErrorText;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/form/FormMessage.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { ValiditySnapshot } from './validity.js';
 /**
  * `<skdx-form-message>` — validation message for a `<skdx-form-field>`.
@@ -27,7 +27,7 @@ export declare class SkdxFormMessage extends LitElement {
     private _sync;
     protected updated(): void;
     private serverErrorText;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/form/FormMessage.js

@@ -1,8 +1,8 @@
-var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=(d,o,t,r)=>{for(var e=r>1?void 0:r?f(o,t):o,s=d.length-1,h;s>=0;s--)(h=d[s])&&(e=(r?h(o,t,e):h(e))||e);return r&&e&&n(o,t,e),e};import{css as m,html as a,LitElement as p}from"lit";import{property as c,state as v}from"lit/decorators.js";import{FORM_MESSAGE_ATTRIBUTE as E}from"../field/field-core.js";import{customElement as y,whenUpgraded as u}from"../internal/define.js";import{formErrorText as b}from"./server-errors.js";var i=class extends p{constructor(){super(...arguments);this.forceMatch=!1;this.fieldEl=null;this.serverErrorText=""}connectedCallback(){super.connectedCallback(),this.setAttribute(E,""),this.fieldEl=this.closest("skdx-form-field"),this.fieldEl&&u(this.fieldEl,()=>{this.fieldEl?.registerMessage(this),this._sync()})}disconnectedCallback(){this.fieldEl&&this.fieldEl.unregisterMessage(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let t=this.fieldEl;if(!t)return;this.id||(this.id=t.messageId);let r=this.match?[]:this.closest("skdx-form")?.serverErrors(t.name)??[];this.serverErrorText=b(r);let e=t.validity,s=this.forceMatch||r.length>0;!s&&e&&(s=this.match?e[this.match]===!0:!e.valid),s?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return this.serverErrorText?a`${this.serverErrorText}`:a`<slot></slot>`}};i.styles=m`
+var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(d,l,r,i)=>{for(var e=i>1?void 0:i?f(l,r):l,s=d.length-1,a;s>=0;s--)(a=d[s])&&(e=(i?a(l,r,e):a(e))||e);return i&&e&&n(l,r,e),e};import{css as m,html as h,LitElement as p}from"lit";import{property as c,state as v}from"lit/decorators.js";import{customElement as E,whenUpgraded as y}from"../internal/define.js";import{FORM_MESSAGE_ATTRIBUTE as u}from"../internal/field-core.js";import{formErrorText as T}from"./server-errors.js";var t=class extends p{constructor(){super(...arguments);this.forceMatch=!1;this.fieldEl=null;this.serverErrorText=""}connectedCallback(){super.connectedCallback(),this.setAttribute(u,""),this.fieldEl=this.closest("skdx-form-field"),this.fieldEl&&y(this.fieldEl,()=>{this.fieldEl?.registerMessage(this),this._sync()})}disconnectedCallback(){this.fieldEl&&this.fieldEl.unregisterMessage(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let r=this.fieldEl;if(!r)return;let i=this.match?[]:this.closest("skdx-form")?.serverErrors(r.name)??[];this.serverErrorText=T(i);let e=r.validity,s=this.forceMatch||i.length>0;!s&&e&&(s=this.match?e[this.match]===!0:!e.valid),s?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return this.serverErrorText?h`${this.serverErrorText}`:h`<slot></slot>`}};t.styles=m`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,l([c({type:String})],i.prototype,"match",2),l([c({type:Boolean,attribute:"force-match"})],i.prototype,"forceMatch",2),l([v()],i.prototype,"serverErrorText",2),i=l([y("skdx-form-message","form","message")],i);export{i as SkdxFormMessage};
+  `,o([c({type:String})],t.prototype,"match",2),o([c({type:Boolean,attribute:"force-match"})],t.prototype,"forceMatch",2),o([v()],t.prototype,"serverErrorText",2),t=o([E("skdx-form-message","form","message")],t);export{t as SkdxFormMessage};

package/dist/form/FormSubmit.cjs

@@ -1,9 +1,13 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},v=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!u.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(i=m(t,e))||i.enumerable});return o};var y=o=>v(a({},"__esModule",{value:!0}),o),p=(o,t,s,i)=>{for(var e=i>1?void 0:i?m(t,s):t,c=o.length-1,d;c>=0;c--)(d=o[c])&&(e=(i?d(t,s,e):d(e))||e);return i&&e&&a(t,s,e),e};var g={};b(g,{SkdxFormSubmit:()=>l});module.exports=y(g);var n=require("lit"),h=require("../internal/define.cjs"),r=require("../internal/styles.cjs");var l=class extends n.LitElement{constructor(){super(...arguments);this.handleClick=()=>{this.closest("skdx-form")?.trySubmit()}}render(){return n.html`
-      <button part="submit" type="button" @click=${this.handleClick}>
+"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var s in t)n(o,s,{get:t[s],enumerable:!0})},b=(o,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!f.call(o,e)&&e!==s&&n(o,e,{get:()=>t[e],enumerable:!(r=m(t,e))||r.enumerable});return o};var v=o=>b(n({},"__esModule",{value:!0}),o),p=(o,t,s,r)=>{for(var e=r>1?void 0:r?m(t,s):t,c=o.length-1,d;c>=0;c--)(d=o[c])&&(e=(r?d(t,s,e):d(e))||e);return r&&e&&n(t,s,e),e};var R={};y(R,{SkdxFormSubmit:()=>i});module.exports=v(R);var a=require("lit"),h=require("../internal/define.cjs"),l=require("../internal/styles.cjs");var i=class extends a.LitElement{constructor(){super(...arguments);this.handleClick=()=>{this.closest("skdx-form")?.trySubmit()}}render(){return a.html`
+      <button
+        part="submit"
+        type="button"
+        @click=${this.handleClick}
+      >
         <slot></slot>
       </button>
-    `}};l.shadowRootOptions=r.delegatesFocusShadowRootOptions,l.styles=[r.resetNativeControl,r.hiddenHostStyles,n.css`
+    `}};i.shadowRootOptions=l.delegatesFocusShadowRootOptions,i.styles=[l.resetNativeControl,l.hiddenHostStyles,a.css`
       :host {
         display: inline-block;
       }
-    `,r.controlBoxOnHost],l=p([(0,h.customElement)("skdx-form-submit","form","submit")],l);0&&(module.exports={SkdxFormSubmit});
+    `,l.controlBoxOnHost],i=p([(0,h.customElement)("skdx-form-submit","form","submit")],i);0&&(module.exports={SkdxFormSubmit});

package/dist/form/FormSubmit.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * A submit button for `<skdx-form>`: calls `trySubmit()` on the ancestor form,
  * which runs constraint validation before dispatching `submit`.
@@ -9,7 +9,7 @@ export declare class SkdxFormSubmit extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/form/FormSubmit.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * A submit button for `<skdx-form>`: calls `trySubmit()` on the ancestor form,
  * which runs constraint validation before dispatching `submit`.
@@ -9,7 +9,7 @@ export declare class SkdxFormSubmit extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/form/FormSubmit.js

@@ -1,9 +1,13 @@
-var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var a=(r,o,i,s)=>{for(var t=s>1?void 0:s?d(o,i):o,l=r.length-1,n;l>=0;l--)(n=r[l])&&(t=(s?n(o,i,t):n(t))||t);return s&&t&&c(o,i,t),t};import{css as m,html as p,LitElement as h}from"lit";import{customElement as f}from"../internal/define.js";import{controlBoxOnHost as u,delegatesFocusShadowRootOptions as b,hiddenHostStyles as v,resetNativeControl as y}from"../internal/styles.js";var e=class extends h{constructor(){super(...arguments);this.handleClick=()=>{this.closest("skdx-form")?.trySubmit()}}render(){return p`
-      <button part="submit" type="button" @click=${this.handleClick}>
+var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(l,o,r,s)=>{for(var t=s>1?void 0:s?d(o,r):o,i=l.length-1,a;i>=0;i--)(a=l[i])&&(t=(s?a(o,r,t):a(t))||t);return s&&t&&c(o,r,t),t};import{css as m,html as p,LitElement as h}from"lit";import{customElement as u}from"../internal/define.js";import{controlBoxOnHost as f,delegatesFocusShadowRootOptions as y,hiddenHostStyles as b,resetNativeControl as v}from"../internal/styles.js";var e=class extends h{constructor(){super(...arguments);this.handleClick=()=>{this.closest("skdx-form")?.trySubmit()}}render(){return p`
+      <button
+        part="submit"
+        type="button"
+        @click=${this.handleClick}
+      >
         <slot></slot>
       </button>
-    `}};e.shadowRootOptions=b,e.styles=[y,v,m`
+    `}};e.shadowRootOptions=y,e.styles=[v,b,m`
       :host {
         display: inline-block;
       }
-    `,u],e=a([f("skdx-form-submit","form","submit")],e);export{e as SkdxFormSubmit};
+    `,f],e=n([u("skdx-form-submit","form","submit")],e);export{e as SkdxFormSubmit};

package/dist/form/described-by.d.cts

@@ -1,6 +1,5 @@
 /**
- * Merges `aria-describedby` id lists instead of replacing one with another.
- * Duplicates are dropped; order preserved so consumer descriptions are announced first.
+ * Merges `aria-describedby` id lists instead of replacing one with another, dropping duplicates.
  *
  * @param sources id lists (or single ids), most-consumer-owned first
  * @returns the merged list, or `undefined` when there is nothing to describe with

package/dist/form/described-by.d.ts

@@ -1,6 +1,5 @@
 /**
- * Merges `aria-describedby` id lists instead of replacing one with another.
- * Duplicates are dropped; order preserved so consumer descriptions are announced first.
+ * Merges `aria-describedby` id lists instead of replacing one with another, dropping duplicates.
  *
  * @param sources id lists (or single ids), most-consumer-owned first
  * @returns the merged list, or `undefined` when there is nothing to describe with

package/dist/form/primitives.d.cts

@@ -1,8 +1,5 @@
 /**
- * Advanced primitives for `<skdx-form>` — the parts the recipe composes.
- * `<skdx-form-field>` is on the main entry (placing it defines a field).
- * These derive the rest, plus submit button label and error summary heading
- * (which consumers supply).
+ * Advanced primitives for `<skdx-form>` that the main-entry recipe composes together.
  *
  * @example
  * ```ts

package/dist/form/primitives.d.ts

@@ -1,8 +1,5 @@
 /**
- * Advanced primitives for `<skdx-form>` — the parts the recipe composes.
- * `<skdx-form-field>` is on the main entry (placing it defines a field).
- * These derive the rest, plus submit button label and error summary heading
- * (which consumers supply).
+ * Advanced primitives for `<skdx-form>` that the main-entry recipe composes together.
  *
  * @example
  * ```ts

package/dist/form/server-errors.d.cts

@@ -1,12 +1,6 @@
-/**
- * The Form root's `errors` map — a form-level, name-keyed channel for errors
- * the browser cannot derive: a server response, a cross-field rule, an async uniqueness check.
- */
+/** The Form root's `errors` map — a form-level, name-keyed channel for errors the browser cannot derive. */
 export type FormErrors = Record<string, string | string[]>;
 /** Coerces one field's entry into a message list, dropping blanks. */
 export declare function normalizeFormErrors(entry: string | string[] | undefined): string[];
-/**
- * One field's server errors as a single message.
- * Multiple messages for one field are joined; `FormField` has exactly one `messageId`.
- */
+/** Joins one field's server errors into the text of its catch-all message. */
 export declare function formErrorText(messages: readonly string[]): string;

package/dist/form/server-errors.d.ts

@@ -1,12 +1,6 @@
-/**
- * The Form root's `errors` map — a form-level, name-keyed channel for errors
- * the browser cannot derive: a server response, a cross-field rule, an async uniqueness check.
- */
+/** The Form root's `errors` map — a form-level, name-keyed channel for errors the browser cannot derive. */
 export type FormErrors = Record<string, string | string[]>;
 /** Coerces one field's entry into a message list, dropping blanks. */
 export declare function normalizeFormErrors(entry: string | string[] | undefined): string[];
-/**
- * One field's server errors as a single message.
- * Multiple messages for one field are joined; `FormField` has exactly one `messageId`.
- */
+/** Joins one field's server errors into the text of its catch-all message. */
 export declare function formErrorText(messages: readonly string[]): string;

package/dist/form/validity.d.cts

@@ -1,7 +1,4 @@
-/**
- * A plain-object snapshot of the native `ValidityState` for one field.
- * Used by `<skdx-form-message>`'s `match` attribute to target failure reasons.
- */
+/** A plain-object snapshot of the native `ValidityState` for one field, targeted by `<skdx-form-message>`'s `match` attribute. */
 export interface ValiditySnapshot {
     badInput: boolean;
     customError: boolean;

package/dist/form/validity.d.ts

@@ -1,7 +1,4 @@
-/**
- * A plain-object snapshot of the native `ValidityState` for one field.
- * Used by `<skdx-form-message>`'s `match` attribute to target failure reasons.
- */
+/** A plain-object snapshot of the native `ValidityState` for one field, targeted by `<skdx-form-message>`'s `match` attribute. */
 export interface ValiditySnapshot {
     badInput: boolean;
     customError: boolean;

package/dist/heading/Heading.cjs

@@ -1,5 +1,15 @@
-"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var o in e)i(r,o,{get:e[o],enumerable:!0})},E=(r,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!g.call(r,t)&&t!==o&&i(r,t,{get:()=>e[t],enumerable:!(l=n(e,t))||l.enumerable});return r};var L=r=>E(i({},"__esModule",{value:!0}),r),a=(r,e,o,l)=>{for(var t=l>1?void 0:l?n(e,o):e,d=r.length-1,m;d>=0;d--)(m=r[d])&&(t=(l?m(e,o,t):m(t))||t);return l&&t&&i(e,o,t),t};var T={};b(T,{SkdxHeading:()=>s});module.exports=L(T);var h=require("lit"),p=require("lit/decorators.js"),c=require("lit/static-html.js"),f=require("../internal/define.cjs"),u=require("../internal/styles.cjs"),y=require("../utils/polymorphic.cjs");var s=class extends h.LitElement{constructor(){super(...arguments);this.visuallyHidden=!1}updated(){this.classList.toggle("skdx-visually-hidden",this.visuallyHidden)}render(){let o=(0,y.resolveTag)(this.as,"h2");return c.html`<${o} part="heading"><slot></slot></${o}>`}};s.styles=[u.hiddenHostStyles,h.css`
+"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var T=(s,e)=>{for(var i in e)o(s,i,{get:e[i],enumerable:!0})},k=(s,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of y(e))!b.call(s,t)&&t!==i&&o(s,t,{get:()=>e[t],enumerable:!(l=c(e,t))||l.enumerable});return s};var x=s=>k(o({},"__esModule",{value:!0}),s),a=(s,e,i,l)=>{for(var t=l>1?void 0:l?c(e,i):e,d=s.length-1,m;d>=0;d--)(m=s[d])&&(t=(l?m(e,i,t):m(t))||t);return l&&t&&o(e,i,t),t};var E={};T(E,{SkdxHeading:()=>r});module.exports=x(E);var h=require("lit"),n=require("lit/decorators.js"),p=require("lit/static-html.js"),u=require("../internal/define.cjs"),f=require("../internal/dev-mode.cjs"),g=require("../internal/styles.cjs"),v=require("../utils/polymorphic.cjs");var r=class extends h.LitElement{constructor(){super(...arguments);this.visuallyHidden=!1}connectedCallback(){super.connectedCallback(),(0,f.isDevMode)()&&!this.as&&console.warn('[skdx] <skdx-heading>: no "as" was given. Pass the outline level explicitly, e.g. as="h2" \u2014 the fallback is a guess, and a skipped rung is a navigation defect.')}updated(){this.classList.toggle("skdx-visually-hidden",this.visuallyHidden)}render(){let i=(0,v.resolveTag)(this.as,"h2");return p.html`<${i} part="heading"><slot></slot></${i}>`}};r.styles=[g.hiddenHostStyles,h.css`
       :host {
         display: block;
       }
-    `],a([(0,p.property)({type:String,reflect:!0})],s.prototype,"as",2),a([(0,p.property)({type:Boolean,reflect:!0,attribute:"visually-hidden"})],s.prototype,"visuallyHidden",2),s=a([(0,f.customElement)("skdx-heading","heading","root")],s);0&&(module.exports={SkdxHeading});
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font: inherit;
+        color: inherit;
+        margin: 0;
+      }
+    `],a([(0,n.property)({type:String,reflect:!0})],r.prototype,"as",2),a([(0,n.property)({type:Boolean,reflect:!0,attribute:"visually-hidden"})],r.prototype,"visuallyHidden",2),a([(0,n.property)({type:String,reflect:!0,attribute:"data-size"})],r.prototype,"size",2),r=a([(0,u.customElement)("skdx-heading","heading","root")],r);0&&(module.exports={SkdxHeading});

package/dist/heading/Heading.d.cts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Renders an `<h1>`–`<h6>` named by `as`. Outline level and visual size are
- * separate: `as` sets the outline level, `data-size` sets the visual size.
- * No default for `as`: a default would recreate the heading-level-skip bug
- * this component prevents.
+ * Renders an `<h1>`–`<h6>` named by `as`, separating outline level (`as`) from visual size (`data-size`).
  *
  * @example
  * ```html
@@ -14,18 +11,21 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxHeading extends LitElement {
     static styles: import("lit").CSSResult[];
-    /**
-     * Which heading element to render. Required: the document outline level
-     * is set here, not determined by the library.
-     */
+    /** Which heading element to render; required, since the document outline level is set here, not by the library. */
     as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Hides the heading visually while keeping it in the accessibility tree.
      * @default false
      */
     visuallyHidden: boolean;
+    /**
+     * Type scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | (string & {}) | undefined;
+    connectedCallback(): void;
     protected updated(): void;
-    render(): import("lit").TemplateResult;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/heading/Heading.d.ts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Renders an `<h1>`–`<h6>` named by `as`. Outline level and visual size are
- * separate: `as` sets the outline level, `data-size` sets the visual size.
- * No default for `as`: a default would recreate the heading-level-skip bug
- * this component prevents.
+ * Renders an `<h1>`–`<h6>` named by `as`, separating outline level (`as`) from visual size (`data-size`).
  *
  * @example
  * ```html
@@ -14,18 +11,21 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxHeading extends LitElement {
     static styles: import("lit").CSSResult[];
-    /**
-     * Which heading element to render. Required: the document outline level
-     * is set here, not determined by the library.
-     */
+    /** Which heading element to render; required, since the document outline level is set here, not by the library. */
     as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Hides the heading visually while keeping it in the accessibility tree.
      * @default false
      */
     visuallyHidden: boolean;
+    /**
+     * Type scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | (string & {}) | undefined;
+    connectedCallback(): void;
     protected updated(): void;
-    render(): import("lit").TemplateResult;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/heading/Heading.js

@@ -1,5 +1,15 @@
-var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=(i,o,r,s)=>{for(var e=s>1?void 0:s?p(o,r):o,a=i.length-1,h;a>=0;a--)(h=i[a])&&(e=(s?h(o,r,e):h(e))||e);return s&&e&&m(o,r,e),e};import{css as n,LitElement as c}from"lit";import{property as d}from"lit/decorators.js";import{html as f}from"lit/static-html.js";import{customElement as u}from"../internal/define.js";import{hiddenHostStyles as y}from"../internal/styles.js";import{resolveTag as v}from"../utils/polymorphic.js";var t=class extends c{constructor(){super(...arguments);this.visuallyHidden=!1}updated(){this.classList.toggle("skdx-visually-hidden",this.visuallyHidden)}render(){let r=v(this.as,"h2");return f`<${r} part="heading"><slot></slot></${r}>`}};t.styles=[y,n`
+var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(a,i,s,l)=>{for(var t=l>1?void 0:l?m(i,s):i,o=a.length-1,n;o>=0;o--)(n=a[o])&&(t=(l?n(i,s,t):n(t))||t);return l&&t&&d(i,s,t),t};import{css as c,LitElement as p}from"lit";import{property as h}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{customElement as f}from"../internal/define.js";import{isDevMode as g}from"../internal/dev-mode.js";import{hiddenHostStyles as v}from"../internal/styles.js";import{resolveTag as y}from"../utils/polymorphic.js";var e=class extends p{constructor(){super(...arguments);this.visuallyHidden=!1}connectedCallback(){super.connectedCallback(),g()&&!this.as&&console.warn('[skdx] <skdx-heading>: no "as" was given. Pass the outline level explicitly, e.g. as="h2" \u2014 the fallback is a guess, and a skipped rung is a navigation defect.')}updated(){this.classList.toggle("skdx-visually-hidden",this.visuallyHidden)}render(){let s=y(this.as,"h2");return u`<${s} part="heading"><slot></slot></${s}>`}};e.styles=[v,c`
       :host {
         display: block;
       }
-    `],l([d({type:String,reflect:!0})],t.prototype,"as",2),l([d({type:Boolean,reflect:!0,attribute:"visually-hidden"})],t.prototype,"visuallyHidden",2),t=l([u("skdx-heading","heading","root")],t);export{t as SkdxHeading};
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font: inherit;
+        color: inherit;
+        margin: 0;
+      }
+    `],r([h({type:String,reflect:!0})],e.prototype,"as",2),r([h({type:Boolean,reflect:!0,attribute:"visually-hidden"})],e.prototype,"visuallyHidden",2),r([h({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),e=r([f("skdx-heading","heading","root")],e);export{e as SkdxHeading};

package/dist/image/Image.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var b=(n,r)=>{for(var t in r)d(n,t,{get:r[t],enumerable:!0})},$=(n,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of m(r))!S.call(n,a)&&a!==t&&d(n,a,{get:()=>r[a],enumerable:!(l=h(r,a))||l.enumerable});return n};var L=n=>$(d({},"__esModule",{value:!0}),n),e=(n,r,t,l)=>{for(var a=l>1?void 0:l?h(r,t):r,c=n.length-1,p;c>=0;c--)(p=n[c])&&(a=(l?p(r,t,a):p(a))||a);return l&&a&&d(r,t,a),a};var P={};b(P,{SkdxImage:()=>i});module.exports=L(P);var o=require("lit"),s=require("lit/decorators.js"),u=require("../internal/define.cjs"),g=require("../internal/part.cjs"),y=require("../internal/styles.cjs"),f=require("../utils/is-dev-mode.cjs"),v=require("./ImageAnatomy.cjs");var[E]=v.IMAGE_RENDER_SLOTS,i=class extends o.LitElement{constructor(){super(...arguments);this.src="";this.loading="lazy";this.decoding="async";this.fetchPriority="auto";this.status="idle";this.handleLoad=()=>{this.status!=="error"&&this.setStatus("loaded")};this.handleError=()=>{this.setStatus("error")}}connectedCallback(){super.connectedCallback(),(0,f.isDevMode)()&&this.alt===void 0&&console.warn('[skdx] <skdx-image>: no "alt" was given. Pass a description, or alt="" for a purely decorative image.'),this.updateStatus()}updated(t){(t.has("src")||t.has("srcSet")||t.has("sizes"))&&t.get("src")!==void 0&&this.updateStatus(),(0,g.reflectHostState)(this,{"data-loading-status":this.status})}updateStatus(){this.setStatus(this.src?"loading":"error")}setStatus(t){this.status=t,this.dispatchEvent(new CustomEvent("loading-status-change",{detail:t,bubbles:!0,composed:!0}))}objectStyle(){let t=[];return this.fit&&t.push(`object-fit: ${this.fit}`),this.position&&t.push(`object-position: ${this.position}`),t.join("; ")}render(){if(this.status==="error")return o.html`<span part="fallback"><slot name=${E}></slot></span>`;let t=this.objectStyle();return o.html`<img
+"use strict";var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var L=(n,s)=>{for(var t in s)c(n,t,{get:s[t],enumerable:!0})},k=(n,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of S(s))!$.call(n,a)&&a!==t&&c(n,a,{get:()=>s[a],enumerable:!(l=h(s,a))||l.enumerable});return n};var P=n=>k(c({},"__esModule",{value:!0}),n),e=(n,s,t,l)=>{for(var a=l>1?void 0:l?h(s,t):s,d=n.length-1,p;d>=0;d--)(p=n[d])&&(a=(l?p(s,t,a):p(a))||a);return l&&a&&c(s,t,a),a};var w={};L(w,{SkdxImage:()=>i});module.exports=P(w);var o=require("lit"),r=require("lit/decorators.js"),g=require("../internal/define.cjs"),y=require("../internal/dev-mode.cjs"),f=require("../internal/events.cjs"),m=require("../internal/part.cjs"),b=require("../internal/styles.cjs"),v=require("./ImageAnatomy.cjs");var[u]=v.IMAGE_RENDER_SLOTS,i=class extends o.LitElement{constructor(){super(...arguments);this.src="";this.loading="lazy";this.decoding="async";this.fetchPriority="auto";this.status="idle";this.handleLoad=()=>{this.status!=="error"&&this.setStatus("loaded")};this.handleError=()=>{this.setStatus("error")}}connectedCallback(){super.connectedCallback(),(0,y.isDevMode)()&&this.alt===void 0&&console.warn('[skdx] <skdx-image>: no "alt" was given. Pass a description, or alt="" for a purely decorative image.'),this.updateStatus()}updated(t){(t.has("src")||t.has("srcSet")||t.has("sizes"))&&t.get("src")!==void 0&&this.updateStatus(),(0,m.reflectHostState)(this,{"data-loading-status":this.status}),this.syncRootPart()}updateStatus(){this.setStatus(this.src?"loading":"idle")}get showsFallback(){return this.status==="error"&&this.querySelector(`:scope > [slot="${u}"]`)!==null}syncRootPart(){let t=this.showsFallback;this.classList.toggle("skdx-image",!t),this.classList.toggle("skdx-image__fallback",t),this.setAttribute("data-part",t?"fallback":"root"),t?this.removeAttribute("data-skdx-component"):this.setAttribute("data-skdx-component","image")}setStatus(t){this.status=t,(0,f.emit)(this,"loading-status-change",t)}objectStyle(){let t=[];return this.fit&&t.push(`object-fit: ${this.fit}`),this.position&&t.push(`object-position: ${this.position}`),t.join("; ")}render(){if(this.showsFallback)return o.html`<span part="fallback"><slot name=${u}></slot></span>`;let t=this.objectStyle();return o.html`<img
       part="root"
       src=${this.src||o.nothing}
       alt=${this.alt??""}
@@ -12,7 +12,7 @@
       style=${t||o.nothing}
       @load=${this.handleLoad}
       @error=${this.handleError}
-    />`}};i.styles=[y.hiddenHostStyles,o.css`
+    />`}};i.styles=[b.hiddenHostStyles,o.css`
       :host {
         display: inline-block;
       }
@@ -24,4 +24,4 @@
         display: block;
         max-width: 100%;
       }
-    `],e([(0,s.property)({type:String})],i.prototype,"src",2),e([(0,s.property)({type:String})],i.prototype,"alt",2),e([(0,s.property)({attribute:"srcset",type:String})],i.prototype,"srcSet",2),e([(0,s.property)({type:String})],i.prototype,"sizes",2),e([(0,s.property)({type:String})],i.prototype,"loading",2),e([(0,s.property)({type:String})],i.prototype,"decoding",2),e([(0,s.property)({attribute:"fetchpriority",type:String})],i.prototype,"fetchPriority",2),e([(0,s.property)({type:String})],i.prototype,"fit",2),e([(0,s.property)({type:String})],i.prototype,"position",2),e([(0,s.property)({attribute:"crossorigin",type:String})],i.prototype,"crossOrigin",2),e([(0,s.property)({attribute:"referrerpolicy",type:String})],i.prototype,"referrerPolicy",2),e([(0,s.state)()],i.prototype,"status",2),i=e([(0,u.customElement)("skdx-image","image","root")],i);0&&(module.exports={SkdxImage});
+    `],e([(0,r.property)({type:String})],i.prototype,"src",2),e([(0,r.property)({type:String})],i.prototype,"alt",2),e([(0,r.property)({attribute:"srcset",type:String})],i.prototype,"srcSet",2),e([(0,r.property)({type:String})],i.prototype,"sizes",2),e([(0,r.property)({type:String})],i.prototype,"loading",2),e([(0,r.property)({type:String})],i.prototype,"decoding",2),e([(0,r.property)({attribute:"fetchpriority",type:String})],i.prototype,"fetchPriority",2),e([(0,r.property)({type:String})],i.prototype,"fit",2),e([(0,r.property)({type:String})],i.prototype,"position",2),e([(0,r.property)({attribute:"crossorigin",type:String})],i.prototype,"crossOrigin",2),e([(0,r.property)({attribute:"referrerpolicy",type:String})],i.prototype,"referrerPolicy",2),e([(0,r.state)()],i.prototype,"status",2),i=e([(0,g.customElement)("skdx-image","image","root")],i);0&&(module.exports={SkdxImage});

package/dist/image/Image.d.cts

@@ -1,9 +1,8 @@
-import { LitElement, type PropertyValues } from 'lit';
-/** Lifecycle of the image load; mirrors `packages/react/src/avatar/types.ts`'s `ImageLoadingStatus`. */
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+/** The lifecycle states an image's load status can be in. */
 export type SkdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 /**
- * `<skdx-image>` — renders `<img>` unconditionally, driving status off its
- * own `load`/`error` events rather than a second off-DOM probe, which would defeat `loading="lazy"`.
+ * Renders `<img>` unconditionally, driving status off its own `load`/`error` events rather than an off-DOM probe (which would defeat `loading="lazy"`).
  *
  * @slot fallback - Rendered instead of the `<img>` once the load fails.
  *
@@ -16,17 +15,16 @@ export type SkdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
  *
  * @fires loading-status-change - Fires whenever the image's loading status changes.
  * @csspart root - The rendered `<img>`, present while not in the error state.
- * @csspart fallback - The wrapper around the `fallback` slot, present only on error.
+ * @csspart fallback - The wrapper around the `fallback` slot, present only once an error has fallback content to show.
  */
 export declare class SkdxImage extends LitElement {
     static styles: import("lit").CSSResult[];
-    /** Image source. Empty/missing is treated as an error.
+    /** Image source; empty or missing leaves the status at `idle`.
      * @default ''
      */
     src: string;
     /**
-     * Alternative text. Required in typed usage (JSX/TSX); a dev-mode console
-     * warning covers plain HTML instead. Pass `""` for a decorative image.
+     * Alternative text, required in typed usage; a dev-mode warning covers plain HTML, or pass `""` for a decorative image.
      */
     alt: string;
     /** Candidate set for a responsive image, forwarded to the `<img>`.
@@ -60,7 +58,7 @@ export declare class SkdxImage extends LitElement {
     /** Native `crossorigin` passthrough, forwarded to the rendered `<img>`.
      * @default undefined
      */
-    crossOrigin?: string;
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
     /** Native `referrerpolicy` passthrough, forwarded to the rendered `<img>`.
      * @default undefined
      */
@@ -68,13 +66,15 @@ export declare class SkdxImage extends LitElement {
     private status;
     connectedCallback(): void;
     protected updated(changed: PropertyValues): void;
-    /** Sets status from `src` alone; the `<img>`'s own load/error events take it to its final state. */
     private updateStatus;
+    private get showsFallback();
+    /** The other frameworks replace the `<img>` with a fallback `<span>`, so the image root — its class and family marker — leaves with it. */
+    private syncRootPart;
     private readonly handleLoad;
     private readonly handleError;
     private setStatus;
     private objectStyle;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/image/Image.d.ts

@@ -1,9 +1,8 @@
-import { LitElement, type PropertyValues } from 'lit';
-/** Lifecycle of the image load; mirrors `packages/react/src/avatar/types.ts`'s `ImageLoadingStatus`. */
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+/** The lifecycle states an image's load status can be in. */
 export type SkdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
 /**
- * `<skdx-image>` — renders `<img>` unconditionally, driving status off its
- * own `load`/`error` events rather than a second off-DOM probe, which would defeat `loading="lazy"`.
+ * Renders `<img>` unconditionally, driving status off its own `load`/`error` events rather than an off-DOM probe (which would defeat `loading="lazy"`).
  *
  * @slot fallback - Rendered instead of the `<img>` once the load fails.
  *
@@ -16,17 +15,16 @@ export type SkdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
  *
  * @fires loading-status-change - Fires whenever the image's loading status changes.
  * @csspart root - The rendered `<img>`, present while not in the error state.
- * @csspart fallback - The wrapper around the `fallback` slot, present only on error.
+ * @csspart fallback - The wrapper around the `fallback` slot, present only once an error has fallback content to show.
  */
 export declare class SkdxImage extends LitElement {
     static styles: import("lit").CSSResult[];
-    /** Image source. Empty/missing is treated as an error.
+    /** Image source; empty or missing leaves the status at `idle`.
      * @default ''
      */
     src: string;
     /**
-     * Alternative text. Required in typed usage (JSX/TSX); a dev-mode console
-     * warning covers plain HTML instead. Pass `""` for a decorative image.
+     * Alternative text, required in typed usage; a dev-mode warning covers plain HTML, or pass `""` for a decorative image.
      */
     alt: string;
     /** Candidate set for a responsive image, forwarded to the `<img>`.
@@ -60,7 +58,7 @@ export declare class SkdxImage extends LitElement {
     /** Native `crossorigin` passthrough, forwarded to the rendered `<img>`.
      * @default undefined
      */
-    crossOrigin?: string;
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
     /** Native `referrerpolicy` passthrough, forwarded to the rendered `<img>`.
      * @default undefined
      */
@@ -68,13 +66,15 @@ export declare class SkdxImage extends LitElement {
     private status;
     connectedCallback(): void;
     protected updated(changed: PropertyValues): void;
-    /** Sets status from `src` alone; the `<img>`'s own load/error events take it to its final state. */
     private updateStatus;
+    private get showsFallback();
+    /** The other frameworks replace the `<img>` with a fallback `<span>`, so the image root — its class and family marker — leaves with it. */
+    private syncRootPart;
     private readonly handleLoad;
     private readonly handleError;
     private setStatus;
     private objectStyle;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/image/Image.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var r=(l,a,t,n)=>{for(var s=n>1?void 0:n?u(a,t):a,d=l.length-1,c;d>=0;d--)(c=l[d])&&(s=(n?c(a,t,s):c(s))||s);return n&&s&&h(a,t,s),s};import{css as g,html as p,LitElement as y,nothing as o}from"lit";import{property as e,state as f}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{reflectHostState as m}from"../internal/part.js";import{hiddenHostStyles as S}from"../internal/styles.js";import{isDevMode as b}from"../utils/is-dev-mode.js";import{IMAGE_RENDER_SLOTS as $}from"./ImageAnatomy.js";var[L]=$,i=class extends y{constructor(){super(...arguments);this.src="";this.loading="lazy";this.decoding="async";this.fetchPriority="auto";this.status="idle";this.handleLoad=()=>{this.status!=="error"&&this.setStatus("loaded")};this.handleError=()=>{this.setStatus("error")}}connectedCallback(){super.connectedCallback(),b()&&this.alt===void 0&&console.warn('[skdx] <skdx-image>: no "alt" was given. Pass a description, or alt="" for a purely decorative image.'),this.updateStatus()}updated(t){(t.has("src")||t.has("srcSet")||t.has("sizes"))&&t.get("src")!==void 0&&this.updateStatus(),m(this,{"data-loading-status":this.status})}updateStatus(){this.setStatus(this.src?"loading":"error")}setStatus(t){this.status=t,this.dispatchEvent(new CustomEvent("loading-status-change",{detail:t,bubbles:!0,composed:!0}))}objectStyle(){let t=[];return this.fit&&t.push(`object-fit: ${this.fit}`),this.position&&t.push(`object-position: ${this.position}`),t.join("; ")}render(){if(this.status==="error")return p`<span part="fallback"><slot name=${L}></slot></span>`;let t=this.objectStyle();return p`<img
+var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var s=(l,a,t,n)=>{for(var r=n>1?void 0:n?g(a,t):a,c=l.length-1,d;c>=0;c--)(d=l[c])&&(r=(n?d(a,t,r):d(r))||r);return n&&r&&u(a,t,r),r};import{css as y,html as p,LitElement as f,nothing as o}from"lit";import{property as e,state as m}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{isDevMode as v}from"../internal/dev-mode.js";import{emit as S}from"../internal/events.js";import{reflectHostState as $}from"../internal/part.js";import{hiddenHostStyles as L}from"../internal/styles.js";import{IMAGE_RENDER_SLOTS as k}from"./ImageAnatomy.js";var[h]=k,i=class extends f{constructor(){super(...arguments);this.src="";this.loading="lazy";this.decoding="async";this.fetchPriority="auto";this.status="idle";this.handleLoad=()=>{this.status!=="error"&&this.setStatus("loaded")};this.handleError=()=>{this.setStatus("error")}}connectedCallback(){super.connectedCallback(),v()&&this.alt===void 0&&console.warn('[skdx] <skdx-image>: no "alt" was given. Pass a description, or alt="" for a purely decorative image.'),this.updateStatus()}updated(t){(t.has("src")||t.has("srcSet")||t.has("sizes"))&&t.get("src")!==void 0&&this.updateStatus(),$(this,{"data-loading-status":this.status}),this.syncRootPart()}updateStatus(){this.setStatus(this.src?"loading":"idle")}get showsFallback(){return this.status==="error"&&this.querySelector(`:scope > [slot="${h}"]`)!==null}syncRootPart(){let t=this.showsFallback;this.classList.toggle("skdx-image",!t),this.classList.toggle("skdx-image__fallback",t),this.setAttribute("data-part",t?"fallback":"root"),t?this.removeAttribute("data-skdx-component"):this.setAttribute("data-skdx-component","image")}setStatus(t){this.status=t,S(this,"loading-status-change",t)}objectStyle(){let t=[];return this.fit&&t.push(`object-fit: ${this.fit}`),this.position&&t.push(`object-position: ${this.position}`),t.join("; ")}render(){if(this.showsFallback)return p`<span part="fallback"><slot name=${h}></slot></span>`;let t=this.objectStyle();return p`<img
       part="root"
       src=${this.src||o}
       alt=${this.alt??""}
@@ -12,7 +12,7 @@ var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var r=(l,a,t,n
       style=${t||o}
       @load=${this.handleLoad}
       @error=${this.handleError}
-    />`}};i.styles=[S,g`
+    />`}};i.styles=[L,y`
       :host {
         display: inline-block;
       }
@@ -24,4 +24,4 @@ var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var r=(l,a,t,n
         display: block;
         max-width: 100%;
       }
-    `],r([e({type:String})],i.prototype,"src",2),r([e({type:String})],i.prototype,"alt",2),r([e({attribute:"srcset",type:String})],i.prototype,"srcSet",2),r([e({type:String})],i.prototype,"sizes",2),r([e({type:String})],i.prototype,"loading",2),r([e({type:String})],i.prototype,"decoding",2),r([e({attribute:"fetchpriority",type:String})],i.prototype,"fetchPriority",2),r([e({type:String})],i.prototype,"fit",2),r([e({type:String})],i.prototype,"position",2),r([e({attribute:"crossorigin",type:String})],i.prototype,"crossOrigin",2),r([e({attribute:"referrerpolicy",type:String})],i.prototype,"referrerPolicy",2),r([f()],i.prototype,"status",2),i=r([v("skdx-image","image","root")],i);export{i as SkdxImage};
+    `],s([e({type:String})],i.prototype,"src",2),s([e({type:String})],i.prototype,"alt",2),s([e({attribute:"srcset",type:String})],i.prototype,"srcSet",2),s([e({type:String})],i.prototype,"sizes",2),s([e({type:String})],i.prototype,"loading",2),s([e({type:String})],i.prototype,"decoding",2),s([e({attribute:"fetchpriority",type:String})],i.prototype,"fetchPriority",2),s([e({type:String})],i.prototype,"fit",2),s([e({type:String})],i.prototype,"position",2),s([e({attribute:"crossorigin",type:String})],i.prototype,"crossOrigin",2),s([e({attribute:"referrerpolicy",type:String})],i.prototype,"referrerPolicy",2),s([m()],i.prototype,"status",2),i=s([b("skdx-image","image","root")],i);export{i as SkdxImage};