@sky.ui/core 0.0.8 → 0.0.20

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

@@ -1,157 +0,0 @@
-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;
-      gap: 8px;
-      width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      font-family: var(--sky-font);
-      color: var(--sky-text-primary, #000);
-      border: var(--sky-border-primary);
-      background-color: var(--sky-glass-primary);
-      padding: 5px;
-      border-radius: var(--sky-radius-secondary);
-      box-shadow: var(--sky-box-shadow-primary);
-      transition: border-radius 0.3s ease;
-     
-    }
-
-    :host::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      z-index: -1;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary)
-        var(--sky-brightness-primary) var(--sky-saturation-primary);
-      border-radius: inherit;
-    }
-
-    .main-container {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      flex: 1;
-      min-width: 0;
-    }
-
-    .main-items {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      flex: 1;
-      min-width: 0;
-      white-space: nowrap;
-    }
-
-    slot:not([name])::slotted(*) {
-      white-space: nowrap;
-    }
-
-    .spacer {
-      flex: 1 1 auto;
-    }
-
-    .hamburger-btn {
-      display: none;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      padding: 6px;
-      width: 28px;
-      height: 28px;
-      min-width: 28px;
-      min-height: 28px;
-      flex: 0 0 auto;
-      margin-left: auto;
-      line-height: 1;
-      font-size: 16px;
-      color: var(--sky-text-primary);
-      background: var(--sky-hover-primary);
-      border: var(--sky-border-primary);
-      border-radius: var(--sky-radius-secondary);
-      transition:
-        background-color 0.2s ease,
-        color 0.2s ease;
-    }
-
-    .hamburger-btn:hover {
-      color: var(--sky-active-primary);
-    }
-
-    sky-icon {
-      display: inline-block;
-      width: 1em;
-      height: 1em;
-    }
-
-    .hamburger-menu {
-      position: fixed;
-      top: var(--sky-dd-top);
-      left: var(--sky-dd-left);
-      width: var(--sky-dd-width);
-      margin: 0;
-      box-shadow: var(--sky-box-shadow-primary);
-      border-radius: var(--sky-radius-secondary);
-      background-color: var(--sky-glass-primary);
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary)
-        var(--sky-brightness-primary) var(--sky-saturation-primary);
-      border: var(--sky-border-primary);
-     
-    }
-
-    .hamburger-inner {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      box-sizing: border-box;
-    }
-
-    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 -->
-          <slot></slot>
-        </div>
-
-        <div class="spacer"></div>
-
-        <button
-          class="hamburger-btn"
-          part="hamburger-button"
-          @click=${()=>this.dropdownPopover.toggle()}
-          @keydown=${e=>("Enter"===e.key||" "===e.key)&&(e.preventDefault(),this.dropdownPopover.toggle())}
-          aria-label="More"
-          aria-haspopup="menu"
-          .aria-expanded=${String(this.isHamburgerOpen)}
-          aria-controls=${e}
-          tabindex="0"
-        >
-          ${l(this.isFullyHidden,()=>s`<sky-icon icon="${this.fullIcon}"></sky-icon>`,()=>s`<sky-icon icon="${this.partialIcon}"></sky-icon>`)}
-        </button>
-      </div>
-
-      <div
-        id=${e}
-        class="hamburger-menu"
-        @toggle=${this.dropdownPopover.onToggle}
-        popover="manual"
-        part="menu"
-        role="menu"
-        ?inert=${!this.isHamburgerOpen}
-        aria-label="Additional menu items"
-      >
-        <div class="hamburger-inner" part="menu-inner">
-          <!-- overflow items (same nodes, just slot="hamburger") -->
-          <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([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 +0,0 @@
-{"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-flexitem/index.d.ts

@@ -1 +0,0 @@
-export * from "./sky-flexitem";

package/dist/sky-flexitem/index.js

@@ -1 +0,0 @@
-export * from './sky-flexitem.js';

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

@@ -1,114 +0,0 @@
-import { LitElement } from "lit";
-export type SkyFlexitemDirection = "horizontal" | "vertical";
-export type SkyFlexitemSizeDetail = {
-    element: SkyFlexitem;
-    width: number;
-    height: number;
-    flexDirection: SkyFlexitemDirection;
-};
-/**
- * @element sky-flexitem
- *
- * @summary Flex item for `sky-flexbar` that adapts orientation and reports size changes.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/flexbar
- *
- * @slot title - The title/content slot for the flex item.
- * @slot content - The main content slot for the flex item.
- * @slot hamburger - Special slot for hamburger menu context.
- *
- * @property {SkyFlexitemDirection} flexDirection - Layout direction used by the internal item container.
- * @fires {CustomEvent<SkyFlexitemSizeDetail>} flexitem-size - Fired when the component size changes.
- * @method getSize Returns the current element bounding rect.
- * @method isInHamburger Returns whether the item is in hamburger-menu context.
- *
- * @csspart item - The main container element.
- * @csspart in-hamburger - Applied when item is in hamburger menu context.
- * @csspart in-bar - Applied when item is in navigation bar context.
- *
- * @Behavior
- * - Dynamically adjusts layout direction based on parent flex direction
- * - Supports both horizontal and vertical orientations
- * - Automatically reports size changes via ResizeObserver
- * - Responds to flex-direction-changed events from parent components
- * - Provides different styling based on slot assignment (hamburger vs bar)
- *
- * - `title`: Typically used for labels, icons, or short text
- * - `content`: Main content area for longer text or complex content
- * - `hamburger`: Special slot for items within a hamburger menu context
- *
- * @example
- * ```html
- * <sky-flexitem flexdirection="horizontal">
- *   <span slot="title">Item 1</span>
- *   <div slot="content">Content for item 1</div>
- * </sky-flexitem>
- * ```
- * ```vue
- * <template>
- *   <sky-flexitem flexdirection="horizontal">
- *     <span slot="title">Item 1</span>
- *     <span slot="content">Content for item 1</span>
- *   </sky-flexitem>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-flexitem flexdirection="horizontal">
- *       <span slot="title">Item 1</span>
- *       <span slot="content">Content for item 1</span>
- *     </sky-flexitem>
- *   );
- * }
- * ```
- */
-export declare class SkyFlexitem extends LitElement {
-    /**
-     * Layout direction of the flex item.
-     * @public
-     */
-    flexDirection: SkyFlexitemDirection;
-    /**
-     * Internal state tracking if item is in hamburger menu.
-     * @private
-     */
-    private _inHamburger;
-    /** @private */
-    private _resizeObserver?;
-    static styles: import("lit").CSSResult;
-    static get observedAttributes(): string[];
-    /** @protected */
-    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
-    /**
-     * Handles flex direction changes from parent components.
-     * @param {Event} e - The flex-direction-changed event
-     * @private
-     */
-    private _onFlexDir;
-    /**
-     * Measures and reports the current size of the flex item.
-     * @private
-     */
-    private _measureAndReportSize;
-    /** @protected */
-    connectedCallback(): void;
-    /** @protected */
-    disconnectedCallback(): void;
-    /**
-     * Gets the current size of the flex item.
-     * @returns {DOMRect} The bounding rectangle of the element
-     * @public
-     */
-    getSize(): DOMRect;
-    /**
-     * Checks if the item is currently in hamburger menu context.
-     * @returns {boolean} True if in hamburger menu
-     * @public
-     */
-    isInHamburger(): boolean;
-    render(): import("lit-html").TemplateResult<1>;
-}

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

@@ -1,52 +0,0 @@
-import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as r,html as s}from"lit";import{property as n,state as o,customElement as l}from"lit/decorators.js";let a=class extends i{constructor(){super(...arguments),this.flexDirection="vertical",this._inHamburger=!1,this._onFlexDir=e=>{const t=e;t.detail&&(this.flexDirection=t.detail.flexDirection)}}static{this.styles=r`
-    :host {
-      display: block;
-      box-sizing: border-box;
-    }
-
-    .flex-item-container {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      width: 100%;
-      height: 100%;
-      white-space: nowrap;
-    }
-
-    :host([flexdirection="vertical"]) .flex-item-container {
-      flex-direction: column;
-      align-items: flex-start;
-    }
-
-    .content {
-      display: block;
-      flex: 1;
-      min-width: 0;
-      white-space: nowrap;
-    }
-
-    ::slotted([slot="title"]),
-    ::slotted([slot="content"]) {
-      white-space: nowrap;
-    }
-
-    /* RTL support */
-    :host([dir="rtl"]) .flex-item-container {
-      flex-direction: row-reverse;
-    }
-
-    :host([dir="rtl"][flexdirection="vertical"]) .flex-item-container {
-      align-items: flex-end;
-    }
-  `}static get observedAttributes(){return[...super.observedAttributes,"slot"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),"slot"===e&&t!==i&&(this._inHamburger="hamburger"===i,this.requestUpdate())}_measureAndReportSize(){const e=this.offsetWidth,t=this.offsetHeight;this.dispatchEvent(new CustomEvent("flexitem-size",{bubbles:!0,composed:!0,detail:{element:this,width:e,height:t,flexDirection:this.flexDirection}}))}connectedCallback(){super.connectedCallback(),this.classList.add("menu-parent"),this._inHamburger="hamburger"===this.slot,this._resizeObserver=new ResizeObserver(()=>this._measureAndReportSize()),this._resizeObserver.observe(this),this.addEventListener("flex-direction-changed",this._onFlexDir),this.updateComplete.then(()=>this._measureAndReportSize())}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this.removeEventListener("flex-direction-changed",this._onFlexDir)}getSize(){return this.getBoundingClientRect()}isInHamburger(){return this._inHamburger}render(){const e=this._inHamburger?"item in-hamburger":"item in-bar";return s`
-      <div 
-        part=${e} 
-        class="flex-item-container"
-        role="${this._inHamburger?"menuitem":"listitem"}"
-        aria-orientation="${this.flexDirection}"
-      >
-        <slot name="title"></slot>
-        <slot name="content" class="content"></slot>
-      </div>
-    `}};e([n({type:String,reflect:!0}),t("design:type",String)],a.prototype,"flexDirection",void 0),e([o(),t("design:type",Object)],a.prototype,"_inHamburger",void 0),a=e([l("sky-flexitem")],a);export{a as SkyFlexitem};
-//# sourceMappingURL=sky-flexitem.js.map

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

@@ -1 +0,0 @@
-{"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-navbar/index.d.ts

@@ -1 +0,0 @@
-export * from "./sky-navbar";

package/dist/sky-navbar/index.js

@@ -1 +0,0 @@
-export * from './sky-navbar.js';

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

@@ -1,211 +0,0 @@
-import { LitElement, TemplateResult } from "lit";
-export type NavIcon = string | TemplateResult | HTMLElement | {
-    icon: string;
-    inline?: boolean;
-    flip?: string;
-    rotate?: number;
-};
-export type NavAction = 
-/** Action identifier — handled via `item-activate`; never executed as code. */
-string | ((ctx: {
-    item: NavItem;
-    path: string | null;
-    host: SkyNavbar;
-    event?: Event;
-}) => any);
-export type NavItem = {
-    id?: string;
-    label?: string;
-    sublabel?: string;
-    iconL?: NavIcon;
-    iconR?: NavIcon;
-    disabled?: boolean;
-    route?: string;
-    submenu?: NavItem[];
-    divider?: boolean;
-    action?: NavAction;
-};
-export type SkyNavbarItemActivateDetail = {
-    item: NavItem;
-    path: string | null;
-};
-/**
- * @element sky-navbar
- *
- * @summary Responsive navbar with desktop/mobile layouts, nested menus, and overflow handling.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/navbar
- * @dependency sky-icon
- * @dependency sky-button
- * @dependency sky-drawer
- * @dependency sky-navpanel
- *
- * @uiVModel activeRoute route-change
- *
- * @slot prepend - Content placed before the navigation items on desktop.
- * @slot append - Content placed after the navigation items on desktop.
- * @slot prepend-mobile - Content placed before navigation items in mobile mode.
- * @slot append-mobile - Content placed after navigation items in mobile mode.
- * @slot header - Header content for mobile drawer.
- * @slot footer - Footer content for mobile drawer.
- *
- * @csspart nav-desktop - Desktop navigation container.
- * @csspart nav-mobile - Mobile navigation container.
- * @csspart nav-bar - Navigation bar container.
- *
- * @property {NavItem[]} items - Full menu item model.
- * @property {string | null} activeRoute - Active route used for highlighting.
- * @property {number} breakpoint - Mobile breakpoint in pixels.
- * @property {boolean} isMobile - Whether the navbar is currently in mobile layout.
- * @property {number} overflowThreshold - Minimum visible desktop items before full overflow mode.
- * @property {string} justifyBar - CSS `justify-content` for the outer bar.
- * @property {string} justifyBarItems - CSS `justify-content` for the main item row.
- * @property {boolean} pwaOverlay - Enables window-controls-overlay placement behavior.
- * @property {boolean} customEvent - Uses item activation events instead of route navigation flow.
- *
- * @fires {CustomEvent<string>} route-change - Dispatched when a route is changed.
- * @fires {CustomEvent<SkyNavbarItemActivateDetail>} item-activate - Dispatched when an item is activated.
- * @method openMenu Opens the mobile drawer menu.
- * @method closeMenu Closes mobile drawer and desktop submenus.
- * @method toggleMenu Toggles mobile drawer menu.
- * @method closeMenus Closes all open menus.
- *
- * @Behavior
- * - Switches desktop/mobile rendering based on viewport width and `breakpoint`.
- * - Mobile menu uses `sky-drawer` + `sky-navpanel` (maps `items` to navpanel rows).
- * - Supports nested submenu navigation with keyboard and pointer interaction.
- * - Applies overflow collapsing when top-level items exceed available space.
- *
- * @example
- * ```html
- * <sky-navbar breakpoint="1024" pwa-overlay>
- *   <div slot="prepend">Logo</div>
- *   <div slot="append">User Menu</div>
- * </sky-navbar>
- * ```
- * ```vue
- * <template>
- *   <sky-navbar :items="items" @route-change="onRouteChange">
- *     <div slot="prepend">Logo</div>
- *     <div slot="append">User Menu</div>
- *   </sky-navbar>
- * </template>
- * ```
- * ```jsx
- * export default function Demo({ items }) {
- *   return (
- *     <sky-navbar items={items}>
- *       <div slot="prepend">Logo</div>
- *       <div slot="append">User Menu</div>
- *     </sky-navbar>
- *   );
- * }
- * ```
- */
-export declare class SkyNavbar extends LitElement {
-    openMenu(): void;
-    closeMenu(): void;
-    toggleMenu(): void;
-    closeMenus(): void;
-    static dependencies: Record<string, CustomElementConstructor>;
-    /** Full menu model */
-    items: NavItem[];
-    /** Current active route for styling */
-    activeRoute: string | null;
-    /** Mobile breakpoint */
-    breakpoint: number;
-    /** Whether we are in mobile mode */
-    isMobile: boolean;
-    /** Minimum visible items on desktop before collapsing all into ⋯ */
-    overflowThreshold: number;
-    justifyBar: string;
-    justifyBarItems: string;
-    /** Keep existing prop only — no new props added */
-    pwaOverlay: boolean;
-    /** Desktop open path (topId[/childId[/...]]). Also drives which nested panels are open */
-    private activePath;
-    private isSubmenuOpen;
-    /** Desktop overflow split */
-    private visibleItems;
-    private overflowItems;
-    customEvent: boolean;
-    /** Desktop thumb highlight */
-    private focusedIndex;
-    /** Persist last top submenu host for animated repositioning */
-    private lastTopId;
-    private lastTopHadSubmenuOpen;
-    /** Mobile drawer open */
-    private drawerOpen;
-    /** Geometry caches for nested flyouts */
-    private anchorRects;
-    private anchorOffsets;
-    private _submenuPosition;
-    private static readonly OVERFLOW_ID;
-    private barEl;
-    /** Non-reactive; avoids Lit change-in-update when toggled during measurement */
-    private _isMeasuring;
-    private _measurementRequested;
-    private _resizeObs?;
-    private static _historyPatched;
-    private _winResize;
-    static styles: import("lit").CSSResult;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _onGlobalPointerDown;
-    private debounce;
-    firstUpdated(): void;
-    protected willUpdate(changed: Map<string, unknown>): void;
-    private _onLocationChange;
-    private _syncResponsive;
-    private _setRootPadding;
-    private _runAction;
-    /** Scroll to a hash fragment using a validated element id (never querySelector). */
-    private _scrollToHash;
-    render(): TemplateResult<1>;
-    private _renderDesktopBar;
-    private _renderTopButton;
-    private _norm;
-    private _routeActive;
-    private _renderTopPanel;
-    private _renderRow;
-    private _renderNested;
-    private _onDrawerChange;
-    private _navIconToString;
-    private _itemsHaveAction;
-    private _mapNavItemsToSidebarPages;
-    private _findNavItem;
-    private _mobileNavUsesActions;
-    private _onNavpanelRouteChange;
-    private _onNavpanelAction;
-    private _renderMobile;
-    private _onTopEnter;
-    private _onTopClick;
-    private _onRowEnter;
-    private _onRowClick;
-    private _navigate;
-    private _openTop;
-    private _openNested;
-    private _collapseTo;
-    private _closeAll;
-    private _positionNested;
-    private _getPanelEl;
-    private _cell;
-    private _activate;
-    /** Lock body scroll when mobile drawer is open. */
-    private _lockBodyScroll;
-    /** Unlock body scroll when no dialogs/navbars need it anymore. */
-    private _unlockBodyScroll;
-    private _slug;
-    private _path;
-    private _ensurePath;
-    private _topItems;
-    private _shallowEqual;
-    private _applyOverflow;
-    private _closeMobileOverlay;
-    private _measureOverflow;
-    private _scheduleMeasureIfNeeded;
-}