@sky.ui/core 0.0.24 → 0.0.26

package/dist/sky-grid/sky-grid.js

@@ -1,4 +1,8 @@
-import{__decorate as t,__metadata as s}from"tslib";import{LitElement as e,css as r,html as i}from"lit";import{property as o,customElement as p}from"lit/decorators.js";let m=class extends e{constructor(){super(...arguments),this.columns=12,this.gap="10px",this.lg=3,this.md=2,this.sm=2,this.xs=1,this.nowrap=!1}static{this.styles=r`
+import{css as t,LitElement as s,html as r}from"lit";import{property as e,customElement as i}from"lit/decorators.js";var o=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(t,s,r,e)=>{for(var i,l=e>1?void 0:e?m(s,r):s,p=t.length-1;p>=0;p--)(i=t[p])&&(l=(e?i(s,r,l):i(l))||l);return e&&l&&o(s,r,l),l};let p=class extends s{constructor(){super(...arguments),this.columns=12,this.gap="10px",this.lg=3,this.md=2,this.sm=2,this.xs=1,this.nowrap=!1}updated(t){(t.has("nowrap")||t.has("lg")||t.has("md")||t.has("sm")||t.has("xs")||t.has("columns"))&&(this.style.setProperty("--grid-columns",this.columns.toString()),this.nowrap?(this.style.setProperty("--grid-columns-lg",this.columns.toString()),this.style.setProperty("--grid-columns-md",this.columns.toString()),this.style.setProperty("--grid-columns-sm",this.columns.toString()),this.style.setProperty("--grid-columns-xs",this.columns.toString())):(this.style.setProperty("--grid-columns-lg",(this.lg||this.columns).toString()),this.style.setProperty("--grid-columns-md",(this.md||this.columns).toString()),this.style.setProperty("--grid-columns-sm",(this.sm||this.columns).toString()),this.style.setProperty("--grid-columns-xs",(this.xs||this.columns).toString()))),t.has("gap")&&this.style.setProperty("--grid-gap",this.gap)}render(){return r`
+      <div class="grid">
+        <slot></slot>
+      </div>
+    `}};p.styles=t`
     :host {
       display: block;
     }
@@ -32,9 +36,5 @@ import{__decorate as t,__metadata as s}from"tslib";import{LitElement as e,css as
         grid-template-columns: repeat(var(--grid-columns-xs), 1fr);
       }
     }
-  `}updated(t){(t.has("nowrap")||t.has("lg")||t.has("md")||t.has("sm")||t.has("xs")||t.has("columns"))&&(this.style.setProperty("--grid-columns",this.columns.toString()),this.nowrap?(this.style.setProperty("--grid-columns-lg",this.columns.toString()),this.style.setProperty("--grid-columns-md",this.columns.toString()),this.style.setProperty("--grid-columns-sm",this.columns.toString()),this.style.setProperty("--grid-columns-xs",this.columns.toString())):(this.style.setProperty("--grid-columns-lg",(this.lg||this.columns).toString()),this.style.setProperty("--grid-columns-md",(this.md||this.columns).toString()),this.style.setProperty("--grid-columns-sm",(this.sm||this.columns).toString()),this.style.setProperty("--grid-columns-xs",(this.xs||this.columns).toString()))),t.has("gap")&&this.style.setProperty("--grid-gap",this.gap)}render(){return i`
-      <div class="grid">
-        <slot></slot>
-      </div>
-    `}};t([o({type:Number}),s("design:type",Object)],m.prototype,"columns",void 0),t([o({type:String}),s("design:type",Object)],m.prototype,"gap",void 0),t([o({type:Number}),s("design:type",Object)],m.prototype,"lg",void 0),t([o({type:Number}),s("design:type",Object)],m.prototype,"md",void 0),t([o({type:Number}),s("design:type",Object)],m.prototype,"sm",void 0),t([o({type:Number}),s("design:type",Object)],m.prototype,"xs",void 0),t([o({type:Boolean,reflect:!0}),s("design:type",Object)],m.prototype,"nowrap",void 0),m=t([p("sky-grid")],m);export{m as SkyGrid};
+  `,l([e({type:Number})],p.prototype,"columns",2),l([e({type:String})],p.prototype,"gap",2),l([e({type:Number})],p.prototype,"lg",2),l([e({type:Number})],p.prototype,"md",2),l([e({type:Number})],p.prototype,"sm",2),l([e({type:Number})],p.prototype,"xs",2),l([e({type:Boolean,reflect:!0})],p.prototype,"nowrap",2),p=l([i("sky-grid")],p);export{p as SkyGrid};
 //# sourceMappingURL=sky-grid.js.map

package/dist/sky-grid/sky-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-grid.js","sources":["../../src/sky-grid/sky-grid.ts"],"sourcesContent":[null],"names":["SkyGrid","LitElement","constructor","this","columns","gap","lg","md","sm","xs","nowrap","styles","css","updated","changedProperties","has","style","setProperty","toString","render","html","__decorate","property","type","Number","prototype","String","Boolean","reflect","customElement"],"mappings":"uKAsEO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,uBAqCuBC,KAAAC,QAAU,GACVD,KAAAE,IAAM,OACNF,KAAAG,GAAK,EACLH,KAAAI,GAAK,EACLJ,KAAAK,GAAK,EACLL,KAAAM,GAAK,EACWN,KAAAO,QAAS,CAgDvD,QA1FkBP,KAAAQ,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkC1B,CAUO,OAAAC,CAAQC,IAEbA,EAAkBC,IAAI,WACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,cAEtBZ,KAAKa,MAAMC,YAAY,iBAAkBd,KAAKC,QAAQc,YAClDf,KAAKO,QACPP,KAAKa,MAAMC,YAAY,oBAAqBd,KAAKC,QAAQc,YACzDf,KAAKa,MAAMC,YAAY,oBAAqBd,KAAKC,QAAQc,YACzDf,KAAKa,MAAMC,YAAY,oBAAqBd,KAAKC,QAAQc,YACzDf,KAAKa,MAAMC,YAAY,oBAAqBd,KAAKC,QAAQc,cAEzDf,KAAKa,MAAMC,YACT,qBACCd,KAAKG,IAAMH,KAAKC,SAASc,YAE5Bf,KAAKa,MAAMC,YACT,qBACCd,KAAKI,IAAMJ,KAAKC,SAASc,YAE5Bf,KAAKa,MAAMC,YACT,qBACCd,KAAKK,IAAML,KAAKC,SAASc,YAE5Bf,KAAKa,MAAMC,YACT,qBACCd,KAAKM,IAAMN,KAAKC,SAASc,cAI5BJ,EAAkBC,IAAI,QACxBZ,KAAKa,MAAMC,YAAY,aAAcd,KAAKE,IAE9C,CAES,MAAAc,GACP,OAAOC,CAAI;;;;KAKb,GArD4BC,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAuBxB,EAAAyB,UAAA,kBACbJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMG,kCAAuB1B,EAAAyB,UAAA,cACbJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAiBxB,EAAAyB,UAAA,aACPJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAiBxB,EAAAyB,UAAA,aACPJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAiBxB,EAAAyB,UAAA,aACPJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAiBxB,EAAAyB,UAAA,aACSJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMI,QAASC,SAAS,6BAAuB5B,EAAAyB,UAAA,iBA3ChDzB,EAAOqB,EAAA,CADnBQ,EAAc,aACF7B"}
+{"version":3,"file":"sky-grid.js","sources":["../../src/sky-grid/sky-grid.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\r\nimport { customElement, property } from \"lit/decorators.js\";\r\n\r\nexport interface SkyGridColumnsConfig {\r\n  columns: number;\r\n  lg: number;\r\n  md: number;\r\n  sm: number;\r\n  xs: number;\r\n}\r\n\r\n/**\r\n * @element sky-grid\r\n *\r\n * @summary Responsive CSS grid container with configurable breakpoint column counts.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/grid\r\n *\r\n * @slot - Default slot for grid items (direct children become grid items).\r\n * @property {number} columns - Base number of grid columns.\r\n * @property {string} gap - Gap between grid items.\r\n * @property {number} lg - Column count at large breakpoints.\r\n * @property {number} md - Column count at medium breakpoints.\r\n * @property {number} sm - Column count at small breakpoints.\r\n * @property {number} xs - Column count at extra-small breakpoints.\r\n * @property {boolean} nowrap - Reuses `columns` across breakpoints when true.\r\n *\r\n * @csspart grid - The grid container element.\r\n *\r\n * @Behavior\r\n * - Uses CSS variables for runtime breakpoint column updates\r\n * - Supports explicit per-breakpoint column counts\r\n * - Supports `nowrap` mode to keep a fixed column count\r\n *\r\n * @example\r\n * ```html\r\n * <sky-grid columns=\"12\" lg=\"4\" md=\"3\" sm=\"2\" xs=\"1\" gap=\"16px\">\r\n *   <sky-card>Card 1</sky-card>\r\n *   <sky-card>Card 2</sky-card>\r\n *   <sky-card>Card 3</sky-card>\r\n *   <sky-card>Card 4</sky-card>\r\n * </sky-grid>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-grid columns=\"12\" lg=\"4\" md=\"3\" sm=\"2\" xs=\"1\" gap=\"16px\">\r\n *     <sky-card>Card 1</sky-card>\r\n *     <sky-card>Card 2</sky-card>\r\n *     <sky-card>Card 3</sky-card>\r\n *     <sky-card>Card 4</sky-card>\r\n *   </sky-grid>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return (\r\n *     <sky-grid columns=\"12\" lg=\"4\" md=\"3\" sm=\"2\" xs=\"1\" gap=\"16px\">\r\n *       <sky-card>Card 1</sky-card>\r\n *       <sky-card>Card 2</sky-card>\r\n *       <sky-card>Card 3</sky-card>\r\n *       <sky-card>Card 4</sky-card>\r\n *     </sky-grid>\r\n *   );\r\n * }\r\n * ```\r\n */\r\n@customElement(\"sky-grid\")\r\nexport class SkyGrid extends LitElement {\r\n  static override styles = css`\r\n    :host {\r\n      display: block;\r\n    }\r\n\r\n    .grid {\r\n      display: grid;\r\n      gap: var(--grid-gap, 1rem);\r\n      grid-template-columns: repeat(var(--grid-columns, 4), 1fr);\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n      .grid {\r\n        grid-template-columns: repeat(var(--grid-columns-lg), 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      .grid {\r\n        grid-template-columns: repeat(var(--grid-columns-md), 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .grid {\r\n        grid-template-columns: repeat(var(--grid-columns-sm), 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n      .grid {\r\n        grid-template-columns: repeat(var(--grid-columns-xs), 1fr);\r\n      }\r\n    }\r\n  `;\r\n\r\n  @property({ type: Number }) columns = 12;\r\n  @property({ type: String }) gap = \"10px\";\r\n  @property({ type: Number }) lg = 3;\r\n  @property({ type: Number }) md = 2;\r\n  @property({ type: Number }) sm = 2;\r\n  @property({ type: Number }) xs = 1;\r\n  @property({ type: Boolean, reflect: true }) nowrap = false;\r\n\r\n  override updated(changedProperties: Map<string | number | symbol, unknown>): void {\r\n    if (\r\n      changedProperties.has(\"nowrap\") ||\r\n      changedProperties.has(\"lg\") ||\r\n      changedProperties.has(\"md\") ||\r\n      changedProperties.has(\"sm\") ||\r\n      changedProperties.has(\"xs\") ||\r\n      changedProperties.has(\"columns\")\r\n    ) {\r\n      this.style.setProperty(\"--grid-columns\", this.columns.toString());\r\n      if (this.nowrap) {\r\n        this.style.setProperty(\"--grid-columns-lg\", this.columns.toString());\r\n        this.style.setProperty(\"--grid-columns-md\", this.columns.toString());\r\n        this.style.setProperty(\"--grid-columns-sm\", this.columns.toString());\r\n        this.style.setProperty(\"--grid-columns-xs\", this.columns.toString());\r\n      } else {\r\n        this.style.setProperty(\r\n          \"--grid-columns-lg\",\r\n          (this.lg || this.columns).toString(),\r\n        );\r\n        this.style.setProperty(\r\n          \"--grid-columns-md\",\r\n          (this.md || this.columns).toString(),\r\n        );\r\n        this.style.setProperty(\r\n          \"--grid-columns-sm\",\r\n          (this.sm || this.columns).toString(),\r\n        );\r\n        this.style.setProperty(\r\n          \"--grid-columns-xs\",\r\n          (this.xs || this.columns).toString(),\r\n        );\r\n      }\r\n    }\r\n    if (changedProperties.has(\"gap\")) {\r\n      this.style.setProperty(\"--grid-gap\", this.gap);\r\n    }\r\n  }\r\n\r\n  override render() {\r\n    return html`\r\n      <div class=\"grid\">\r\n        <slot></slot>\r\n      </div>\r\n    `;\r\n  }\r\n}\r\n"],"names":["SkyGrid","LitElement","constructor","super","arguments","this","columns","gap","lg","md","sm","xs","nowrap","updated","changedProperties","has","style","setProperty","toString","render","html","styles","css","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","customElement"],"mappings":"oTAsEO,IAAMA,EAAN,cAAsBC,EAAtB,WAAAC,GAAAC,SAAAC,WAqCuBC,KAAAC,QAAU,GACVD,KAAAE,IAAM,OACNF,KAAAG,GAAK,EACLH,KAAAI,GAAK,EACLJ,KAAAK,GAAK,EACLL,KAAAM,GAAK,EACWN,KAAAO,QAAS,CAAA,CAE5C,OAAAC,CAAQC,IAEbA,EAAkBC,IAAI,WACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,OACtBD,EAAkBC,IAAI,cAEtBV,KAAKW,MAAMC,YAAY,iBAAkBZ,KAAKC,QAAQY,YAClDb,KAAKO,QACPP,KAAKW,MAAMC,YAAY,oBAAqBZ,KAAKC,QAAQY,YACzDb,KAAKW,MAAMC,YAAY,oBAAqBZ,KAAKC,QAAQY,YACzDb,KAAKW,MAAMC,YAAY,oBAAqBZ,KAAKC,QAAQY,YACzDb,KAAKW,MAAMC,YAAY,oBAAqBZ,KAAKC,QAAQY,cAEzDb,KAAKW,MAAMC,YACT,qBACCZ,KAAKG,IAAMH,KAAKC,SAASY,YAE5Bb,KAAKW,MAAMC,YACT,qBACCZ,KAAKI,IAAMJ,KAAKC,SAASY,YAE5Bb,KAAKW,MAAMC,YACT,qBACCZ,KAAKK,IAAML,KAAKC,SAASY,YAE5Bb,KAAKW,MAAMC,YACT,qBACCZ,KAAKM,IAAMN,KAAKC,SAASY,cAI5BJ,EAAkBC,IAAI,QACxBV,KAAKW,MAAMC,YAAY,aAAcZ,KAAKE,IAE9C,CAES,MAAAY,GACP,OAAOC,CAAA;;;;KAKT,GA1FWpB,EACKqB,OAASC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoCGC,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UArCP1B,EAqCiB2B,UAAA,UAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMG,UAtCP5B,EAsCiB2B,UAAA,MAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAvCP1B,EAuCiB2B,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAxCP1B,EAwCiB2B,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAzCP1B,EAyCiB2B,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UA1CP1B,EA0CiB2B,UAAA,KAAA,GACgBJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMI,QAASC,SAAS,KA3CzB9B,EA2CiC2B,UAAA,SAAA,GA3CjC3B,EAANuB,EAAA,CADNQ,EAAc,aACF/B"}

package/dist/sky-icon/sky-icon.js

@@ -1,4 +1,15 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as s,html as o}from"lit";import{property as n,state as r,customElement as h}from"lit/decorators.js";import{styleMap as l}from"lit/directives/style-map.js";import{resolveColor as c}from"../helper/utils/color-resolver.js";import a from"./ion-local.json.js";var d;let p=class extends i{constructor(){super(...arguments),this.icon="",this.width="",this.height="",this.color="currentColor",this.inline=!1,this.flip="",this.hFlip=!1,this.vFlip=!1,this.rotate=0,this.lazy=!1,this._svgContent=null,this._hasSlottedSvg=!1,this._observer=null,this._visible=!1}static{d=this}static{this._iconCache=new Map}static{this._iconPromiseCache=new Map}static{this._localSets=new Map}static{this._localIcons=new Map}static registerLocalSet(t,e){d._localSets.set(t,e);for(const e of d._iconCache.keys())e.startsWith(t+":")&&d._iconCache.delete(e)}static registerLocalIcon(t,e){d._localIcons.set(t,e),d._iconCache.delete(t)}static{this.styles=s`
+import{css as t,LitElement as e,html as i}from"lit";import{property as s,state as o,customElement as n}from"lit/decorators.js";import{styleMap as r}from"lit/directives/style-map.js";import{resolveColor as h}from"../helper/utils/color-resolver.js";import l from"./ion-local.json.js";var c=Object.defineProperty,a=Object.getOwnPropertyDescriptor,p=(t,e,i,s)=>{for(var o,n=s>1?void 0:s?a(e,i):e,r=t.length-1;r>=0;r--)(o=t[r])&&(n=(s?o(e,i,n):o(n))||n);return s&&n&&c(e,i,n),n};let _=class extends e{constructor(){super(...arguments),this.icon="",this.width="",this.height="",this.color="currentColor",this.inline=!1,this.flip="",this.hFlip=!1,this.vFlip=!1,this.rotate=0,this.lazy=!1,this._svgContent=null,this._hasSlottedSvg=!1,this._observer=null,this._visible=!1}static registerLocalSet(t,e){_._localSets.set(t,e);for(const e of _._iconCache.keys())e.startsWith(t+":")&&_._iconCache.delete(e)}static registerLocalIcon(t,e){_._localIcons.set(t,e),_._iconCache.delete(t)}connectedCallback(){super.connectedCallback(),this.lazy?this._startObserver():(this._visible=!0,this.icon&&!this._hasSlottedSvg&&this._loadIcon())}disconnectedCallback(){super.disconnectedCallback(),this._stopObserver()}updated(t){t.has("lazy")&&(this.lazy?this._startObserver():(this._stopObserver(),this._visible=!0,this.icon&&!this._hasSlottedSvg&&this._loadIcon())),t.has("icon")&&(this._hasSlottedSvg?this._setSvgContent(null):!this.lazy||this._visible?this._loadIcon():this._setSvgContent(null))}_onSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE&&"SVG"===t.tagName);this._hasSlottedSvg!==e&&(this._hasSlottedSvg=e,e&&this.icon?this._setSvgContent(null):e||!this.icon||!this._visible&&this.lazy||this._loadIcon())}_startObserver(){"undefined"!=typeof window&&!this._observer&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver(t=>{t.some(t=>t.isIntersecting)&&(this._visible=!0,!this._hasSlottedSvg&&this.icon&&this._loadIcon(),this._stopObserver())}),this._observer.observe(this))}_stopObserver(){this._observer&&(this._observer.disconnect(),this._observer=null)}_setSvgContent(t){this._svgContent!==t&&("function"==typeof queueMicrotask?queueMicrotask(()=>{this._svgContent=t}):Promise.resolve().then(()=>{this._svgContent=t}))}async _loadIcon(){const t=this.icon.trim();if(!t)return void this._setSvgContent(null);const e=_._iconCache.get(t);if(e)return void this._setSvgContent(e);let i=_._iconPromiseCache.get(t);i||(i=this._fetchAndBuild(t),_._iconPromiseCache.set(t,i));try{const e=await i;if(this._setSvgContent(e),_._iconCache.size>=100){const t=_._iconCache.keys().next().value;null!=t&&_._iconCache.delete(t)}_._iconCache.set(t,e)}catch{this._setSvgContent(null)}finally{_._iconPromiseCache.delete(t)}}async _fetchAndBuild(t){const[e,i]=t.split(":");if(!e||!i)throw new Error("Invalid icon name");const s=_._localIcons.get(t);if(s)return this._buildSvg(s,{});const o=_._localSets.get(e);if(o?.icons?.[i])return this._buildSvg(o.icons[i],o);const n=`https://api.iconify.design/${e}.json?icons=${i}`,r=await fetch(n);if(!r.ok)throw new Error("Failed to fetch icon set");const h=await r.json(),l=h.icons?.[i];if(!l)throw new Error("Icon not found");return this._buildSvg(l,h)}_buildSvg(t,e){const i=t.body??"",s=t.left??e.left??0,o=t.top??e.top??0,n=t.width??e.width??24,r=t.height??e.height??24;return`\n      <svg xmlns="http://www.w3.org/2000/svg"\n           viewBox="${t.viewBox||`${s} ${o} ${n} ${r}`}"\n           width="100%"\n           height="100%"\n           preserveAspectRatio="xMidYMid meet"\n           fill="currentColor">\n        ${i}\n      </svg>\n    `}_normalize(t){return"number"==typeof t||/^\d+$/.test(t)?`${t}px`:t}_rotationDeg(){const t=this.rotate;if("number"==typeof t)return 90*t;if("string"==typeof t){if(t.endsWith("deg"))return parseFloat(t);const e=parseInt(t,10);return Number.isFinite(e)?90*e:0}return 0}_flipHas(t){return this.flip.split(",").map(t=>t.trim().toLowerCase()).includes(t)}_transform(){const t=this._rotationDeg(),e=this.hFlip||this._flipHas("horizontal"),i=this.vFlip||this._flipHas("vertical"),s=[];return t&&s.push(`rotate(${t}deg)`),(e||i)&&s.push(`scale(${e?-1:1}, ${i?-1:1})`),s.join(" ")}_baseStyle(){const t={color:h(this.color)};return this.width&&(t.width=this._normalize(this.width)),this.height&&(t.height=this._normalize(this.height)),this.width||this.height||(t.width="1em",t.height="1em"),this.inline&&(t.verticalAlign="-0.125em"),t}render(){const t=this._baseStyle(),e=this._transform();e&&(t.transform=e);return!this._hasSlottedSvg&&this.icon&&this._svgContent?i`
+        <div
+          class="icon"
+          style=${r(t)}
+          part="icon"
+          .innerHTML=${this._svgContent}
+        ></div>
+      `:i`
+      <div class="icon" style=${r(t)} part="icon">
+        <slot @slotchange=${this._onSlotChange}></slot>
+      </div>
+    `}};_._iconCache=new Map,_._iconPromiseCache=new Map,_._localSets=new Map,_._localIcons=new Map,_.styles=t`
     :host {
       display: inline-flex;
       align-items: center;
@@ -25,16 +36,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       flex-shrink: 0;
       fill: currentColor;
     }
-  `}connectedCallback(){super.connectedCallback(),this.lazy?this._startObserver():(this._visible=!0,this.icon&&!this._hasSlottedSvg&&this._loadIcon())}disconnectedCallback(){super.disconnectedCallback(),this._stopObserver()}updated(t){t.has("lazy")&&(this.lazy?this._startObserver():(this._stopObserver(),this._visible=!0,this.icon&&!this._hasSlottedSvg&&this._loadIcon())),t.has("icon")&&(this._hasSlottedSvg?this._setSvgContent(null):!this.lazy||this._visible?this._loadIcon():this._setSvgContent(null))}_onSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE&&"SVG"===t.tagName);this._hasSlottedSvg!==e&&(this._hasSlottedSvg=e,e&&this.icon?this._setSvgContent(null):e||!this.icon||!this._visible&&this.lazy||this._loadIcon())}_startObserver(){"undefined"!=typeof window&&!this._observer&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver(t=>{t.some(t=>t.isIntersecting)&&(this._visible=!0,!this._hasSlottedSvg&&this.icon&&this._loadIcon(),this._stopObserver())}),this._observer.observe(this))}_stopObserver(){this._observer&&(this._observer.disconnect(),this._observer=null)}_setSvgContent(t){this._svgContent!==t&&("function"==typeof queueMicrotask?queueMicrotask(()=>{this._svgContent=t}):Promise.resolve().then(()=>{this._svgContent=t}))}async _loadIcon(){const t=this.icon.trim();if(!t)return void this._setSvgContent(null);const e=d._iconCache.get(t);if(e)return void this._setSvgContent(e);let i=d._iconPromiseCache.get(t);i||(i=this._fetchAndBuild(t),d._iconPromiseCache.set(t,i));try{const e=await i;if(this._setSvgContent(e),d._iconCache.size>=100){const t=d._iconCache.keys().next().value;null!=t&&d._iconCache.delete(t)}d._iconCache.set(t,e)}catch{this._setSvgContent(null)}finally{d._iconPromiseCache.delete(t)}}async _fetchAndBuild(t){const[e,i]=t.split(":");if(!e||!i)throw new Error("Invalid icon name");const s=d._localIcons.get(t);if(s)return this._buildSvg(s,{});const o=d._localSets.get(e);if(o?.icons?.[i])return this._buildSvg(o.icons[i],o);const n=`https://api.iconify.design/${e}.json?icons=${i}`,r=await fetch(n);if(!r.ok)throw new Error("Failed to fetch icon set");const h=await r.json(),l=h.icons?.[i];if(!l)throw new Error("Icon not found");return this._buildSvg(l,h)}_buildSvg(t,e){const i=t.body??"",s=t.left??e.left??0,o=t.top??e.top??0,n=t.width??e.width??24,r=t.height??e.height??24;return`\n      <svg xmlns="http://www.w3.org/2000/svg"\n           viewBox="${t.viewBox||`${s} ${o} ${n} ${r}`}"\n           width="100%"\n           height="100%"\n           preserveAspectRatio="xMidYMid meet"\n           fill="currentColor">\n        ${i}\n      </svg>\n    `}_normalize(t){return"number"==typeof t||/^\d+$/.test(t)?`${t}px`:t}_rotationDeg(){const t=this.rotate;if("number"==typeof t)return 90*t;if("string"==typeof t){if(t.endsWith("deg"))return parseFloat(t);const e=parseInt(t,10);return Number.isFinite(e)?90*e:0}return 0}_flipHas(t){return this.flip.split(",").map(t=>t.trim().toLowerCase()).includes(t)}_transform(){const t=this._rotationDeg(),e=this.hFlip||this._flipHas("horizontal"),i=this.vFlip||this._flipHas("vertical"),s=[];return t&&s.push(`rotate(${t}deg)`),(e||i)&&s.push(`scale(${e?-1:1}, ${i?-1:1})`),s.join(" ")}_baseStyle(){const t={color:c(this.color)};return this.width&&(t.width=this._normalize(this.width)),this.height&&(t.height=this._normalize(this.height)),this.width||this.height||(t.width="1em",t.height="1em"),this.inline&&(t.verticalAlign="-0.125em"),t}render(){const t=this._baseStyle(),e=this._transform();e&&(t.transform=e);return!this._hasSlottedSvg&&this.icon&&this._svgContent?o`
-        <div
-          class="icon"
-          style=${l(t)}
-          part="icon"
-          .innerHTML=${this._svgContent}
-        ></div>
-      `:o`
-      <div class="icon" style=${l(t)} part="icon">
-        <slot @slotchange=${this._onSlotChange}></slot>
-      </div>
-    `}};t([n({type:String}),e("design:type",Object)],p.prototype,"icon",void 0),t([n({type:String}),e("design:type",Object)],p.prototype,"width",void 0),t([n({type:String}),e("design:type",Object)],p.prototype,"height",void 0),t([n({type:String}),e("design:type",Object)],p.prototype,"color",void 0),t([n({type:Boolean}),e("design:type",Object)],p.prototype,"inline",void 0),t([n({type:String}),e("design:type",String)],p.prototype,"flip",void 0),t([n({type:Boolean}),e("design:type",Object)],p.prototype,"hFlip",void 0),t([n({type:Boolean}),e("design:type",Object)],p.prototype,"vFlip",void 0),t([n({type:String}),e("design:type",Object)],p.prototype,"rotate",void 0),t([n({type:Boolean}),e("design:type",Object)],p.prototype,"lazy",void 0),t([r(),e("design:type",Object)],p.prototype,"_svgContent",void 0),t([r(),e("design:type",Object)],p.prototype,"_hasSlottedSvg",void 0),p=d=t([h("sky-icon")],p);const g=a;g?.icons&&p.registerLocalSet("ion",g);export{p as SkyIcon};
+  `,p([s({type:String})],_.prototype,"icon",2),p([s({type:String})],_.prototype,"width",2),p([s({type:String})],_.prototype,"height",2),p([s({type:String})],_.prototype,"color",2),p([s({type:Boolean})],_.prototype,"inline",2),p([s({type:String})],_.prototype,"flip",2),p([s({type:Boolean})],_.prototype,"hFlip",2),p([s({type:Boolean})],_.prototype,"vFlip",2),p([s({type:String})],_.prototype,"rotate",2),p([s({type:Boolean})],_.prototype,"lazy",2),p([o()],_.prototype,"_svgContent",2),p([o()],_.prototype,"_hasSlottedSvg",2),_=p([n("sky-icon")],_);const d=l;d?.icons&&_.registerLocalSet("ion",d);export{_ as SkyIcon};
 //# sourceMappingURL=sky-icon.js.map

package/dist/sky-icon/sky-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-icon.js","sources":["../../src/sky-icon/sky-icon.ts"],"sourcesContent":[null],"names":["SkyIcon","LitElement","constructor","this","icon","width","height","color","inline","flip","hFlip","vFlip","rotate","lazy","_svgContent","_hasSlottedSvg","_observer","_visible","_iconCache","Map","_iconPromiseCache","_localSets","_localIcons","registerLocalSet","prefix","data","SkyIcon_1","set","key","keys","startsWith","delete","registerLocalIcon","fullName","styles","css","connectedCallback","super","_startObserver","_loadIcon","disconnectedCallback","_stopObserver","updated","changed","has","_setSvgContent","_onSlotChange","e","hasSvg","target","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","tagName","window","IntersectionObserver","entries","isIntersecting","observe","disconnect","svg","queueMicrotask","Promise","resolve","then","name","trim","cached","get","promise","_fetchAndBuild","size","firstKey","next","value","full","iconName","split","Error","singleLocal","_buildSvg","localSet","icons","url","res","fetch","ok","json","body","l","left","t","top","w","h","viewBox","_normalize","v","test","_rotationDeg","endsWith","parseFloat","parseInt","Number","isFinite","_flipHas","val","map","toLowerCase","includes","_transform","deg","tr","push","join","_baseStyle","style","resolveColor","verticalAlign","render","tf","transform","html","styleMap","__decorate","property","type","String","prototype","Boolean","state","customElement","defaultSet","skyLocalSetData"],"mappings":"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"}
+{"version":3,"file":"sky-icon.js","sources":["../../src/sky-icon/sky-icon.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\r\nimport { customElement, property, state } from 'lit/decorators.js';\r\nimport { styleMap } from 'lit/directives/style-map.js';\r\nimport { resolveColor } from '../helper/utils/color-resolver';\r\nimport skyLocalSetData from './ion-local.json';\r\n\r\nexport type SkyIconSizeValue = string | number;\r\nexport type SkyIconRotateValue = string | number;\r\nexport type SkyIconFlip = '' | 'horizontal' | 'vertical' | 'horizontal,vertical';\r\n\r\ninterface IconifyCollection {\r\n  left?: number;\r\n  top?: number;\r\n  width?: number;\r\n  height?: number;\r\n}\r\n\r\ninterface IconifySetData extends IconifyCollection {\r\n  icons?: Record<string, IconifyIcon>;\r\n}\r\n\r\ninterface IconifyIcon {\r\n  body?: string;\r\n  left?: number;\r\n  top?: number;\r\n  width?: number;\r\n  height?: number;\r\n  viewBox?: string;\r\n}\r\n\r\nconst MAX_ICON_CACHE_SIZE = 100;\r\n\r\n\r\n/**\r\n * @element sky-icon\r\n *\r\n * @summary Icon renderer with Iconify fetch/caching, lazy loading, and optional slotted SVG fallback.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/icon\r\n *\r\n * @slot - Optional fallback `<svg>` content when remote icon data is unavailable.\r\n * @property {string} icon - Icon name in `prefix:icon-name` format.\r\n * @property {SkyIconSizeValue} width - Icon width value.\r\n * @property {SkyIconSizeValue} height - Icon height value.\r\n * @property {string} color - Icon color value.\r\n * @property {boolean} inline - Applies inline alignment behavior for text contexts.\r\n * @property {SkyIconFlip} flip - Flip transform descriptor.\r\n * @property {boolean} hFlip - Horizontal flip shortcut.\r\n * @property {boolean} vFlip - Vertical flip shortcut.\r\n * @property {SkyIconRotateValue} rotate - Rotation descriptor.\r\n * @property {boolean} lazy - Defers loading until the icon is visible.\r\n *\r\n * @method registerLocalSet Registers a local Iconify set for offline/custom usage.\r\n * @method registerLocalIcon Registers a single local icon override.\r\n *\r\n * @csspart icon - The icon container element.\r\n * @csspart svg - The rendered SVG element.\r\n *\r\n * @Behavior\r\n * - Resolves icons from local registrations first, then Iconify API.\r\n * - Uses bounded in-memory caching for fetched SVG payloads.\r\n * - Supports custom slotted SVG fallback when external fetch fails or is blocked.\r\n *\r\n * @example\r\n * ```html\r\n * <sky-icon icon=\"ion:home\" width=\"24\" height=\"24\" color=\"#3b82f6\"></sky-icon>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-icon icon=\"ion:home\" width=\"24\" height=\"24\" color=\"#3b82f6\"></sky-icon>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return <sky-icon icon=\"ion:home\" width=\"24\" height=\"24\" color=\"#3b82f6\"></sky-icon>;\r\n * }\r\n * ```\r\n */\r\n@customElement('sky-icon')\r\nexport class SkyIcon extends LitElement {\r\n  /** Cache: icon name -> final SVG string (bounded by MAX_ICON_CACHE_SIZE, LRU eviction). */\r\n  private static _iconCache = new Map<string, string>();\r\n\r\n  /** Cache for in-flight fetches: icon name -> Promise<svg> */\r\n  private static _iconPromiseCache = new Map<string, Promise<string>>();\r\n\r\n  /** Local icon sets (prefix -> Iconify set data) for offline/custom icons */\r\n  private static _localSets = new Map<string, IconifySetData>();\r\n\r\n  /** Single local icons (full name -> icon data) */\r\n  private static _localIcons = new Map<string, IconifyIcon>();\r\n\r\n  /**\r\n   * Register a local icon set (Iconify-compatible JSON) for offline or custom icons.\r\n   * @param prefix - Set prefix (e.g. \"ion\", \"custom\"); use as icon=\"prefix:iconName\".\r\n   * @param data - Set data with `icons` and optional defaults (width, height, left, top).\r\n   */\r\n  static registerLocalSet(prefix: string, data: IconifySetData): void {\r\n    SkyIcon._localSets.set(prefix, data);\r\n    for (const key of SkyIcon._iconCache.keys()) {\r\n      if (key.startsWith(prefix + ':')) SkyIcon._iconCache.delete(key);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register a single local icon (one-off custom icon without a full set).\r\n   * @param fullName - Full icon name, e.g. \"ion:heart\".\r\n   * @param icon - Icon data (body, width, height, viewBox, etc.).\r\n   */\r\n  static registerLocalIcon(fullName: string, icon: IconifyIcon): void {\r\n    SkyIcon._localIcons.set(fullName, icon);\r\n    SkyIcon._iconCache.delete(fullName);\r\n  }\r\n\r\n  static styles = css`\r\n    :host {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      vertical-align: middle;\r\n    }\r\n   .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      line-height: 1;\r\n    }\r\n    .icon svg {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      flex-shrink: 0;\r\n    }\r\n    /* Custom SVG in slot: inherit size and color */\r\n    .icon::slotted(svg) {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      flex-shrink: 0;\r\n      fill: currentColor;\r\n    }\r\n  `;\r\n\r\n  // ========================================================================\r\n  // Iconify-style public props\r\n  // ========================================================================\r\n\r\n  @property({ type: String })\r\n  icon = '';\r\n\r\n  @property({ type: String })\r\n  width: SkyIconSizeValue = '';\r\n\r\n  @property({ type: String })\r\n  height: SkyIconSizeValue = '';\r\n\r\n  @property({ type: String })\r\n  color = 'currentColor';\r\n\r\n  @property({ type: Boolean })\r\n  inline = false;\r\n\r\n  @property({ type: String })\r\n  flip: SkyIconFlip = '';\r\n\r\n  @property({ type: Boolean })\r\n  hFlip = false;\r\n\r\n  @property({ type: Boolean })\r\n  vFlip = false;\r\n\r\n  @property({ type: String })\r\n  rotate: SkyIconRotateValue = 0;\r\n\r\n  @property({ type: Boolean })\r\n  lazy = false;\r\n\r\n  // ========================================================================\r\n  // Internal state\r\n  // ========================================================================\r\n\r\n  @state()\r\n  private _svgContent: string | null = null;\r\n\r\n  @state()\r\n  private _hasSlottedSvg = false;\r\n\r\n  private _observer: IntersectionObserver | null = null;\r\n  private _visible = false;\r\n\r\n  // ========================================================================\r\n  // Lifecycle\r\n  // ========================================================================\r\n\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    if (this.lazy) {\r\n      this._startObserver();\r\n    } else {\r\n      this._visible = true;\r\n      if (this.icon && !this._hasSlottedSvg) {\r\n        this._loadIcon();\r\n      }\r\n    }\r\n  }\r\n\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this._stopObserver();\r\n  }\r\n\r\n  override updated(changed: Map<string, unknown>): void {\r\n    // Lazy flag changed: reconfigure observer / visibility\r\n    if (changed.has('lazy')) {\r\n      if (this.lazy) {\r\n        this._startObserver();\r\n      } else {\r\n        this._stopObserver();\r\n        this._visible = true;\r\n        if (this.icon && !this._hasSlottedSvg) {\r\n          this._loadIcon();\r\n        }\r\n      }\r\n    }\r\n\r\n    // Icon changed: reload if visible and no custom SVG, otherwise clear\r\n    if (changed.has('icon')) {\r\n      if (this._hasSlottedSvg) {\r\n        this._setSvgContent(null);\r\n      } else if (!this.lazy || this._visible) {\r\n        this._loadIcon();\r\n      } else {\r\n        this._setSvgContent(null);\r\n      }\r\n    }\r\n  }\r\n\r\n  private _onSlotChange(e: Event): void {\r\n    const slot = e.target as HTMLSlotElement;\r\n    const nodes = slot.assignedNodes({ flatten: true });\r\n    const hasSvg = nodes.some(\r\n      (n) => n.nodeType === Node.ELEMENT_NODE && (n as Element).tagName === 'SVG'\r\n    );\r\n    if (this._hasSlottedSvg !== hasSvg) {\r\n      this._hasSlottedSvg = hasSvg;\r\n      if (hasSvg && this.icon) {\r\n        this._setSvgContent(null);\r\n      } else if (!hasSvg && this.icon && (this._visible || !this.lazy)) {\r\n        this._loadIcon();\r\n      }\r\n    }\r\n  }\r\n\r\n  // ========================================================================\r\n  // Lazy loading\r\n  // ========================================================================\r\n\r\n  private _startObserver(): void {\r\n    if (typeof window === 'undefined') return;\r\n    if (this._observer || !('IntersectionObserver' in window)) return;\r\n\r\n    this._observer = new IntersectionObserver((entries) => {\r\n      if (entries.some((e) => e.isIntersecting)) {\r\n        this._visible = true;\r\n        if (!this._hasSlottedSvg && this.icon) {\r\n          this._loadIcon();\r\n        }\r\n        this._stopObserver();\r\n      }\r\n    });\r\n\r\n    this._observer.observe(this);\r\n  }\r\n\r\n  private _stopObserver(): void {\r\n    if (this._observer) {\r\n      this._observer.disconnect();\r\n      this._observer = null;\r\n    }\r\n  }\r\n\r\n  // ========================================================================\r\n  // State setter (avoids nested update warning)\r\n  // ========================================================================\r\n\r\n  private _setSvgContent(svg: string | null): void {\r\n    // Avoid unnecessary updates\r\n    if (this._svgContent === svg) return;\r\n\r\n    // Schedule after current update cycle\r\n    if (typeof queueMicrotask === 'function') {\r\n      queueMicrotask(() => {\r\n        this._svgContent = svg;\r\n      });\r\n    } else {\r\n      // Fallback for environments without queueMicrotask\r\n      Promise.resolve().then(() => {\r\n        this._svgContent = svg;\r\n      });\r\n    }\r\n  }\r\n\r\n  // ========================================================================\r\n  // Icon loading\r\n  // ========================================================================\r\n\r\n  private async _loadIcon(): Promise<void> {\r\n    const name = this.icon.trim();\r\n    if (!name) {\r\n      this._setSvgContent(null);\r\n      return;\r\n    }\r\n\r\n    // Cached SVG → still set via microtask to avoid nested update warning\r\n    const cached = SkyIcon._iconCache.get(name);\r\n    if (cached) {\r\n      this._setSvgContent(cached);\r\n      return;\r\n    }\r\n\r\n    let promise = SkyIcon._iconPromiseCache.get(name);\r\n    if (!promise) {\r\n      promise = this._fetchAndBuild(name);\r\n      SkyIcon._iconPromiseCache.set(name, promise);\r\n    }\r\n\r\n    try {\r\n      const svg = await promise;\r\n      this._setSvgContent(svg);\r\n      if (SkyIcon._iconCache.size >= MAX_ICON_CACHE_SIZE) {\r\n        const firstKey = SkyIcon._iconCache.keys().next().value;\r\n        if (firstKey != null) SkyIcon._iconCache.delete(firstKey);\r\n      }\r\n      SkyIcon._iconCache.set(name, svg);\r\n    } catch {\r\n      this._setSvgContent(null);\r\n    } finally {\r\n      SkyIcon._iconPromiseCache.delete(name);\r\n    }\r\n  }\r\n\r\n  private async _fetchAndBuild(full: string): Promise<string> {\r\n    const [prefix, iconName] = full.split(':');\r\n    if (!prefix || !iconName) throw new Error('Invalid icon name');\r\n\r\n    // 1) Single local icon (e.g. registerLocalIcon('ion:heart', {...}))\r\n    const singleLocal = SkyIcon._localIcons.get(full);\r\n    if (singleLocal) {\r\n      return this._buildSvg(singleLocal, {});\r\n    }\r\n\r\n    // 2) Local set (e.g. registerLocalSet('ion', { icons: { home: {...} } }))\r\n    const localSet = SkyIcon._localSets.get(prefix);\r\n    if (localSet?.icons?.[iconName]) {\r\n      return this._buildSvg(localSet.icons[iconName], localSet);\r\n    }\r\n\r\n    // 3) Fetch from Iconify API\r\n    const url = `https://api.iconify.design/${prefix}.json?icons=${iconName}`;\r\n    const res = await fetch(url);\r\n    if (!res.ok) throw new Error('Failed to fetch icon set');\r\n\r\n    const json = (await res.json()) as {\r\n      icons?: Record<string, IconifyIcon>;\r\n      left?: number;\r\n      top?: number;\r\n      width?: number;\r\n      height?: number;\r\n    };\r\n\r\n    const data = json.icons?.[iconName];\r\n    if (!data) throw new Error('Icon not found');\r\n\r\n    return this._buildSvg(data, json);\r\n  }\r\n\r\n  private _buildSvg(icon: IconifyIcon, set: IconifyCollection): string {\r\n    const body = icon.body ?? '';\r\n    const l = icon.left ?? set.left ?? 0;\r\n    const t = icon.top ?? set.top ?? 0;\r\n    const w = icon.width ?? set.width ?? 24;\r\n    const h = icon.height ?? set.height ?? 24;\r\n    const viewBox = icon.viewBox || `${l} ${t} ${w} ${h}`;\r\n\r\n    return `\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n           viewBox=\"${viewBox}\"\r\n           width=\"100%\"\r\n           height=\"100%\"\r\n           preserveAspectRatio=\"xMidYMid meet\"\r\n           fill=\"currentColor\">\r\n        ${body}\r\n      </svg>\r\n    `;\r\n  }\r\n\r\n  // ========================================================================\r\n  // Style helpers\r\n  // ========================================================================\r\n\r\n  private _normalize(v: string | number): string {\r\n    if (typeof v === 'number') return `${v}px`;\r\n    if (/^\\d+$/.test(v)) return `${v}px`;\r\n    return v;\r\n  }\r\n\r\n  private _rotationDeg(): number {\r\n    const v = this.rotate;\r\n    if (typeof v === 'number') return v * 90;\r\n    if (typeof v === 'string') {\r\n      if (v.endsWith('deg')) return parseFloat(v);\r\n      const n = parseInt(v, 10);\r\n      return Number.isFinite(n) ? n * 90 : 0;\r\n    }\r\n    return 0;\r\n  }\r\n\r\n  private _flipHas(val: 'horizontal' | 'vertical'): boolean {\r\n    return this.flip\r\n      .split(',')\r\n      .map((v) => v.trim().toLowerCase())\r\n      .includes(val);\r\n  }\r\n\r\n  private _transform(): string {\r\n    const deg = this._rotationDeg();\r\n    const h = this.hFlip || this._flipHas('horizontal');\r\n    const v = this.vFlip || this._flipHas('vertical');\r\n\r\n    const tr: string[] = [];\r\n    if (deg) tr.push(`rotate(${deg}deg)`);\r\n    if (h || v) tr.push(`scale(${h ? -1 : 1}, ${v ? -1 : 1})`);\r\n\r\n    return tr.join(' ');\r\n  }\r\n\r\n  private _baseStyle(): Record<string, string> {\r\n    const style: Record<string, string> = { color: resolveColor(this.color) };\r\n\r\n    if (this.width) style.width = this._normalize(this.width);\r\n    if (this.height) style.height = this._normalize(this.height);\r\n\r\n    if (!this.width && !this.height) {\r\n      style.width = '1em';\r\n      style.height = '1em';\r\n    }\r\n    if (this.inline) style.verticalAlign = '-0.125em';\r\n\r\n    return style;\r\n  }\r\n\r\n  // ========================================================================\r\n  // Render\r\n  // ========================================================================\r\n\r\n  override render() {\r\n    const style = this._baseStyle();\r\n    const tf = this._transform();\r\n    if (tf) style.transform = tf;\r\n\r\n    const showIconify = !this._hasSlottedSvg && this.icon && this._svgContent;\r\n\r\n    /* Iconify (API) path: same structure as before — single .icon div with innerHTML, no wrapper */\r\n    if (showIconify) {\r\n      return html`\r\n        <div\r\n          class=\"icon\"\r\n          style=${styleMap(style)}\r\n          part=\"icon\"\r\n          .innerHTML=${this._svgContent!}\r\n        ></div>\r\n      `;\r\n    }\r\n\r\n    /* Custom SVG slot or empty: render slot for detection and display */\r\n    return html`\r\n      <div class=\"icon\" style=${styleMap(style)} part=\"icon\">\r\n        <slot @slotchange=${this._onSlotChange}></slot>\r\n      </div>\r\n    `;\r\n  }\r\n}\r\n\r\n// Register default local set (ion from ion-local.json); users can add more via SkyIcon.registerLocalSet / registerLocalIcon\r\nconst defaultSet = skyLocalSetData as IconifySetData;\r\nif (defaultSet?.icons) {\r\n  SkyIcon.registerLocalSet('ion', defaultSet);\r\n}\r\n"],"names":["SkyIcon","LitElement","constructor","super","arguments","this","icon","width","height","color","inline","flip","hFlip","vFlip","rotate","lazy","_svgContent","_hasSlottedSvg","_observer","_visible","registerLocalSet","prefix","data","_localSets","set","key","_iconCache","keys","startsWith","delete","registerLocalIcon","fullName","_localIcons","connectedCallback","_startObserver","_loadIcon","disconnectedCallback","_stopObserver","updated","changed","has","_setSvgContent","_onSlotChange","e","hasSvg","target","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","tagName","window","IntersectionObserver","entries","isIntersecting","observe","disconnect","svg","queueMicrotask","Promise","resolve","then","name","trim","cached","get","promise","_iconPromiseCache","_fetchAndBuild","size","firstKey","next","value","full","iconName","split","Error","singleLocal","_buildSvg","localSet","icons","url","res","fetch","ok","json","body","l","left","t","top","w","h","viewBox","_normalize","v","test","_rotationDeg","endsWith","parseFloat","parseInt","Number","isFinite","_flipHas","val","map","toLowerCase","includes","_transform","deg","tr","push","join","_baseStyle","style","resolveColor","verticalAlign","render","tf","transform","html","styleMap","Map","styles","css","__decorateClass","property","type","String","prototype","Boolean","state","customElement","defaultSet","skyLocalSetData"],"mappings":"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"}

package/dist/sky-image/sky-image.js

@@ -1,4 +1,23 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as s,css as i,html as o,nothing as r}from"lit";import{property as d,state as c,customElement as a}from"lit/decorators.js";import{styleMap as n}from"lit/directives/style-map.js";import{resolveImageFallbackSrc as h}from"./srcset-utils.js";let p=class extends s{constructor(){super(...arguments),this.src="",this.alt="Image",this.width="auto",this.height="auto",this.aspectRatio=null,this.borderRadius="0",this.boxShadow="none",this.objectFit="cover",this.objectPosition="center",this.srcset="",this.sizes="",this.autoSizes=!1,this._computedSizes="",this.loading="lazy",this.decoding="async",this._sizesRafId=null,this._updateSizes=()=>{null==this._sizesRafId&&(this._sizesRafId=requestAnimationFrame(()=>{this._sizesRafId=null;const t=Math.ceil(this.getBoundingClientRect().width);t>0&&(this._computedSizes=`${t}px`)}))}}static{this.styles=i`
+import{css as t,LitElement as e,html as s,nothing as i}from"lit";import{property as r,state as o,customElement as a}from"lit/decorators.js";import{styleMap as c}from"lit/directives/style-map.js";import{resolveImageFallbackSrc as h}from"./srcset-utils.js";var d=Object.defineProperty,n=Object.getOwnPropertyDescriptor,p=(t,e,s,i)=>{for(var r,o=i>1?void 0:i?n(e,s):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&d(e,s,o),o};let l=class extends e{constructor(){super(...arguments),this.src="",this.alt="Image",this.width="auto",this.height="auto",this.aspectRatio=null,this.borderRadius="0",this.boxShadow="none",this.objectFit="cover",this.objectPosition="center",this.srcset="",this.sizes="",this.autoSizes=!1,this._computedSizes="",this.loading="lazy",this.decoding="async",this._sizesRafId=null,this._updateSizes=()=>{null==this._sizesRafId&&(this._sizesRafId=requestAnimationFrame(()=>{this._sizesRafId=null;const t=Math.ceil(this.getBoundingClientRect().width);t>0&&(this._computedSizes=`${t}px`)}))}}connectedCallback(){super.connectedCallback(),this._ensureAutoSizesObserver()}firstUpdated(){this._ensureAutoSizesObserver()}_ensureAutoSizesObserver(){this.autoSizes&&(this._ro||(this._ro=new ResizeObserver(this._updateSizes),this._ro.observe(this)),this._updateSizes())}updated(t){super.updated(t),t.has("autoSizes")&&(this.autoSizes?this._ensureAutoSizesObserver():(this._ro?.disconnect(),this._ro=void 0,this._computedSizes="")),this._shouldResyncImageSource(t)&&this._resyncImageSource(t.has("srcset")&&void 0!==t.get("srcset"))}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._ro=void 0,null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}_shouldResyncImageSource(t){const e=t;return!(!this.src?.trim()&&!this.srcset?.trim())&&(!(!t.has("src")||void 0===t.get("src"))||(!(!t.has("srcset")||void 0===t.get("srcset"))||(!(!t.has("sizes")||void 0===t.get("sizes"))||!(!this.autoSizes||!e.has("_computedSizes")||void 0===e.get("_computedSizes")))))}_resolvedSizesAttr(){return this.autoSizes?this._computedSizes:this.sizes||""}_displaySrc(){const t=this.src?.trim()??"",e=this.srcset?.trim()??"";return t||e?e?h(t,e):t:""}_applyImgAttrs(t,e){const s=this.srcset?.trim()??"",i=this._resolvedSizesAttr(),r=this._displaySrc();s?t.srcset=s:t.removeAttribute("srcset"),i?t.sizes=i:t.removeAttribute("sizes"),e&&t.removeAttribute("src"),t.src=r}_resyncImageSource(t=!1){const e=this.renderRoot.querySelector("img");if(!(e instanceof HTMLImageElement))return;const s=e.cloneNode(!1);s.alt=this.alt,s.loading=this.loading,s.decoding=this.decoding;const i=e.getAttribute("style");i&&s.setAttribute("style",i),s.setAttribute("part","img"),this._applyImgAttrs(s,t),e.replaceWith(s)}render(){const t=this._resolvedSizesAttr(),e=this._displaySrc(),r=""!==e,o={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return r?s`
+      <img
+        src=${e}
+        alt=${this.alt}
+        srcset=${this.srcset||i}
+        sizes=${t||i}
+        loading=${this.loading}
+        decoding=${this.decoding}
+        style=${c(o)}
+        part="img"
+      />
+    `:s`
+        <div
+          class="placeholder"
+          part="img"
+          style=${c(o)}
+          aria-label=${this.alt}
+          role="img"
+        ></div>
+      `}};l.styles=t`
     :host {
       display: inline-block;
       max-width: 100%;
@@ -13,24 +32,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as s,css as
     .placeholder {
       background: var(--sky-hover-tertiary);
     }
-  `}connectedCallback(){super.connectedCallback(),this._ensureAutoSizesObserver()}firstUpdated(){this._ensureAutoSizesObserver()}_ensureAutoSizesObserver(){this.autoSizes&&(this._ro||(this._ro=new ResizeObserver(this._updateSizes),this._ro.observe(this)),this._updateSizes())}updated(t){super.updated(t),t.has("autoSizes")&&(this.autoSizes?this._ensureAutoSizesObserver():(this._ro?.disconnect(),this._ro=void 0,this._computedSizes="")),this._shouldResyncImageSource(t)&&this._resyncImageSource(t.has("srcset")&&void 0!==t.get("srcset"))}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._ro=void 0,null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}_shouldResyncImageSource(t){const e=t;return!(!this.src?.trim()&&!this.srcset?.trim())&&(!(!t.has("src")||void 0===t.get("src"))||(!(!t.has("srcset")||void 0===t.get("srcset"))||(!(!t.has("sizes")||void 0===t.get("sizes"))||!(!this.autoSizes||!e.has("_computedSizes")||void 0===e.get("_computedSizes")))))}_resolvedSizesAttr(){return this.autoSizes?this._computedSizes:this.sizes||""}_displaySrc(){const t=this.src?.trim()??"",e=this.srcset?.trim()??"";return t||e?e?h(t,e):t:""}_applyImgAttrs(t,e){const s=this.srcset?.trim()??"",i=this._resolvedSizesAttr(),o=this._displaySrc();s?t.srcset=s:t.removeAttribute("srcset"),i?t.sizes=i:t.removeAttribute("sizes"),e&&t.removeAttribute("src"),t.src=o}_resyncImageSource(t=!1){const e=this.renderRoot.querySelector("img");if(!(e instanceof HTMLImageElement))return;const s=e.cloneNode(!1);s.alt=this.alt,s.loading=this.loading,s.decoding=this.decoding;const i=e.getAttribute("style");i&&s.setAttribute("style",i),s.setAttribute("part","img"),this._applyImgAttrs(s,t),e.replaceWith(s)}render(){const t=this._resolvedSizesAttr(),e=this._displaySrc(),s=""!==e,i={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return s?o`
-      <img
-        src=${e}
-        alt=${this.alt}
-        srcset=${this.srcset||r}
-        sizes=${t||r}
-        loading=${this.loading}
-        decoding=${this.decoding}
-        style=${n(i)}
-        part="img"
-      />
-    `:o`
-        <div
-          class="placeholder"
-          part="img"
-          style=${n(i)}
-          aria-label=${this.alt}
-          role="img"
-        ></div>
-      `}};t([d({type:String}),e("design:type",Object)],p.prototype,"src",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"alt",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"width",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"height",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"aspectRatio",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"borderRadius",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"boxShadow",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"objectFit",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"objectPosition",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"srcset",void 0),t([d({type:String}),e("design:type",Object)],p.prototype,"sizes",void 0),t([d({type:Boolean}),e("design:type",Object)],p.prototype,"autoSizes",void 0),t([c(),e("design:type",Object)],p.prototype,"_computedSizes",void 0),t([d({type:String}),e("design:type",String)],p.prototype,"loading",void 0),t([d({type:String}),e("design:type",String)],p.prototype,"decoding",void 0),p=t([a("sky-image")],p);export{p as SkyImage};
+  `,p([r({type:String})],l.prototype,"src",2),p([r({type:String})],l.prototype,"alt",2),p([r({type:String})],l.prototype,"width",2),p([r({type:String})],l.prototype,"height",2),p([r({type:String})],l.prototype,"aspectRatio",2),p([r({type:String})],l.prototype,"borderRadius",2),p([r({type:String})],l.prototype,"boxShadow",2),p([r({type:String})],l.prototype,"objectFit",2),p([r({type:String})],l.prototype,"objectPosition",2),p([r({type:String})],l.prototype,"srcset",2),p([r({type:String})],l.prototype,"sizes",2),p([r({type:Boolean})],l.prototype,"autoSizes",2),p([o()],l.prototype,"_computedSizes",2),p([r({type:String})],l.prototype,"loading",2),p([r({type:String})],l.prototype,"decoding",2),l=p([a("sky-image")],l);export{l as SkyImage};
 //# sourceMappingURL=sky-image.js.map

package/dist/sky-image/sky-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-image.js","sources":["../../src/sky-image/sky-image.ts"],"sourcesContent":[null],"names":["SkyImage","LitElement","constructor","this","src","alt","width","height","aspectRatio","borderRadius","boxShadow","objectFit","objectPosition","srcset","sizes","autoSizes","_computedSizes","loading","decoding","_sizesRafId","_updateSizes","requestAnimationFrame","w","Math","ceil","getBoundingClientRect","styles","css","connectedCallback","super","_ensureAutoSizesObserver","firstUpdated","_ro","ResizeObserver","observe","updated","changed","has","disconnect","undefined","_shouldResyncImageSource","_resyncImageSource","get","disconnectedCallback","cancelAnimationFrame","allChanged","trim","_resolvedSizesAttr","_displaySrc","explicit","resolveImageFallbackSrc","_applyImgAttrs","img","srcsetChanged","sizesAttr","removeAttribute","renderRoot","querySelector","HTMLImageElement","replacement","cloneNode","style","getAttribute","setAttribute","replaceWith","render","displaySrc","hasSrc","styleVars","html","nothing","styleMap","__decorate","property","type","String","prototype","Boolean","state","customElement"],"mappings":"kTAqFO,IAAMA,EAAN,cAAuBC,EAAvB,WAAAC,uBACuBC,KAAAC,IAAM,GACND,KAAAE,IAAM,QACNF,KAAAG,MAAQ,OACRH,KAAAI,OAAS,OACTJ,KAAAK,YAA6B,KAC7BL,KAAAM,aAAe,IACfN,KAAAO,UAAY,OACZP,KAAAQ,UAAY,QACZR,KAAAS,eAAiB,SAEjBT,KAAAU,OAAS,GACTV,KAAAW,MAAQ,GAEPX,KAAAY,WAAY,EACxBZ,KAAAa,eAAiB,GAENb,KAAAc,QAA2B,OAC3Bd,KAAAe,SAA6B,QAoBjDf,KAAAgB,YAA6B,KAC7BhB,KAAAiB,aAAe,KACG,MAApBjB,KAAKgB,cACThB,KAAKgB,YAAcE,sBAAsB,KACvClB,KAAKgB,YAAc,KACnB,MAAMG,EAAIC,KAAKC,KAAKrB,KAAKsB,wBAAwBnB,OAC7CgB,EAAI,IAAGnB,KAAKa,eAAiB,GAAGM,UA6J1C,QArLkBnB,KAAAuB,OAASC,CAAG;;;;;;;;;;;;;;;GAe1B,CAaO,iBAAAC,GACPC,MAAMD,oBAGNzB,KAAK2B,0BACP,CAES,YAAAC,GACP5B,KAAK2B,0BACP,CAEQ,wBAAAA,GACD3B,KAAKY,YACLZ,KAAK6B,MACR7B,KAAK6B,IAAM,IAAIC,eAAe9B,KAAKiB,cACnCjB,KAAK6B,IAAIE,QAAQ/B,OAEnBA,KAAKiB,eACP,CAES,OAAAe,CAAQC,GACfP,MAAMM,QAAQC,GAEVA,EAAQC,IAAI,eACVlC,KAAKY,UACPZ,KAAK2B,4BAEL3B,KAAK6B,KAAKM,aACVnC,KAAK6B,SAAMO,EACXpC,KAAKa,eAAiB,KAIrBb,KAAKqC,yBAAyBJ,IACnCjC,KAAKsC,mBACHL,EAAQC,IAAI,gBAAuCE,IAA1BH,EAAQM,IAAI,UAEzC,CAES,oBAAAC,GACPd,MAAMc,uBACNxC,KAAK6B,KAAKM,aACVnC,KAAK6B,SAAMO,EACa,MAApBpC,KAAKgB,cACPyB,qBAAqBzC,KAAKgB,aAC1BhB,KAAKgB,YAAc,KAEvB,CAGQ,wBAAAqB,CAAyBJ,GAG/B,MAAMS,EAAaT,EACnB,SAAKjC,KAAKC,KAAK0C,SAAW3C,KAAKU,QAAQiC,aACnCV,EAAQC,IAAI,aAAiCE,IAAvBH,EAAQM,IAAI,aAClCN,EAAQC,IAAI,gBAAuCE,IAA1BH,EAAQM,IAAI,gBACrCN,EAAQC,IAAI,eAAqCE,IAAzBH,EAAQM,IAAI,cAEtCvC,KAAKY,YACL8B,EAAWR,IAAI,wBACsBE,IAArCM,EAAWH,IAAI,qBAKnB,CAEQ,kBAAAK,GACN,OAAO5C,KAAKY,UAAYZ,KAAKa,eAAiBb,KAAKW,OAAS,EAC9D,CAGQ,WAAAkC,GACN,MAAMC,EAAW9C,KAAKC,KAAK0C,QAAU,GAC/BjC,EAASV,KAAKU,QAAQiC,QAAU,GACtC,OAAKG,GAAapC,EACbA,EACEqC,EAAwBD,EAAUpC,GADrBoC,EADa,EAGnC,CAEQ,cAAAE,CAAeC,EAAuBC,GAC5C,MAAMxC,EAASV,KAAKU,QAAQiC,QAAU,GAChCQ,EAAYnD,KAAK4C,qBACjB3C,EAAMD,KAAK6C,cAEbnC,EAAQuC,EAAIvC,OAASA,EACpBuC,EAAIG,gBAAgB,UAErBD,EAAWF,EAAItC,MAAQwC,EACtBF,EAAIG,gBAAgB,SAGrBF,GAAeD,EAAIG,gBAAgB,OACvCH,EAAIhD,IAAMA,CACZ,CAEQ,kBAAAqC,CAAmBY,GAAgB,GACzC,MAAMD,EAAMjD,KAAKqD,WAAWC,cAAc,OAC1C,KAAML,aAAeM,kBAAmB,OAExC,MAAMC,EAAcP,EAAIQ,WAAU,GAClCD,EAAYtD,IAAMF,KAAKE,IACvBsD,EAAY1C,QAAUd,KAAKc,QAC3B0C,EAAYzC,SAAWf,KAAKe,SAC5B,MAAM2C,EAAQT,EAAIU,aAAa,SAC3BD,GAAOF,EAAYI,aAAa,QAASF,GAC7CF,EAAYI,aAAa,OAAQ,OAEjC5D,KAAKgD,eAAeQ,EAAaN,GACjCD,EAAIY,YAAYL,EAClB,CAES,MAAAM,GACP,MAAMX,EAAYnD,KAAK4C,qBACjBmB,EAAa/D,KAAK6C,cAClBmB,EAAwB,KAAfD,EAETE,EAAY,CAChB9D,MAAOH,KAAKG,MACZC,OAAQJ,KAAKI,OACbE,aAAcN,KAAKM,aACnBC,UAAWP,KAAKO,UAChBC,UAAWR,KAAKQ,UAChBC,eAAgBT,KAAKS,eACrBJ,YAAaL,KAAKK,aAAe,QAGnC,OAAK2D,EAYEE,CAAI;;cAEDH;cACA/D,KAAKE;iBACFF,KAAKU,QAAUyD;gBAChBhB,GAAagB;kBACXnE,KAAKc;mBACJd,KAAKe;gBACRqD,EAASH;;;MAnBZC,CAAI;;;;kBAICE,EAASH;uBACJjE,KAAKE;;;OAkB1B,GAvM4BmE,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAmB3E,EAAA4E,UAAA,cACTJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAwB3E,EAAA4E,UAAA,cACdJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAyB3E,EAAA4E,UAAA,gBACfJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA0B3E,EAAA4E,UAAA,iBAChBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4C3E,EAAA4E,UAAA,sBAClCJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA6B3E,EAAA4E,UAAA,uBACnBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA6B3E,EAAA4E,UAAA,oBACnBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA8B3E,EAAA4E,UAAA,oBACpBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAoC3E,EAAA4E,UAAA,yBAE1BJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsB3E,EAAA4E,UAAA,iBACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqB3E,EAAA4E,UAAA,gBAEVJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAA6B7E,EAAA4E,UAAA,oBAC9BJ,EAAA,CAAhBM,6BAAoC9E,EAAA4E,UAAA,yBAETJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4C3E,EAAA4E,UAAA,kBAClCJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA+C3E,EAAA4E,UAAA,mBAlBtD5E,EAAQwE,EAAA,CADpBO,EAAc,cACF/E"}
+{"version":3,"file":"sky-image.js","sources":["../../src/sky-image/sky-image.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from \"lit\";\r\nimport type { PropertyValues } from \"lit\";\r\nimport { customElement, property, state } from \"lit/decorators.js\";\r\nimport { styleMap } from \"lit/directives/style-map.js\";\r\nimport { resolveImageFallbackSrc } from \"./srcset-utils.js\";\r\n\r\nexport type SkyImageLoading = \"lazy\" | \"eager\";\r\nexport type SkyImageDecoding = \"async\" | \"sync\" | \"auto\";\r\n\r\n/**\r\n * @element sky-image\r\n *\r\n * @summary Responsive image component with style controls, `srcset`, and optional auto `sizes`.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/image\r\n *\r\n * @slot - No slots are exposed; image content is rendered internally.\r\n * @property {string} src - Primary image source URL.\r\n * @property {string} alt - Alternative text for accessibility.\r\n * @property {string} width - CSS width for the rendered image.\r\n * @property {string} height - CSS height for the rendered image.\r\n * @property {string | null} aspectRatio - CSS `aspect-ratio` value.\r\n * @property {string} borderRadius - CSS border radius.\r\n * @property {string} boxShadow - CSS box shadow.\r\n * @property {string} objectFit - CSS object-fit value.\r\n * @property {string} objectPosition - CSS object-position value.\r\n * @property {string} srcset - Responsive source set string.\r\n * @property {string} sizes - Responsive sizes string.\r\n * @property {boolean} autoSizes - Computes `sizes` from host width when true.\r\n * @property {SkyImageLoading} loading - Native loading hint.\r\n * @property {SkyImageDecoding} decoding - Native decoding hint.\r\n *\r\n * @csspart img - The underlying `<img>` element.\r\n *\r\n * @Behavior\r\n * - Renders a fallback visual placeholder when `src` is empty\r\n * - Supports automatic `sizes` updates using ResizeObserver\r\n * - Forwards native image loading and decoding hints\r\n *\r\n * @example\r\n * ```html\r\n * <sky-image\r\n *   src=\"/images/photo-1280.jpg\"\r\n *   srcset=\"/images/photo-640.jpg 640w, /images/photo-960.jpg 960w, /images/photo-1280.jpg 1280w\"\r\n *   sizes=\"(max-width: 768px) 100vw, 50vw\"\r\n *   alt=\"Responsive photo\"\r\n *   width=\"100%\"\r\n *   aspect-ratio=\"4/3\"\r\n *   border-radius=\"8px\"\r\n *   loading=\"lazy\"\r\n * ></sky-image>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-image\r\n *     src=\"/images/photo-1280.jpg\"\r\n *     srcset=\"/images/photo-640.jpg 640w, /images/photo-960.jpg 960w, /images/photo-1280.jpg 1280w\"\r\n *     sizes=\"(max-width: 768px) 100vw, 50vw\"\r\n *     alt=\"Responsive photo\"\r\n *     width=\"100%\"\r\n *     aspect-ratio=\"4/3\"\r\n *     border-radius=\"8px\"\r\n *   ></sky-image>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return (\r\n *     <sky-image\r\n *       src=\"/images/photo-1280.jpg\"\r\n *       srcset=\"/images/photo-640.jpg 640w, /images/photo-960.jpg 960w, /images/photo-1280.jpg 1280w\"\r\n *       sizes=\"(max-width: 768px) 100vw, 50vw\"\r\n *       alt=\"Responsive photo\"\r\n *       width=\"100%\"\r\n *       aspect-ratio=\"4/3\"\r\n *       border-radius=\"8px\"\r\n *     ></sky-image>\r\n *   );\r\n * }\r\n * ```\r\n */\r\n@customElement(\"sky-image\")\r\nexport class SkyImage extends LitElement {\r\n  @property({ type: String }) src = \"\";\r\n  @property({ type: String }) alt = \"Image\";\r\n  @property({ type: String }) width = \"auto\";\r\n  @property({ type: String }) height = \"auto\";\r\n  @property({ type: String }) aspectRatio: string | null = null;\r\n  @property({ type: String }) borderRadius = \"0\";\r\n  @property({ type: String }) boxShadow = \"none\";\r\n  @property({ type: String }) objectFit = \"cover\";\r\n  @property({ type: String }) objectPosition = \"center\";\r\n\r\n  @property({ type: String }) srcset = \"\";\r\n  @property({ type: String }) sizes = \"\";\r\n\r\n  @property({ type: Boolean }) autoSizes = false;\r\n  @state() private _computedSizes = \"\";\r\n\r\n  @property({ type: String }) loading: SkyImageLoading = \"lazy\";\r\n  @property({ type: String }) decoding: SkyImageDecoding = \"async\";\r\n\r\n  static override styles = css`\r\n    :host {\r\n      display: inline-block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    img,\r\n    .placeholder {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .placeholder {\r\n      background: var(--sky-hover-tertiary);\r\n    }\r\n  `;\r\n\r\n  private _ro?: ResizeObserver;\r\n  private _sizesRafId: number | null = null;\r\n  private _updateSizes = () => {\r\n    if (this._sizesRafId != null) return;\r\n    this._sizesRafId = requestAnimationFrame(() => {\r\n      this._sizesRafId = null;\r\n      const w = Math.ceil(this.getBoundingClientRect().width);\r\n      if (w > 0) this._computedSizes = `${w}px`;\r\n    });\r\n  };\r\n\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    // firstUpdated runs only once; re-create the observer when the element\r\n    // is moved back into the document after a disconnect.\r\n    this._ensureAutoSizesObserver();\r\n  }\r\n\r\n  override firstUpdated(): void {\r\n    this._ensureAutoSizesObserver();\r\n  }\r\n\r\n  private _ensureAutoSizesObserver(): void {\r\n    if (!this.autoSizes) return;\r\n    if (!this._ro) {\r\n      this._ro = new ResizeObserver(this._updateSizes);\r\n      this._ro.observe(this);\r\n    }\r\n    this._updateSizes();\r\n  }\r\n\r\n  override updated(changed: PropertyValues<this>): void {\r\n    super.updated(changed);\r\n\r\n    if (changed.has(\"autoSizes\")) {\r\n      if (this.autoSizes) {\r\n        this._ensureAutoSizesObserver();\r\n      } else {\r\n        this._ro?.disconnect();\r\n        this._ro = undefined;\r\n        this._computedSizes = \"\";\r\n      }\r\n    }\r\n\r\n    if (!this._shouldResyncImageSource(changed)) return;\r\n    this._resyncImageSource(\r\n      changed.has(\"srcset\") && changed.get(\"srcset\") !== undefined,\r\n    );\r\n  }\r\n\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this._ro?.disconnect();\r\n    this._ro = undefined;\r\n    if (this._sizesRafId != null) {\r\n      cancelAnimationFrame(this._sizesRafId);\r\n      this._sizesRafId = null;\r\n    }\r\n  }\r\n\r\n  /** Browsers keep the resolved resource when only srcset/sizes attrs change on a live <img>. */\r\n  private _shouldResyncImageSource(changed: PropertyValues<this>): boolean {\r\n    // Lit's PropertyValues<this> excludes private reactive state from keyof this,\r\n    // although @state changes are present in the runtime map.\r\n    const allChanged = changed as unknown as Map<PropertyKey, unknown>;\r\n    if (!this.src?.trim() && !this.srcset?.trim()) return false;\r\n    if (changed.has(\"src\") && changed.get(\"src\") !== undefined) return true;\r\n    if (changed.has(\"srcset\") && changed.get(\"srcset\") !== undefined) return true;\r\n    if (changed.has(\"sizes\") && changed.get(\"sizes\") !== undefined) return true;\r\n    if (\r\n      this.autoSizes &&\r\n      allChanged.has(\"_computedSizes\") &&\r\n      allChanged.get(\"_computedSizes\") !== undefined\r\n    ) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  private _resolvedSizesAttr(): string {\r\n    return this.autoSizes ? this._computedSizes : this.sizes || \"\";\r\n  }\r\n\r\n  /** `src` used on <img> — must stay in sync with `srcset` when the set changes. */\r\n  private _displaySrc(): string {\r\n    const explicit = this.src?.trim() ?? \"\";\r\n    const srcset = this.srcset?.trim() ?? \"\";\r\n    if (!explicit && !srcset) return \"\";\r\n    if (!srcset) return explicit;\r\n    return resolveImageFallbackSrc(explicit, srcset);\r\n  }\r\n\r\n  private _applyImgAttrs(img: HTMLImageElement, srcsetChanged: boolean): void {\r\n    const srcset = this.srcset?.trim() ?? \"\";\r\n    const sizesAttr = this._resolvedSizesAttr();\r\n    const src = this._displaySrc();\r\n\r\n    if (srcset) img.srcset = srcset;\r\n    else img.removeAttribute(\"srcset\");\r\n\r\n    if (sizesAttr) img.sizes = sizesAttr;\r\n    else img.removeAttribute(\"sizes\");\r\n\r\n    // When the candidate list changes, drop `src` first so the UA cannot keep the old resource.\r\n    if (srcsetChanged) img.removeAttribute(\"src\");\r\n    img.src = src;\r\n  }\r\n\r\n  private _resyncImageSource(srcsetChanged = false): void {\r\n    const img = this.renderRoot.querySelector(\"img\");\r\n    if (!(img instanceof HTMLImageElement)) return;\r\n\r\n    const replacement = img.cloneNode(false) as HTMLImageElement;\r\n    replacement.alt = this.alt;\r\n    replacement.loading = this.loading;\r\n    replacement.decoding = this.decoding;\r\n    const style = img.getAttribute(\"style\");\r\n    if (style) replacement.setAttribute(\"style\", style);\r\n    replacement.setAttribute(\"part\", \"img\");\r\n\r\n    this._applyImgAttrs(replacement, srcsetChanged);\r\n    img.replaceWith(replacement);\r\n  }\r\n\r\n  override render() {\r\n    const sizesAttr = this._resolvedSizesAttr();\r\n    const displaySrc = this._displaySrc();\r\n    const hasSrc = displaySrc !== \"\";\r\n\r\n    const styleVars = {\r\n      width: this.width,\r\n      height: this.height,\r\n      borderRadius: this.borderRadius,\r\n      boxShadow: this.boxShadow,\r\n      objectFit: this.objectFit,\r\n      objectPosition: this.objectPosition,\r\n      aspectRatio: this.aspectRatio ?? \"auto\",\r\n    };\r\n\r\n    if (!hasSrc) {\r\n      return html`\r\n        <div\r\n          class=\"placeholder\"\r\n          part=\"img\"\r\n          style=${styleMap(styleVars)}\r\n          aria-label=${this.alt}\r\n          role=\"img\"\r\n        ></div>\r\n      `;\r\n    }\r\n\r\n    return html`\r\n      <img\r\n        src=${displaySrc}\r\n        alt=${this.alt}\r\n        srcset=${this.srcset || nothing}\r\n        sizes=${sizesAttr || nothing}\r\n        loading=${this.loading}\r\n        decoding=${this.decoding}\r\n        style=${styleMap(styleVars)}\r\n        part=\"img\"\r\n      />\r\n    `;\r\n  }\r\n}\r\n"],"names":["SkyImage","LitElement","constructor","super","arguments","this","src","alt","width","height","aspectRatio","borderRadius","boxShadow","objectFit","objectPosition","srcset","sizes","autoSizes","_computedSizes","loading","decoding","_sizesRafId","_updateSizes","requestAnimationFrame","w","Math","ceil","getBoundingClientRect","connectedCallback","_ensureAutoSizesObserver","firstUpdated","_ro","ResizeObserver","observe","updated","changed","has","disconnect","_shouldResyncImageSource","_resyncImageSource","get","disconnectedCallback","cancelAnimationFrame","allChanged","trim","_resolvedSizesAttr","_displaySrc","explicit","resolveImageFallbackSrc","_applyImgAttrs","img","srcsetChanged","sizesAttr","removeAttribute","renderRoot","querySelector","HTMLImageElement","replacement","cloneNode","style","getAttribute","setAttribute","replaceWith","render","displaySrc","hasSrc","styleVars","html","nothing","styleMap","styles","css","__decorateClass","property","type","String","prototype","Boolean","state","customElement"],"mappings":"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"}

package/dist/sky-image/srcset-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"srcset-utils.js","sources":["../../src/sky-image/srcset-utils.ts"],"sourcesContent":[null],"names":["parseSrcset","srcset","trimmed","trim","out","piece","split","parts","filter","Boolean","url","descriptor","endsWith","width","Number","parseInt","slice","push","isFinite","undefined","density","parseFloat","resolveImageFallbackSrc","src","explicit","candidates","length","some","c","widthCandidates","reduce","best","densityCandidates"],"mappings":"AAOM,SAAUA,EAAYC,GAC1B,MAAMC,EAAUD,EAAOE,OACvB,IAAKD,EAAS,MAAO,GAErB,MAAME,EAAyB,GAC/B,IAAK,MAAMC,KAASH,EAAQI,MAAM,KAAM,CACtC,MAAMC,EAAQF,EAAMF,OAAOG,MAAM,OAAOE,OAAOC,SACzCC,EAAMH,EAAM,GAClB,IAAKG,EAAK,SAEV,MAAMC,EAAaJ,EAAM,GACzB,GAAKI,EAAL,CAIA,GAAIA,EAAWC,SAAS,KAAM,CAC5B,MAAMC,EAAQC,OAAOC,SAASJ,EAAWK,MAAM,MAAQ,IACvDZ,EAAIa,KAAK,CAAEP,MAAKG,MAAOC,OAAOI,SAASL,GAASA,OAAQM,IACxD,QACF,CACA,GAAIR,EAAWC,SAAS,KAAM,CAC5B,MAAMQ,EAAUN,OAAOO,WAAWV,EAAWK,MAAM,GAAG,IACtDZ,EAAIa,KAAK,CAAEP,MAAKU,QAASN,OAAOI,SAASE,GAAWA,OAAUD,IAC9D,QACF,CACAf,EAAIa,KAAK,CAAEP,OAXX,MAFEN,EAAIa,KAAK,CAAEP,OAcf,CACA,OAAON,CACT,CAGM,SAAUkB,EAAwBC,EAAatB,GACnD,MAAMuB,EAAWD,EAAIpB,OACfsB,EAAazB,EAAYC,GAC/B,IAAKwB,EAAWC,OAAQ,OAAOF,EAE/B,GAAIA,GAAYC,EAAWE,KAAMC,GAAMA,EAAElB,MAAQc,GAC/C,OAAOA,EAGT,MAAMK,EAAkBJ,EAAWjB,OAChCoB,GACoB,iBAAZA,EAAEf,OAAsBe,EAAEf,MAAQ,GAE7C,GAAIgB,EAAgBH,OAClB,OAAOG,EAAgBC,OAAO,CAACC,EAAMH,IACnCA,EAAEf,OAASkB,EAAKlB,MAAQe,EAAIG,GAC5BrB,IAGJ,MAAMsB,EAAoBP,EAAWjB,OAClCoB,GACsB,iBAAdA,EAAER,SAAwBQ,EAAER,QAAU,GAEjD,OAAIY,EAAkBN,OACbM,EAAkBF,OAAO,CAACC,EAAMH,IACrCA,EAAER,SAAWW,EAAKX,QAAUQ,EAAIG,GAChCrB,IAGGe,EAAW,IAAIf,KAAOc,CAC/B"}
+{"version":3,"file":"srcset-utils.js","sources":["../../src/sky-image/srcset-utils.ts"],"sourcesContent":["export type SrcsetCandidate = {\r\n  url: string;\r\n  width?: number;\r\n  density?: number;\r\n};\r\n\r\n/** Parse a comma-separated `srcset` attribute into URL + descriptor pairs. */\r\nexport function parseSrcset(srcset: string): SrcsetCandidate[] {\r\n  const trimmed = srcset.trim();\r\n  if (!trimmed) return [];\r\n\r\n  const out: SrcsetCandidate[] = [];\r\n  for (const piece of trimmed.split(\",\")) {\r\n    const parts = piece.trim().split(/\\s+/).filter(Boolean);\r\n    const url = parts[0];\r\n    if (!url) continue;\r\n\r\n    const descriptor = parts[1];\r\n    if (!descriptor) {\r\n      out.push({ url });\r\n      continue;\r\n    }\r\n    if (descriptor.endsWith(\"w\")) {\r\n      const width = Number.parseInt(descriptor.slice(0, -1), 10);\r\n      out.push({ url, width: Number.isFinite(width) ? width : undefined });\r\n      continue;\r\n    }\r\n    if (descriptor.endsWith(\"x\")) {\r\n      const density = Number.parseFloat(descriptor.slice(0, -1));\r\n      out.push({ url, density: Number.isFinite(density) ? density : undefined });\r\n      continue;\r\n    }\r\n    out.push({ url });\r\n  }\r\n  return out;\r\n}\r\n\r\n/** Pick the `src` fallback the UA should use for a given `srcset`. */\r\nexport function resolveImageFallbackSrc(src: string, srcset: string): string {\r\n  const explicit = src.trim();\r\n  const candidates = parseSrcset(srcset);\r\n  if (!candidates.length) return explicit;\r\n\r\n  if (explicit && candidates.some((c) => c.url === explicit)) {\r\n    return explicit;\r\n  }\r\n\r\n  const widthCandidates = candidates.filter(\r\n    (c): c is SrcsetCandidate & { width: number } =>\r\n      typeof c.width === \"number\" && c.width > 0,\r\n  );\r\n  if (widthCandidates.length) {\r\n    return widthCandidates.reduce((best, c) =>\r\n      c.width >= best.width ? c : best,\r\n    ).url;\r\n  }\r\n\r\n  const densityCandidates = candidates.filter(\r\n    (c): c is SrcsetCandidate & { density: number } =>\r\n      typeof c.density === \"number\" && c.density > 0,\r\n  );\r\n  if (densityCandidates.length) {\r\n    return densityCandidates.reduce((best, c) =>\r\n      c.density >= best.density ? c : best,\r\n    ).url;\r\n  }\r\n\r\n  return candidates[0]?.url ?? explicit;\r\n}\r\n"],"names":["parseSrcset","srcset","trimmed","trim","out","piece","split","parts","filter","Boolean","url","descriptor","endsWith","width","Number","parseInt","slice","push","isFinite","density","parseFloat","resolveImageFallbackSrc","src","explicit","candidates","length","some","c","widthCandidates","reduce","best","densityCandidates"],"mappings":"AAOO,SAASA,EAAYC,GAC1B,MAAMC,EAAUD,EAAOE,OACvB,IAAKD,EAAS,MAAO,GAErB,MAAME,EAAyB,GAC/B,IAAA,MAAWC,KAASH,EAAQI,MAAM,KAAM,CACtC,MAAMC,EAAQF,EAAMF,OAAOG,MAAM,OAAOE,OAAOC,SACzCC,EAAMH,EAAM,GAClB,IAAKG,EAAK,SAEV,MAAMC,EAAaJ,EAAM,GACzB,GAAKI,EAAL,CAIA,GAAIA,EAAWC,SAAS,KAAM,CAC5B,MAAMC,EAAQC,OAAOC,SAASJ,EAAWK,MAAM,MAAQ,IACvDZ,EAAIa,KAAK,CAAEP,MAAKG,MAAOC,OAAOI,SAASL,GAASA,OAAQ,IACxD,QACF,CACA,GAAIF,EAAWC,SAAS,KAAM,CAC5B,MAAMO,EAAUL,OAAOM,WAAWT,EAAWK,MAAM,GAAG,IACtDZ,EAAIa,KAAK,CAAEP,MAAKS,QAASL,OAAOI,SAASC,GAAWA,OAAU,IAC9D,QACF,CACAf,EAAIa,KAAK,CAAEP,OAXX,MAFEN,EAAIa,KAAK,CAAEP,OAcf,CACA,OAAON,CACT,CAGO,SAASiB,EAAwBC,EAAarB,GACnD,MAAMsB,EAAWD,EAAInB,OACfqB,EAAaxB,EAAYC,GAC/B,IAAKuB,EAAWC,OAAQ,OAAOF,EAE/B,GAAIA,GAAYC,EAAWE,KAAMC,GAAMA,EAAEjB,MAAQa,GAC/C,OAAOA,EAGT,MAAMK,EAAkBJ,EAAWhB,OAChCmB,GACoB,iBAAZA,EAAEd,OAAsBc,EAAEd,MAAQ,GAE7C,GAAIe,EAAgBH,OAClB,OAAOG,EAAgBC,OAAO,CAACC,EAAMH,IACnCA,EAAEd,OAASiB,EAAKjB,MAAQc,EAAIG,GAC5BpB,IAGJ,MAAMqB,EAAoBP,EAAWhB,OAClCmB,GACsB,iBAAdA,EAAER,SAAwBQ,EAAER,QAAU,GAEjD,OAAIY,EAAkBN,OACbM,EAAkBF,OAAO,CAACC,EAAMH,IACrCA,EAAER,SAAWW,EAAKX,QAAUQ,EAAIG,GAChCpB,IAGGc,EAAW,IAAId,KAAOa,CAC/B"}

package/dist/sky-input/sky-input.d.ts

@@ -199,12 +199,12 @@ export declare class SkyInput extends FormControlBase {
     private _onRightIconSlotChange;
     static styles: import("lit").CSSResult;
     static shadowRootOptions: {
-        delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
     };
     connectedCallback(): void;
     disconnectedCallback(): void;