@kodaris/krubble-app-components 1.0.0

package/dist/shell.d.ts

@@ -0,0 +1,104 @@
+import { LitElement } from 'lit';
+/**
+ * Application definition for the app switcher
+ */
+export interface KRApp {
+    /** Unique identifier */
+    id: string;
+    /** Display name (shown in tooltip) */
+    name: string;
+    /** Icon - SVG string or emoji */
+    icon: string;
+    /** URL to navigate to */
+    url: string;
+}
+/**
+ * User profile interface for the shell
+ */
+export interface KRShellUser {
+    /** User's display name */
+    name: string;
+    /** User's email */
+    email?: string;
+    /** Avatar URL or initials will be generated from name */
+    avatar?: string;
+}
+/**
+ * User menu item for customization
+ */
+export interface KRShellMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Icon - SVG string or emoji */
+    icon?: string;
+    /** Whether this is a divider */
+    divider?: boolean;
+}
+/**
+ * Global shell component with app bar for app switching.
+ *
+ * The shell provides a horizontal app bar across the top of the viewport containing:
+ * - Logo/home link on the left
+ * - App switcher icons in the middle
+ * - User avatar/menu on the right
+ *
+ * This allows individual apps (using kr-scaffold) to utilize the full width
+ * of the browser window while maintaining consistent global navigation.
+ *
+ * @slot - The main content (typically kr-scaffold with the app)
+ *
+ * @property {string} logo - URL for the logo image
+ * @property {KRApp[]} apps - Available applications for the switcher
+ * @property {string} activeAppId - ID of the currently active app
+ * @property {KRShellUser} user - User profile data
+ * @property {KRShellMenuItem[]} menuItems - Custom menu items for user menu
+ *
+ * @fires app-click - When an app icon is clicked. Detail: { app: KRApp }
+ * @fires menu-item-click - When a menu item is clicked. Detail: { item: KRShellMenuItem }
+ * @fires logout - When logout is clicked
+ */
+export declare class KRShell extends LitElement {
+    static styles: import("lit").CSSResult;
+    logo: string;
+    apps: KRApp[];
+    activeAppId: string;
+    user: KRShellUser | null;
+    menuItems: KRShellMenuItem[];
+    private isUserMenuOpen;
+    private isAppsMenuOpen;
+    private pendingRequests;
+    private originalFetch;
+    private originalXhrOpen;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Installs global interceptors for fetch and XMLHttpRequest to track pending HTTP requests.
+     * Updates `pendingRequests` state when requests start/complete.
+     */
+    private installFetchInterceptor;
+    /**
+     * Restores the original fetch and XMLHttpRequest functions.
+     */
+    private uninstallFetchInterceptor;
+    private defaultLogoutIcon;
+    private appsGridIcon;
+    private handleLogoClick;
+    private toggleUserMenu;
+    private closeUserMenu;
+    private toggleAppsMenu;
+    private closeAppsMenu;
+    private handleMenuItemClick;
+    private handleLogout;
+    private closeIcon;
+    private renderAppsMenu;
+    private renderUserMenu;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-shell': KRShell;
+    }
+}
+//# sourceMappingURL=shell.d.ts.map

package/dist/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BA8gBpB;IAGF,IAAI,SAAmG;IAGvG,IAAI,EAAE,KAAK,EAAE,CAAM;IAGnB,WAAW,SAAM;IAGjB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAQ;IAGhC,SAAS,EAAE,eAAe,EAAE,CAAM;IAGlC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,aAAa,CAA6B;IAElD,OAAO,CAAC,eAAe,CAAqD;IAEnE,iBAAiB;IAKjB,oBAAoB;IAK7B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IA8B/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,iBAAiB,CAAsN;IAC/O,OAAO,CAAC,YAAY,CAA6O;IAEjQ,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,SAAS,CAA6M;IAE9N,OAAO,CAAC,cAAc;IAyDtB,OAAO,CAAC,cAAc;IAoEb,MAAM;CAgDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}