@sky.ui/core 0.0.2 → 0.0.6

package/dist/sky-accordion/sky-accordion.js

@@ -3,7 +3,6 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as
       display: block;
       width: 100%;
       box-sizing: border-box;
-      overflow: hidden;
       border-radius: var(--sky-radius-secondary);
     }
 

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

@@ -1 +1 @@
-{"version":3,"file":"sky-accordion.js","sources":["../../src/sky-accordion/sky-accordion.ts"],"sourcesContent":[null],"names":["SkyAccordion","LitElement","constructor","this","singleOpen","variant","disabled","label","_itemsCache","handleSlotChange","requestUpdate","styles","css","connectedCallback","super","addEventListener","handleItemToggle","capture","handleKeydown","disconnectedCallback","removeEventListener","expandAll","items","length","forEach","item","index","open","collapseAll","openItem","target","closeItem","toggleItem","openFirst","openLast","lastIndex","focusItem","header","shadowRoot","querySelector","focus","focusFirst","focusLast","getItems","e","event","detail","includes","key","newIndex","node","currentIndex","SkyAccordionItem","indexOf","parent","parentNode","ShadowRoot","host","Math","min","max","preventDefault","Array","from","children","filter","render","html","nothing","__decorate","property","type","Boolean","prototype","String","reflect","eventOptions","Event","KeyboardEvent","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-accordion.js","sources":["../../src/sky-accordion/sky-accordion.ts"],"sourcesContent":[null],"names":["SkyAccordion","LitElement","constructor","this","singleOpen","variant","disabled","label","_itemsCache","handleSlotChange","requestUpdate","styles","css","connectedCallback","super","addEventListener","handleItemToggle","capture","handleKeydown","disconnectedCallback","removeEventListener","expandAll","items","length","forEach","item","index","open","collapseAll","openItem","target","closeItem","toggleItem","openFirst","openLast","lastIndex","focusItem","header","shadowRoot","querySelector","focus","focusFirst","focusLast","getItems","e","event","detail","includes","key","newIndex","node","currentIndex","SkyAccordionItem","indexOf","parent","parentNode","ShadowRoot","host","Math","min","max","preventDefault","Array","from","children","filter","render","html","nothing","__decorate","property","type","Boolean","prototype","String","reflect","eventOptions","Event","KeyboardEvent","customElement"],"mappings":"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"}

package/dist/sky-button-group/sky-button-group.js

@@ -126,25 +126,25 @@ import{__decorate as t,__metadata as r}from"tslib";import{LitElement as o,css as
       border-radius: var(--btn-group-radius);
     }
 
-    /* Seam overlap (negative margin) only for non-ghost and non-gradient */
-    :host(:not([variant="ghost"]):not([variant="gradient"]))
+    /* Seam overlap (negative margin) only for segmented, non-ghost, non-gradient */
+    :host(:not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(button:not(:first-child)) {
       margin-left: calc(-1 * var(--btn-border-width));
     }
-    :host(:not([variant="ghost"]):not([variant="gradient"]))
+    :host(:not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(sky-button:not(:first-child)),
-    :host(:not([variant="ghost"]):not([variant="gradient"]))
+    :host(:not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(sky-dropdown:not(:first-child)) {
       margin-left: calc(-1 * var(--btn-border-width));
     }
-    :host(:dir(rtl):not([variant="ghost"]):not([variant="gradient"]))
+    :host(:dir(rtl):not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(button:not(:first-child)) {
       margin-left: 0;
       margin-right: calc(-1 * var(--btn-border-width));
     }
-    :host(:dir(rtl):not([variant="ghost"]):not([variant="gradient"]))
+    :host(:dir(rtl):not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(sky-button:not(:first-child)),
-    :host(:dir(rtl):not([variant="ghost"]):not([variant="gradient"]))
+    :host(:dir(rtl):not([layout="stacked"]):not([variant="ghost"]):not([variant="gradient"]))
       ::slotted(sky-dropdown:not(:first-child)) {
       margin-left: 0;
       margin-right: calc(-1 * var(--btn-border-width));

package/dist/sky-drawer/sky-drawer.js

@@ -155,8 +155,6 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as
         class="overlay"
         part="overlay"
         @click=${this._onOverlayClick}
-        @keydown=${this._stop}
-        tabindex="-1"
         aria-hidden="true"
       ></div>
 

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

@@ -1 +1 @@
-{"version":3,"file":"sky-drawer.js","sources":["../../src/sky-drawer/sky-drawer.ts"],"sourcesContent":[null],"names":["SkyDrawer","LitElement","constructor","this","open","side","width","height","radius","overlay","persistent","closeOnEsc","scope","separator","_onKeydown","e","key","close","_onOverlayClick","dispatchEvent","CustomEvent","detail","bubbles","composed","styles","css","openDrawer","toggle","connectedCallback","super","_applyDims","window","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","style","setProperty","resolveRadius","_stop","stopPropagation","render","html","__decorate","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-drawer.js","sources":["../../src/sky-drawer/sky-drawer.ts"],"sourcesContent":[null],"names":["SkyDrawer","LitElement","constructor","this","open","side","width","height","radius","overlay","persistent","closeOnEsc","scope","separator","_onKeydown","e","key","close","_onOverlayClick","dispatchEvent","CustomEvent","detail","bubbles","composed","styles","css","openDrawer","toggle","connectedCallback","super","_applyDims","window","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","style","setProperty","resolveRadius","_stop","stopPropagation","render","html","__decorate","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"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"}

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

@@ -157,6 +157,8 @@ export declare class SkyDropdown extends LitElement {
     /** @private Popover controller instance. */
     private dropdownPopover;
     static styles: import("lit").CSSResult;
+    /** Maps `width` prop to a host CSS variable consumed by `.dropdown-content`. */
+    private _applyWidthProp;
     /** @protected */
     protected firstUpdated(_changed: PropertyValues): void;
     /** @protected */

package/dist/sky-dropdown/sky-dropdown.js

@@ -1,4 +1,4 @@
-import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as i,html as s}from"lit";import{property as r,query as n,customElement as p}from"lit/decorators.js";import{PopoverController as d}from"../helper/controllers/popover-controller.js";let h=class extends o{constructor(){super(...arguments),this.trigger="click",this.placement="bottom",this.align="center",this.open=!1,this.value="",this.width="auto",this.closeOnClick=!0,this.closeOnEsc=!0,this.hoverOpenDelay=120,this.hoverCloseDelay=160,this.offset=8,this.flip=!0,this.viewportPadding=8,this.maxHeight="auto",this.animateType="fade",this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._openTimeout=null,this._closeTimeout=null,this._ready=!1,this._syncingFromController=!1,this.dropdownPopover=new d(this,{getAnchor:()=>this._triggerEl,getPopover:()=>this._contentEl,cssVarLeft:"--sky-dd-left",cssVarTop:"--sky-dd-top",cssVarWidth:"--sky-dd-width",getPlacement:()=>this.placement,getAlign:()=>this.align,getGap:()=>this.offset,getPadding:()=>this.viewportPadding,getMatchAnchorWidth:()=>"trigger"===this.width,getFlip:()=>this.flip,getPreset:()=>this.animateType,getCloseOnEscape:()=>this.closeOnEsc,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!0,maxWidthToViewport:!0,maxWidthMode:"cap",flipOrder:["bottom","top","right","left"],animateReposition:!0,repositionMs:160,sideAttr:"data-side",respectReducedMotion:!0,onOpenChange:e=>{const t=this.open!==e;t&&(this._syncingFromController=!0,this.open=e,this._syncingFromController=!1),t&&(this.dispatchEvent(new CustomEvent(e?"open":"close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:e},bubbles:!0,composed:!0}))),e||(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),t&&this._syncTriggerA11y()}}),this._onTriggerMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!0,this._clearTimeouts(),this._openTimeout=window.setTimeout(()=>{this.open||this.openDropdown()},this.hoverOpenDelay))},this._onTriggerMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!1,this._isHoveringContent||this._scheduleClose())},this._onContentMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringContent=!0,this._clearTimeouts())},this._onContentMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringContent=!1,this._isHoveringTrigger||this._scheduleClose())},this._onTriggerClick=e=>{"click"===this.trigger&&(e.stopPropagation(),this.toggle())},this._onItemClick=e=>{const t=e.composedPath().find(e=>e instanceof HTMLElement&&("sky-dropdown-item"===e.tagName.toLowerCase()||"menuitem"===e.role));t&&this._activateItem(t)},this._onDropdownItemClick=e=>{const t=e.composedPath().find(e=>e instanceof HTMLElement&&"sky-dropdown-item"===e.tagName.toLowerCase());t&&this._activateItem(t)}}static{this.styles=i`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as i,html as r}from"lit";import{property as s,query as n,customElement as p}from"lit/decorators.js";import{PopoverController as d}from"../helper/controllers/popover-controller.js";let h=class extends o{constructor(){super(...arguments),this.trigger="click",this.placement="bottom",this.align="center",this.open=!1,this.value="",this.width="auto",this.closeOnClick=!0,this.closeOnEsc=!0,this.hoverOpenDelay=120,this.hoverCloseDelay=160,this.offset=8,this.flip=!0,this.viewportPadding=8,this.maxHeight="auto",this.animateType="fade",this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._openTimeout=null,this._closeTimeout=null,this._ready=!1,this._syncingFromController=!1,this.dropdownPopover=new d(this,{getAnchor:()=>this._triggerEl,getPopover:()=>this._contentEl,cssVarLeft:"--sky-dd-left",cssVarTop:"--sky-dd-top",cssVarWidth:"--sky-dd-width",getPlacement:()=>this.placement,getAlign:()=>this.align,getGap:()=>this.offset,getPadding:()=>this.viewportPadding,getMatchAnchorWidth:()=>"trigger"===this.width,getFlip:()=>this.flip,getPreset:()=>this.animateType,getCloseOnEscape:()=>this.closeOnEsc,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!0,maxWidthToViewport:!0,maxWidthMode:"cap",flipOrder:["bottom","top","right","left"],animateReposition:!0,repositionMs:160,sideAttr:"data-side",respectReducedMotion:!0,onOpenChange:t=>{const e=this.open!==t;e&&(this._syncingFromController=!0,this.open=t,this._syncingFromController=!1),e&&(this.dispatchEvent(new CustomEvent(t?"open":"close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:t},bubbles:!0,composed:!0}))),t||(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),e&&this._syncTriggerA11y()}}),this._onTriggerMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!0,this._clearTimeouts(),this._openTimeout=window.setTimeout(()=>{this.open||this.openDropdown()},this.hoverOpenDelay))},this._onTriggerMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!1,this._isHoveringContent||this._scheduleClose())},this._onContentMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringContent=!0,this._clearTimeouts())},this._onContentMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringContent=!1,this._isHoveringTrigger||this._scheduleClose())},this._onTriggerClick=t=>{"click"===this.trigger&&(t.stopPropagation(),this.toggle())},this._onItemClick=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&("sky-dropdown-item"===t.tagName.toLowerCase()||"menuitem"===t.role));e&&this._activateItem(e)},this._onDropdownItemClick=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&"sky-dropdown-item"===t.tagName.toLowerCase());e&&this._activateItem(e)}}static{this.styles=i`
     :host {
       display: inline-block;
       position: relative;
@@ -13,6 +13,9 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as
       position: fixed;
       left: var(--sky-dd-left, 0px);
       top: var(--sky-dd-top, 0px);
+      width: var(--dropdown-fixed-width, var(--sky-dd-width, max-content));
+      min-width: var(--dropdown-fixed-width, var(--sky-dd-width, auto));
+      max-width: var(--dropdown-fixed-width, none);
       background: var(--sky-glass-primary);
       border: var(--sky-border-primary);
       border-radius: var(--sky-radius-secondary);
@@ -29,7 +32,7 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as
       overflow-y: auto;
       max-height: var(--dropdown-max-h, 320px);
     }
-  `}firstUpdated(e){super.firstUpdated(e),this._ready=!0,this.style.setProperty("--dropdown-max-h",this.maxHeight),this.dropdownPopover.refreshTargets(),this._syncTriggerA11y(),this._applyOpenToController(!1)}updated(e){if(super.updated(e),e.has("maxHeight")&&this.style.setProperty("--dropdown-max-h",this.maxHeight),e.has("trigger")&&(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),this._ready&&this.open&&(e.has("placement")||e.has("align")||e.has("offset")||e.has("viewportPadding")||e.has("flip")||e.has("width")||e.has("animateType"))&&this.dropdownPopover.refreshTargets(),e.has("open")){const t=Boolean(e.get("open"));this._applyOpenToController(t)}}connectedCallback(){super.connectedCallback(),this.addEventListener("dropdown-item-click",this._onDropdownItemClick)}disconnectedCallback(){this.removeEventListener("dropdown-item-click",this._onDropdownItemClick),super.disconnectedCallback(),this._clearTimeouts();try{this.dropdownPopover.open&&this.dropdownPopover.closePopover("api")}catch{}this._ready=!1}_applyOpenToController(e){this._ready&&(this._syncingFromController||(!this.open||this.dropdownPopover.open?this.open||!e&&!this.dropdownPopover.open||this.dropdownPopover.closePopover("api"):this.dropdownPopover.openPopover()))}_clearTimeouts(){this._openTimeout&&(clearTimeout(this._openTimeout),this._openTimeout=null),this._closeTimeout&&(clearTimeout(this._closeTimeout),this._closeTimeout=null)}_syncTriggerA11y(){const e=this._triggerEl;e&&(e.setAttribute("role","button"),e.setAttribute("aria-expanded",String(this.open)),e.setAttribute("aria-haspopup","menu"),this._contentEl?.id?e.setAttribute("aria-controls",this._contentEl.id):this._contentEl&&(this._contentEl.id||=`sky-dd-${crypto?.randomUUID?.()??Math.random().toString(16).slice(2)}`,e.setAttribute("aria-controls",this._contentEl.id)))}_scheduleClose(){this._clearTimeouts(),this._closeTimeout=window.setTimeout(()=>{!this.open||"hover"!==this.trigger||this._isHoveringTrigger||this._isHoveringContent||this.close()},this.hoverCloseDelay)}toggle(){this.dropdownPopover.open?this.dropdownPopover.closePopover("toggle"):this.dropdownPopover.openPopover()}openDropdown(){this.open=!0}close(){this.open=!1,this._clearTimeouts()}focusTrigger(){this._triggerEl&&this._triggerEl.focus()}_resolveItemValue(e){const t=e,o=t.value?.trim();if(o)return o;const i=e.getAttribute("value")?.trim();return i||(t.label??"").trim()}_activateItem(e){const t=this._resolveItemValue(e);if(e.disabled??!1)return;const o=(e.textContent??"").trim();this.value=t,this.dispatchEvent(new CustomEvent("dropdown-select",{detail:{value:t,text:o,item:e},bubbles:!0,composed:!0})),this.closeOnClick&&this.close()}render(){return s`
+  `}_applyWidthProp(){"auto"!==this.width&&"trigger"!==this.width?this.style.setProperty("--dropdown-fixed-width",this.width):this.style.removeProperty("--dropdown-fixed-width")}firstUpdated(t){super.firstUpdated(t),this._ready=!0,this.style.setProperty("--dropdown-max-h",this.maxHeight),this._applyWidthProp(),this.dropdownPopover.refreshTargets(),this._syncTriggerA11y(),this._applyOpenToController(!1)}updated(t){if(super.updated(t),t.has("maxHeight")&&this.style.setProperty("--dropdown-max-h",this.maxHeight),t.has("width")&&this._applyWidthProp(),t.has("trigger")&&(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),this._ready&&this.open&&(t.has("placement")||t.has("align")||t.has("offset")||t.has("viewportPadding")||t.has("flip")||t.has("width")||t.has("animateType"))&&this.dropdownPopover.refreshTargets(),t.has("open")){const e=Boolean(t.get("open"));this._applyOpenToController(e)}}connectedCallback(){super.connectedCallback(),this.addEventListener("dropdown-item-click",this._onDropdownItemClick)}disconnectedCallback(){this.removeEventListener("dropdown-item-click",this._onDropdownItemClick),super.disconnectedCallback(),this._clearTimeouts();try{this.dropdownPopover.open&&this.dropdownPopover.closePopover("api")}catch{}this._ready=!1}_applyOpenToController(t){this._ready&&(this._syncingFromController||(!this.open||this.dropdownPopover.open?this.open||!t&&!this.dropdownPopover.open||this.dropdownPopover.closePopover("api"):this.dropdownPopover.openPopover()))}_clearTimeouts(){this._openTimeout&&(clearTimeout(this._openTimeout),this._openTimeout=null),this._closeTimeout&&(clearTimeout(this._closeTimeout),this._closeTimeout=null)}_syncTriggerA11y(){const t=this._triggerEl;t&&(t.setAttribute("role","button"),t.setAttribute("aria-expanded",String(this.open)),t.setAttribute("aria-haspopup","menu"),this._contentEl?.id?t.setAttribute("aria-controls",this._contentEl.id):this._contentEl&&(this._contentEl.id||=`sky-dd-${crypto?.randomUUID?.()??Math.random().toString(16).slice(2)}`,t.setAttribute("aria-controls",this._contentEl.id)))}_scheduleClose(){this._clearTimeouts(),this._closeTimeout=window.setTimeout(()=>{!this.open||"hover"!==this.trigger||this._isHoveringTrigger||this._isHoveringContent||this.close()},this.hoverCloseDelay)}toggle(){this.dropdownPopover.open?this.dropdownPopover.closePopover("toggle"):this.dropdownPopover.openPopover()}openDropdown(){this.open=!0}close(){this.open=!1,this._clearTimeouts()}focusTrigger(){this._triggerEl&&this._triggerEl.focus()}_resolveItemValue(t){const e=t,o=e.value?.trim();if(o)return o;const i=t.getAttribute("value")?.trim();return i||(e.label??"").trim()}_activateItem(t){const e=this._resolveItemValue(t);if(t.disabled??!1)return;const o=(t.textContent??"").trim();this.value=e,this.dispatchEvent(new CustomEvent("dropdown-select",{detail:{value:e,text:o,item:t},bubbles:!0,composed:!0})),this.closeOnClick&&this.close()}render(){return r`
       <div
         class="dropdown-trigger"
         part="trigger"
@@ -54,5 +57,5 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as
           <slot></slot>
         </div>
       </div>
-    `}};e([r({type:String,reflect:!0}),t("design:type",String)],h.prototype,"trigger",void 0),e([r({type:String,reflect:!0}),t("design:type",String)],h.prototype,"placement",void 0),e([r({type:String,reflect:!0}),t("design:type",String)],h.prototype,"align",void 0),e([r({type:Boolean,reflect:!0}),t("design:type",Object)],h.prototype,"open",void 0),e([r({type:String}),t("design:type",Object)],h.prototype,"value",void 0),e([r({type:String}),t("design:type",String)],h.prototype,"width",void 0),e([r({type:Boolean}),t("design:type",Object)],h.prototype,"closeOnClick",void 0),e([r({type:Boolean}),t("design:type",Object)],h.prototype,"closeOnEsc",void 0),e([r({type:Number}),t("design:type",Object)],h.prototype,"hoverOpenDelay",void 0),e([r({type:Number}),t("design:type",Object)],h.prototype,"hoverCloseDelay",void 0),e([r({type:Number}),t("design:type",Object)],h.prototype,"offset",void 0),e([r({type:Boolean}),t("design:type",Object)],h.prototype,"flip",void 0),e([r({type:Number}),t("design:type",Object)],h.prototype,"viewportPadding",void 0),e([r({type:String}),t("design:type",Object)],h.prototype,"maxHeight",void 0),e([r({type:String}),t("design:type",String)],h.prototype,"animateType",void 0),e([n(".dropdown-trigger"),t("design:type",HTMLElement)],h.prototype,"_triggerEl",void 0),e([n(".dropdown-content"),t("design:type",HTMLElement)],h.prototype,"_contentEl",void 0),h=e([p("sky-dropdown")],h);export{h as SkyDropdown};
+    `}};t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"trigger",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"placement",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"align",void 0),t([s({type:Boolean,reflect:!0}),e("design:type",Object)],h.prototype,"open",void 0),t([s({type:String}),e("design:type",Object)],h.prototype,"value",void 0),t([s({type:String}),e("design:type",String)],h.prototype,"width",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"closeOnClick",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"closeOnEsc",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"hoverOpenDelay",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"hoverCloseDelay",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"offset",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"flip",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"viewportPadding",void 0),t([s({type:String}),e("design:type",Object)],h.prototype,"maxHeight",void 0),t([s({type:String}),e("design:type",String)],h.prototype,"animateType",void 0),t([n(".dropdown-trigger"),e("design:type",HTMLElement)],h.prototype,"_triggerEl",void 0),t([n(".dropdown-content"),e("design:type",HTMLElement)],h.prototype,"_contentEl",void 0),h=t([p("sky-dropdown")],h);export{h as SkyDropdown};
 //# sourceMappingURL=sky-dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-dropdown.js","sources":["../../src/sky-dropdown/sky-dropdown.ts"],"sourcesContent":[null],"names":["SkyDropdown","LitElement","constructor","this","trigger","placement","align","open","value","width","closeOnClick","closeOnEsc","hoverOpenDelay","hoverCloseDelay","offset","flip","viewportPadding","maxHeight","animateType","_isHoveringTrigger","_isHoveringContent","_openTimeout","_closeTimeout","_ready","_syncingFromController","dropdownPopover","PopoverController","getAnchor","_triggerEl","getPopover","_contentEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getFlip","getPreset","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","maxWidthToViewport","maxWidthMode","flipOrder","animateReposition","repositionMs","sideAttr","respectReducedMotion","onOpenChange","openChanged","dispatchEvent","CustomEvent","bubbles","composed","detail","_clearTimeouts","_syncTriggerA11y","_onTriggerMouseEnter","window","setTimeout","openDropdown","_onTriggerMouseLeave","_scheduleClose","_onContentMouseEnter","_onContentMouseLeave","_onTriggerClick","e","stopPropagation","toggle","_onItemClick","item","composedPath","find","n","HTMLElement","tagName","toLowerCase","role","_activateItem","_onDropdownItemClick","styles","css","firstUpdated","_changed","super","style","setProperty","refreshTargets","_applyOpenToController","updated","changed","has","prev","Boolean","get","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","closePopover","previousOpen","openPopover","clearTimeout","t","setAttribute","String","id","crypto","randomUUID","Math","random","toString","slice","close","focusTrigger","focus","_resolveItemValue","withFields","fromProp","trim","fromAttr","getAttribute","label","disabled","text","textContent","render","html","onToggle","__decorate","property","type","reflect","prototype","Number","query","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-dropdown.js","sources":["../../src/sky-dropdown/sky-dropdown.ts"],"sourcesContent":[null],"names":["SkyDropdown","LitElement","constructor","this","trigger","placement","align","open","value","width","closeOnClick","closeOnEsc","hoverOpenDelay","hoverCloseDelay","offset","flip","viewportPadding","maxHeight","animateType","_isHoveringTrigger","_isHoveringContent","_openTimeout","_closeTimeout","_ready","_syncingFromController","dropdownPopover","PopoverController","getAnchor","_triggerEl","getPopover","_contentEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getFlip","getPreset","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","maxWidthToViewport","maxWidthMode","flipOrder","animateReposition","repositionMs","sideAttr","respectReducedMotion","onOpenChange","openChanged","dispatchEvent","CustomEvent","bubbles","composed","detail","_clearTimeouts","_syncTriggerA11y","_onTriggerMouseEnter","window","setTimeout","openDropdown","_onTriggerMouseLeave","_scheduleClose","_onContentMouseEnter","_onContentMouseLeave","_onTriggerClick","e","stopPropagation","toggle","_onItemClick","item","composedPath","find","n","HTMLElement","tagName","toLowerCase","role","_activateItem","_onDropdownItemClick","styles","css","_applyWidthProp","style","setProperty","removeProperty","firstUpdated","_changed","super","refreshTargets","_applyOpenToController","updated","changed","has","prev","Boolean","get","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","closePopover","previousOpen","openPopover","clearTimeout","t","setAttribute","String","id","crypto","randomUUID","Math","random","toString","slice","close","focusTrigger","focus","_resolveItemValue","withFields","fromProp","trim","fromAttr","getAttribute","label","disabled","text","textContent","render","html","onToggle","__decorate","property","type","reflect","prototype","Number","query","customElement"],"mappings":"kQAiHO,IAAMA,EAAN,cAA0BC,EAA1B,WAAAC,uBAGLC,KAAAC,QAA8B,QAI9BD,KAAAE,UAAkC,SAIlCF,KAAAG,MAA0B,SAI1BH,KAAAI,MAAO,EAIPJ,KAAAK,MAAQ,GAIRL,KAAAM,MAAqC,OAIrCN,KAAAO,cAAe,EAIfP,KAAAQ,YAAa,EAIbR,KAAAS,eAAiB,IAIjBT,KAAAU,gBAAkB,IAIlBV,KAAAW,OAAS,EAITX,KAAAY,MAAO,EAIPZ,KAAAa,gBAAkB,EAIlBb,KAAAc,UAAY,OAIZd,KAAAe,YAAsB,OAWdf,KAAAgB,oBAAqB,EAGrBhB,KAAAiB,oBAAqB,EAGrBjB,KAAAkB,aAA8B,KAG9BlB,KAAAmB,cAA+B,KAG/BnB,KAAAoB,QAAS,EAGTpB,KAAAqB,wBAAyB,EAGzBrB,KAAAsB,gBAAkB,IAAIC,EAAkBvB,KAAM,CACpDwB,UAAW,IAAMxB,KAAKyB,WACtBC,WAAY,IAAM1B,KAAK2B,WACvBC,WAAY,gBACZC,UAAW,eACXC,YAAa,iBACbC,aAAc,IAAM/B,KAAKE,UACzB8B,SAAU,IAAMhC,KAAKG,MACrB8B,OAAQ,IAAMjC,KAAKW,OACnBuB,WAAY,IAAMlC,KAAKa,gBACvBsB,oBAAqB,IAAqB,YAAfnC,KAAKM,MAChC8B,QAAS,IAAMpC,KAAKY,KACpByB,UAAW,IAAMrC,KAAKe,YACtBuB,iBAAkB,IAAMtC,KAAKQ,WAC7B+B,kBAAmB,KAAM,EACzBC,uBAAwB,KAAM,EAC9BC,oBAAoB,EACpBC,aAAc,MACdC,UAAW,CAAC,SAAU,MAAO,QAAS,QACtCC,mBAAmB,EACnBC,aAAc,IACdC,SAAU,YACVC,sBAAsB,EACtBC,aAAe5C,IACb,MAAM6C,EAAcjD,KAAKI,OAASA,EAG9B6C,IACFjD,KAAKqB,wBAAyB,EAC9BrB,KAAKI,KAAOA,EACZJ,KAAKqB,wBAAyB,GAG5B4B,IACFjD,KAAKkD,cACH,IAAIC,YAAkB/C,EAAO,OAAS,QAAS,CAC7CgD,SAAS,EACTC,UAAU,KAIdrD,KAAKkD,cACH,IAAIC,YAAyC,cAAe,CAC1DG,OAAQ,CAAElD,QACVgD,SAAS,EACTC,UAAU,MAKXjD,IACHJ,KAAKgB,oBAAqB,EAC1BhB,KAAKiB,oBAAqB,EAC1BjB,KAAKuD,kBAGHN,GACFjD,KAAKwD,sBAyMHxD,KAAAyD,qBAAuB,KACR,UAAjBzD,KAAKC,UAETD,KAAKgB,oBAAqB,EAC1BhB,KAAKuD,iBACLvD,KAAKkB,aAAewC,OAAOC,WAAW,KAC/B3D,KAAKI,MAAMJ,KAAK4D,gBACpB5D,KAAKS,kBAOFT,KAAA6D,qBAAuB,KACR,UAAjB7D,KAAKC,UAETD,KAAKgB,oBAAqB,EACrBhB,KAAKiB,oBAAoBjB,KAAK8D,mBAO7B9D,KAAA+D,qBAAuB,KACR,UAAjB/D,KAAKC,UAETD,KAAKiB,oBAAqB,EAC1BjB,KAAKuD,mBAOCvD,KAAAgE,qBAAuB,KACR,UAAjBhE,KAAKC,UAETD,KAAKiB,oBAAqB,EACrBjB,KAAKgB,oBAAoBhB,KAAK8D,mBAsE7B9D,KAAAiE,gBAAmBC,IACJ,UAAjBlE,KAAKC,UACTiE,EAAEC,kBACFnE,KAAKoE,WAQCpE,KAAAqE,aAAgBH,IACtB,MACMI,EADOJ,EAAEK,eACGC,KACfC,GACCA,aAAaC,cACgB,sBAA5BD,EAAEE,QAAQC,eACyB,aAAjCH,EAAwBI,OAG3BP,GAAMtE,KAAK8E,cAAcR,IAIvBtE,KAAA+E,qBAAwBb,IAC9B,MAAMI,EAAOJ,EACVK,eACAC,KACEC,GACCA,aAAaC,aACe,sBAA5BD,EAAEE,QAAQC,eAEZN,GAAMtE,KAAK8E,cAAcR,GAiEjC,QAnZStE,KAAAgF,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCjB,CAKM,eAAAC,GACa,SAAflF,KAAKM,OAAmC,YAAfN,KAAKM,MAIlCN,KAAKmF,MAAMC,YAAY,yBAA0BpF,KAAKM,OAHpDN,KAAKmF,MAAME,eAAe,yBAI9B,CAGmB,YAAAC,CAAaC,GAC9BC,MAAMF,aAAaC,GAEnBvF,KAAKoB,QAAS,EAGdpB,KAAKmF,MAAMC,YAAY,mBAAoBpF,KAAKc,WAChDd,KAAKkF,kBAGLlF,KAAKsB,gBAAgBmE,iBAGrBzF,KAAKwD,mBAGLxD,KAAK0F,wBAAuB,EAC9B,CAGS,OAAAC,CAAQC,GAkCf,GAjCAJ,MAAMG,QAAQC,GAEVA,EAAQC,IAAI,cACd7F,KAAKmF,MAAMC,YAAY,mBAAoBpF,KAAKc,WAG9C8E,EAAQC,IAAI,UACd7F,KAAKkF,kBAGHU,EAAQC,IAAI,aACd7F,KAAKgB,oBAAqB,EAC1BhB,KAAKiB,oBAAqB,EAC1BjB,KAAKuD,kBAMLvD,KAAKoB,QACLpB,KAAKI,OACJwF,EAAQC,IAAI,cACXD,EAAQC,IAAI,UACZD,EAAQC,IAAI,WACZD,EAAQC,IAAI,oBACZD,EAAQC,IAAI,SACZD,EAAQC,IAAI,UACZD,EAAQC,IAAI,iBAEd7F,KAAKsB,gBAAgBmE,iBAInBG,EAAQC,IAAI,QAAS,CACvB,MAAMC,EAAOC,QAAQH,EAAQI,IAAI,SACjChG,KAAK0F,uBAAuBI,EAC9B,CACF,CAGS,iBAAAG,GACPT,MAAMS,oBACNjG,KAAKkG,iBAAiB,sBAAuBlG,KAAK+E,qBACpD,CAGS,oBAAAoB,GACPnG,KAAKoG,oBAAoB,sBAAuBpG,KAAK+E,sBACrDS,MAAMW,uBACNnG,KAAKuD,iBAGL,IACMvD,KAAKsB,gBAAgBlB,MAAMJ,KAAKsB,gBAAgB+E,aAAa,MACnE,CAAE,MAEF,CAEArG,KAAKoB,QAAS,CAChB,CASQ,sBAAAsE,CAAuBY,GACxBtG,KAAKoB,SACNpB,KAAKqB,0BAGLrB,KAAKI,MAASJ,KAAKsB,gBAAgBlB,KAMlCJ,KAAKI,OAASkG,IAAgBtG,KAAKsB,gBAAgBlB,MACtDJ,KAAKsB,gBAAgB+E,aAAa,OANlCrG,KAAKsB,gBAAgBiF,eAQzB,CAQQ,cAAAhD,GACFvD,KAAKkB,eACPsF,aAAaxG,KAAKkB,cAClBlB,KAAKkB,aAAe,MAElBlB,KAAKmB,gBACPqF,aAAaxG,KAAKmB,eAClBnB,KAAKmB,cAAgB,KAEzB,CAMQ,gBAAAqC,GACN,MAAMiD,EAAIzG,KAAKyB,WACVgF,IACLA,EAAEC,aAAa,OAAQ,UACvBD,EAAEC,aAAa,gBAAiBC,OAAO3G,KAAKI,OAC5CqG,EAAEC,aAAa,gBAAiB,QAE5B1G,KAAK2B,YAAYiF,GACnBH,EAAEC,aAAa,gBAAiB1G,KAAK2B,WAAWiF,IACvC5G,KAAK2B,aAEd3B,KAAK2B,WAAWiF,KAAO,UAAUC,QAAQC,gBAAkBC,KAAKC,SAASC,SAAS,IAAIC,MAAM,KAC5FT,EAAEC,aAAa,gBAAiB1G,KAAK2B,WAAWiF,KAEpD,CAuDQ,cAAA9C,GACN9D,KAAKuD,iBACLvD,KAAKmB,cAAgBuC,OAAOC,WAAW,MAEnC3D,KAAKI,MACY,UAAjBJ,KAAKC,SACJD,KAAKgB,oBACLhB,KAAKiB,oBAENjB,KAAKmH,SAENnH,KAAKU,gBACV,CAQO,MAAA0D,GACDpE,KAAKsB,gBAAgBlB,KACvBJ,KAAKsB,gBAAgB+E,aAAa,UAElCrG,KAAKsB,gBAAgBiF,aAEzB,CAMO,YAAA3C,GAEL5D,KAAKI,MAAO,CACd,CAMO,KAAA+G,GACLnH,KAAKI,MAAO,EACZJ,KAAKuD,gBACP,CAMO,YAAA6D,GACDpH,KAAKyB,YACPzB,KAAKyB,WAAW4F,OAEpB,CA4CQ,iBAAAC,CAAkBhD,GACxB,MAAMiD,EAAajD,EACbkD,EAAWD,EAAWlH,OAAOoH,OACnC,GAAID,EAAU,OAAOA,EACrB,MAAME,EAAWpD,EAAKqD,aAAa,UAAUF,OAC7C,OAAIC,IACIH,EAAWK,OAAS,IAAIH,MAClC,CAOQ,aAAA3C,CAAcR,GACpB,MAAMjE,EAAQL,KAAKsH,kBAAkBhD,GAGrC,GAFkBA,EAAgCuD,WAAY,EAEhD,OAEd,MAAMC,GAAQxD,EAAKyD,aAAe,IAAIN,OACtCzH,KAAKK,MAAQA,EACbL,KAAKkD,cACH,IAAIC,YAAqC,kBAAmB,CAC1DG,OAAQ,CAAEjD,QAAOyH,OAAMxD,QACvBlB,SAAS,EACTC,UAAU,KAIVrD,KAAKO,cAAcP,KAAKmH,OAC9B,CAGS,MAAAa,GACP,OAAOC,CAAI;;;;iBAIEjI,KAAKiE;sBACAjE,KAAKyD;sBACLzD,KAAK6D;;2CAEgB7D,KAAKwD;;;;;;;;kBAQ9BxD,KAAKsB,gBAAgB4G;iBACtBlI,KAAKqE;sBACArE,KAAK+D;sBACL/D,KAAKgE;;;;;;KAOzB,GAriBAmE,EAAA,CADCC,EAAS,CAAEC,KAAM1B,OAAQ2B,SAAS,6BACGzI,EAAA0I,UAAA,kBAItCJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,OAAQ2B,SAAS,6BACQzI,EAAA0I,UAAA,oBAI3CJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,OAAQ2B,SAAS,6BACAzI,EAAA0I,UAAA,gBAInCJ,EAAA,CADCC,EAAS,CAAEC,KAAMtC,QAASuC,SAAS,6BACvBzI,EAAA0I,UAAA,eAIbJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,kCACP9G,EAAA0I,UAAA,gBAIXJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,kCAC0B9G,EAAA0I,UAAA,gBAI5CJ,EAAA,CADCC,EAAS,CAAEC,KAAMtC,mCACElG,EAAA0I,UAAA,uBAIpBJ,EAAA,CADCC,EAAS,CAAEC,KAAMtC,mCACAlG,EAAA0I,UAAA,qBAIlBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,kCACG3I,EAAA0I,UAAA,yBAIrBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,kCACI3I,EAAA0I,UAAA,0BAItBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,kCACP3I,EAAA0I,UAAA,iBAIXJ,EAAA,CADCC,EAAS,CAAEC,KAAMtC,mCACNlG,EAAA0I,UAAA,eAIZJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,kCACE3I,EAAA0I,UAAA,0BAIpBJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,kCACC9G,EAAA0I,UAAA,oBAInBJ,EAAA,CADCC,EAAS,CAAEC,KAAM1B,kCACW9G,EAAA0I,UAAA,sBAIrBJ,EAAA,CADPM,EAAM,qCACc/D,cAAY7E,EAAA0I,UAAA,qBAIzBJ,EAAA,CADPM,EAAM,qCACc/D,cAAY7E,EAAA0I,UAAA,qBAnEtB1I,EAAWsI,EAAA,CADvBO,EAAc,iBACF7I"}

package/dist/sky-flexbar/sky-flexbar.js

@@ -1,4 +1,4 @@
-import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as i,html as s}from"lit";import{property as o,state as n,query as a,customElement as d}from"lit/decorators.js";import{when as l}from"lit/directives/when.js";import{PopoverController as p}from"../helper/controllers/popover-controller.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let c=class extends r{constructor(){super(...arguments),this.isHamburgerOpen=!1,this.isFullyHidden=!1,this.gapThreshold=100,this.flexDirection="horizontal",this.stackAt=500,this.partialIcon="ion:ellipsis-horizontal",this.fullIcon="ion:menu",this._itemElements=[],this._scheduled=!1,this._initialized=!1,this.dropdownPopover=new p(this,{getAnchor:()=>this,getPopover:()=>this.hamburgerEl,cssVarLeft:"--sky-dd-left",cssVarTop:"--sky-dd-top",cssVarWidth:"--sky-dd-width",getPlacement:()=>"bottom",getAlign:()=>"start",getGap:()=>6,getPadding:()=>8,getMatchAnchorWidth:()=>!0,getMaxWidthToViewport:()=>!0,getMaxWidthMode:()=>"cap",getFlip:()=>!0,getFlipOrder:()=>[],getAnimateReposition:()=>!0,getRepositionMs:()=>160,getCloseOnEscape:()=>!0,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!0,onOpenChange:(e,t)=>{this.isHamburgerOpen=e,this.dispatchEvent(new CustomEvent("menu-toggle",{detail:{open:e},bubbles:!0,composed:!0}))}})}static{this.dependencies={"sky-icon":h}}static{this.styles=i`
+import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as i,html as s}from"lit";import{property as o,state as a,query as n,customElement as d}from"lit/decorators.js";import{when as l}from"lit/directives/when.js";import{PopoverController as p}from"../helper/controllers/popover-controller.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let c=class extends r{constructor(){super(...arguments),this.isHamburgerOpen=!1,this.isFullyHidden=!1,this.gapThreshold=100,this.flexDirection="horizontal",this.stackAt=500,this.partialIcon="ion:ellipsis-horizontal",this.fullIcon="ion:menu",this._itemElements=[],this._scheduled=!1,this._initialized=!1,this.dropdownPopover=new p(this,{getAnchor:()=>this,getPopover:()=>this.hamburgerEl,cssVarLeft:"--sky-dd-left",cssVarTop:"--sky-dd-top",cssVarWidth:"--sky-dd-width",getPlacement:()=>"bottom",getAlign:()=>"start",getGap:()=>6,getPadding:()=>8,getMatchAnchorWidth:()=>!0,getMaxWidthToViewport:()=>!0,getMaxWidthMode:()=>"cap",getFlip:()=>!0,getFlipOrder:()=>[],getAnimateReposition:()=>!0,getRepositionMs:()=>160,getCloseOnEscape:()=>!0,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!0,onOpenChange:(e,t)=>{this.isHamburgerOpen=e,this.dispatchEvent(new CustomEvent("menu-toggle",{detail:{open:e},bubbles:!0,composed:!0}))}})}static{this.dependencies={"sky-icon":h}}static{this.styles=i`
     :host {
       display: flex;
       align-items: center;
@@ -43,6 +43,11 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as
       gap: 8px;
       flex: 1;
       min-width: 0;
+      white-space: nowrap;
+    }
+
+    slot:not([name])::slotted(*) {
+      white-space: nowrap;
     }
 
     .spacer {
@@ -105,7 +110,11 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as
       gap: 8px;
       box-sizing: border-box;
     }
