@sky.ui/core 0.0.1

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

@@ -0,0 +1,186 @@
+import { LitElement, TemplateResult, PropertyValues } from "lit";
+/** `"link"` (default) — nav row; `"header"` — static section label; `"separator"` — divider line. */
+export type SidebarPageKind = "link" | "header" | "separator";
+/** Optional trailing badge on link rows (e.g. Pro, New, Beta). */
+export type SidebarPageBadge = {
+    label: string;
+    variant?: "default" | "accent" | "muted" | "success" | "warning";
+};
+export type SidebarPage = {
+    kind?: SidebarPageKind;
+    route?: string;
+    action?: Function | string;
+    title: string;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    category?: string;
+    /** When set, this row is a collapsible sub-group; leaves are items without children (or empty children). */
+    children?: SidebarPage[];
+    /**
+     * Initial open state for this collapsible group (ignored once `collapsedGroups[groupKey]` is set).
+     * `true` = expanded, `false` = collapsed. Defaults to `false` when omitted.
+     */
+    expanded?: boolean;
+    /** Optional trailing badge rendered after the link title. */
+    badge?: SidebarPageBadge;
+};
+export type SkyNavpanelActionDetail = {
+    action: Function | string;
+    context: {
+        item: SidebarPage;
+        path: string | null;
+        event?: Event;
+        host?: any;
+    };
+};
+/**
+ * @element sky-navpanel
+ *
+ * @summary Collapsible navigation panel with grouped items, SPA route syncing, and optional action mode.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/sidebar
+ * @dependency sky-icon
+ *
+ * @slot - (No slots) — Content is rendered from items property.
+ *
+ * @csspart nav - `<nav>` root element.
+ * @csspart nav-inner - Scrollable container for the list & groups.
+ * @csspart list - The flat list container (no categories).
+ * @csspart group - Wrapper for a category section.
+ * @csspart heading - Clickable heading row of a category.
+ * @csspart chevron - Chevron icon in the heading.
+ * @csspart group-content - Container of links inside a category.
+ * @csspart nested-group - A nested collapsible section (`children`).
+ * @csspart link - A single link row (`<a>`).
+ * @csspart section-header - Static section label (`kind: "header"`).
+ * @csspart separator - Wrapper for a divider row (`kind: "separator"`).
+ * @csspart separator-rule - The horizontal rule element inside a separator.
+ *
+ * @property {SidebarPage[]} items - Navigation items; `category` creates top-level groups. Optional `children` adds nested collapsible sections (any depth). Use `kind` for headers and separators. Per-group initial open/close: `expanded` on a parent row (nested groups), or on any item in a category (first defined value wins for that category heading).
+ * @property {string | null} activeRoute - Current active route path.
+ * @property {Record<string, boolean>} collapsedGroups - Group collapsed-state map (`true` means collapsed).
+ * @property {boolean} customEvent - Enables action-mode behavior instead of route-mode behavior.
+ * @property {boolean} open - Controls panel visibility.
+ *
+ * @fires {CustomEvent<string>} route-change - Dispatched when a link is activated.
+ * @fires {CustomEvent<SkyNavpanelActionDetail>} action - Dispatched when a custom action is triggered.
+ * @method setActiveRoute Sets the currently active route.
+ * @method openPanel Shows the nav panel.
+ * @method closePanel Hides the nav panel.
+ * @method togglePanel Toggles nav panel visibility.
+ * @method toggleGroup Toggles or forces a group collapsed state.
+ * @method expandAllGroups Expands all known groups.
+ * @method collapseAllGroups Collapses all known groups.
+ *
+ * @Behavior
+ * - Syncs `activeRoute` from browser history changes and internal navigation clicks.
+ * - Supports grouped navigation with keyboard-accessible collapse/expand behavior.
+ * - Supports route mode and custom action mode based on `customEvent`.
+ *
+ * @example
+ * ```html
+ * <sky-navpanel></sky-navpanel>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-navpanel :items="items" :collapsed-groups="{ 'getting-started': true }" @route-change="onRouteChange"></sky-navpanel>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo({ items }) {
+ *   return <sky-navpanel items={items}></sky-navpanel>;
+ * }
+ * ```
+ */
+export declare class SkyNavpanel extends LitElement {
+    static dependencies: Record<string, CustomElementConstructor>;
+    /** The items to render as links. Group by `category` to create collapsible sections. */
+    items: SidebarPage[];
+    /** The currently active route (compared against `page.route`). */
+    activeRoute: string | null;
+    /** A map of group keys to collapsed state. True = collapsed, False = expanded. */
+    collapsedGroups: Record<string, boolean>;
+    /** When true, items use action behavior; when false, items use routing behavior */
+    customEvent: boolean;
+    open: boolean;
+    ready: boolean;
+    /**
+     * Keys from the current `items` tree whose initial collapsed state comes from
+     * `expanded` on items (before `collapsedGroups` overrides).
+     */
+    private itemDefaultCollapsedByKey;
+    setActiveRoute(route: string): void;
+    openPanel(): void;
+    closePanel(): void;
+    togglePanel(): void;
+    toggleGroup(groupKey: string, force?: boolean): void;
+    expandAllGroups(): void;
+    collapseAllGroups(): void;
+    static styles: import("lit").CSSResult;
+    constructor();
+    willUpdate(changed: PropertyValues<this>): void;
+    /** Per-item default collapsed state from `expanded` (`true` expanded → not collapsed). */
+    private itemCollapsedDefault;
+    /** First item in a category list that defines `expanded`. */
+    private firstDefinedItemCollapsedDefault;
+    /**
+     * Maps internal group keys to initial collapsed state from item props.
+     * `collapsedGroups[key]` still overrides when present.
+     */
+    private computeGroupItemDefaults;
+    /** Effective collapsed state for a group key (explicit map beats item defaults). */
+    private collapsedStateForKey;
+    disconnectedCallback(): void;
+    /** Sync active route when history changes. */
+    private handleRouteChange;
+    /**
+     * Monkey-patch pushState/replaceState so SPA navigation triggers our route-change event.
+     * This keeps `activeRoute` in sync when your app updates the URL.
+     */
+    private patchHistory;
+    /**
+     * Execute an action, supporting both function references and string-based function definitions
+     * @param action The action to execute (function or string)
+     * @param context Context information for the action
+     */
+    private _runAction;
+    /**
+       * Handle clicks on items.
+       * @Behavior - Depends on customEvent property:
+       * - customEvent = false: Use routing behavior
+       * - customEvent = true: Use action behavior
+       * @param event MouseEvent
+       * @param page SidebarPage
+       */
+    private onItemClick;
+    firstUpdated(): Promise<void>;
+    /**
+     * Handle ArrowUp / ArrowDown / Home / End to move focus among headings & links.
+     * Handle Enter/Space on group headings to toggle.
+     */
+    private onKeyDown;
+    /** Walk ancestor `.group` sections; false if any branch on the path is collapsed. */
+    private isNavBranchExpanded;
+    /** Return focusable headings + visible links inside the shadow root. */
+    private getFocusableItems;
+    private domIdForGroupContent;
+    private itemKind;
+    private isLinkGroupNode;
+    /** Depth-first leaf pages (link rows) in the same order as rendered `data-index`. */
+    private flattenLeafPages;
+    private collectNestedGroupKeys;
+    /** All collapsible section keys (top-level categories + nested `children` groups). */
+    private getAllGroupKeys;
+    private getLeafListOrdered;
+    /** Resolve leaf link by global `data-index` (keyboard / action mode). */
+    private getPageByIndex;
+    private renderHeaderItem;
+    private renderSeparatorItem;
+    private renderPagesBranch;
+    render(): TemplateResult<1>;
+    /** Render a single link item. */
+    private renderLinkItem;
+}

