@skdx/web-components 0.30.0 → 0.31.0

package/dist/alert/AlertAnatomy.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var l in e)o(t,l,{get:e[l],enumerable:!0})},E=(t,e,l,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of A(e))!k.call(t,n)&&n!==l&&o(t,n,{get:()=>e[n],enumerable:!(i=x(e,n))||i.enumerable});return t};var f=t=>E(o({},"__esModule",{value:!0}),t);var y={};u(y,{ALERT_ANATOMY_GENERATED:()=>a,fillAlertAnatomy:()=>h});module.exports=f(y);var s=require("../internal/derive.cjs"),S=require("./AlertIcon.cjs"),T=require("./AlertTitle.cjs"),_=require("./AlertDescription.cjs"),g=require("./AlertAction.cjs"),v=require("./AlertClose.cjs"),a="data-skdx-alert-generated";function N(t){let e=a,l=(0,s.claimSlot)(t,"close","skdx-alert-close",e);if(l)return t.dismissible||l.childNodes.length>0?l:null;if(!t.dismissible)return null;let i=document.createElement("skdx-alert-close");return i.setAttribute(e,"close"),i}function h(t){let e=a,l=(0,s.claimSlot)(t,"icon","skdx-alert-icon",e),i=(0,s.textPart)(t,"skdx-alert-title",t.title,e),n=(0,s.textPart)(t,"skdx-alert-description",t.description,e),c=(0,s.claimSlot)(t,"action","skdx-alert-action",e),d=N(t),m=new Set([l,i,n,c,d].filter(r=>r!==null)),p=Array.from(t.childNodes).filter(r=>!m.has(r)&&!(r.nodeType===Node.ELEMENT_NODE&&r.hasAttribute(e)));(0,s.applyChildren)(t,[...l?[l]:[],...i?[i]:[],...n?[n]:[],...p,...c?[c]:[],...d?[d]:[]])}0&&(module.exports={ALERT_ANATOMY_GENERATED,fillAlertAnatomy});
+"use strict";var d=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var i in e)d(t,i,{get:e[i],enumerable:!0})},E=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of b(e))!h.call(t,s)&&s!==i&&d(t,s,{get:()=>e[s],enumerable:!(r=A(e,s))||r.enumerable});return t};var f=t=>E(d({},"__esModule",{value:!0}),t);var w={};k(w,{ALERT_ANATOMY_GENERATED:()=>a,fillAlertAnatomy:()=>S});module.exports=f(w);var n=require("../internal/derive.cjs"),y=require("./AlertIcon.cjs"),v=require("./AlertTitle.cjs"),G=require("./AlertDescription.cjs"),T=require("./AlertAction.cjs"),M=require("./AlertClose.cjs"),a="data-skdx-alert-generated",u="http://www.w3.org/2000/svg";function x(){let t=document.createElementNS(u,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(u,"path");return e.setAttribute("d","M4 4l8 8M12 4l-8 8"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),t.append(e),t}function N(t){let e=a,i=(0,n.claimSlot)(t,"close","skdx-alert-close",e);if(i)return t.dismissible||i.childNodes.length>0?i:null;if(!t.dismissible)return null;let r=document.createElement("skdx-alert-close");return r.setAttribute(e,"close"),r.append(x()),r}function S(t){let e=a,i=(0,n.claimSlot)(t,"icon","skdx-alert-icon",e),r=(0,n.textPart)(t,"skdx-alert-title",t.title,e),s=(0,n.textPart)(t,"skdx-alert-description",t.description,e),c=(0,n.claimSlot)(t,"action","skdx-alert-action",e),o=N(t),m=new Set([i,r,s,c,o].filter(l=>l!==null)),p=Array.from(t.childNodes).filter(l=>!m.has(l)&&!(l.nodeType===Node.ELEMENT_NODE&&l.hasAttribute(e)));(0,n.applyChildren)(t,[...i?[i]:[],...r?[r]:[],...s?[s]:[],...p,...c?[c]:[],...o?[o]:[]])}0&&(module.exports={ALERT_ANATOMY_GENERATED,fillAlertAnatomy});

package/dist/alert/AlertAnatomy.js

@@ -1 +1 @@
-import{applyChildren as x,claimSlot as d,textPart as o}from"../internal/derive.js";import"./AlertIcon.js";import"./AlertTitle.js";import"./AlertDescription.js";import"./AlertAction.js";import"./AlertClose.js";var a="data-skdx-alert-generated";function A(t){let e=a,l=d(t,"close","skdx-alert-close",e);if(l)return t.dismissible||l.childNodes.length>0?l:null;if(!t.dismissible)return null;let i=document.createElement("skdx-alert-close");return i.setAttribute(e,"close"),i}function y(t){let e=a,l=d(t,"icon","skdx-alert-icon",e),i=o(t,"skdx-alert-title",t.title,e),s=o(t,"skdx-alert-description",t.description,e),r=d(t,"action","skdx-alert-action",e),c=A(t),m=new Set([l,i,s,r,c].filter(n=>n!==null)),p=Array.from(t.childNodes).filter(n=>!m.has(n)&&!(n.nodeType===Node.ELEMENT_NODE&&n.hasAttribute(e)));x(t,[...l?[l]:[],...i?[i]:[],...s?[s]:[],...p,...r?[r]:[],...c?[c]:[]])}export{a as ALERT_ANATOMY_GENERATED,y as fillAlertAnatomy};
+import{applyChildren as A,claimSlot as o,textPart as d}from"../internal/derive.js";import"./AlertIcon.js";import"./AlertTitle.js";import"./AlertDescription.js";import"./AlertAction.js";import"./AlertClose.js";var u="data-skdx-alert-generated",a="http://www.w3.org/2000/svg";function b(){let t=document.createElementNS(a,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(a,"path");return e.setAttribute("d","M4 4l8 8M12 4l-8 8"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),t.append(e),t}function h(t){let e=u,i=o(t,"close","skdx-alert-close",e);if(i)return t.dismissible||i.childNodes.length>0?i:null;if(!t.dismissible)return null;let r=document.createElement("skdx-alert-close");return r.setAttribute(e,"close"),r.append(b()),r}function w(t){let e=u,i=o(t,"icon","skdx-alert-icon",e),r=d(t,"skdx-alert-title",t.title,e),n=d(t,"skdx-alert-description",t.description,e),l=o(t,"action","skdx-alert-action",e),c=h(t),m=new Set([i,r,n,l,c].filter(s=>s!==null)),p=Array.from(t.childNodes).filter(s=>!m.has(s)&&!(s.nodeType===Node.ELEMENT_NODE&&s.hasAttribute(e)));A(t,[...i?[i]:[],...r?[r]:[],...n?[n]:[],...p,...l?[l]:[],...c?[c]:[]])}export{u as ALERT_ANATOMY_GENERATED,w as fillAlertAnatomy};

package/dist/autocomplete/AutocompleteAnatomy.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var a in e)d(t,a,{get:e[a],enumerable:!0})},f=(t,e,a,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!E.call(t,o)&&o!==a&&d(t,o,{get:()=>e[o],enumerable:!(c=b(e,o))||c.enumerable});return t};var h=t=>f(d({},"__esModule",{value:!0}),t);var O={};k(O,{AUTOCOMPLETE_ANATOMY_GENERATED:()=>r,AUTOCOMPLETE_RENDER_SLOTS:()=>g,fillAutocompleteAnatomy:()=>y,refreshAutocompleteAnatomyText:()=>T});module.exports=h(O);var l=require("../internal/host-attributes.cjs"),i=require("../internal/options.cjs"),_=require("./AutocompleteInput.cjs"),R=require("./AutocompleteTrigger.cjs"),v=require("./AutocompleteClear.cjs"),N=require("./AutocompletePortal.cjs"),w=require("./AutocompleteContent.cjs"),G=require("./AutocompleteList.cjs"),H=require("./AutocompleteItem.cjs"),M=require("./AutocompleteGroup.cjs"),B=require("./AutocompleteGroupLabel.cjs"),D=require("./AutocompleteEmpty.cjs"),r="data-skdx-autocomplete-generated",g=["option"],C="Show suggestions",L="Clear";function y(t){let e=(0,i.renderSlotContent)(t,"option"),a=(0,l.claimHostAttributes)(t),c=(0,l.resolveHostLabel)(a,t.placeholder),o=document.createElement("skdx-autocomplete-input");o.setAttribute(r,""),t.placeholder&&o.setAttribute("placeholder",t.placeholder),(0,l.applyHostAttributes)(o,a,["aria-label"]),(0,l.setOptionalAttribute)(o,"aria-label",c);let n=document.createElement("skdx-autocomplete-trigger");n.setAttribute(r,""),n.setAttribute("aria-label",C),n.textContent="\u25BE";let m=document.createElement("skdx-autocomplete-list");(0,l.setOptionalAttribute)(m,"aria-label",c),m.append(...(0,i.buildOptionElements)(t.options??[],{item:"skdx-autocomplete-item",group:"skdx-autocomplete-group",groupLabel:"skdx-autocomplete-group-label",itemContent:e}));let A=document.createElement("skdx-autocomplete-empty");A.textContent="No matches \u2014 we'll use what you typed";let s=document.createElement("skdx-autocomplete-content");s.setAttribute(r,""),s.append(m,A);let p=document.createElement("div");if(p.setAttribute(r,""),p.className="skdx-autocomplete__field",p.append(o,n),t.clearable){p.setAttribute("data-clearable","");let u=document.createElement("skdx-autocomplete-clear");u.setAttribute("aria-label",L),u.textContent="\xD7",p.append(u)}t.replaceChildren(p,s)}function T(t){let e=t.querySelector("skdx-autocomplete-input");e&&(t.placeholder?e.setAttribute("placeholder",t.placeholder):e.removeAttribute("placeholder"))}0&&(module.exports={AUTOCOMPLETE_ANATOMY_GENERATED,AUTOCOMPLETE_RENDER_SLOTS,fillAutocompleteAnatomy,refreshAutocompleteAnatomyText});
+"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var a in e)d(t,a,{get:e[a],enumerable:!0})},f=(t,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!E.call(t,o)&&o!==a&&d(t,o,{get:()=>e[o],enumerable:!(p=b(e,o))||p.enumerable});return t};var h=t=>f(d({},"__esModule",{value:!0}),t);var S={};k(S,{AUTOCOMPLETE_ANATOMY_GENERATED:()=>r,AUTOCOMPLETE_RENDER_SLOTS:()=>g,fillAutocompleteAnatomy:()=>T,refreshAutocompleteAnatomyText:()=>O});module.exports=h(S);var l=require("../internal/host-attributes.cjs"),i=require("../internal/options.cjs"),y=require("./AutocompleteInput.cjs"),R=require("./AutocompleteTrigger.cjs"),v=require("./AutocompleteClear.cjs"),N=require("./AutocompletePortal.cjs"),G=require("./AutocompleteContent.cjs"),H=require("./AutocompleteList.cjs"),M=require("./AutocompleteItem.cjs"),B=require("./AutocompleteGroup.cjs"),D=require("./AutocompleteGroupLabel.cjs"),P=require("./AutocompleteEmpty.cjs"),r="data-skdx-autocomplete-generated",g=["option"],C="Show suggestions",L="Clear";function T(t){let e=(0,i.renderSlotContent)(t,"option"),a=(0,l.claimHostAttributes)(t),p=(0,l.resolveHostLabel)(a,t.placeholder),o=document.createElement("skdx-autocomplete-input");o.setAttribute(r,""),t.placeholder&&o.setAttribute("placeholder",t.placeholder),(0,l.applyHostAttributes)(o,a,["aria-label"]),(0,l.setOptionalAttribute)(o,"aria-label",p);let n=document.createElement("skdx-autocomplete-trigger");n.setAttribute(r,""),n.setAttribute("aria-label",C),n.textContent="\u25BE";let m=document.createElement("skdx-autocomplete-list");(0,l.setOptionalAttribute)(m,"aria-label",p),m.append(...(0,i.buildOptionElements)(t.options??[],{item:"skdx-autocomplete-item",group:"skdx-autocomplete-group",groupLabel:"skdx-autocomplete-group-label",itemContent:e}));let A=document.createElement("skdx-autocomplete-empty");A.textContent="No matches";let s=document.createElement("skdx-autocomplete-content");s.setAttribute(r,""),s.append(m,A);let c=document.createElement("div");if(c.setAttribute(r,""),c.className="skdx-autocomplete__field",c.append(o,n),t.clearable){c.setAttribute("data-clearable","");let u=document.createElement("skdx-autocomplete-clear");u.setAttribute("aria-label",L),u.textContent="\xD7",c.append(u)}t.replaceChildren(c,s)}function O(t){let e=t.querySelector("skdx-autocomplete-input");e&&(t.placeholder?e.setAttribute("placeholder",t.placeholder):e.removeAttribute("placeholder"))}0&&(module.exports={AUTOCOMPLETE_ANATOMY_GENERATED,AUTOCOMPLETE_RENDER_SLOTS,fillAutocompleteAnatomy,refreshAutocompleteAnatomyText});

