@nordhealth/components 3.4.0-alpha.2 → 3.4.1

package/lib/index.js

@@ -1,2 +1,2 @@
-export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-3fd55b5d.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as Message}from"./Message.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as ProgressBar}from"./ProgressBar.js";export{P as Popout}from"./Popout-6a85e4b6.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{isTranslationRegistered,registerTranslation}from"./translation.js";export{default as TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-fbd227e5.js";export{default as Range}from"./Range.js";export{default as ButtonGroup}from"./ButtonGroup.js";export{default as Notification}from"./Notification.js";export{default as NotificationGroup}from"./NotificationGroup.js";export{default as TopBar}from"./TopBar.js";import"./query-assigned-elements-822fe360.js";import"./property-03f59dce.js";import"./Component-1f694235.js";import"./ref-6b46e5ea.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-8a770234.js";import"./cond-09498763.js";import"./FocusableMixin-186c69a2.js";import"./InputMixin-d50cb41a.js";import"./SlotController-d733c575.js";import"./query-2d22378e.js";import"./if-defined-8a007930.js";import"./class-map-c0d8e1e5.js";import"./style-map-5b757428.js";import"./FormAssociatedMixin-5fedde68.js";import"./events-d9666e88.js";import"./TextField-3f901ec8.js";import"./AutocompleteMixin-a98ada34.js";import"./SizeMixin-f04ac402.js";import"./FormField-3226fb17.js";import"./DirectionController-f35f5476.js";import"./state-70f38ceb.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";import"./collection-498f2b1f.js";import"./number-c3ab3e95.js";import"./LightDismissController-a2645ae6.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./dates-5b651fbe.js";import"./DateSelectEvent.js";import"./interface-close-small-f26b0299.js";import"./date-adapter.js";import"./positioning-a572d126.js";import"./fsm-50373df9.js";import"./DropdownItem-4a02675f.js";import"./Sticky-b4e6c315.js";import"./ScrollbarController-773c79f4.js";import"./ModalController.js";import"./NotificationMixin-5e028561.js";import"./DraftComponentMixin-9e4b7b34.js";
+export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-3fd55b5d.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as Message}from"./Message.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as ProgressBar}from"./ProgressBar.js";export{P as Popout}from"./Popout-6a85e4b6.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{isTranslationRegistered,registerTranslation}from"./translation.js";export{default as TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-fbd227e5.js";export{default as Range}from"./Range.js";export{default as ButtonGroup}from"./ButtonGroup.js";export{default as Notification}from"./Notification.js";export{default as NotificationGroup}from"./NotificationGroup.js";export{default as TopBar}from"./TopBar.js";import"./query-assigned-elements-822fe360.js";import"./property-03f59dce.js";import"./Component-1f694235.js";import"./ref-6b46e5ea.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-8a770234.js";import"./cond-09498763.js";import"./FocusableMixin-186c69a2.js";import"./InputMixin-d50cb41a.js";import"./SlotController-d733c575.js";import"./query-2d22378e.js";import"./if-defined-8a007930.js";import"./class-map-c0d8e1e5.js";import"./style-map-5b757428.js";import"./FormAssociatedMixin-5fedde68.js";import"./events-d9666e88.js";import"./TextField-3f901ec8.js";import"./AutocompleteMixin-a98ada34.js";import"./SizeMixin-f04ac402.js";import"./FormField-3226fb17.js";import"./DirectionController-f35f5476.js";import"./state-70f38ceb.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";import"./collection-498f2b1f.js";import"./number-c3ab3e95.js";import"./LightDismissController-a2645ae6.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./dates-5b651fbe.js";import"./DateSelectEvent.js";import"./interface-close-small-f26b0299.js";import"./date-adapter.js";import"./positioning-a572d126.js";import"./fsm-50373df9.js";import"./DropdownItem-5c12978f.js";import"./Sticky-b4e6c315.js";import"./ScrollbarController-773c79f4.js";import"./ModalController.js";import"./NotificationMixin-5e028561.js";import"./DraftComponentMixin-9e4b7b34.js";
 //# sourceMappingURL=index.js.map

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.
@@ -68,7 +74,7 @@ export default class Layout extends LitElement {
     private renderNavCollapse;
     protected handleNavWidthChange(): 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.2",
+  "version": "3.4.1",
   "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": "e231bcb605577f5dccd154a41ebc927bf4be720c"
+  "gitHead": "7c93546ea42391dfd4d997377598e62df7a0a29d"
 }

package/lib/DropdownItem-4a02675f.js

@@ -1,2 +0,0 @@
-import{i as o}from"./query-assigned-elements-822fe360.js";const n=o`:host{display:flex;line-height:var(--n-line-height-tight)}.n-dropdown-item{-webkit-appearance:none;appearance:none;cursor:pointer;display:flex;flex:1;gap:var(--n-space-s);align-items:center;font-family:inherit;font-size:inherit;text-decoration:none;border:0;color:var(--n-color-text);padding:var(--n-space-s);border-radius:var(--n-border-radius-s);background:0 0;text-align:start;box-shadow:var(--n-dropdown-item-box-shadow,none);min-inline-size:0}.n-dropdown-item:hover{background:var(--n-color-accent);color:var(--n-color-text-on-accent)}.n-dropdown-item:hover ::slotted(*){color:var(--n-color-text-on-accent)!important}.n-dropdown-item ::slotted(nord-icon){color:var(--n-color-icon)}.n-dropdown-item:hover ::slotted(nord-icon){color:currentColor}.n-dropdown-item:active{opacity:.7}.n-dropdown-item:focus{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-dropdown-item:focus{--n-dropdown-item-box-shadow:none}.n-dropdown-item:focus-visible{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent)}}@media (max-width:35.9375em){.n-dropdown-item{gap:var(--n-space-m);padding:calc(var(--n-space-m)/ 1.5) var(--n-space-m)}.n-dropdown-item ::slotted(nord-icon){block-size:var(--n-size-icon-m);inline-size:var(--n-size-icon-m)}}slot[name=end],slot[name=start]{flex:0 0 auto}slot[name=end]{display:flex;margin-inline-start:auto}.n-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::slotted(nord-icon:not([size])){--_n-icon-size:var(--n-size-icon-s)}`;export{n as s};
-//# sourceMappingURL=DropdownItem-4a02675f.js.map

package/lib/DropdownItem-4a02675f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem-4a02675f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}