@nordhealth/components 2.7.0 → 2.8.0

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-1cdf8429.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 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-08f11a8d.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{default as NavToggle}from"./NavToggle.js";import"./query-assigned-elements-e6cbac30.js";import"./lit-element-9178eae5.js";import"./property-03f59dce.js";import"./Component-92eb6234.js";import"./ref-0e619221.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-3c726b20.js";import"./cond-338158e9.js";import"./FocusableMixin-34870ed3.js";import"./InputMixin-158f63fb.js";import"./SlotController-ea6eff46.js";import"./if-defined-4598a996.js";import"./class-map-949b7d3b.js";import"./unsafe-html-6be42999.js";import"./FormAssociatedMixin-3cc6e83b.js";import"./events-731d0007.js";import"./TextField-a7382912.js";import"./AutocompleteMixin-370de2be.js";import"./SizeMixin-4559b224.js";import"./FormField-081da729.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-ae6f075f.js";import"./collection-800f5002.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"./DirectionController-8b298382.js";import"./query-2d22378e.js";import"./dates-a8de5b83.js";import"./month-view.js";import"./DateSelectEvent.js";import"./interface-close-small-44ababc3.js";import"./date-adapter.js";import"./positioning-3bbd3548.js";import"./fsm-50373df9.js";import"./ScrollbarController-680392c9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.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-685c3990.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 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-08f11a8d.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{default as NavToggle}from"./NavToggle.js";import"./query-assigned-elements-e6cbac30.js";import"./lit-element-9178eae5.js";import"./property-03f59dce.js";import"./Component-92eb6234.js";import"./ref-0e619221.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-3c726b20.js";import"./cond-338158e9.js";import"./FocusableMixin-34870ed3.js";import"./InputMixin-158f63fb.js";import"./SlotController-ea6eff46.js";import"./if-defined-4598a996.js";import"./class-map-949b7d3b.js";import"./unsafe-html-6be42999.js";import"./FormAssociatedMixin-3cc6e83b.js";import"./events-731d0007.js";import"./TextField-a7382912.js";import"./AutocompleteMixin-370de2be.js";import"./SizeMixin-4559b224.js";import"./FormField-081da729.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-ae6f075f.js";import"./collection-800f5002.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"./DirectionController-8b298382.js";import"./query-2d22378e.js";import"./dates-a8de5b83.js";import"./month-view.js";import"./DateSelectEvent.js";import"./interface-close-small-44ababc3.js";import"./date-adapter.js";import"./positioning-3bbd3548.js";import"./fsm-50373df9.js";import"./ScrollbarController-680392c9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./ModalController.js";import"./DraftComponentMixin-9e4b7b34.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from "lit";
-declare type LightDismissOptions = {
+export declare type LightDismissOptions = {
     isOpen: () => boolean;
     onDismiss: EventListener;
     isDismissible?: (node: EventTarget) => boolean;
@@ -14,4 +14,3 @@ export declare class LightDismissController implements ReactiveController {
     private handleEsc;
     private handleClickOut;
 }
-export {};

package/lib/src/modal/Modal.d.ts

@@ -18,18 +18,25 @@ import { LitElement } from "lit";
  */
 export default class Modal extends LitElement {
     static styles: import("lit").CSSResult[];
+    /**
+     * @internal
+     * ensures clicking on the backdrop does not move focus to <body>,
+     * which can causes issues with focus trapping, and returning focus on modal close,
+     * when there are multiple modals.
+     */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+    };
     private modal;
     private backdrop;
-    private trigger?;
-    private lastButton?;
     private headerSlot;
     private featureSlot;
     private footerSlot;
-    private scrollBar;
-    private focusTrap;
     private localize;
-    private events;
-    private lightDismiss;
+    private modalController;
     /**
      * Controls whether the modal is open or not.
      */
@@ -68,15 +75,8 @@ export default class Modal extends LitElement {
      */
     focus(options?: FocusOptions): void;
     render(): import("lit-html").TemplateResult<1>;
-    protected handleOpenUpdated(): void;
-    private enableScroll;
+    protected handleOpenUpdated(prev: boolean): void;
     private handleDismiss;
-    /**
-     * capture the last button clicked, so that we can polyfill `submitter` property in submit event
-     */
-    private trackLastButton;
-    private polyfillSubmitter;
-    private handleSubmit;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/lib/src/modal/ModalController.d.ts

@@ -0,0 +1,34 @@
+import { ReactiveController, ReactiveControllerHost } from "lit";
+import { LightDismissOptions } from "../common/controllers/LightDismissController.js";
+declare type ModalControllerOptions = {
+    isOpen: LightDismissOptions["isOpen"];
+    onDismiss: LightDismissOptions["onDismiss"];
+    close: (returnValue?: string) => void;
+    backdrop: () => HTMLElement;
+    dialog: () => HTMLElement;
+};
+export declare class ModalController implements ReactiveController {
+    private host;
+    private static openModals;
+    private scrollBar;
+    private focusTrap;
+    private lightDismiss;
+    private events;
+    private options;
+    private trigger?;
+    private lastButton?;
+    constructor(host: ReactiveControllerHost & HTMLElement, options: ModalControllerOptions);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    block(): void;
+    unblock(): void;
+    /**
+     * capture the last button clicked, so that we can polyfill `submitter` property in submit event
+     */
+    private trackLastButton;
+    private polyfillSubmitter;
+    private handleTransitionEnd;
+    private handleLightDismiss;
+    private handleSubmit;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.0.1",
-    "@nordhealth/icons": "^1.7.0",
+    "@nordhealth/icons": "^1.8.0",
     "lit": "2.3.0",
     "qr-creator": "1.0.0",
     "tinykeys": "1.4.0"
@@ -179,5 +179,5 @@
       }
     ]
   },
-  "gitHead": "f883abbcc0a291b6fbf9603993b3bd48fcfc2846"
+  "gitHead": "58c6085626948f4cb50e5e6126e264d82b7d0715"
 }