package/dist/autocomplete/AutocompleteAnatomy.js

@@ -1 +1 @@
-import{applyHostAttributes as d,claimHostAttributes as A,resolveHostLabel as b,setOptionalAttribute as u}from"../internal/host-attributes.js";import{buildOptionElements as x,renderSlotContent as E}from"../internal/options.js";import"./AutocompleteInput.js";import"./AutocompleteTrigger.js";import"./AutocompleteClear.js";import"./AutocompletePortal.js";import"./AutocompleteContent.js";import"./AutocompleteList.js";import"./AutocompleteItem.js";import"./AutocompleteGroup.js";import"./AutocompleteGroupLabel.js";import"./AutocompleteEmpty.js";var p="data-skdx-autocomplete-generated",w=["option"],k="Show suggestions",f="Clear";function G(t){let o=E(t,"option"),i=A(t),m=b(i,t.placeholder),l=document.createElement("skdx-autocomplete-input");l.setAttribute(p,""),t.placeholder&&l.setAttribute("placeholder",t.placeholder),d(l,i,["aria-label"]),u(l,"aria-label",m);let a=document.createElement("skdx-autocomplete-trigger");a.setAttribute(p,""),a.setAttribute("aria-label",k),a.textContent="\u25BE";let c=document.createElement("skdx-autocomplete-list");u(c,"aria-label",m),c.append(...x(t.options??[],{item:"skdx-autocomplete-item",group:"skdx-autocomplete-group",groupLabel:"skdx-autocomplete-group-label",itemContent:o}));let s=document.createElement("skdx-autocomplete-empty");s.textContent="No matches \u2014 we'll use what you typed";let r=document.createElement("skdx-autocomplete-content");r.setAttribute(p,""),r.append(c,s);let e=document.createElement("div");if(e.setAttribute(p,""),e.className="skdx-autocomplete__field",e.append(l,a),t.clearable){e.setAttribute("data-clearable","");let n=document.createElement("skdx-autocomplete-clear");n.setAttribute("aria-label",f),n.textContent="\xD7",e.append(n)}t.replaceChildren(e,r)}function H(t){let o=t.querySelector("skdx-autocomplete-input");o&&(t.placeholder?o.setAttribute("placeholder",t.placeholder):o.removeAttribute("placeholder"))}export{p as AUTOCOMPLETE_ANATOMY_GENERATED,w as AUTOCOMPLETE_RENDER_SLOTS,G as fillAutocompleteAnatomy,H as refreshAutocompleteAnatomyText};
+import{applyHostAttributes as d,claimHostAttributes as A,resolveHostLabel as b,setOptionalAttribute as u}from"../internal/host-attributes.js";import{buildOptionElements as x,renderSlotContent as E}from"../internal/options.js";import"./AutocompleteInput.js";import"./AutocompleteTrigger.js";import"./AutocompleteClear.js";import"./AutocompletePortal.js";import"./AutocompleteContent.js";import"./AutocompleteList.js";import"./AutocompleteItem.js";import"./AutocompleteGroup.js";import"./AutocompleteGroupLabel.js";import"./AutocompleteEmpty.js";var c="data-skdx-autocomplete-generated",G=["option"],k="Show suggestions",f="Clear";function H(t){let o=E(t,"option"),i=A(t),m=b(i,t.placeholder),l=document.createElement("skdx-autocomplete-input");l.setAttribute(c,""),t.placeholder&&l.setAttribute("placeholder",t.placeholder),d(l,i,["aria-label"]),u(l,"aria-label",m);let a=document.createElement("skdx-autocomplete-trigger");a.setAttribute(c,""),a.setAttribute("aria-label",k),a.textContent="\u25BE";let p=document.createElement("skdx-autocomplete-list");u(p,"aria-label",m),p.append(...x(t.options??[],{item:"skdx-autocomplete-item",group:"skdx-autocomplete-group",groupLabel:"skdx-autocomplete-group-label",itemContent:o}));let s=document.createElement("skdx-autocomplete-empty");s.textContent="No matches";let r=document.createElement("skdx-autocomplete-content");r.setAttribute(c,""),r.append(p,s);let e=document.createElement("div");if(e.setAttribute(c,""),e.className="skdx-autocomplete__field",e.append(l,a),t.clearable){e.setAttribute("data-clearable","");let n=document.createElement("skdx-autocomplete-clear");n.setAttribute("aria-label",f),n.textContent="\xD7",e.append(n)}t.replaceChildren(e,r)}function M(t){let o=t.querySelector("skdx-autocomplete-input");o&&(t.placeholder?o.setAttribute("placeholder",t.placeholder):o.removeAttribute("placeholder"))}export{c as AUTOCOMPLETE_ANATOMY_GENERATED,G as AUTOCOMPLETE_RENDER_SLOTS,H as fillAutocompleteAnatomy,M as refreshAutocompleteAnatomyText};

