@ismail-elkorchi/ui-shell 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-export * from './AppShellLayout';
-export * from './ActivityBar';
-export * from './Sidebar';
-export * from './SecondarySidebar';
-export * from './Statusbar';
-export * from './router';
+export { UikShellActivityBar } from './src/structures/uik-shell-activity-bar';
+export { UikShellLayout } from './src/structures/uik-shell-layout';
+export { UikShellSecondarySidebar } from './src/structures/uik-shell-secondary-sidebar';
+export { UikShellSidebar } from './src/structures/uik-shell-sidebar';
+export { UikShellStatusBar } from './src/structures/uik-shell-status-bar';
+export { createUikShellRouter, UIK_SHELL_NAVIGATION_EVENT, UikShellRouter } from './src/internal/router';
+export type { UikShellActivityBarIcon, UikShellActivityBarItem } from './src/structures/uik-shell-activity-bar-contract';
+export type { UikShellLocation, UikShellNavigationDetail, UikShellNavigationListener, UikShellRoute, UikShellRouterConfig, } from './src/internal/router';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,oBAAoB,EAAE,0BAA0B,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AACvG,YAAY,EAAC,uBAAuB,EAAE,uBAAuB,EAAC,MAAM,kDAAkD,CAAC;AACvH,YAAY,EACV,gBAAgB,EAChB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
-export * from './AppShellLayout';
-export * from './ActivityBar';
-export * from './Sidebar';
-export * from './SecondarySidebar';
-export * from './Statusbar';
-export * from './router';
+export { UikShellActivityBar } from './src/structures/uik-shell-activity-bar';
+export { UikShellLayout } from './src/structures/uik-shell-layout';
+export { UikShellSecondarySidebar } from './src/structures/uik-shell-secondary-sidebar';
+export { UikShellSidebar } from './src/structures/uik-shell-sidebar';
+export { UikShellStatusBar } from './src/structures/uik-shell-status-bar';
+export { createUikShellRouter, UIK_SHELL_NAVIGATION_EVENT, UikShellRouter } from './src/internal/router';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,oBAAoB,EAAE,0BAA0B,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/register.d.ts

@@ -1,6 +1,6 @@
-import './AppShellLayout';
-import './ActivityBar';
-import './Sidebar';
-import './SecondarySidebar';
-import './Statusbar';
+import './src/structures/uik-shell-layout';
+import './src/structures/uik-shell-activity-bar';
+import './src/structures/uik-shell-sidebar';
+import './src/structures/uik-shell-secondary-sidebar';
+import './src/structures/uik-shell-status-bar';
 //# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,8CAA8C,CAAC;AACtD,OAAO,uCAAuC,CAAC"}

package/dist/register.js

@@ -1,6 +1,6 @@
-import './AppShellLayout';
-import './ActivityBar';
-import './Sidebar';
-import './SecondarySidebar';
-import './Statusbar';
+import './src/structures/uik-shell-layout';
+import './src/structures/uik-shell-activity-bar';
+import './src/structures/uik-shell-sidebar';
+import './src/structures/uik-shell-secondary-sidebar';
+import './src/structures/uik-shell-status-bar';
 //# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,8CAA8C,CAAC;AACtD,OAAO,uCAAuC,CAAC"}

package/dist/src/internal/light-dom-slot-controller.d.ts

@@ -0,0 +1,22 @@
+interface SlotTarget {
+    name: string | null;
+    containerSelector: string;
+}
+interface SyncResult {
+    moved: Record<string, number>;
+}
+export declare function ensureLightDomRoot(host: HTMLElement, attr?: string): HTMLElement;
+export declare class LightDomSlotController {
+    private readonly host;
+    private readonly rootSelector;
+    private readonly targets;
+    private readonly onAfterSync?;
+    private observer;
+    constructor(host: HTMLElement, rootSelector: string, targets: SlotTarget[], onAfterSync?: ((root: HTMLElement, result: SyncResult) => void) | undefined);
+    connect(): void;
+    disconnect(): void;
+    sync(): void;
+    private moveToContainer;
+}
+export {};
+//# sourceMappingURL=light-dom-slot-controller.d.ts.map