-  `}firstUpdated(e){super.firstUpdated(e),this.dropdownPopover.refreshTargets()}connectedCallback(){super.connectedCallback(),this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(this),this._mo=new MutationObserver(()=>this._collectItems()),this._mo.observe(this,{childList:!0,subtree:!0}),this._collectItems(),this.updateComplete.then(()=>this._measure())}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._mo?.disconnect()}_collectItems(){this._itemElements=Array.from(this.querySelectorAll(".menu-parent")),this._scheduleMeasure()}_scheduleMeasure(){this._scheduled||(this._scheduled=!0,requestAnimationFrame(()=>{this._scheduled=!1,this._measure()}))}_measure(){if(0===this._itemElements.length)return;for(const e of this._itemElements)e.removeAttribute("slot");const e=this.getBoundingClientRect().width,t=this.stackAt>0&&e<this.stackAt?"vertical":"horizontal";this._initialized&&t!==this.flexDirection?(this.flexDirection=t,this.dispatchEvent(new CustomEvent("flex-direction-changed",{detail:{flexDirection:t},bubbles:!0,composed:!0}))):this.flexDirection=t;const r=this.shadowRoot?.querySelector(".main-container"),i=this.shadowRoot?.querySelector(".hamburger-btn"),s=i&&i.offsetWidth||28,o=r?r.offsetWidth-this.gapThreshold-(s+8):0;let n=0;const a=[];for(const e of this._itemElements){n+=e.getBoundingClientRect().width,n>o&&a.push(e)}const d=a.length>0;i&&(i.style.display=d?"flex":"none");for(const e of a)e.setAttribute("slot","hamburger");this.isFullyHidden=a.length===this._itemElements.length,d||this.dropdownPopover.closePopover(),this._initialized||(this._initialized=!0)}openMenu(){this.dropdownPopover.openPopover()}closeMenu(){this.dropdownPopover.closePopover()}toggleMenu(){this.dropdownPopover.toggle()}recalculateLayout(){this._measure()}render(){const e="menu-"+(this.id||Math.random().toString(36).slice(2));return s`
+
+    slot[name="hamburger"]::slotted(*) {
+      white-space: nowrap;
+    }
+  `}firstUpdated(e){super.firstUpdated(e),this.dropdownPopover.refreshTargets()}connectedCallback(){super.connectedCallback(),this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(this),this._mo=new MutationObserver(()=>this._collectItems()),this._mo.observe(this,{childList:!0,subtree:!0}),this._collectItems(),this.updateComplete.then(()=>this._measure())}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._mo?.disconnect()}_collectItems(){this._itemElements=Array.from(this.querySelectorAll(".menu-parent")),this._scheduleMeasure()}_scheduleMeasure(){this._scheduled||(this._scheduled=!0,requestAnimationFrame(()=>{this._scheduled=!1,this._measure()}))}_measure(){if(0===this._itemElements.length)return;for(const e of this._itemElements)e.removeAttribute("slot");const e=this.getBoundingClientRect().width,t=this.stackAt>0&&e<this.stackAt?"vertical":"horizontal";this._initialized&&t!==this.flexDirection?(this.flexDirection=t,this.dispatchEvent(new CustomEvent("flex-direction-changed",{detail:{flexDirection:t},bubbles:!0,composed:!0}))):this.flexDirection=t;const r=this.shadowRoot?.querySelector(".main-container"),i=this.shadowRoot?.querySelector(".hamburger-btn"),s=i&&i.offsetWidth||28,o=r?r.offsetWidth-this.gapThreshold-(s+8):0;let a=0;const n=[];for(const e of this._itemElements){a+=e.getBoundingClientRect().width,a>o&&n.push(e)}const d=n.length>0;i&&(i.style.display=d?"flex":"none");for(const e of n)e.setAttribute("slot","hamburger");this.isFullyHidden=n.length===this._itemElements.length,d||this.dropdownPopover.closePopover(),this._initialized||(this._initialized=!0)}openMenu(){this.dropdownPopover.openPopover()}closeMenu(){this.dropdownPopover.closePopover()}toggleMenu(){this.dropdownPopover.toggle()}recalculateLayout(){this._measure()}render(){const e="menu-"+(this.id||Math.random().toString(36).slice(2));return s`
       <div class="main-container" part="container">
         <div class="main-items">
           <!-- visible items -->