package/dist/autocomplete/AutocompleteContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var O=(n,e)=>{for(var t in e)u(n,t,{get:e[t],enumerable:!0})},P=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!g.call(n,o)&&o!==t&&u(n,o,{get:()=>e[o],enumerable:!(i=v(e,o))||i.enumerable});return n};var w=n=>P(u({},"__esModule",{value:!0}),n),r=(n,e,t,i)=>{for(var o=i>1?void 0:i?v(e,t):e,c=n.length-1,p;c>=0;c--)(p=n[c])&&(o=(i?p(e,t,o):p(o))||o);return i&&o&&u(e,t,o),o};var D={};O(D,{SkdxAutocompleteContent:()=>s});module.exports=w(D);var d=require("lit"),a=require("lit/decorators.js"),m=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),l=require("../internal/dismiss.cjs"),h=require("../internal/positioning.cjs"),E=require("../internal/styles.cjs"),f=require("./Autocomplete.cjs");var s=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(0,l.dispatchEscapeKeyDown)(this,t)&&(t.preventDefault(),this.root.revert())};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,l.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=(0,l.focusOutsideTarget)(t);i===null||this.isInside(i)||(0,l.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=(0,m.closestThroughPortal)(this,"skdx-autocomplete"),this.root&&(this.root.contentEl=this),this.root?.addEventListener(f.AUTOCOMPLETE_UPDATE_EVENT,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(f.AUTOCOMPLETE_UPDATE_EVENT,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.cleanupPosition=void 0,super.disconnectedCallback()}isInside(t){if(!t)return!1;if(this.contains(t))return!0;let i=t instanceof Element?t:t.parentElement;return i?.closest("skdx-autocomplete-input, skdx-autocomplete-trigger")!==null&&this.root?.contains(i)===!0}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.hidden=!t,t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=(0,h.positionFloating)(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"autocomplete"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return d.html`<slot></slot>`}};s.styles=[E.hiddenHostStyles,d.css`
+"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var g=(n,e)=>{for(var t in e)u(n,t,{get:e[t],enumerable:!0})},O=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of b(e))!L.call(n,s)&&s!==t&&u(n,s,{get:()=>e[s],enumerable:!(i=v(e,s))||i.enumerable});return n};var P=n=>O(u({},"__esModule",{value:!0}),n),a=(n,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,c=n.length-1,p;c>=0;c--)(p=n[c])&&(s=(i?p(e,t,s):p(s))||s);return i&&s&&u(e,t,s),s};var D={};g(D,{SkdxAutocompleteContent:()=>o});module.exports=P(D);var d=require("lit"),l=require("lit/decorators.js"),m=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),h=require("../internal/positioning.cjs"),E=require("../internal/styles.cjs"),f=require("./Autocomplete.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(0,r.dispatchEscapeKeyDown)(this,t)&&(t.preventDefault(),this.root.revert())};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=(0,r.focusOutsideTarget)(t);i===null||this.isInside(i)||(0,r.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=(0,m.closestThroughPortal)(this,"skdx-autocomplete"),this.root&&(this.root.contentEl=this),this.root?.addEventListener(f.AUTOCOMPLETE_UPDATE_EVENT,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(f.AUTOCOMPLETE_UPDATE_EVENT,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),this.cleanupPosition=void 0,super.disconnectedCallback()}isInside(t){if(!t)return!1;if(this.contains(t)||(0,r.nestedLayerContains)(this.layer,t))return!0;let i=t instanceof Element?t:t.parentElement;return i?.closest("skdx-autocomplete-input, skdx-autocomplete-trigger")!==null&&this.root?.contains(i)===!0}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,r.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=(0,h.positionFloating)(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"autocomplete"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return d.html`<slot></slot>`}};o.styles=[E.hiddenHostStyles,d.css`
       :host {
         display: block;
       }
-    `],r([(0,a.property)({type:String})],s.prototype,"side",2),r([(0,a.property)({type:String})],s.prototype,"align",2),r([(0,a.property)({type:Number,attribute:"side-offset"})],s.prototype,"sideOffset",2),r([(0,a.property)({type:Number,attribute:"align-offset"})],s.prototype,"alignOffset",2),r([(0,a.property)({converter:h.optOutBoolean,attribute:"avoid-collisions"})],s.prototype,"avoidCollisions",2),r([(0,a.property)({type:Number,attribute:"collision-padding"})],s.prototype,"collisionPadding",2),r([(0,a.property)({attribute:!1})],s.prototype,"collisionBoundary",2),s=r([(0,y.customElement)("skdx-autocomplete-content","autocomplete","content")],s);0&&(module.exports={SkdxAutocompleteContent});
+    `],a([(0,l.property)({type:String})],o.prototype,"side",2),a([(0,l.property)({type:String})],o.prototype,"align",2),a([(0,l.property)({type:Number,attribute:"side-offset"})],o.prototype,"sideOffset",2),a([(0,l.property)({type:Number,attribute:"align-offset"})],o.prototype,"alignOffset",2),a([(0,l.property)({converter:h.optOutBoolean,attribute:"avoid-collisions"})],o.prototype,"avoidCollisions",2),a([(0,l.property)({type:Number,attribute:"collision-padding"})],o.prototype,"collisionPadding",2),a([(0,l.property)({attribute:!1})],o.prototype,"collisionBoundary",2),o=a([(0,y.customElement)("skdx-autocomplete-content","autocomplete","content")],o);0&&(module.exports={SkdxAutocompleteContent});

package/dist/autocomplete/AutocompleteContent.d.cts

@@ -25,6 +25,9 @@ export declare class SkdxAutocompleteContent extends LitElement {
     /** Element(s) to measure collisions against instead of clipping ancestors. @default undefined */
     collisionBoundary?: PositionOptions['collisionBoundary'];
     private root;
+    /** What counts as inside this layer: the popup and the whole control, since focus stays on the input. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     private cleanupPosition?;
     connectedCallback(): void;

package/dist/autocomplete/AutocompleteContent.d.ts

@@ -25,6 +25,9 @@ export declare class SkdxAutocompleteContent extends LitElement {
     /** Element(s) to measure collisions against instead of clipping ancestors. @default undefined */
     collisionBoundary?: PositionOptions['collisionBoundary'];
     private root;
+    /** What counts as inside this layer: the popup and the whole control, since focus stays on the input. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     private cleanupPosition?;
     connectedCallback(): void;

package/dist/autocomplete/AutocompleteContent.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(a,r,t,i)=>{for(var s=i>1?void 0:i?p(r,t):r,l=a.length-1,d;l>=0;l--)(d=a[l])&&(s=(i?d(r,t,s):d(s))||s);return i&&s&&c(r,t,s),s};import{css as f,html as v,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as E}from"../internal/define.js";import{dispatchEscapeKeyDown as b,dispatchOutside as u,focusOutsideTarget as g}from"../internal/dismiss.js";import{optOutBoolean as O,positionFloating as P}from"../internal/positioning.js";import{hiddenHostStyles as w}from"../internal/styles.js";import{AUTOCOMPLETE_UPDATE_EVENT as h}from"./Autocomplete.js";var e=class extends m{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||b(this,t)&&(t.preventDefault(),this.root.revert())};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=g(t);i===null||this.isInside(i)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=y(this,"skdx-autocomplete"),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),this.cleanupPosition=void 0,super.disconnectedCallback()}isInside(t){if(!t)return!1;if(this.contains(t))return!0;let i=t instanceof Element?t:t.parentElement;return i?.closest("skdx-autocomplete-input, skdx-autocomplete-trigger")!==null&&this.root?.contains(i)===!0}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.hidden=!t,t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=P(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"autocomplete"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};e.styles=[w,f`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=(a,r,t,i)=>{for(var o=i>1?void 0:i?p(r,t):r,l=a.length-1,d;l>=0;l--)(d=a[l])&&(o=(i?d(r,t,o):d(o))||o);return i&&o&&c(r,t,o),o};import{css as f,html as v,LitElement as m}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as E}from"../internal/define.js";import{dispatchEscapeKeyDown as b,dispatchOutside as u,focusOutsideTarget as L,nestedLayerContains as g,pushDismissLayer as O}from"../internal/dismiss.js";import{optOutBoolean as P,positionFloating as D}from"../internal/positioning.js";import{hiddenHostStyles as w}from"../internal/styles.js";import{AUTOCOMPLETE_UPDATE_EVENT as h}from"./Autocomplete.js";var e=class extends m{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||b(this,t)&&(t.preventDefault(),this.root.revert())};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=L(t);i===null||this.isInside(i)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.root=y(this,"skdx-autocomplete"),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),this.cleanupPosition=void 0,super.disconnectedCallback()}isInside(t){if(!t)return!1;if(this.contains(t)||g(this.layer,t))return!0;let i=t instanceof Element?t:t.parentElement;return i?.closest("skdx-autocomplete-input, skdx-autocomplete-trigger")!==null&&this.root?.contains(i)===!0}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=O(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.inputHost||(this.cleanupPosition=D(this.root.inputHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"autocomplete"}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};e.styles=[w,f`
       :host {
         display: block;
       }
-    `],o([n({type:String})],e.prototype,"side",2),o([n({type:String})],e.prototype,"align",2),o([n({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),o([n({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),o([n({converter:O,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),o([n({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),o([n({attribute:!1})],e.prototype,"collisionBoundary",2),e=o([E("skdx-autocomplete-content","autocomplete","content")],e);export{e as SkdxAutocompleteContent};
+    `],s([n({type:String})],e.prototype,"side",2),s([n({type:String})],e.prototype,"align",2),s([n({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),s([n({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),s([n({converter:P,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),s([n({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),s([n({attribute:!1})],e.prototype,"collisionBoundary",2),e=s([E("skdx-autocomplete-content","autocomplete","content")],e);export{e as SkdxAutocompleteContent};

package/dist/avatar/AvatarImage.cjs

@@ -1,11 +1,17 @@
-"use strict";var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var A=(r,e)=>{for(var t in e)l(r,t,{get:e[t],enumerable:!0})},S=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!y.call(r,s)&&s!==t&&l(r,s,{get:()=>e[s],enumerable:!(o=v(e,s))||o.enumerable});return r};var L=r=>S(l({},"__esModule",{value:!0}),r),n=(r,e,t,o)=>{for(var s=o>1?void 0:o?v(e,t):e,h=r.length-1,p;h>=0;h--)(p=r[h])&&(s=(o?p(e,t,s):p(s))||s);return o&&s&&l(e,t,s),s};var b={};A(b,{SkdxAvatarImage:()=>a});module.exports=L(b);var i=require("lit"),c=require("lit/decorators.js"),m=require("../internal/define.cjs"),u=require("../internal/events.cjs"),f=require("./Avatar.cjs"),d=require("./family.cjs");var a=class extends i.LitElement{constructor(){super(...arguments);this.src="";this.srcset="";this.sizes="";this.avatarAncestor=null;this.active=!1;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.avatarAncestor=d.AVATAR_FAMILY.root(this),!this.avatarAncestor)throw new Error("<skdx-avatar-image> must be used inside <skdx-avatar>.");this.avatarAncestor.addEventListener(d.AVATAR_FAMILY.event,this.onRootUpdate),this.loadImage()}disconnectedCallback(){this.avatarAncestor?.removeEventListener(d.AVATAR_FAMILY.event,this.onRootUpdate),this.active=!1,super.disconnectedCallback()}updated(t){(t.has("src")||t.has("srcset")||t.has("sizes"))&&t.get("src")!==void 0&&this.loadImage()}loadImage(){if(this.active=!1,!this.src&&!this.srcset){this.setStatus("error");return}this.active=!0;let t=new Image;this.setStatus("loading"),t.onload=()=>{this.active&&this.setStatus("loaded")},t.onerror=()=>{this.active&&this.setStatus("error")},this.srcset&&(t.srcset=this.srcset),this.sizes&&(t.sizes=this.sizes),this.src&&(t.src=this.src)}setStatus(t){this.avatarAncestor&&(0,f.setAvatarImageLoadingStatus)(this.avatarAncestor,t),(0,u.emit)(this,"loading-status-change",t)}render(){if(this.avatarAncestor?.imageLoadingStatus!=="loaded")return i.nothing;let t=this.avatarAncestor.decorative?"":this.alt??this.avatarAncestor.accessibleName??"";return i.html`<img
+"use strict";var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(i,e)=>{for(var t in e)l(i,t,{get:e[t],enumerable:!0})},A=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!y.call(i,s)&&s!==t&&l(i,s,{get:()=>e[s],enumerable:!(o=v(e,s))||o.enumerable});return i};var S=i=>A(l({},"__esModule",{value:!0}),i),c=(i,e,t,o)=>{for(var s=o>1?void 0:o?v(e,t):e,h=i.length-1,p;h>=0;h--)(p=i[h])&&(s=(o?p(e,t,s):p(s))||s);return o&&s&&l(e,t,s),s};var z={};b(z,{SkdxAvatarImage:()=>r});module.exports=S(z);var a=require("lit"),n=require("lit/decorators.js"),m=require("../internal/define.cjs"),u=require("../internal/events.cjs"),f=require("./Avatar.cjs"),d=require("./family.cjs");var r=class extends a.LitElement{constructor(){super(...arguments);this.src="";this.srcset="";this.sizes="";this.avatarAncestor=null;this.active=!1;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.avatarAncestor=d.AVATAR_FAMILY.root(this),!this.avatarAncestor)throw new Error("<skdx-avatar-image> must be used inside <skdx-avatar>.");this.avatarAncestor.addEventListener(d.AVATAR_FAMILY.event,this.onRootUpdate),this.loadImage()}disconnectedCallback(){this.avatarAncestor?.removeEventListener(d.AVATAR_FAMILY.event,this.onRootUpdate),this.active=!1,super.disconnectedCallback()}updated(t){(t.has("src")||t.has("srcset")||t.has("sizes"))&&t.get("src")!==void 0&&this.loadImage()}loadImage(){if(this.active=!1,!this.src&&!this.srcset){this.setStatus("error");return}this.active=!0;let t=new Image;this.setStatus("loading"),t.onload=()=>{this.active&&this.setStatus("loaded")},t.onerror=()=>{this.active&&this.setStatus("error")},this.srcset&&(t.srcset=this.srcset),this.sizes&&(t.sizes=this.sizes),this.src&&(t.src=this.src)}setStatus(t){this.avatarAncestor&&(0,f.setAvatarImageLoadingStatus)(this.avatarAncestor,t),(0,u.emit)(this,"loading-status-change",t)}render(){if(this.avatarAncestor?.imageLoadingStatus!=="loaded")return a.nothing;let t=this.avatarAncestor.decorative?"":this.alt??this.avatarAncestor.accessibleName??"";return a.html`<img
       part="image"
       src=${this.src}
-      srcset=${this.srcset||i.nothing}
-      sizes=${this.sizes||i.nothing}
+      srcset=${this.srcset||a.nothing}
+      sizes=${this.sizes||a.nothing}
       alt=${t}
-    />`}};a.styles=i.css`
+    />`}};r.styles=a.css`
     :host {
-      display: contents;
+      display: block;
     }
-  `,n([(0,c.property)({type:String,reflect:!0})],a.prototype,"src",2),n([(0,c.property)({type:String,reflect:!0})],a.prototype,"alt",2),n([(0,c.property)({type:String,reflect:!0})],a.prototype,"srcset",2),n([(0,c.property)({type:String,reflect:!0})],a.prototype,"sizes",2),a=n([(0,m.customElement)("skdx-avatar-image","avatar","image")],a);0&&(module.exports={SkdxAvatarImage});
+    img {
+      display: block;
+      inline-size: 100%;
+      block-size: 100%;
+      object-fit: cover;
+    }
+  `,c([(0,n.property)({type:String,reflect:!0})],r.prototype,"src",2),c([(0,n.property)({type:String,reflect:!0})],r.prototype,"alt",2),c([(0,n.property)({type:String,reflect:!0})],r.prototype,"srcset",2),c([(0,n.property)({type:String,reflect:!0})],r.prototype,"sizes",2),r=c([(0,m.customElement)("skdx-avatar-image","avatar","image")],r);0&&(module.exports={SkdxAvatarImage});

package/dist/avatar/AvatarImage.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var r=(n,a,t,i)=>{for(var s=i>1?void 0:i?v(a,t):a,c=n.length-1,l;c>=0;c--)(l=n[c])&&(s=(i?l(a,t,s):l(s))||s);return i&&s&&p(a,t,s),s};import{css as m,html as u,LitElement as f,nothing as d}from"lit";import{property as o}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as y}from"../internal/events.js";import{setAvatarImageLoadingStatus as A}from"./Avatar.js";import{AVATAR_FAMILY as h}from"./family.js";var e=class extends f{constructor(){super(...arguments);this.src="";this.srcset="";this.sizes="";this.avatarAncestor=null;this.active=!1;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.avatarAncestor=h.root(this),!this.avatarAncestor)throw new Error("<skdx-avatar-image> must be used inside <skdx-avatar>.");this.avatarAncestor.addEventListener(h.event,this.onRootUpdate),this.loadImage()}disconnectedCallback(){this.avatarAncestor?.removeEventListener(h.event,this.onRootUpdate),this.active=!1,super.disconnectedCallback()}updated(t){(t.has("src")||t.has("srcset")||t.has("sizes"))&&t.get("src")!==void 0&&this.loadImage()}loadImage(){if(this.active=!1,!this.src&&!this.srcset){this.setStatus("error");return}this.active=!0;let t=new Image;this.setStatus("loading"),t.onload=()=>{this.active&&this.setStatus("loaded")},t.onerror=()=>{this.active&&this.setStatus("error")},this.srcset&&(t.srcset=this.srcset),this.sizes&&(t.sizes=this.sizes),this.src&&(t.src=this.src)}setStatus(t){this.avatarAncestor&&A(this.avatarAncestor,t),y(this,"loading-status-change",t)}render(){if(this.avatarAncestor?.imageLoadingStatus!=="loaded")return d;let t=this.avatarAncestor.decorative?"":this.alt??this.avatarAncestor.accessibleName??"";return u`<img
+var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(c,r,t,a)=>{for(var s=a>1?void 0:a?v(r,t):r,n=c.length-1,l;n>=0;n--)(l=c[n])&&(s=(a?l(r,t,s):l(s))||s);return a&&s&&p(r,t,s),s};import{css as m,html as u,LitElement as f,nothing as d}from"lit";import{property as o}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{emit as y}from"../internal/events.js";import{setAvatarImageLoadingStatus as b}from"./Avatar.js";import{AVATAR_FAMILY as h}from"./family.js";var e=class extends f{constructor(){super(...arguments);this.src="";this.srcset="";this.sizes="";this.avatarAncestor=null;this.active=!1;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.avatarAncestor=h.root(this),!this.avatarAncestor)throw new Error("<skdx-avatar-image> must be used inside <skdx-avatar>.");this.avatarAncestor.addEventListener(h.event,this.onRootUpdate),this.loadImage()}disconnectedCallback(){this.avatarAncestor?.removeEventListener(h.event,this.onRootUpdate),this.active=!1,super.disconnectedCallback()}updated(t){(t.has("src")||t.has("srcset")||t.has("sizes"))&&t.get("src")!==void 0&&this.loadImage()}loadImage(){if(this.active=!1,!this.src&&!this.srcset){this.setStatus("error");return}this.active=!0;let t=new Image;this.setStatus("loading"),t.onload=()=>{this.active&&this.setStatus("loaded")},t.onerror=()=>{this.active&&this.setStatus("error")},this.srcset&&(t.srcset=this.srcset),this.sizes&&(t.sizes=this.sizes),this.src&&(t.src=this.src)}setStatus(t){this.avatarAncestor&&b(this.avatarAncestor,t),y(this,"loading-status-change",t)}render(){if(this.avatarAncestor?.imageLoadingStatus!=="loaded")return d;let t=this.avatarAncestor.decorative?"":this.alt??this.avatarAncestor.accessibleName??"";return u`<img
       part="image"
       src=${this.src}
       srcset=${this.srcset||d}
@@ -6,6 +6,12 @@ var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var r=(n,a,t,i
       alt=${t}
     />`}};e.styles=m`
     :host {
-      display: contents;
+      display: block;
     }
-  `,r([o({type:String,reflect:!0})],e.prototype,"src",2),r([o({type:String,reflect:!0})],e.prototype,"alt",2),r([o({type:String,reflect:!0})],e.prototype,"srcset",2),r([o({type:String,reflect:!0})],e.prototype,"sizes",2),e=r([g("skdx-avatar-image","avatar","image")],e);export{e as SkdxAvatarImage};
+    img {
+      display: block;
+      inline-size: 100%;
+      block-size: 100%;
+      object-fit: cover;
+    }
+  `,i([o({type:String,reflect:!0})],e.prototype,"src",2),i([o({type:String,reflect:!0})],e.prototype,"alt",2),i([o({type:String,reflect:!0})],e.prototype,"srcset",2),i([o({type:String,reflect:!0})],e.prototype,"sizes",2),e=i([g("skdx-avatar-image","avatar","image")],e);export{e as SkdxAvatarImage};

package/dist/backdrop/Backdrop.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var d in e)a(r,d,{get:e[d],enumerable:!0})},k=(r,e,d,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!m.call(r,t)&&t!==d&&a(r,t,{get:()=>e[t],enumerable:!(o=n(e,t))||o.enumerable});return r};var p=r=>k(a({},"__esModule",{value:!0}),r);var u={};i(u,{SkdxBackdrop:()=>s});module.exports=p(u);var c=require("../loading-overlay/LoadingOverlay.cjs"),s=class extends c.SkdxLoadingOverlay{constructor(){super(),this.fullScreen=!0}};customElements.get("skdx-backdrop")===void 0&&customElements.define("skdx-backdrop",s);0&&(module.exports={SkdxBackdrop});

package/dist/backdrop/Backdrop.d.cts

@@ -0,0 +1,12 @@
+import { SkdxLoadingOverlay } from '../loading-overlay/LoadingOverlay.cjs';
+/**
+ * Backdrop alias of <skdx-loading-overlay>: the same component with `fullScreen=true` as defaults. Every attribute, property, event and slot of `<skdx-loading-overlay>` applies; reach for `<skdx-loading-overlay>` itself for full control.
+ */
+export declare class SkdxBackdrop extends SkdxLoadingOverlay {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-backdrop': SkdxBackdrop;
+    }
+}

package/dist/backdrop/Backdrop.d.ts

@@ -0,0 +1,12 @@
+import { SkdxLoadingOverlay } from '../loading-overlay/LoadingOverlay.js';
+/**
+ * Backdrop alias of <skdx-loading-overlay>: the same component with `fullScreen=true` as defaults. Every attribute, property, event and slot of `<skdx-loading-overlay>` applies; reach for `<skdx-loading-overlay>` itself for full control.
+ */
+export declare class SkdxBackdrop extends SkdxLoadingOverlay {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-backdrop': SkdxBackdrop;
+    }
+}

