@nordhealth/components 3.4.0-alpha.1 → 3.4.0

package/lib/src/common/controllers/BroadcastChannelController.d.ts

@@ -0,0 +1,16 @@
+import { ReactiveController, ReactiveControllerHost } from "lit";
+type Options<T> = {
+    channelName: string;
+    onMessage: (message: T) => void;
+    enabled?: () => boolean;
+};
+export declare class BroadcastChannelController<T> implements ReactiveController {
+    private channel?;
+    private options;
+    constructor(host: ReactiveControllerHost, options: Options<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    handleEvent(event: MessageEvent<T>): void;
+    post(message: T): void;
+}
+export {};

package/lib/src/layout/Layout.d.ts

@@ -32,6 +32,7 @@ export default class Layout extends LitElement {
     private direction;
     private events;
     private lightDismiss;
+    private broadcast;
     private navEl;
     private navWidth;
     private isDragging;
@@ -47,6 +48,11 @@ export default class Layout extends LitElement {
      * This is useful for multi-page apps, where clicks on links trigger a full page load.
      */
     persistNavState: boolean;
+    /**
+     * Controls whether the navigation's open/closed state and width is synced across tabs/windows on the same origin.
+     * This is useful for long-lived app sessions where you may have multiple tabs/windows open at once.
+     */
+    syncNavState: boolean;
     /**
      * Controls the padding of the default main section slot. When set to “none”,
      * the nav and header slots will still have padding.
@@ -66,9 +72,9 @@ export default class Layout extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     private renderNavToggle;
     private renderNavCollapse;
-    protected handleNavWidthChange(): void;
+    protected handleNavWidthChange(prev: number): void;
     protected handleNavStateChange(prev: NavState): void;
-    protected handleOpenChange(): void;
+    protected handleOpenChange(prev: boolean): void;
     private navTransition;
     private handleNavClick;
     private handleMainClick;

package/lib/src/top-bar/TopBar.d.ts

@@ -1,14 +1,12 @@
 import { LitElement } from "lit";
-declare const TopBar_base: typeof LitElement;
 /**
  * Top bar is a header component that is always visible at the top of the interface. Top bar allows functionality such as search and contextual menus to be placed at the top of the interface.
  *
- * @status draft
  * @category structure
  * @slot - Used for the main content of the top bar. We recommend placing your application’s global search functionality into this slot.
  * @slot end - Optional slot for menus, buttons, toggles, etc.
  */
-export default class TopBar extends TopBar_base {
+export default class TopBar extends LitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
@@ -17,4 +15,3 @@ declare global {
         "nord-top-bar": TopBar;
     }
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "3.4.0-alpha.1",
+  "version": "3.4.0",
   "description": "This package includes Nord Design System Web Components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -184,5 +184,5 @@
       }
     ]
   },
-  "gitHead": "30139bc279edbad8607c47930ab5eb949756376b"
+  "gitHead": "868661706ab64318049222648a8826a20bb65aab"
 }