@@ -144,5 +153,5 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as r,css as
           <slot name="hamburger"></slot>
         </div>
       </div>
-    `}};e([o({type:Boolean}),t("design:type",Object)],c.prototype,"isHamburgerOpen",void 0),e([o({type:Boolean}),t("design:type",Object)],c.prototype,"isFullyHidden",void 0),e([o({type:Number}),t("design:type",Object)],c.prototype,"gapThreshold",void 0),e([o({type:String,reflect:!0}),t("design:type",String)],c.prototype,"flexDirection",void 0),e([o({type:Number}),t("design:type",Object)],c.prototype,"stackAt",void 0),e([o({type:String}),t("design:type",Object)],c.prototype,"partialIcon",void 0),e([o({type:String}),t("design:type",Object)],c.prototype,"fullIcon",void 0),e([n(),t("design:type",ResizeObserver)],c.prototype,"_ro",void 0),e([n(),t("design:type",Array)],c.prototype,"_itemElements",void 0),e([a(".hamburger-menu"),t("design:type",HTMLElement)],c.prototype,"hamburgerEl",void 0),c=e([d("sky-flexbar")],c);export{c as SkyFlexbar};
+    `}};e([o({type:Boolean}),t("design:type",Object)],c.prototype,"isHamburgerOpen",void 0),e([o({type:Boolean}),t("design:type",Object)],c.prototype,"isFullyHidden",void 0),e([o({type:Number}),t("design:type",Object)],c.prototype,"gapThreshold",void 0),e([o({type:String,reflect:!0}),t("design:type",String)],c.prototype,"flexDirection",void 0),e([o({type:Number}),t("design:type",Object)],c.prototype,"stackAt",void 0),e([o({type:String}),t("design:type",Object)],c.prototype,"partialIcon",void 0),e([o({type:String}),t("design:type",Object)],c.prototype,"fullIcon",void 0),e([a(),t("design:type",ResizeObserver)],c.prototype,"_ro",void 0),e([a(),t("design:type",Array)],c.prototype,"_itemElements",void 0),e([n(".hamburger-menu"),t("design:type",HTMLElement)],c.prototype,"hamburgerEl",void 0),c=e([d("sky-flexbar")],c);export{c as SkyFlexbar};
 //# sourceMappingURL=sky-flexbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-flexbar.js","sources":["../../src/sky-flexbar/sky-flexbar.ts"],"sourcesContent":[null],"names":["SkyFlexbar","LitElement","constructor","this","isHamburgerOpen","isFullyHidden","gapThreshold","flexDirection","stackAt","partialIcon","fullIcon","_itemElements","_scheduled","_initialized","dropdownPopover","PopoverController","getAnchor","getPopover","hamburgerEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getMaxWidthToViewport","getMaxWidthMode","getFlip","getFlipOrder","getAnimateReposition","getRepositionMs","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","onOpenChange","open","meta","dispatchEvent","CustomEvent","detail","bubbles","composed","dependencies","SkyIcon","styles","css","firstUpdated","_changedProperties","super","refreshTargets","connectedCallback","_ro","ResizeObserver","_scheduleMeasure","observe","_mo","MutationObserver","_collectItems","childList","subtree","updateComplete","then","_measure","disconnectedCallback","disconnect","Array","from","querySelectorAll","requestAnimationFrame","length","item","removeAttribute","w","getBoundingClientRect","width","newDir","mainContainer","shadowRoot","querySelector","btn","btnWidth","offsetWidth","available","total","hidden","el","push","showHamburger","style","display","setAttribute","closePopover","openMenu","openPopover","closeMenu","toggleMenu","toggle","recalculateLayout","render","menuId","id","Math","random","toString","slice","html","e","key","preventDefault","String","when","onToggle","__decorate","property","type","Boolean","prototype","Number","reflect","state","query","HTMLElement","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-flexbar.js","sources":["../../src/sky-flexbar/sky-flexbar.ts"],"sourcesContent":[null],"names":["SkyFlexbar","LitElement","constructor","this","isHamburgerOpen","isFullyHidden","gapThreshold","flexDirection","stackAt","partialIcon","fullIcon","_itemElements","_scheduled","_initialized","dropdownPopover","PopoverController","getAnchor","getPopover","hamburgerEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getMaxWidthToViewport","getMaxWidthMode","getFlip","getFlipOrder","getAnimateReposition","getRepositionMs","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","onOpenChange","open","meta","dispatchEvent","CustomEvent","detail","bubbles","composed","dependencies","SkyIcon","styles","css","firstUpdated","_changedProperties","super","refreshTargets","connectedCallback","_ro","ResizeObserver","_scheduleMeasure","observe","_mo","MutationObserver","_collectItems","childList","subtree","updateComplete","then","_measure","disconnectedCallback","disconnect","Array","from","querySelectorAll","requestAnimationFrame","length","item","removeAttribute","w","getBoundingClientRect","width","newDir","mainContainer","shadowRoot","querySelector","btn","btnWidth","offsetWidth","available","total","hidden","el","push","showHamburger","style","display","setAttribute","closePopover","openMenu","openPopover","closeMenu","toggleMenu","toggle","recalculateLayout","render","menuId","id","Math","random","toString","slice","html","e","key","preventDefault","String","when","onToggle","__decorate","property","type","Boolean","prototype","Number","reflect","state","query","HTMLElement","customElement"],"mappings":"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"}

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