package/dist/backdrop/Backdrop.js

@@ -0,0 +1 @@
+import{SkdxLoadingOverlay as r}from"../loading-overlay/LoadingOverlay.js";var e=class extends r{constructor(){super(),this.fullScreen=!0}};customElements.get("skdx-backdrop")===void 0&&customElements.define("skdx-backdrop",e);export{e as SkdxBackdrop};

package/dist/backdrop/index.cjs

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var e=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(r,o)=>{for(var k in o)p(r,k,{get:o[k],enumerable:!0})},t=(r,o,k,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of e(o))!f.call(r,d)&&d!==k&&p(r,d,{get:()=>o[d],enumerable:!(x=c(o,d))||x.enumerable});return r};var B=r=>t(p({},"__esModule",{value:!0}),r);var S={};m(S,{SkdxBackdrop:()=>a.SkdxBackdrop});module.exports=B(S);var a=require("./Backdrop.cjs");0&&(module.exports={SkdxBackdrop});

package/dist/backdrop/index.d.cts

@@ -0,0 +1 @@
+export { SkdxBackdrop } from './Backdrop.cjs';

package/dist/backdrop/index.d.ts

@@ -0,0 +1 @@
+export { SkdxBackdrop } from './Backdrop.js';

package/dist/backdrop/index.js