package/dist/sky-navpanel/sky-navpanel.js

@@ -0,0 +1,404 @@
+import{__decorate as e,__metadata as t}from"tslib";import{LitElement as a,css as s,html as r}from"lit";import{property as o,state as i,customElement as n}from"lit/decorators.js";import{when as c}from"lit/directives/when.js";import{repeat as l}from"lit/directives/repeat.js";import{classMap as d}from"lit/directives/class-map.js";import{styleMap as p}from"lit/directives/style-map.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let u=class extends a{static{this.dependencies={"sky-icon":h}}setActiveRoute(e){this.activeRoute=e}openPanel(){this.open=!0}closePanel(){this.open=!1}togglePanel(){this.open=!this.open}toggleGroup(e,t){const a=this.collapsedStateForKey(e),s="boolean"==typeof t?t:!a;this.collapsedGroups={...this.collapsedGroups,[e]:s}}expandAllGroups(){const e={...this.collapsedGroups};for(const t of this.getAllGroupKeys())e[t]=!1;this.collapsedGroups=e}collapseAllGroups(){const e={...this.collapsedGroups};for(const t of this.getAllGroupKeys())e[t]=!0;this.collapsedGroups=e}static{this.styles=s`
+    :host {
+      display: block;
+      padding: var(--sky-space-2) var(--sky-space-3);
+      font-family: var(--sky-font);
+      box-sizing: border-box;
+    }
+    :host(:not([open])) {
+      display: none;
+    }
+
+    nav[role="navigation"] {
+      display: block;
+    }
+
+    .nav-inner {
+      overflow-y: auto;
+      outline: none;
+    }
+
+    sky-icon {
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+    }
+
+    nav {
+      display: flex;
+      flex-direction: column;
+      gap: var(--sky-space-1);
+    }
+
+    a {
+      display: flex;
+      align-items: center;
+      gap: var(--sky-space-3);
+      padding: var(--sky-space-2) var(--sky-space-3);
+      margin: var(--sky-space-1) 0;
+      border-radius: var(--sky-radius-secondary);
+      text-decoration: none;
+      font-weight: var(--sky-font-weight-normal);
+      color: var(--sky-text-primary);
+      font-size: var(--sky-font-size-sm);
+      font-family: var(--sky-font);
+      transition: background-color 0.25s ease, color 0.25s ease;
+      will-change: background-color, color;
+      cursor: pointer;
+      
+    }
+    a:hover:not(.active) {
+      color: var(--sky-text-primary-hover);
+    }
+    a:focus-visible,
+    a:focus-within {
+      background-color: var(--sky-hover-primary);
+      outline: none;
+    }
+    a.active {
+      background-color: var(--sky-hover-primary);
+    }
+    
+    a.action-item {
+      color: var(--sky-active-primary);
+    }
+    a.action-item:hover {
+      background-color: var(--sky-active-g0);
+    }
+    a.action-item.active {
+      color: var(--sky-active-primary);
+      background-color: var(--sky-active-g1);
+    }
+
+    .link-label {
+      min-width: 0;
+      flex: 1 1 auto;
+    }
+
+    .link-badge {
+      flex: 0 0 auto;
+      margin-left: auto;
+      padding: 0.1rem 0.4rem;
+      border-radius: var(--sky-radius-full);
+      font-size: 0.625rem;
+      font-weight: var(--sky-font-weight-semibold);
+      letter-spacing: 0.05em;
+      line-height: 1.2;
+      text-transform: uppercase;
+    }
+
+    .link-badge[data-variant="accent"] {
+      background: var(--sky-active-primary);
+      color: var(--sky-text-on-primary, #fff);
+    }
+
+    .link-badge[data-variant="default"] {
+      background: var(--sky-glass-secondary);
+      color: var(--sky-text-secondary);
+    }
+
+    .link-badge[data-variant="muted"] {
+      background: color-mix(in srgb, var(--sky-text-secondary) 14%, transparent);
+      color: var(--sky-text-secondary);
+    }
+
+    .link-badge[data-variant="success"] {
+      background: color-mix(in srgb, var(--sky-success-primary) 18%, transparent);
+      color: var(--sky-success-primary);
+    }
+
+    .link-badge[data-variant="warning"] {
+      background: color-mix(in srgb, var(--sky-warning-primary) 18%, transparent);
+      color: var(--sky-warning-primary);
+    }
+
+    .group-content a {
+      padding-left: var(--sky-space-6);
+    }
+
+    .group.nested {
+      margin-top: var(--sky-space-1);
+    }
+    .group.nested .sidebar-heading {
+      /* Set per-section via --nested-heading-pad-left (siblings of links at same depth). */
+      padding-left: var(
+        --nested-heading-pad-left,
+        var(--sky-space-3)
+      );
+      font-weight: var(--sky-font-weight-normal);
+    }
+    .group.nested .group-content > a {
+      padding-left: calc(
+        var(--sky-space-6) + var(--nest-depth, 0) * var(--sky-space-4)
+      );
+    }
+
+    .sidebar-heading {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--sky-space-3);
+      font-weight: var(--sky-font-weight-medium);
+      padding: var(--sky-space-2) var(--sky-space-3);
+      font-size: var(--sky-font-size-sm);
+      font-family: var(--sky-font);
+      color: var(--sky-text-primary);
+      cursor: pointer;
+      user-select: none;
+      border-radius: var(--sky-radius-secondary);
+      outline: none;
+      
+    }
+    .sidebar-heading__label {
+      display: flex;
+      min-width: 0;
+      flex: 1;
+      align-items: center;
+      gap: var(--sky-space-3);
+    }
+    .sidebar-heading__title {
+      min-width: 0;
+      flex: 1;
+    }
+    .sidebar-heading:focus-visible,
+    .sidebar-heading:focus-within {
+      outline: none;
+      background-color: var(--sky-hover-primary);
+    }
+
+    .icon {
+      font-size: var(--sky-font-size-md);
+    }
+    .icon-right {
+      margin-left: auto;
+    }
+
+    .chevron {
+      transition: none;
+    }
+    .sidebar-heading[data-collapsed="true"] .chevron {
+      transform: rotate(180deg);
+    }
+   
+
+    .group-content {
+      overflow: hidden;
+      transition: none;
+      opacity: 1;
+      transform: translateY(0);
+      max-height: none;
+      will-change: opacity, transform;
+    }
+    .group-content.is-collapsed {
+      max-height: 0 !important;
+      opacity: 0;
+      transform: translateY(-var(--sky-space-1));
+      pointer-events: none;
+    }
+
+    :host([data-ready="true"]) .group-content {
+      transition: opacity 200ms ease, transform 250ms ease;
+    }
+    :host([data-ready="true"]) .chevron {
+      transition: transform 200ms ease;
+    }
+
+    .nav-section-header {
+      box-sizing: border-box;
+      margin: 0;
+      font-size: var(--sky-font-size-xs);
+      font-weight: var(--sky-font-weight-semibold);
+      font-family: var(--sky-font);
+      color: var(--sky-text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+      line-height: var(--sky-line-height-tight);
+      list-style: none;
+    }
+    .nav-section-header--flat {
+      padding: var(--sky-space-3) var(--sky-space-3) var(--sky-space-1);
+    }
+    .nav-section-header--grouped {
+      padding: var(--sky-space-3) var(--sky-space-3) var(--sky-space-1);
+      padding-left: calc(
+        var(--sky-space-6) + var(--nest-depth, 0) * var(--sky-space-4)
+      );
+    }
+
+    .nav-separator-wrap {
+      box-sizing: border-box;
+      margin: 0;
+      list-style: none;
+    }
+    .nav-separator-wrap--flat {
+      padding: var(--sky-space-2) var(--sky-space-3);
+    }
+    .nav-separator-wrap--grouped {
+      padding: var(--sky-space-2) var(--sky-space-3);
+      padding-left: calc(
+        var(--sky-space-6) + var(--nest-depth, 0) * var(--sky-space-4)
+      );
+      padding-right: var(--sky-space-3);
+    }
+    .nav-separator-line {
+      border: none;
+      border-top: 1px solid var(--sky-border-light);
+      margin: 0;
+    }
+  `}constructor(){super(),this.items=[],this.activeRoute="undefined"!=typeof window?`${window.location.pathname}${window.location.hash}`:null,this.collapsedGroups={},this.customEvent=!1,this.open=!0,this.ready=!1,this.itemDefaultCollapsedByKey={},this.handleRouteChange=()=>{this.activeRoute=`${window.location.pathname}${window.location.hash}`},this.onKeyDown=e=>{const t=e.target,a=t?.closest(".sidebar-heading"),s=this.getFocusableItems();if(!t||0===s.length)return;const r=a??t,o=s.indexOf(r);switch(e.key){case"ArrowDown":e.preventDefault();(s[Math.min(s.length-1,o+1)]??s[0]).focus();break;case"ArrowUp":e.preventDefault();(s[Math.max(0,o-1)]??s[s.length-1]).focus();break;case"Home":e.preventDefault(),s[0]?.focus();break;case"End":e.preventDefault(),s[s.length-1]?.focus();break;case"Enter":case" ":if(a){e.preventDefault();const t=a.closest(".group")?.dataset.key;if(!t)return;const s=this.collapsedStateForKey(t);this.collapsedGroups={...this.collapsedGroups,[t]:!s},requestAnimationFrame(()=>a.focus())}else if("A"===t.tagName){e.preventDefault();const a=parseInt(t.dataset.index||"0"),s=this.getPageByIndex(a);s&&s.action&&this._runAction(s.action,{item:s,path:this.activeRoute,host:this,event:e})}}},this.itemDefaultCollapsedByKey=this.computeGroupItemDefaults(),this.patchHistory(),window.addEventListener("route-change",this.handleRouteChange)}willUpdate(e){super.willUpdate(e),e.has("items")&&(this.itemDefaultCollapsedByKey=this.computeGroupItemDefaults())}itemCollapsedDefault(e){if(void 0!==e.expanded)return!e.expanded}firstDefinedItemCollapsedDefault(e){for(const t of e){const e=this.itemCollapsedDefault(t);if(void 0!==e)return e}}computeGroupItemDefaults(){const e={},t=(a,s)=>{a.forEach((a,r)=>{if(!this.isLinkGroupNode(a))return;const o=`${s}::n${r}`,i=this.itemCollapsedDefault(a);void 0!==i&&(e[o]=i),t(a.children,o)})};if(!this.items.some(e=>!!e.category))return t(this.items,"root"),e;const a={};for(const e of this.items){const t=e.category??"Other";a[t]||(a[t]=[]),a[t].push(e)}const s=Object.entries(a);return 1===s.length&&"Other"===s[0][0]?(t(s[0][1],"root"),e):(s.forEach(([a,s],r)=>{const o=`${a}-${r}`,i=this.firstDefinedItemCollapsedDefault(s);void 0!==i&&(e[o]=i),t(s,o)}),e)}collapsedStateForKey(e){const t=this.collapsedGroups[e];if(void 0!==t)return!!t;const a=this.itemDefaultCollapsedByKey[e];return void 0===a||!!a}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("route-change",this.handleRouteChange)}patchHistory(){const e=history.pushState,t=history.replaceState,a=()=>{window.dispatchEvent(new Event("route-change"))};history.pushState=function(...t){e.apply(this,t),a()},history.replaceState=function(...e){t.apply(this,e),a()}}_runAction(e,t){try{if("function"==typeof e)e(t);else if("string"==typeof e){new Function("ctx",e)(t)}this.dispatchEvent(new CustomEvent("action",{detail:{action:e,context:t},bubbles:!0,composed:!0}))}catch(e){console.error("Nav action error:",e)}}onItemClick(e,t){if(e.preventDefault(),this.customEvent)t.action&&this._runAction(t.action,{item:t,path:this.activeRoute,host:this,event:e});else if(t.route){if(t.route.includes("#")){const e=document.querySelector(t.route);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}else/^https?:\/\//i.test(t.route)?window.open(t.route,"_blank","noopener,noreferrer"):this.activeRoute=t.route;/^https?:\/\//i.test(t.route)||this.dispatchEvent(new CustomEvent("route-change",{detail:t.route,bubbles:!0,composed:!0}))}}async firstUpdated(){await this.updateComplete,requestAnimationFrame(()=>{this.ready=!0,this.setAttribute("data-ready","true")})}isNavBranchExpanded(e){let t=e.closest(".group");for(;t;){const e=t.querySelector(":scope > .group-content");if(e?.classList.contains("is-collapsed"))return!1;t=t.parentElement?.closest(".group")??null}return!0}getFocusableItems(){const e=this.renderRoot;return Array.from(e.querySelectorAll('.sidebar-heading, a:not([aria-hidden="true"])')).filter(e=>this.isNavBranchExpanded(e))}domIdForGroupContent(e){return`group-content-${e.replace(/[^a-zA-Z0-9_-]+/g,"_")}`}itemKind(e){return e.kind??"link"}isLinkGroupNode(e){return"link"===this.itemKind(e)&&!!e.children?.length}flattenLeafPages(e){const t=[];for(const a of e){const e=this.itemKind(a);"header"!==e&&"separator"!==e&&(this.isLinkGroupNode(a)?t.push(...this.flattenLeafPages(a.children)):t.push(a))}return t}collectNestedGroupKeys(e,t){const a=[];return e.forEach((e,s)=>{if(!this.isLinkGroupNode(e))return;const r=`${t}::n${s}`;a.push(r,...this.collectNestedGroupKeys(e.children,r))}),a}getAllGroupKeys(){const e=[];if(!this.items.some(e=>!!e.category))return this.collectNestedGroupKeys(this.items,"root");const t={};for(const e of this.items){const a=e.category??"Other";t[a]||(t[a]=[]),t[a].push(e)}const a=Object.entries(t);return 1===a.length&&"Other"===a[0][0]?this.collectNestedGroupKeys(a[0][1],"root"):(a.forEach(([t,a],s)=>{const r=`${t}-${s}`;e.push(r,...this.collectNestedGroupKeys(a,r))}),e)}getLeafListOrdered(){if(!this.items.some(e=>!!e.category))return this.flattenLeafPages(this.items);const e={};for(const t of this.items){const a=t.category??"Other";e[a]||(e[a]=[]),e[a].push(t)}const t=Object.entries(e);if(1===t.length&&"Other"===t[0][0])return this.flattenLeafPages(t[0][1]);const a=[];for(const[,e]of t)a.push(...this.flattenLeafPages(e));return a}getPageByIndex(e){return this.getLeafListOrdered()[e]??null}renderHeaderItem(e,t,a){return r`
+      <div
+        role="listitem"
+        part="section-header"
+        class=${a?"nav-section-header nav-section-header--grouped":"nav-section-header nav-section-header--flat"}
+        style=${p({"--nest-depth":String(t)})}
+      >
+        ${e.title}
+      </div>
+    `}renderSeparatorItem(e,t){return r`
+      <div
+        role="listitem"
+        part="separator"
+        class=${t?"nav-separator-wrap nav-separator-wrap--grouped":"nav-separator-wrap nav-separator-wrap--flat"}
+        style=${p({"--nest-depth":String(e)})}
+      >
+        <hr class="nav-separator-line" part="separator-rule" />
+      </div>
+    `}renderPagesBranch(e,t){return r`${l(e,(e,a)=>`${t.baseKey}-${a}-${e.title}-${this.itemKind(e)}`,(e,a)=>{const s=this.itemKind(e);if("header"===s)return this.renderHeaderItem(e,t.depth,t.groupPadding);if("separator"===s)return this.renderSeparatorItem(t.depth,t.groupPadding);if(this.isLinkGroupNode(e)){const s=`${t.baseKey}::n${a}`,o=this.collapsedStateForKey(s),i=this.domIdForGroupContent(s),n=d({"group-content":!0,"is-collapsed":o,"is-open":!o}),l=t.depth+1,h=0!==t.depth||t.groupPadding?`calc(var(--sky-space-6) + ${t.depth} * var(--sky-space-4))`:"var(--sky-space-3)";return r`
+            <section
+              class="group nested"
+              part="nested-group"
+              data-key="${s}"
+              style=${p({"--nest-depth":String(l),"--nested-heading-pad-left":h})}
+            >
+              <div
+                class="sidebar-heading"
+                part="heading"
+                role="button"
+                tabindex="0"
+                aria-controls="${i}"
+                aria-expanded="${!o}"
+                data-collapsed="${String(o)}"
+                @click=${()=>this.toggleGroup(s)}
+              >
+                <div class="sidebar-heading__label">
+                  ${c(e.icon&&"right"!==e.iconPosition,()=>r`<sky-icon
+                        icon="${e.icon}"
+                        class="icon"
+                      ></sky-icon>`)}
+                  <div class="sidebar-heading__title">${e.title}</div>
+                  ${c(e.icon&&"right"===e.iconPosition,()=>r`<sky-icon
+                        icon="${e.icon}"
+                        class="icon icon-right"
+                      ></sky-icon>`)}
+                </div>
+                <sky-icon
+                  class="chevron"
+                  part="chevron"
+                  icon="ion:chevron-up"
+                ></sky-icon>
+              </div>
+              <div
+                id="${i}"
+                class=${n}
+                part="group-content"
+                role="list"
+                aria-label="${e.title}"
+              >
+                ${this.renderPagesBranch(e.children,{baseKey:s,depth:l,leafCounter:t.leafCounter,groupPadding:!0})}
+              </div>
+            </section>
+          `}return this.renderLinkItem(e,t.leafCounter.i++)})}`}render(){const e=this.items.some(e=>!!e.category),t={i:0};if(!e)return r`
+        <nav part="nav" role="navigation" aria-label="Sidebar">
+          <div
+            class="nav-inner"
+            part="nav-inner"
+            tabindex="0"
+            @keydown=${this.onKeyDown}
+          >
+            <div role="list" part="list" aria-label="Links">
+              ${this.renderPagesBranch(this.items,{baseKey:"root",depth:0,leafCounter:t,groupPadding:!1})}
+            </div>
+          </div>
+        </nav>
+      `;const a={};for(const e of this.items){const t=e.category??"Other";a[t]||(a[t]=[]),a[t].push(e)}return 1===Object.keys(a).length&&a.Other?r`
+        <nav part="nav" role="navigation" aria-label="Sidebar">
+          <div
+            class="nav-inner"
+            part="nav-inner"
+            tabindex="0"
+            @keydown=${this.onKeyDown}
+          >
+            <div role="list" part="list" aria-label="Links">
+              ${this.renderPagesBranch(a.Other,{baseKey:"root",depth:0,leafCounter:t,groupPadding:!1})}
+            </div>
+          </div>
+        </nav>
+      `:r`
+      <nav part="nav" role="navigation" aria-label="Sidebar">
+        <div
+          class="nav-inner"
+          part="nav-inner"
+          tabindex="0"
+          @keydown=${this.onKeyDown}
+        >
+          ${l(Object.entries(a),([e],t)=>`${e}-${t}`,([e,a],s)=>{const o=`${e}-${s}`,i=this.collapsedStateForKey(o),n=this.domIdForGroupContent(o),c=d({"group-content":!0,"is-collapsed":i,"is-open":!i});return r`
+                <section class="group" part="group" data-key="${o}">
+                  <div
+                    class="sidebar-heading"
+                    part="heading"
+                    role="button"
+                    tabindex="0"
+                    aria-controls="${n}"
+                    aria-expanded="${!i}"
+                    data-collapsed="${String(i)}"
+                    @click=${()=>this.collapsedGroups={...this.collapsedGroups,[o]:!this.collapsedStateForKey(o)}}
+                  >
+                    <div>${e}</div>
+                    <sky-icon
+                      class="chevron"
+                      part="chevron"
+                      icon="ion:chevron-up"
+                    >
+                    </sky-icon>
+                  </div>
+
+                  <div
+                    id="${n}"
+                    class=${c}
+                    part="group-content"
+                    role="list"
+                    aria-label="${e} links"
+                  >
+                    ${this.renderPagesBranch(a,{baseKey:o,depth:0,leafCounter:t,groupPadding:!0})}
+                  </div>
+                </section>
+              `})}
+        </div>
+      </nav>
+    `}renderLinkItem(e,t){const a=!!e.action,s=e.route??"",o=this.activeRoute??"",i=o.split("#")[0]||"/",n=o.includes("#")?`#${o.split("#").slice(1).join("#")}`:"",l=s.split("#")[0],p=s.includes("#")?`#${s.split("#").slice(1).join("#")}`:"",h=!a&&(o===s||Boolean(s)&&!p&&i===s||Boolean(p)&&n===p&&(!l||l===i)),u=d({active:h,"action-item":a});return r`
+      <a
+        part="link"
+        href="${e.route||"javascript:void(0)"}"
+        class=${u}
+        role="listitem"
+        data-index="${t}"
+        @click="${t=>this.onItemClick(t,e)}"
+      >
+        ${c(e.icon&&"right"!==e.iconPosition,()=>r`<sky-icon icon="${e.icon}" class="icon"></sky-icon>`)}
+        <span class="link-label">${e.title}</span>
+        ${c(e.badge,e=>r`
+            <span
+              class="link-badge"
+              data-variant=${e.variant??"default"}
+              aria-label=${e.label}
+            >
+              ${e.label}
+            </span>
+          `)}
+        ${c(e.icon&&"right"===e.iconPosition,()=>r`<sky-icon
+              icon="${e.icon}"
+              class="icon icon-right"
+            ></sky-icon>`)}
+      </a>
+    `}};e([o({type:Array}),t("design:type",Array)],u.prototype,"items",void 0),e([o({type:String,attribute:"active-route"}),t("design:type",Object)],u.prototype,"activeRoute",void 0),e([o({type:Object}),t("design:type",Object)],u.prototype,"collapsedGroups",void 0),e([o({type:Boolean}),t("design:type",Object)],u.prototype,"customEvent",void 0),e([o({type:Boolean,reflect:!0}),t("design:type",Object)],u.prototype,"open",void 0),e([i(),t("design:type",Object)],u.prototype,"ready",void 0),u=e([n("sky-navpanel"),t("design:paramtypes",[])],u);export{u as SkyNavpanel};
+//# sourceMappingURL=sky-navpanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sky-navpanel.js","sources":["../../src/sky-navpanel/sky-navpanel.ts"],"sourcesContent":[null],"names":["SkyNavpanel","LitElement","this","dependencies","SkyIcon","setActiveRoute","route","activeRoute","openPanel","open","closePanel","togglePanel","toggleGroup","groupKey","force","current","collapsedStateForKey","next","collapsedGroups","expandAllGroups","k","getAllGroupKeys","collapseAllGroups","styles","css","constructor","super","items","window","location","pathname","hash","customEvent","ready","itemDefaultCollapsedByKey","handleRouteChange","onKeyDown","e","rootTarget","target","headingEl","closest","focusables","getFocusableItems","length","activeEl","idx","indexOf","key","preventDefault","Math","min","focus","max","dataset","isCollapsed","requestAnimationFrame","tagName","itemIndex","parseInt","index","page","getPageByIndex","action","_runAction","item","path","host","event","computeGroupItemDefaults","patchHistory","addEventListener","willUpdate","changed","has","itemCollapsedDefault","undefined","expanded","firstDefinedItemCollapsedDefault","it","d","out","walkNested","pages","baseKey","forEach","i","isLinkGroupNode","subKey","children","some","p","category","groups","cat","push","entries","Object","catItems","headingKey","ex","fromItem","disconnectedCallback","removeEventListener","originalPushState","history","pushState","originalReplaceState","replaceState","dispatchRouteChange","dispatchEvent","Event","args","apply","context","Function","fn","CustomEvent","detail","bubbles","composed","err","console","error","onItemClick","includes","targetElement","document","querySelector","scrollIntoView","behavior","block","test","firstUpdated","updateComplete","setAttribute","isNavBranchExpanded","el","g","content","classList","contains","parentElement","root","renderRoot","Array","from","querySelectorAll","filter","domIdForGroupContent","replace","itemKind","kind","flattenLeafPages","collectNestedGroupKeys","keys","getLeafListOrdered","leaves","renderHeaderItem","depth","groupPadding","html","styleMap","String","title","renderSeparatorItem","renderPagesBranch","ctx","repeat","contentId","contentClasses","classMap","nestDepth","headingPadLeft","when","icon","iconPosition","leafCounter","renderLinkItem","render","hasCategories","isActionItem","pageRoute","activePath","split","activeHash","slice","join","pagePath","pageHash","isActive","Boolean","linkClasses","active","badge","variant","label","__decorate","property","type","prototype","attribute","reflect","state","customElement"],"mappings":"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"}

package/dist/sky-notification/index.d.ts

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

package/dist/sky-notification/index.js

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