package/dist/src/internal/light-dom-slot-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-dom-slot-controller.d.ts","sourceRoot":"","sources":["../../../src/internal/light-dom-slot-controller.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAID,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,GAAE,MAAuB,eAWlF;AAED,qBAAa,sBAAsB;IAI/B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC;IAN/B,OAAO,CAAC,QAAQ,CAAiC;gBAG9B,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,UAAU,EAAE,EACrB,WAAW,CAAC,GAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,aAAA;IAGhF,OAAO;IAOP,UAAU;IAKV,IAAI;IAqBJ,OAAO,CAAC,eAAe;CA4BxB"}

package/dist/src/internal/light-dom-slot-controller.js

@@ -0,0 +1,91 @@
+const ROOT_ATTRIBUTE = 'data-shell-root';
+export function ensureLightDomRoot(host, attr = ROOT_ATTRIBUTE) {
+    const existing = Array.from(host.children).find(child => child.hasAttribute(attr));
+    if (existing instanceof HTMLElement)
+        return existing;
+    const root = document.createElement('div');
+    root.setAttribute(attr, '');
+    if (!root.style.display)
+        root.style.display = 'block';
+    if (!root.style.boxSizing)
+        root.style.boxSizing = 'border-box';
+    if (!root.style.width)
+        root.style.width = '100%';
+    if (!root.style.height)
+        root.style.height = '100%';
+    host.append(root);
+    return root;
+}
+export class LightDomSlotController {
+    host;
+    rootSelector;
+    targets;
+    onAfterSync;
+    observer = null;
+    constructor(host, rootSelector, targets, onAfterSync) {
+        this.host = host;
+        this.rootSelector = rootSelector;
+        this.targets = targets;
+        this.onAfterSync = onAfterSync;
+    }
+    connect() {
+        if (this.observer)
+            return;
+        this.sync();
+        this.observer = new MutationObserver(() => this.sync());
+        this.observer.observe(this.host, { childList: true, subtree: true });
+    }
+    disconnect() {
+        this.observer?.disconnect();
+        this.observer = null;
+    }
+    sync() {
+        const scopedSelector = this.rootSelector.includes(':scope')
+            ? this.rootSelector
+            : `:scope > ${this.rootSelector}`;
+        const root = this.host.querySelector(scopedSelector) ?? this.host.querySelector(this.rootSelector);
+        if (!root)
+            return;
+        const result = { moved: {} };
+        for (const target of this.targets) {
+            const container = root.querySelector(target.containerSelector);
+            if (!container)
+                continue;
+            const movedCount = this.moveToContainer(root, container, target.name);
+            result.moved[target.name ?? 'default'] = movedCount;
+        }
+        this.onAfterSync?.(root, result);
+    }
+    moveToContainer(root, container, slotName) {
+        let moved = 0;
+        for (const node of Array.from(this.host.childNodes)) {
+            if (node === root)
+                continue;
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                const element = node;
+                const childSlot = element.getAttribute('slot');
+                if (slotName === null) {
+                    if (childSlot)
+                        continue;
+                    container.append(element);
+                    moved += 1;
+                    continue;
+                }
+                if (childSlot === slotName) {
+                    container.append(element);
+                    moved += 1;
+                }
+                continue;
+            }
+            if (slotName === null && node.nodeType === Node.TEXT_NODE) {
+                const text = node;
+                if (!text.textContent || text.textContent.trim() === '')
+                    continue;
+                container.append(text);
+                moved += 1;
+            }
+        }
+        return moved;
+    }
+}
+//# sourceMappingURL=light-dom-slot-controller.js.map