@@ -0,0 +1 @@
+import{SkdxBackdrop as d}from"./Backdrop.js";export{d as SkdxBackdrop};

package/dist/badge/BadgeDelete.cjs

@@ -1,4 +1,4 @@
-"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var f=(d,t)=>{for(var a in t)o(d,a,{get:t[a],enumerable:!0})},E=(d,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!k.call(d,e)&&e!==a&&o(d,e,{get:()=>t[e],enumerable:!(s=g(t,e))||s.enumerable});return d};var y=d=>E(o({},"__esModule",{value:!0}),d),c=(d,t,a,s)=>{for(var e=s>1?void 0:s?g(t,a):t,b=d.length-1,p;b>=0;b--)(p=d[b])&&(e=(s?p(t,a,e):p(e))||e);return s&&e&&o(t,a,e),e};var x={};f(x,{SkdxBadgeDelete:()=>r});module.exports=y(x);var i=require("lit"),m=require("lit/decorators.js"),n=require("../internal/define.cjs"),u=require("../internal/part.cjs"),l=require("../internal/styles.cjs"),h=require("./Badge.cjs");var r=class extends i.LitElement{constructor(){super(...arguments);this.badge=null;this.handleUpdate=()=>this.requestUpdate();this.handleClick=()=>this.badge?.requestDelete()}connectedCallback(){if(super.connectedCallback(),this.badge=this.closest("skdx-badge"),!this.badge)throw new Error("<skdx-badge-delete> must be used inside <skdx-badge>.");this.badge.addEventListener(h.BADGE_UPDATE_EVENT,this.handleUpdate),(0,n.whenUpgraded)(this.badge,()=>{if(this.badge&&!this.badge.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` \u2014 a standalone `Badge` has no group to remove it from.")})}disconnectedCallback(){this.badge?.removeEventListener(h.BADGE_UPDATE_EVENT,this.handleUpdate),super.disconnectedCallback()}updated(){(0,u.reflectHostState)(this,{"data-disabled":this.badge?.isDisabled?"":null})}render(){let a=this.badge,s=this.label??`Remove ${a?.resolvedLabel??""}`.trim(),e=!!a?.isDisabled;return i.html`
+"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var f=(d,t)=>{for(var a in t)o(d,a,{get:t[a],enumerable:!0})},E=(d,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!k.call(d,e)&&e!==a&&o(d,e,{get:()=>t[e],enumerable:!(s=g(t,e))||s.enumerable});return d};var y=d=>E(o({},"__esModule",{value:!0}),d),c=(d,t,a,s)=>{for(var e=s>1?void 0:s?g(t,a):t,b=d.length-1,p;b>=0;b--)(p=d[b])&&(e=(s?p(t,a,e):p(e))||e);return s&&e&&o(t,a,e),e};var x={};f(x,{SkdxBadgeDelete:()=>r});module.exports=y(x);var i=require("lit"),m=require("lit/decorators.js"),n=require("../internal/define.cjs"),u=require("../internal/part.cjs"),l=require("../internal/styles.cjs"),h=require("./Badge.cjs");var r=class extends i.LitElement{constructor(){super(...arguments);this.badge=null;this.handleUpdate=()=>this.requestUpdate();this.handleClick=()=>this.badge?.requestDelete()}connectedCallback(){if(super.connectedCallback(),this.badge=this.closest("skdx-badge, skdx-chip"),!this.badge)throw new Error("<skdx-badge-delete> must be used inside <skdx-badge>.");this.badge.addEventListener(h.BADGE_UPDATE_EVENT,this.handleUpdate),(0,n.whenUpgraded)(this.badge,()=>{if(this.badge&&!this.badge.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` \u2014 a standalone `Badge` has no group to remove it from.")})}disconnectedCallback(){this.badge?.removeEventListener(h.BADGE_UPDATE_EVENT,this.handleUpdate),super.disconnectedCallback()}updated(){(0,u.reflectHostState)(this,{"data-disabled":this.badge?.isDisabled?"":null})}render(){let a=this.badge,s=this.label??`Remove ${a?.resolvedLabel??""}`.trim(),e=!!a?.isDisabled;return i.html`
       <button
         part="delete"
         type="button"

package/dist/badge/BadgeDelete.js

@@ -1,4 +1,4 @@
-var b=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(i,s,t,d)=>{for(var e=d>1?void 0:d?p(s,t):s,r=i.length-1,l;r>=0;r--)(l=i[r])&&(e=(d?l(s,t,e):l(e))||e);return d&&e&&b(s,t,e),e};import{css as c,html as h,LitElement as g,nothing as m}from"lit";import{property as u}from"lit/decorators.js";import{customElement as v,whenUpgraded as k}from"../internal/define.js";import{reflectHostState as f}from"../internal/part.js";import{controlBoxOnHost as E,hiddenHostStyles as y,resetNativeControl as x}from"../internal/styles.js";import{BADGE_UPDATE_EVENT as n}from"./Badge.js";var a=class extends g{constructor(){super(...arguments);this.badge=null;this.handleUpdate=()=>this.requestUpdate();this.handleClick=()=>this.badge?.requestDelete()}connectedCallback(){if(super.connectedCallback(),this.badge=this.closest("skdx-badge"),!this.badge)throw new Error("<skdx-badge-delete> must be used inside <skdx-badge>.");this.badge.addEventListener(n,this.handleUpdate),k(this.badge,()=>{if(this.badge&&!this.badge.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` \u2014 a standalone `Badge` has no group to remove it from.")})}disconnectedCallback(){this.badge?.removeEventListener(n,this.handleUpdate),super.disconnectedCallback()}updated(){f(this,{"data-disabled":this.badge?.isDisabled?"":null})}render(){let t=this.badge,d=this.label??`Remove ${t?.resolvedLabel??""}`.trim(),e=!!t?.isDisabled;return h`
+var b=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(i,s,t,d)=>{for(var e=d>1?void 0:d?p(s,t):s,r=i.length-1,l;r>=0;r--)(l=i[r])&&(e=(d?l(s,t,e):l(e))||e);return d&&e&&b(s,t,e),e};import{css as c,html as h,LitElement as g,nothing as m}from"lit";import{property as u}from"lit/decorators.js";import{customElement as v,whenUpgraded as k}from"../internal/define.js";import{reflectHostState as f}from"../internal/part.js";import{controlBoxOnHost as E,hiddenHostStyles as y,resetNativeControl as x}from"../internal/styles.js";import{BADGE_UPDATE_EVENT as n}from"./Badge.js";var a=class extends g{constructor(){super(...arguments);this.badge=null;this.handleUpdate=()=>this.requestUpdate();this.handleClick=()=>this.badge?.requestDelete()}connectedCallback(){if(super.connectedCallback(),this.badge=this.closest("skdx-badge, skdx-chip"),!this.badge)throw new Error("<skdx-badge-delete> must be used inside <skdx-badge>.");this.badge.addEventListener(n,this.handleUpdate),k(this.badge,()=>{if(this.badge&&!this.badge.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` \u2014 a standalone `Badge` has no group to remove it from.")})}disconnectedCallback(){this.badge?.removeEventListener(n,this.handleUpdate),super.disconnectedCallback()}updated(){f(this,{"data-disabled":this.badge?.isDisabled?"":null})}render(){let t=this.badge,d=this.label??`Remove ${t?.resolvedLabel??""}`.trim(),e=!!t?.isDisabled;return h`
       <button
         part="delete"
         type="button"

package/dist/badge/BadgeLabel.cjs

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

package/dist/badge/BadgeLabel.js

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

package/dist/badge/BadgeLeading.cjs

@@ -1,4 +1,4 @@
-"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(l,e)=>{for(var s in e)o(l,s,{get:e[s],enumerable:!0})},f=(l,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!g.call(l,t)&&t!==s&&o(l,t,{get:()=>e[t],enumerable:!(r=c(e,t))||r.enumerable});return l};var x=l=>f(o({},"__esModule",{value:!0}),l),m=(l,e,s,r)=>{for(var t=r>1?void 0:r?c(e,s):e,d=l.length-1,n;d>=0;d--)(n=l[d])&&(t=(r?n(e,s,t):n(t))||t);return r&&t&&o(e,s,t),t};var h={};u(h,{SkdxBadgeLeading:()=>a});module.exports=x(h);var i=require("lit"),b=require("../internal/define.cjs");var a=class extends i.LitElement{connectedCallback(){if(super.connectedCallback(),!this.closest("skdx-badge"))throw new Error("<skdx-badge-leading> must be used inside <skdx-badge>.")}render(){return i.html`<slot></slot>`}};a.styles=i.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var l in e)d(s,l,{get:e[l],enumerable:!0})},x=(s,e,l,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!g.call(s,t)&&t!==l&&d(s,t,{get:()=>e[t],enumerable:!(r=c(e,t))||r.enumerable});return s};var f=s=>x(d({},"__esModule",{value:!0}),s),m=(s,e,l,r)=>{for(var t=r>1?void 0:r?c(e,l):e,o=s.length-1,n;o>=0;o--)(n=s[o])&&(t=(r?n(e,l,t):n(t))||t);return r&&t&&d(e,l,t),t};var h={};u(h,{SkdxBadgeLeading:()=>a});module.exports=f(h);var i=require("lit"),b=require("../internal/define.cjs");var a=class extends i.LitElement{connectedCallback(){if(super.connectedCallback(),!this.closest("skdx-badge, skdx-chip"))throw new Error("<skdx-badge-leading> must be used inside <skdx-badge>.")}render(){return i.html`<slot></slot>`}};a.styles=i.css`
     :host {
       display: inline-flex;
       align-items: center;

package/dist/badge/BadgeLeading.js

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

package/dist/breadcrumb/BreadcrumbLink.cjs

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var v=(r,t)=>{for(var s in t)h(r,s,{get:t[s],enumerable:!0})},T=(r,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!R.call(r,e)&&e!==s&&h(r,e,{get:()=>t[e],enumerable:!(i=c(t,e))||i.enumerable});return r};var $=r=>T(h({},"__esModule",{value:!0}),r),n=(r,t,s,i)=>{for(var e=i>1?void 0:i?c(t,s):t,f=r.length-1,g;f>=0;f--)(g=r[f])&&(e=(i?g(t,s,e):g(e))||e);return i&&e&&h(t,s,e),e};var E={};v(E,{SkdxBreadcrumbLink:()=>o});module.exports=$(E);var l=require("lit"),p=require("lit/decorators.js"),m=require("../internal/define.cjs"),y=require("../internal/rel.cjs"),a=require("../internal/styles.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.href="";this.current=!1}render(){return l.html`<a
+"use strict";var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var R=(r,t)=>{for(var s in t)h(r,s,{get:t[s],enumerable:!0})},d=(r,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!v.call(r,e)&&e!==s&&h(r,e,{get:()=>t[e],enumerable:!(i=g(t,e))||i.enumerable});return r};var T=r=>d(h({},"__esModule",{value:!0}),r),n=(r,t,s,i)=>{for(var e=i>1?void 0:i?g(t,s):t,c=r.length-1,f;c>=0;c--)(f=r[c])&&(e=(i?f(t,s,e):f(e))||e);return i&&e&&h(t,s,e),e};var $={};R($,{SkdxBreadcrumbLink:()=>o});module.exports=T($);var l=require("lit"),p=require("lit/decorators.js"),m=require("../internal/define.cjs"),y=require("../internal/rel.cjs"),a=require("../internal/styles.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.href="";this.current=!1}render(){return l.html`<a
       part="link"
       href=${this.href||l.nothing}
       target=${this.target??l.nothing}
@@ -12,5 +12,9 @@
       a {
         font: inherit;
         color: inherit;
+        text-decoration: none;
+      }
+      a:hover {
+        text-decoration: underline;
       }
     `,a.controlBoxOnHost],n([(0,p.property)({type:String,reflect:!0})],o.prototype,"href",2),n([(0,p.property)({type:Boolean,reflect:!0})],o.prototype,"current",2),n([(0,p.property)({type:String,reflect:!0})],o.prototype,"target",2),n([(0,p.property)({type:String,reflect:!0})],o.prototype,"rel",2),o=n([(0,m.customElement)("skdx-breadcrumb-link","breadcrumb","link")],o);0&&(module.exports={SkdxBreadcrumbLink});

package/dist/breadcrumb/BreadcrumbLink.js

@@ -1,16 +1,20 @@
-var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,o,a,l)=>{for(var e=l>1?void 0:l?g(o,a):o,p=n.length-1,h;p>=0;p--)(h=n[p])&&(e=(l?h(o,a,e):h(e))||e);return l&&e&&f(o,a,e),e};import{css as c,html as m,LitElement as y,nothing as s}from"lit";import{property as i}from"lit/decorators.js";import{customElement as u}from"../internal/define.js";import{resolveRel as R}from"../internal/rel.js";import{controlBoxOnHost as v,delegatesFocusShadowRootOptions as T,hiddenHostStyles as $}from"../internal/styles.js";var t=class extends y{constructor(){super(...arguments);this.href="";this.current=!1}render(){return m`<a
+var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(n,o,a,l)=>{for(var e=l>1?void 0:l?f(o,a):o,p=n.length-1,h;p>=0;p--)(h=n[p])&&(e=(l?h(o,a,e):h(e))||e);return l&&e&&c(o,a,e),e};import{css as g,html as m,LitElement as y,nothing as s}from"lit";import{property as i}from"lit/decorators.js";import{customElement as u}from"../internal/define.js";import{resolveRel as v}from"../internal/rel.js";import{controlBoxOnHost as R,delegatesFocusShadowRootOptions as d,hiddenHostStyles as T}from"../internal/styles.js";var t=class extends y{constructor(){super(...arguments);this.href="";this.current=!1}render(){return m`<a
       part="link"
       href=${this.href||s}
       target=${this.target??s}
-      rel=${R(this.target,this.rel)??s}
+      rel=${v(this.target,this.rel)??s}
       aria-current=${this.current?"page":s}
       ><slot></slot
-    ></a>`}};t.shadowRootOptions=T,t.styles=[$,c`
+    ></a>`}};t.shadowRootOptions=d,t.styles=[T,g`
       :host {
         display: inline-block;
       }
       a {
         font: inherit;
         color: inherit;
+        text-decoration: none;
       }
-    `,v],r([i({type:String,reflect:!0})],t.prototype,"href",2),r([i({type:Boolean,reflect:!0})],t.prototype,"current",2),r([i({type:String,reflect:!0})],t.prototype,"target",2),r([i({type:String,reflect:!0})],t.prototype,"rel",2),t=r([u("skdx-breadcrumb-link","breadcrumb","link")],t);export{t as SkdxBreadcrumbLink};
+      a:hover {
+        text-decoration: underline;
+      }
+    `,R],r([i({type:String,reflect:!0})],t.prototype,"href",2),r([i({type:Boolean,reflect:!0})],t.prototype,"current",2),r([i({type:String,reflect:!0})],t.prototype,"target",2),r([i({type:String,reflect:!0})],t.prototype,"rel",2),t=r([u("skdx-breadcrumb-link","breadcrumb","link")],t);export{t as SkdxBreadcrumbLink};

package/dist/checkbox-card/CheckboxCardAnatomy.cjs

@@ -1,12 +1,12 @@
-"use strict";var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var n=(d,c)=>{for(var r in c)x(d,r,{get:c[r],enumerable:!0})},b=(d,c,r,o)=>{if(c&&typeof c=="object"||typeof c=="function")for(let a of t(c))!i.call(d,a)&&a!==r&&x(d,a,{get:()=>c[a],enumerable:!(o=k(c,a))||o.enumerable});return d};var h=d=>b(x({},"__esModule",{value:!0}),d);var p={};n(p,{CHECKBOX_CARD_ANATOMY_GENERATED:()=>s,fillCheckboxCardAnatomy:()=>l});module.exports=h(p);var e=require("lit"),m=require("./CheckboxCardControl.cjs"),f=require("./CheckboxCardIndicator.cjs"),g=require("./CheckboxCardLabel.cjs"),A=require("./CheckboxCardDescription.cjs"),s="data-skdx-checkbox-card-generated";function l(d){(0,e.render)(e.html`
+"use strict";var o=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var h=(c,d)=>{for(var r in d)o(c,r,{get:d[r],enumerable:!0})},b=(c,d,r,x)=>{if(d&&typeof d=="object"||typeof d=="function")for(let a of i(d))!n.call(c,a)&&a!==r&&o(c,a,{get:()=>d[a],enumerable:!(x=t(d,a))||x.enumerable});return c};var s=c=>b(o({},"__esModule",{value:!0}),c);var m={};h(m,{CHECKBOX_CARD_ANATOMY_GENERATED:()=>l,fillCheckboxCardAnatomy:()=>p});module.exports=s(m);var e=require("lit"),k=require("../internal/glyphs.cjs"),f=require("./CheckboxCardControl.cjs"),g=require("./CheckboxCardIndicator.cjs"),A=require("./CheckboxCardLabel.cjs"),$=require("./CheckboxCardDescription.cjs"),l="data-skdx-checkbox-card-generated";function p(c){(0,e.render)(e.html`
       <skdx-checkbox-card-control data-skdx-checkbox-card-generated></skdx-checkbox-card-control>
-      <skdx-checkbox-card-indicator
-        data-skdx-checkbox-card-generated
-      ></skdx-checkbox-card-indicator>
-      ${d.label===void 0?e.nothing:e.html`<skdx-checkbox-card-label data-skdx-checkbox-card-generated
-              >${d.label}</skdx-checkbox-card-label
+      <skdx-checkbox-card-indicator data-skdx-checkbox-card-generated
+        >${k.checkGlyph}</skdx-checkbox-card-indicator
+      >
+      ${c.label===void 0?e.nothing:e.html`<skdx-checkbox-card-label data-skdx-checkbox-card-generated
+              >${c.label}</skdx-checkbox-card-label
             >`}
-      ${d.description===void 0?e.nothing:e.html`<skdx-checkbox-card-description data-skdx-checkbox-card-generated
-              >${d.description}</skdx-checkbox-card-description
+      ${c.description===void 0?e.nothing:e.html`<skdx-checkbox-card-description data-skdx-checkbox-card-generated
+              >${c.description}</skdx-checkbox-card-description
             >`}
-    `,d,{host:d})}0&&(module.exports={CHECKBOX_CARD_ANATOMY_GENERATED,fillCheckboxCardAnatomy});
+    `,c,{host:c})}0&&(module.exports={CHECKBOX_CARD_ANATOMY_GENERATED,fillCheckboxCardAnatomy});

package/dist/checkbox-card/CheckboxCardAnatomy.js

@@ -1,12 +1,12 @@
-import{html as c,render as a,nothing as e}from"lit";import"./CheckboxCardControl.js";import"./CheckboxCardIndicator.js";import"./CheckboxCardLabel.js";import"./CheckboxCardDescription.js";var i="data-skdx-checkbox-card-generated";function n(d){a(c`
+import{html as d,render as a,nothing as e}from"lit";import{checkGlyph as r}from"../internal/glyphs.js";import"./CheckboxCardControl.js";import"./CheckboxCardIndicator.js";import"./CheckboxCardLabel.js";import"./CheckboxCardDescription.js";var h="data-skdx-checkbox-card-generated";function b(c){a(d`
       <skdx-checkbox-card-control data-skdx-checkbox-card-generated></skdx-checkbox-card-control>
-      <skdx-checkbox-card-indicator
-        data-skdx-checkbox-card-generated
-      ></skdx-checkbox-card-indicator>
-      ${d.label===void 0?e:c`<skdx-checkbox-card-label data-skdx-checkbox-card-generated
-              >${d.label}</skdx-checkbox-card-label
+      <skdx-checkbox-card-indicator data-skdx-checkbox-card-generated
+        >${r}</skdx-checkbox-card-indicator
+      >
+      ${c.label===void 0?e:d`<skdx-checkbox-card-label data-skdx-checkbox-card-generated
+              >${c.label}</skdx-checkbox-card-label
             >`}
-      ${d.description===void 0?e:c`<skdx-checkbox-card-description data-skdx-checkbox-card-generated
-              >${d.description}</skdx-checkbox-card-description
+      ${c.description===void 0?e:d`<skdx-checkbox-card-description data-skdx-checkbox-card-generated
+              >${c.description}</skdx-checkbox-card-description
             >`}
-    `,d,{host:d})}export{i as CHECKBOX_CARD_ANATOMY_GENERATED,n as fillCheckboxCardAnatomy};
+    `,c,{host:c})}export{h as CHECKBOX_CARD_ANATOMY_GENERATED,b as fillCheckboxCardAnatomy};

package/dist/checkbox-group/CheckboxGroupItem.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var E=(s,i)=>{for(var e in i)d(s,e,{get:i[e],enumerable:!0})},g=(s,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of y(i))!k.call(s,t)&&t!==e&&d(s,t,{get:()=>i[t],enumerable:!(r=b(i,t))||r.enumerable});return s};var A=s=>g(d({},"__esModule",{value:!0}),s),l=(s,i,e,r)=>{for(var t=r>1?void 0:r?b(i,e):i,n=s.length-1,u;n>=0;n--)(u=s[n])&&(t=(r?u(i,e,t):u(t))||t);return r&&t&&d(i,e,t),t};var x={};E(x,{SkdxCheckboxGroupItem:()=>a});module.exports=A(x);var o=require("lit"),h=require("lit/decorators.js"),c=require("../internal/define.cjs"),m=require("../internal/form-associated.cjs"),f=require("../internal/part.cjs"),p=require("../internal/styles.cjs"),v=require("./indicator.cjs");var a=class extends(0,m.FormAssociated)(o.LitElement){constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,f.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,c.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return o.html`<slot></slot>`}_sync(){let e=this.checked,r=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;r||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),r?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",r?"-1":"0"),(0,v.fillCheckboxGroupItemIndicator)(this,e,r)}};a.styles=[p.resetNativeControl,o.css`
+"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var E=(s,i)=>{for(var e in i)d(s,e,{get:i[e],enumerable:!0})},A=(s,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of y(i))!g.call(s,t)&&t!==e&&d(s,t,{get:()=>i[t],enumerable:!(r=m(i,t))||r.enumerable});return s};var x=s=>A(d({},"__esModule",{value:!0}),s),l=(s,i,e,r)=>{for(var t=r>1?void 0:r?m(i,e):i,u=s.length-1,b;u>=0;u--)(b=s[u])&&(t=(r?b(i,e,t):b(t))||t);return r&&t&&d(i,e,t),t};var _={};E(_,{SkdxCheckboxGroupItem:()=>a});module.exports=x(_);var o=require("lit"),h=require("lit/decorators.js"),c=require("../internal/define.cjs"),p=require("../internal/form-associated.cjs"),f=require("../internal/ids.cjs"),v=require("../internal/part.cjs"),k=require("../internal/styles.cjs"),n=require("./indicator.cjs");var a=class extends(0,p.FormAssociated)(o.LitElement){constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,v.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,c.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return o.html`<slot></slot>`}_sync(){let e=this.checked,r=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;r||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),r?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",r?"-1":"0"),(0,n.fillCheckboxGroupItemIndicator)(this,e,r),(0,n.wrapCheckboxGroupItemLabel)(this,(0,f.ensureId)(this,"skdx-checkbox-group","item"))}};a.styles=[k.resetNativeControl,o.css`
       :host {
         display: inline-block;
         cursor: pointer;

package/dist/checkbox-group/CheckboxGroupItem.d.cts

@@ -6,7 +6,8 @@ declare const SkdxCheckboxGroupItem_base: typeof LitElement & (new (...args: any
  * `<skdx-checkbox-group-item>` — a binary checkbox in `<skdx-checkbox-group>`
  * with `role="checkbox"`, `aria-checked`, and `data-state`, form-associated
  * only for `checkValidity`/`reportValidity`/`setCustomValidity` since the
- * group itself submits the checked values.
+ * group itself submits the checked values. Light DOM content beyond a
+ * `slot="indicator"` override renders in a `<label>` beside the box, not inside it.
  * @example
  * ```html
  * <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>

package/dist/checkbox-group/CheckboxGroupItem.d.ts

@@ -6,7 +6,8 @@ declare const SkdxCheckboxGroupItem_base: typeof LitElement & (new (...args: any
  * `<skdx-checkbox-group-item>` — a binary checkbox in `<skdx-checkbox-group>`
  * with `role="checkbox"`, `aria-checked`, and `data-state`, form-associated
  * only for `checkValidity`/`reportValidity`/`setCustomValidity` since the
- * group itself submits the checked values.
+ * group itself submits the checked values. Light DOM content beyond a
+ * `slot="indicator"` override renders in a `<label>` beside the box, not inside it.
  * @example
  * ```html
  * <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>

package/dist/checkbox-group/CheckboxGroupItem.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,s,e,i)=>{for(var t=i>1?void 0:i?n(s,e):s,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(i?d(s,e,t):d(t))||t);return i&&t&&c(s,e,t),t};import{css as u,html as b,LitElement as m}from"lit";import{property as h}from"lit/decorators.js";import{customElement as f,whenUpgraded as p}from"../internal/define.js";import{FormAssociated as v}from"../internal/form-associated.js";import{applyHostPart as y}from"../internal/part.js";import{resetNativeControl as k}from"../internal/styles.js";import{fillCheckboxGroupItemIndicator as E}from"./indicator.js";var r=class extends v(m){constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),y(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?p(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.checked,i=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;i||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),i?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",i?"-1":"0"),E(this,e,i)}};r.styles=[k,u`
+var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,s,e,i)=>{for(var t=i>1?void 0:i?n(s,e):s,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(i?d(s,e,t):d(t))||t);return i&&t&&c(s,e,t),t};import{css as u,html as b,LitElement as m}from"lit";import{property as h}from"lit/decorators.js";import{customElement as p,whenUpgraded as f}from"../internal/define.js";import{FormAssociated as v}from"../internal/form-associated.js";import{ensureId as k}from"../internal/ids.js";import{applyHostPart as y}from"../internal/part.js";import{resetNativeControl as g}from"../internal/styles.js";import{fillCheckboxGroupItemIndicator as E,wrapCheckboxGroupItemLabel as A}from"./indicator.js";var r=class extends v(m){constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),y(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?f(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.checked,i=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;i||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),i?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",i?"-1":"0"),E(this,e,i),A(this,k(this,"skdx-checkbox-group","item"))}};r.styles=[g,u`
       :host {
         display: inline-block;
         cursor: pointer;
@@ -6,4 +6,4 @@ var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,s,e,i
       :host([data-disabled]) {
         cursor: default;
       }
-    `],a([h({type:String,reflect:!0})],r.prototype,"value",2),a([h({type:Boolean,reflect:!0})],r.prototype,"disabled",2),a([h({type:String,reflect:!0,attribute:"data-size"})],r.prototype,"size",2),r=a([f("skdx-checkbox-group-item","checkbox-group","item")],r);export{r as SkdxCheckboxGroupItem};
+    `],a([h({type:String,reflect:!0})],r.prototype,"value",2),a([h({type:Boolean,reflect:!0})],r.prototype,"disabled",2),a([h({type:String,reflect:!0,attribute:"data-size"})],r.prototype,"size",2),r=a([p("skdx-checkbox-group-item","checkbox-group","item")],r);export{r as SkdxCheckboxGroupItem};

package/dist/checkbox-group/CheckboxGroupSelectAll.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var k=(r,i)=>{for(var e in i)d(r,e,{get:i[e],enumerable:!0})},E=(r,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of v(i))!y.call(r,t)&&t!==e&&d(r,t,{get:()=>i[t],enumerable:!(s=u(i,t))||s.enumerable});return r};var g=r=>E(d({},"__esModule",{value:!0}),r),n=(r,i,e,s)=>{for(var t=s>1?void 0:s?u(i,e):i,a=r.length-1,h;a>=0;a--)(h=r[a])&&(t=(s?h(i,e,t):h(t))||t);return s&&t&&d(i,e,t),t};var A={};k(A,{SkdxCheckboxGroupSelectAll:()=>o});module.exports=g(A);var l=require("lit"),b=require("lit/decorators.js"),c=require("../internal/define.cjs"),m=require("../internal/form-associated.cjs"),p=require("../internal/part.cjs"),f=require("./indicator.cjs");var o=class extends(0,m.FormAssociated)(l.LitElement){constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,p.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,c.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return l.html`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,s=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e));let t="unchecked";e==="indeterminate"?t="indeterminate":e&&(t="checked"),this.setAttribute("data-state",t),s?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let a=this.rootEl?.itemIds()??"";a?this.setAttribute("aria-controls",a):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",s?"-1":"0"),(0,f.fillCheckboxGroupItemIndicator)(this,e,s)}};o.styles=l.css`
+"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var E=(r,i)=>{for(var e in i)d(r,e,{get:i[e],enumerable:!0})},g=(r,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of k(i))!y.call(r,t)&&t!==e&&d(r,t,{get:()=>i[t],enumerable:!(s=m(i,t))||s.enumerable});return r};var x=r=>g(d({},"__esModule",{value:!0}),r),n=(r,i,e,s)=>{for(var t=s>1?void 0:s?m(i,e):i,a=r.length-1,b;a>=0;a--)(b=r[a])&&(t=(s?b(i,e,t):b(t))||t);return s&&t&&d(i,e,t),t};var A={};E(A,{SkdxCheckboxGroupSelectAll:()=>o});module.exports=x(A);var l=require("lit"),u=require("lit/decorators.js"),c=require("../internal/define.cjs"),p=require("../internal/form-associated.cjs"),f=require("../internal/ids.cjs"),v=require("../internal/part.cjs"),h=require("./indicator.cjs");var o=class extends(0,p.FormAssociated)(l.LitElement){constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,v.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,c.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return l.html`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,s=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e));let t="unchecked";e==="indeterminate"?t="indeterminate":e&&(t="checked"),this.setAttribute("data-state",t),s?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let a=this.rootEl?.itemIds()??"";a?this.setAttribute("aria-controls",a):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",s?"-1":"0"),(0,h.fillCheckboxGroupItemIndicator)(this,e,s),(0,h.wrapCheckboxGroupItemLabel)(this,(0,f.ensureId)(this,"skdx-checkbox-group","select-all"))}};o.styles=l.css`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@
     :host([data-disabled]) {
       cursor: default;
     }
-  `,n([(0,b.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",2),n([(0,b.property)({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=n([(0,c.customElement)("skdx-checkbox-group-select-all","checkbox-group","select-all")],o);0&&(module.exports={SkdxCheckboxGroupSelectAll});
+  `,n([(0,u.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",2),n([(0,u.property)({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=n([(0,c.customElement)("skdx-checkbox-group-select-all","checkbox-group","select-all")],o);0&&(module.exports={SkdxCheckboxGroupSelectAll});

package/dist/checkbox-group/CheckboxGroupSelectAll.d.cts

@@ -7,6 +7,8 @@ declare const SkdxCheckboxGroupSelectAll_base: typeof LitElement & (new (...args
  * `aria-checked` as `"true"`/`"mixed"`/`"false"` and toggling all enabled
  * items on activation, form-associated only for
  * `checkValidity`/`reportValidity`/`setCustomValidity` since it never submits a value.
+ * Light DOM content beyond a `slot="indicator"` override renders in a `<label>`
+ * beside the box, not inside it.
  *
  * @example
  * ```html

package/dist/checkbox-group/CheckboxGroupSelectAll.d.ts

@@ -7,6 +7,8 @@ declare const SkdxCheckboxGroupSelectAll_base: typeof LitElement & (new (...args
  * `aria-checked` as `"true"`/`"mixed"`/`"false"` and toggling all enabled
  * items on activation, form-associated only for
  * `checkValidity`/`reportValidity`/`setCustomValidity` since it never submits a value.
+ * Light DOM content beyond a `slot="indicator"` override renders in a `<label>`
+ * beside the box, not inside it.
  *
  * @example
  * ```html