@@ -123,6 +123,12 @@ export declare class SkyFlexbox extends LitElement {
      */
     col: number;
     static styles: import("lit").CSSResult;
+    /** @private */
+    private _childMo?;
+    /** @protected */
+    connectedCallback(): void;
+    /** @protected */
+    disconnectedCallback(): void;
     /** @protected */
     firstUpdated(): void;
     /** @protected */
@@ -146,6 +152,16 @@ export declare class SkyFlexbox extends LitElement {
      * @private
      */
     private updateSpans;
+    /**
+     * Reads a span value from an HTML attribute or element property.
+     * @private
+     */
+    private readSpanRaw;
+    /**
+     * Sets or clears a span CSS variable on a slotted child.
+     * @private
+     */
+    private applySpanVar;
     /**
      * Clamps span value to valid range (1 to column count).
      * @param raw - Raw span value from attribute

package/dist/sky-flexbox/sky-flexbox.js

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as n}from"tslib";import{LitElement as s,css as a,html as i}from"lit";import{property as e,customElement as r}from"lit/decorators.js";let p=class extends s{constructor(){super(...arguments),this.direction="row",this.wrap="wrap",this.justify="flex-start",this.align="stretch",this.alignContent="normal",this.gap="16px",this.col=12,this.updateSpans=()=>{const t=this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[];for(const n of t){if(!(n instanceof HTMLElement))continue;const t=n,s=this.clampSpan(null!=t.span?String(t.span):null),a=this.clampSpan(null!=t.spanLg?String(t.spanLg):null),i=this.clampSpan(null!=t.spanMd?String(t.spanMd):null),e=this.clampSpan(null!=t.spanSm?String(t.spanSm):null),r=this.clampSpan(null!=t.spanXs?String(t.spanXs):null);s&&n.style.setProperty("--span",String(s)),a&&n.style.setProperty("--span-lg",String(a)),i&&n.style.setProperty("--span-md",String(i)),e&&n.style.setProperty("--span-sm",String(e)),r&&n.style.setProperty("--span-xs",String(r))}}}static{this.styles=a`
+import{__decorate as t,__metadata as a}from"tslib";import{LitElement as n,css as s,html as e}from"lit";import{property as i,customElement as r}from"lit/decorators.js";let p=class extends n{constructor(){super(...arguments),this.direction="row",this.wrap="wrap",this.justify="flex-start",this.align="stretch",this.alignContent="normal",this.gap="16px",this.col=12,this.updateSpans=()=>{const t=this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[];for(const a of t){if(!(a instanceof HTMLElement))continue;this.applySpanVar(a,"--span",this.readSpanRaw(a,"span","span")),this.applySpanVar(a,"--span-lg",this.readSpanRaw(a,"span-lg","spanLg")),this.applySpanVar(a,"--span-md",this.readSpanRaw(a,"span-md","spanMd")),this.applySpanVar(a,"--span-sm",this.readSpanRaw(a,"span-sm","spanSm")),this.applySpanVar(a,"--span-xs",this.readSpanRaw(a,"span-xs","spanXs"));null!=this.readSpanRaw(a,"span","span")||null!=this.readSpanRaw(a,"span-lg","spanLg")||null!=this.readSpanRaw(a,"span-md","spanMd")||null!=this.readSpanRaw(a,"span-sm","spanSm")||null!=this.readSpanRaw(a,"span-xs","spanXs")?a.dataset.flexSpan="":delete a.dataset.flexSpan}}}static{this.styles=s`
     :host {
       display: block;
     }
@@ -16,25 +16,67 @@ import{__decorate as t,__metadata as n}from"tslib";import{LitElement as s,css as
 
     /* Default behaviour for any slotted child: */
     ::slotted(*) {
-      /* Current span, responsive-aware */
-      --span-current: var(--span, 1);
+      box-sizing: border-box;
+      min-width: 0;
+    }
+
+    .flex-container.is-row ::slotted(*) {
+      flex-grow: 0;
+      flex-shrink: 1;
+      flex-basis: auto;
+      max-width: none;
+    }
 
-      /**
-     * Calculate width per column:
-     * columnWidth = (100% - (columns - 1) * gapX) / columns
-     * itemWidth   = columnWidth * span
-     */
-      flex-basis: calc(
-        (
-            (100% - (var(--columns, 12) - 1) * var(--gap-x, var(--gap, 16px))) /
-              var(--columns, 12)
-          ) *
-          var(--span-current)
+    .flex-container.is-row ::slotted([data-flex-span]) {
+      flex-shrink: 0;
+      --span-current: var(--span, 1);
+      --span-width: calc(
+        100% * var(--span-current) / var(--columns, 12) -
+          var(--gap-x, var(--gap, 16px)) *
+          (var(--columns, 12) - var(--span-current)) / var(--columns, 12)
       );
+
+      flex-basis: var(--span-width);
+      width: var(--span-width);
+      max-width: var(--span-width);
+    }
+
+    .flex-container.is-column ::slotted(*) {
+      width: 100%;
+      flex-basis: auto;
+      max-width: none;
+      flex-shrink: 0;
+    }
+
+    @media (max-width: 1200px) {
+      .flex-container.is-row ::slotted([data-flex-span]) {
+        --span-current: var(--span-lg, var(--span-current));
+      }
+    }
+
+    @media (max-width: 992px) {
+      .flex-container.is-row ::slotted([data-flex-span]) {
+        --span-current: var(--span-md, var(--span-current));
+      }
+    }
+
+    @media (max-width: 768px) {
+      .flex-container.is-row ::slotted([data-flex-span]) {
+        --span-current: var(--span-sm, var(--span-current));
+      }
+    }
+
+    @media (max-width: 576px) {
+      .flex-container.is-row ::slotted([data-flex-span]) {
+        --span-current: var(--span-xs, var(--span-current));
+      }
     }
-  `}firstUpdated(){this.syncVars(),this.updateSpans()}updated(t){(t.has("wrap")||t.has("gap")||t.has("gapX")||t.has("gapY")||t.has("col")||t.has("justify")||t.has("direction")||t.has("align")||t.has("alignContent"))&&this.syncVars(),t.has("col")&&this.updateSpans()}syncVars(){const t={"--wrap":this.wrap,"--gap":this.gap,"--gap-x":this.gapX??this.gap,"--gap-y":this.gapY??this.gap,"--columns":String(this.col),"--justify":this.justify,"--direction":this.direction,"--align":this.align,"--align-content":this.alignContent};Object.entries(t).forEach(([t,n])=>this.style.setProperty(t,n))}recalculateSpans(){this.updateSpans()}render(){return i`
-      <div class="flex-container" part="container">
+  `}connectedCallback(){super.connectedCallback(),this._childMo=new MutationObserver(()=>this.updateSpans()),this._childMo.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["span","span-lg","span-md","span-sm","span-xs"]})}disconnectedCallback(){super.disconnectedCallback(),this._childMo?.disconnect()}firstUpdated(){this.syncVars(),this.updateSpans()}updated(t){(t.has("wrap")||t.has("gap")||t.has("gapX")||t.has("gapY")||t.has("col")||t.has("justify")||t.has("direction")||t.has("align")||t.has("alignContent"))&&this.syncVars(),t.has("col")&&this.updateSpans()}syncVars(){const t={"--wrap":this.wrap,"--gap":this.gap,"--gap-x":this.gapX??this.gap,"--gap-y":this.gapY??this.gap,"--columns":String(this.col),"--justify":this.justify,"--direction":this.direction,"--align":this.align,"--align-content":this.alignContent};Object.entries(t).forEach(([t,a])=>this.style.setProperty(t,a))}recalculateSpans(){this.updateSpans()}render(){const t="column"===this.direction||"column-reverse"===this.direction;return e`
+      <div
+        class="flex-container ${t?"is-column":"is-row"}"
+        part="container"
+      >
         <slot @slotchange=${this.updateSpans}></slot>
       </div>
-    `}clampSpan(t){if(!t)return null;return Math.max(1,Math.min(this.col,Number(t)||1))}};t([e({type:String}),n("design:type",String)],p.prototype,"direction",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"wrap",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"justify",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"align",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"alignContent",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"gap",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"gapX",void 0),t([e({type:String}),n("design:type",String)],p.prototype,"gapY",void 0),t([e({type:Number}),n("design:type",Number)],p.prototype,"col",void 0),p=t([r("sky-flexbox")],p);export{p as SkyFlexbox};
+    `}readSpanRaw(t,a,n){const s=t.getAttribute(a);if(null!=s&&""!==s)return s;const e=t[n];return null!=e&&""!==e?String(e):null}applySpanVar(t,a,n){const s=this.clampSpan(n);s?t.style.setProperty(a,String(s)):t.style.removeProperty(a)}clampSpan(t){if(!t)return null;return Math.max(1,Math.min(this.col,Number(t)||1))}};t([i({type:String}),a("design:type",String)],p.prototype,"direction",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"wrap",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"justify",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"align",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"alignContent",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"gap",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"gapX",void 0),t([i({type:String}),a("design:type",String)],p.prototype,"gapY",void 0),t([i({type:Number}),a("design:type",Number)],p.prototype,"col",void 0),p=t([r("sky-flexbox")],p);export{p as SkyFlexbox};
 //# sourceMappingURL=sky-flexbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-flexbox.js","sources":["../../src/sky-flexbox/sky-flexbox.ts"],"sourcesContent":[null],"names":["SkyFlexbox","LitElement","constructor","this","direction","wrap","justify","align","alignContent","gap","col","updateSpans","nodes","shadowRoot","querySelector","assignedElements","flatten","el","HTMLElement","elAny","base","clampSpan","span","String","lg","spanLg","md","spanMd","sm","spanSm","xs","spanXs","style","setProperty","styles","css","firstUpdated","syncVars","updated","changed","has","gapX","gapY","Object","entries","forEach","k","v","recalculateSpans","render","html","raw","Math","max","min","Number","__decorate","property","type","prototype","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-flexbox.js","sources":["../../src/sky-flexbox/sky-flexbox.ts"],"sourcesContent":[null],"names":["SkyFlexbox","LitElement","constructor","this","direction","wrap","justify","align","alignContent","gap","col","updateSpans","nodes","shadowRoot","querySelector","assignedElements","flatten","el","HTMLElement","applySpanVar","readSpanRaw","dataset","flexSpan","styles","css","connectedCallback","super","_childMo","MutationObserver","observe","childList","subtree","attributes","attributeFilter","disconnectedCallback","disconnect","firstUpdated","syncVars","updated","changed","has","gapX","gapY","String","Object","entries","forEach","k","v","style","setProperty","recalculateSpans","render","isColumn","html","attrName","propName","fromAttr","getAttribute","fromProp","cssVar","raw","value","clampSpan","removeProperty","Math","max","min","Number","__decorate","property","type","prototype","customElement"],"mappings":"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"}

package/dist/sky-flexitem/sky-flexitem.js

@@ -10,6 +10,7 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
       gap: 8px;
       width: 100%;
       height: 100%;
+      white-space: nowrap;
     }
 
     :host([flexdirection="vertical"]) .flex-item-container {
@@ -20,7 +21,13 @@ import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as
     .content {
       display: block;
       flex: 1;
-      min-width: 0; /* Prevent overflow */
+      min-width: 0;
+      white-space: nowrap;
+    }
+
+    ::slotted([slot="title"]),
+    ::slotted([slot="content"]) {
+      white-space: nowrap;
     }
 
     /* RTL support */

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

@@ -1 +1 @@
-{"version":3,"file":"sky-flexitem.js","sources":["../../src/sky-flexitem/sky-flexitem.ts"],"sourcesContent":[null],"names":["SkyFlexitem","LitElement","constructor","this","flexDirection","_inHamburger","_onFlexDir","e","ce","detail","styles","css","observedAttributes","super","attributeChangedCallback","name","oldVal","newVal","requestUpdate","_measureAndReportSize","width","offsetWidth","height","offsetHeight","dispatchEvent","CustomEvent","bubbles","composed","element","connectedCallback","classList","add","slot","_resizeObserver","ResizeObserver","observe","addEventListener","updateComplete","then","disconnectedCallback","disconnect","removeEventListener","getSize","getBoundingClientRect","isInHamburger","render","partTokens","html","__decorate","property","type","String","reflect","prototype","state","customElement"],"mappings":"kLAwEO,IAAMA,EAAN,cAA0BC,EAA1B,WAAAC,uBAMLC,KAAAC,cAAsC,WAO9BD,KAAAE,cAAe,EA2DfF,KAAAG,WAAcC,IACpB,MAAMC,EAAKD,EACNC,EAAGC,SACRN,KAAKC,cAAgBI,EAAGC,OAAOL,eAgFnC,QAzIkBD,KAAAO,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiC1B,CAGF,6BAAoBC,GAClB,MAAO,IAAIC,MAAMD,mBAAoB,OACvC,CAGS,wBAAAE,CAAyBC,EAAcC,EAAuBC,GACrEJ,MAAMC,yBAAyBC,EAAMC,EAAQC,GAChC,SAATF,GAAmBC,IAAWC,IAChCd,KAAKE,aAA0B,cAAXY,EACpBd,KAAKe,gBAET,CAiBQ,qBAAAC,GACN,MAAMC,EAAQjB,KAAKkB,YACbC,EAASnB,KAAKoB,aACpBpB,KAAKqB,cACH,IAAIC,YAAmC,gBAAiB,CACtDC,SAAS,EACTC,UAAU,EACVlB,OAAQ,CACNmB,QAASzB,KACTiB,QACAE,SACAlB,cAAeD,KAAKC,iBAI5B,CAGS,iBAAAyB,GACPhB,MAAMgB,oBAEN1B,KAAK2B,UAAUC,IAAI,eAGnB5B,KAAKE,aAA6B,cAAdF,KAAK6B,KAEzB7B,KAAK8B,gBAAkB,IAAIC,eAAe,IAAM/B,KAAKgB,yBACrDhB,KAAK8B,gBAAgBE,QAAQhC,MAE7BA,KAAKiC,iBAAiB,yBAA0BjC,KAAKG,YAErDH,KAAKkC,eAAeC,KAAK,IAAMnC,KAAKgB,wBACtC,CAGS,oBAAAoB,GACP1B,MAAM0B,uBACNpC,KAAK8B,iBAAiBO,aACtBrC,KAAKsC,oBAAoB,yBAA0BtC,KAAKG,WAC1D,CAOO,OAAAoC,GACL,OAAOvC,KAAKwC,uBACd,CAOO,aAAAC,GACL,OAAOzC,KAAKE,YACd,CAES,MAAAwC,GACP,MAAMC,EAAa3C,KAAKE,aAAe,oBAAsB,cAC7D,OAAO0C,CAAI;;eAEAD;;gBAEC3C,KAAKE,aAAe,WAAa;4BACrBF,KAAKC;;;;;KAM/B,GApJA4C,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACcpD,EAAAqD,UAAA,wBAOzCL,EAAA,CADPM,6BAC4BtD,EAAAqD,UAAA,uBAblBrD,EAAWgD,EAAA,CADvBO,EAAc,iBACFvD"}
+{"version":3,"file":"sky-flexitem.js","sources":["../../src/sky-flexitem/sky-flexitem.ts"],"sourcesContent":[null],"names":["SkyFlexitem","LitElement","constructor","this","flexDirection","_inHamburger","_onFlexDir","e","ce","detail","styles","css","observedAttributes","super","attributeChangedCallback","name","oldVal","newVal","requestUpdate","_measureAndReportSize","width","offsetWidth","height","offsetHeight","dispatchEvent","CustomEvent","bubbles","composed","element","connectedCallback","classList","add","slot","_resizeObserver","ResizeObserver","observe","addEventListener","updateComplete","then","disconnectedCallback","disconnect","removeEventListener","getSize","getBoundingClientRect","isInHamburger","render","partTokens","html","__decorate","property","type","String","reflect","prototype","state","customElement"],"mappings":"kLAwEO,IAAMA,EAAN,cAA0BC,EAA1B,WAAAC,uBAMLC,KAAAC,cAAsC,WAO9BD,KAAAE,cAAe,EAkEfF,KAAAG,WAAcC,IACpB,MAAMC,EAAKD,EACNC,EAAGC,SACRN,KAAKC,cAAgBI,EAAGC,OAAOL,eAgFnC,QAhJkBD,KAAAO,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwC1B,CAGF,6BAAoBC,GAClB,MAAO,IAAIC,MAAMD,mBAAoB,OACvC,CAGS,wBAAAE,CAAyBC,EAAcC,EAAuBC,GACrEJ,MAAMC,yBAAyBC,EAAMC,EAAQC,GAChC,SAATF,GAAmBC,IAAWC,IAChCd,KAAKE,aAA0B,cAAXY,EACpBd,KAAKe,gBAET,CAiBQ,qBAAAC,GACN,MAAMC,EAAQjB,KAAKkB,YACbC,EAASnB,KAAKoB,aACpBpB,KAAKqB,cACH,IAAIC,YAAmC,gBAAiB,CACtDC,SAAS,EACTC,UAAU,EACVlB,OAAQ,CACNmB,QAASzB,KACTiB,QACAE,SACAlB,cAAeD,KAAKC,iBAI5B,CAGS,iBAAAyB,GACPhB,MAAMgB,oBAEN1B,KAAK2B,UAAUC,IAAI,eAGnB5B,KAAKE,aAA6B,cAAdF,KAAK6B,KAEzB7B,KAAK8B,gBAAkB,IAAIC,eAAe,IAAM/B,KAAKgB,yBACrDhB,KAAK8B,gBAAgBE,QAAQhC,MAE7BA,KAAKiC,iBAAiB,yBAA0BjC,KAAKG,YAErDH,KAAKkC,eAAeC,KAAK,IAAMnC,KAAKgB,wBACtC,CAGS,oBAAAoB,GACP1B,MAAM0B,uBACNpC,KAAK8B,iBAAiBO,aACtBrC,KAAKsC,oBAAoB,yBAA0BtC,KAAKG,WAC1D,CAOO,OAAAoC,GACL,OAAOvC,KAAKwC,uBACd,CAOO,aAAAC,GACL,OAAOzC,KAAKE,YACd,CAES,MAAAwC,GACP,MAAMC,EAAa3C,KAAKE,aAAe,oBAAsB,cAC7D,OAAO0C,CAAI;;eAEAD;;gBAEC3C,KAAKE,aAAe,WAAa;4BACrBF,KAAKC;;;;;KAM/B,GA3JA4C,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACcpD,EAAAqD,UAAA,wBAOzCL,EAAA,CADPM,6BAC4BtD,EAAAqD,UAAA,uBAblBrD,EAAWgD,EAAA,CADvBO,EAAc,iBACFvD"}

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

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
 export type SkyImageLoading = "lazy" | "eager";
 export type SkyImageDecoding = "async" | "sync" | "auto";
 /**
@@ -97,6 +98,15 @@ export declare class SkyImage extends LitElement {
     private _sizesRafId;
     private _updateSizes;
     firstUpdated(): void;
+    private _ensureAutoSizesObserver;
+    updated(changed: PropertyValues<this>): void;
     disconnectedCallback(): void;
+    /** Browsers keep the resolved resource when only srcset/sizes attrs change on a live <img>. */
+    private _shouldResyncImageSource;
+    private _resolvedSizesAttr;
+    /** `src` used on <img> — must stay in sync with `srcset` when the set changes. */
+    private _displaySrc;
+    private _applyImgAttrs;
+    private _resyncImageSource;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as i}from"tslib";import{LitElement as e,css as s,html as o}from"lit";import{property as d,state as r,customElement as p}from"lit/decorators.js";import{styleMap as n}from"lit/directives/style-map.js";let a=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`)}))}}static{this.styles=s`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as s,html as o,nothing as r}from"lit";import{property as d,state as c,customElement as n}from"lit/decorators.js";import{styleMap as a}from"lit/directives/style-map.js";import{resolveImageFallbackSrc as p}from"./srcset-utils.js";let h=class extends i{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=s`
     :host {
       display: inline-block;
     }
@@ -7,23 +7,23 @@ import{__decorate as t,__metadata as i}from"tslib";import{LitElement as e,css as
       display: block;
       max-width: 100%; /* keeps it responsive if width="auto" */
     }
-  `}firstUpdated(){this.autoSizes&&(this._ro=new ResizeObserver(this._updateSizes),this._ro.observe(this),this._updateSizes())}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}render(){const t=this.autoSizes?this._computedSizes:this.sizes||"",i=null!=this.src&&""!==String(this.src).trim(),e={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return i?o`
+  `}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(),null!=this._sizesRafId&&(cancelAnimationFrame(this._sizesRafId),this._sizesRafId=null)}_shouldResyncImageSource(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||!t.has("_computedSizes")||void 0===t.get("_computedSizes")))))}_resolvedSizesAttr(){return this.autoSizes?this._computedSizes:this.sizes||""}_displaySrc(){const t=this.src?.trim()??"",e=this.srcset?.trim()??"";return t||e?e?p(t,e):t:""}_applyImgAttrs(t,e){const i=this.srcset?.trim()??"",s=this._resolvedSizesAttr(),o=this._displaySrc();i?t.srcset=i:t.removeAttribute("srcset"),s?t.sizes=s: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 i=e.cloneNode(!1);i.alt=this.alt,i.loading=this.loading,i.decoding=this.decoding;const s=e.getAttribute("style");s&&i.setAttribute("style",s),i.setAttribute("part","img"),this._applyImgAttrs(i,t),e.replaceWith(i)}render(){const t=this._resolvedSizesAttr(),e=this._displaySrc(),i=""!==e,s={width:this.width,height:this.height,borderRadius:this.borderRadius,boxShadow:this.boxShadow,objectFit:this.objectFit,objectPosition:this.objectPosition,aspectRatio:this.aspectRatio??"auto"};return i?o`
       <img
-        src=${this.src}
+        src=${e}
         alt=${this.alt}
-        srcset=${this.srcset}
-        sizes=${t}
+        srcset=${this.srcset||r}
+        sizes=${t||r}
         loading=${this.loading}
         decoding=${this.decoding}
-        style=${n(e)}
+        style=${a(s)}
         part="img"
       />
     `:o`
         <div
           part="img"
-          style=${n({...e,display:"block",background:"var(--sky-bg-tertiary, rgba(0,0,0,0.04))"})}
+          style=${a({...s,display:"block",background:"var(--sky-bg-tertiary, rgba(0,0,0,0.04))"})}
           aria-label=${this.alt}
           role="img"
         ></div>
-      `}};t([d({type:String}),i("design:type",Object)],a.prototype,"src",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"alt",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"width",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"height",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"aspectRatio",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"borderRadius",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"boxShadow",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"objectFit",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"objectPosition",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"srcset",void 0),t([d({type:String}),i("design:type",Object)],a.prototype,"sizes",void 0),t([d({type:Boolean}),i("design:type",Object)],a.prototype,"autoSizes",void 0),t([r(),i("design:type",Object)],a.prototype,"_computedSizes",void 0),t([d({type:String}),i("design:type",String)],a.prototype,"loading",void 0),t([d({type:String}),i("design:type",String)],a.prototype,"decoding",void 0),a=t([p("sky-image")],a);export{a as SkyImage};
+      `}};t([d({type:String}),e("design:type",Object)],h.prototype,"src",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"alt",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"width",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"height",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"aspectRatio",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"borderRadius",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"boxShadow",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"objectFit",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"objectPosition",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"srcset",void 0),t([d({type:String}),e("design:type",Object)],h.prototype,"sizes",void 0),t([d({type:Boolean}),e("design:type",Object)],h.prototype,"autoSizes",void 0),t([c(),e("design:type",Object)],h.prototype,"_computedSizes",void 0),t([d({type:String}),e("design:type",String)],h.prototype,"loading",void 0),t([d({type:String}),e("design:type",String)],h.prototype,"decoding",void 0),h=t([n("sky-image")],h);export{h as SkyImage};
 //# sourceMappingURL=sky-image.js.map