package/dist/src/internal/light-dom-slot-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-dom-slot-controller.js","sourceRoot":"","sources":["../../../src/internal/light-dom-slot-controller.ts"],"names":[],"mappings":"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"}

package/dist/src/internal/router.d.ts

@@ -0,0 +1,36 @@
+export declare const UIK_SHELL_NAVIGATION_EVENT = "uik-shell:navigation";
+export interface UikShellRoute {
+    id: string;
+    label?: string;
+    subviews?: string[];
+    defaultSubview?: string;
+}
+export interface UikShellLocation {
+    view: string;
+    subview?: string | undefined;
+}
+export interface UikShellNavigationDetail {
+    from: UikShellLocation;
+    to: UikShellLocation;
+    route: UikShellRoute;
+}
+export interface UikShellRouterConfig {
+    routes: UikShellRoute[];
+    initialView?: string;
+    initialSubview?: string;
+}
+export type UikShellNavigationListener = (location: UikShellLocation) => void;
+export declare class UikShellRouter extends EventTarget {
+    private readonly routeRegistry;
+    private readonly lastSubviews;
+    private location;
+    constructor(config: UikShellRouterConfig);
+    get current(): UikShellLocation;
+    get routes(): UikShellRoute[];
+    subscribe(listener: UikShellNavigationListener): () => void;
+    navigate(view: string, subview?: string): void;
+    private resolveInitialView;
+    private resolveSubview;
+}
+export declare const createUikShellRouter: (config: UikShellRouterConfig) => UikShellRouter;
+//# sourceMappingURL=router.d.ts.map

package/dist/src/internal/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/internal/router.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,gBAAgB,CAAC;IACvB,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,0BAA0B,GAAG,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE9E,qBAAa,cAAe,SAAQ,WAAW;IAC7C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAoC;IAClE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyC;IACtE,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,MAAM,EAAE,oBAAoB;IAaxC,IAAI,OAAO,IAAI,gBAAgB,CAE9B;IAED,IAAI,MAAM,IAAI,aAAa,EAAE,CAE5B;IAED,SAAS,CAAC,QAAQ,EAAE,0BAA0B,GAAG,MAAM,IAAI;IAc3D,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;IA4BvC,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,cAAc;CAgBvB;AAED,eAAO,MAAM,oBAAoB,GAAI,QAAQ,oBAAoB,mBAA+B,CAAC"}

package/dist/{router.js → src/internal/router.js}

@@ -1,13 +1,15 @@
-export const APP_SHELL_NAV_EVENT = 'app-shell:navigate';
-export class AppShellRouter extends EventTarget {
-    routes = new Map();
+export const UIK_SHELL_NAVIGATION_EVENT = 'uik-shell:navigation';
+export class UikShellRouter extends EventTarget {
+    routeRegistry = new Map();
     lastSubviews = new Map();
     location;
     constructor(config) {
         super();
-        if (!config.routes.length)
-            throw new Error('AppShellRouter requires at least one route.');
-        config.routes.forEach(route => this.routes.set(route.id, route));
+        if (config.routes.length === 0)
+            throw new Error('UikShellRouter requires at least one route.');
+        for (const route of config.routes) {
+            this.routeRegistry.set(route.id, route);
+        }
         const view = this.resolveInitialView(config.initialView);
         const subview = this.resolveSubview(view, config.initialSubview);
         this.location = { view, subview };
@@ -15,22 +17,22 @@ export class AppShellRouter extends EventTarget {
     get current() {
         return { ...this.location };
     }
-    get routeList() {
-        return Array.from(this.routes.values());
+    get routes() {
+        return [...this.routeRegistry.values()];
     }
     subscribe(listener) {
         const handler = (event) => {
             const detail = event.detail;
             listener(detail.to);
         };
-        this.addEventListener(APP_SHELL_NAV_EVENT, handler);
+        this.addEventListener(UIK_SHELL_NAVIGATION_EVENT, handler);
         listener(this.current);
         return () => {
-            this.removeEventListener(APP_SHELL_NAV_EVENT, handler);
+            this.removeEventListener(UIK_SHELL_NAVIGATION_EVENT, handler);
         };
     }
     navigate(view, subview) {
-        const route = this.routes.get(view);
+        const route = this.routeRegistry.get(view);
         if (!route)
             throw new Error(`Unknown route "${view}".`);
         const resolvedSubview = this.resolveSubview(view, subview);
@@ -39,21 +41,26 @@ export class AppShellRouter extends EventTarget {
             return;
         const previous = this.location;
         this.location = next;
-        this.dispatchEvent(new CustomEvent(APP_SHELL_NAV_EVENT, { detail: { from: previous, to: next, route } }));
-        if (typeof window !== 'undefined') {
-            window.dispatchEvent(new CustomEvent(APP_SHELL_NAV_EVENT, { detail: { from: previous, to: next, route } }));
+        this.dispatchEvent(new CustomEvent(UIK_SHELL_NAVIGATION_EVENT, {
+            detail: { from: previous, to: next, route },
+        }));
+        const globalWindow = globalThis.window;
+        if (globalWindow) {
+            globalWindow.dispatchEvent(new CustomEvent(UIK_SHELL_NAVIGATION_EVENT, {
+                detail: { from: previous, to: next, route },
+            }));
         }
     }
     resolveInitialView(initialView) {
-        if (initialView && this.routes.has(initialView))
+        if (initialView && this.routeRegistry.has(initialView))
             return initialView;
-        const first = this.routes.values().next().value;
+        const first = this.routeRegistry.values().next().value;
         if (!first)
-            throw new Error('AppShellRouter requires at least one route.');
+            throw new Error('UikShellRouter requires at least one route.');
         return first.id;
     }
     resolveSubview(view, requested) {
-        const route = this.routes.get(view);
+        const route = this.routeRegistry.get(view);
         if (!route?.subviews?.length)
             return undefined;
         if (requested && route.subviews.includes(requested)) {
@@ -68,5 +75,5 @@ export class AppShellRouter extends EventTarget {
         return fallback;
     }
 }
-export const createAppShellRouter = (config) => new AppShellRouter(config);
+export const createUikShellRouter = (config) => new UikShellRouter(config);
 //# sourceMappingURL=router.js.map

package/dist/src/internal/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../../src/internal/router.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,sBAAsB,CAAC;AA4BjE,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC5B,aAAa,GAAG,IAAI,GAAG,EAAyB,CAAC;IACjD,YAAY,GAAG,IAAI,GAAG,EAA8B,CAAC;IAC9D,QAAQ,CAAmB;IAEnC,YAAY,MAA4B;QACtC,KAAK,EAAE,CAAC;QACR,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;QAE/F,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,GAAG,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;IAClC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,EAAC,GAAG,IAAI,CAAC,QAAQ,EAAC,CAAC;IAC5B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,SAAS,CAAC,QAAoC;QAC5C,MAAM,OAAO,GAAG,CAAC,KAAY,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAI,KAA+C,CAAC,MAAM,CAAC;YACvE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,OAAwB,CAAC,CAAC;QAC5E,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEvB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,mBAAmB,CAAC,0BAA0B,EAAE,OAAwB,CAAC,CAAC;QACjF,CAAC,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,IAAY,EAAE,OAAgB;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK;YAAE,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,IAAI,CAAC,CAAC;QAExD,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAqB,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,EAAC,CAAC;QAEhE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAEvF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA2B,0BAA0B,EAAE;YACpE,MAAM,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAC;SAC1C,CAAC,CACH,CAAC;QAEF,MAAM,YAAY,GAAI,UAA2C,CAAC,MAAM,CAAC;QACzE,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,aAAa,CACxB,IAAI,WAAW,CAA2B,0BAA0B,EAAE;gBACpE,MAAM,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAC;aAC1C,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,WAAoB;QAC7C,IAAI,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC;YAAE,OAAO,WAAW,CAAC;QAC3E,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,KAAK;YAAE,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;QAC3E,OAAO,KAAK,CAAC,EAAE,CAAC;IAClB,CAAC;IAEO,cAAc,CAAC,IAAY,EAAE,SAAkB;QACrD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM;YAAE,OAAO,SAAS,CAAC;QAE/C,IAAI,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACvC,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC;YAAE,OAAO,UAAU,CAAC;QAEzE,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACtC,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAA4B,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC"}

package/dist/src/structures/uik-shell-activity-bar-contract.d.ts

@@ -0,0 +1,10 @@
+import type { SVGTemplateResult } from 'lit';
+type UikShellActivityBarIcon = string | SVGTemplateResult;
+interface UikShellActivityBarItem {
+    id: string;
+    label: string;
+    icon?: UikShellActivityBarIcon;
+    tooltip?: string;
+}
+export type { UikShellActivityBarIcon, UikShellActivityBarItem };
+//# sourceMappingURL=uik-shell-activity-bar-contract.d.ts.map

package/dist/src/structures/uik-shell-activity-bar-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-activity-bar-contract.d.ts","sourceRoot":"","sources":["../../../src/structures/uik-shell-activity-bar-contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,KAAK,CAAC;AAE3C,KAAK,uBAAuB,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAE1D,UAAU,uBAAuB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,YAAY,EAAC,uBAAuB,EAAE,uBAAuB,EAAC,CAAC"}

package/dist/src/structures/uik-shell-activity-bar-contract.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=uik-shell-activity-bar-contract.js.map

package/dist/src/structures/uik-shell-activity-bar-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-activity-bar-contract.js","sourceRoot":"","sources":["../../../src/structures/uik-shell-activity-bar-contract.ts"],"names":[],"mappings":""}

package/dist/src/structures/uik-shell-activity-bar.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, type PropertyValues } from 'lit';
+import '@ismail-elkorchi/ui-primitives/uik-button';
+import type { UikShellActivityBarItem } from './uik-shell-activity-bar-contract';
+export type { UikShellActivityBarIcon, UikShellActivityBarItem } from './uik-shell-activity-bar-contract';
+export declare class UikShellActivityBar extends LitElement {
+    accessor items: UikShellActivityBarItem[];
+    accessor activeId: string;
+    private accessor focusedId;
+    private slotController?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    createRenderRoot(): HTMLElement;
+    private emitSelect;
+    private resolveDefaultFocusId;
+    private focusItemById;
+    private renderIcon;
+    private readonly onItemClick;
+    private readonly onItemFocus;
+    private readonly onItemKeydown;
+    private renderItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uik-shell-activity-bar': UikShellActivityBar;
+    }
+}
+//# sourceMappingURL=uik-shell-activity-bar.d.ts.map

package/dist/src/structures/uik-shell-activity-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-activity-bar.d.ts","sourceRoot":"","sources":["../../../src/structures/uik-shell-activity-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAsB,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAIxE,OAAO,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,mCAAmC,CAAC;AAG/E,YAAY,EAAC,uBAAuB,EAAE,uBAAuB,EAAC,MAAM,mCAAmC,CAAC;AAExG,qBACa,mBAAoB,SAAQ,UAAU;IACnB,QAAQ,CAAC,KAAK,EAAE,uBAAuB,EAAE,CAAM;IACnD,QAAQ,CAAC,QAAQ,SAAM;IACxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAM;IACzC,OAAO,CAAC,cAAc,CAAC,CAAyB;IAEvC,iBAAiB;IAajB,oBAAoB;IAKpB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAa/C,gBAAgB;IAIzB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAQ1B;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAM1B;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CA0C5B;IAEF,OAAO,CAAC,UAAU;IA+DT,MAAM;CA8ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF"}