@nordhealth/components 2.7.0 → 2.8.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-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-1904bf2f.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-89834aef.js";import"./if-defined-4598a996.js";import"./class-map-949b7d3b.js";import"./unsafe-html-6be42999.js";import"./FormAssociatedMixin-0d57fdc8.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/card/Card.test.d.ts

@@ -1,5 +1,6 @@
 import "../stack/Stack.js";
 import "../table/Table.js";
-import "../input/Input.js";
 import "../button/Button.js";
 import "../divider/Divider.js";
+import "../input/Input.js";
+import "../select/Select.js";

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/lib/src/toast-group/ToastGroup.d.ts

@@ -15,7 +15,7 @@ export default class ToastGroup extends LitElement {
      * Convenience method for creating and adding a toast to the group.
      * @param {string} text - The text/message of the toast.
      * @param options - An optional object for configuring the toast's `variant` and `autoDismiss`.
-     * @returns The toast instance.
+     * @returns {Toast} The toast instance.
      */
     addToast(text: string, options?: ToastOptions): Toast;
 }

package/lib/src/tooltip/Tooltip.d.ts

@@ -8,6 +8,7 @@ import { LitElement } from "lit";
  * @category overlay
  * @slot - The tooltip content
  * @slot shortcut - Optional slot that holds shortcut keys to access the subject
+ * @cssprop [--n-tooltip-max-size=50ch] - Controls the maximum inline size, or width, of the tooltip.
  */
 export default class Tooltip extends LitElement {
     static styles: import("lit").CSSResult[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "2.7.0",
+  "version": "2.8.1",
   "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": "616fab2cc6dae52765755a2507b1787faa84b4fc"
 }

package/lib/SlotController-ea6eff46.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlotController-ea6eff46.js","sources":["../src/common/controllers/SlotController.ts"],"sourcesContent":["import { ReactiveController, ReactiveControllerHost } from \"lit\"\nimport { EventController } from \"./EventController.js\"\n\nexport class SlotController implements ReactiveController {\n  private events: EventController\n\n  constructor(protected host: ReactiveControllerHost & HTMLElement, public slotName: string = \"\") {\n    host.addController(this)\n    this.events = new EventController(host)\n  }\n\n  hostConnected() {\n    if (this.host.shadowRoot) {\n      this.events.listen(this.host.shadowRoot, \"slotchange\", this.handleSlotChange)\n    }\n  }\n\n  get hasContent() {\n    return this.content != null\n  }\n\n  get isEmpty() {\n    return !this.hasContent\n  }\n\n  get content() {\n    const selector = this.slotName ? `[slot=\"${this.slotName}\"]` : `:not([slot])`\n    return this.host.querySelector(selector)\n  }\n\n  private handleSlotChange = (e: Event) => {\n    const slot = e.target as HTMLSlotElement\n\n    if (slot.name === this.slotName) {\n      this.onChange(e)\n    }\n  }\n\n  protected onChange(_e: Event) {\n    this.host.requestUpdate()\n  }\n}\n"],"names":["SlotController","constructor","host","slotName","this","handleSlotChange","e","target","name","onChange","addController","events","EventController","hostConnected","shadowRoot","listen","hasContent","content","isEmpty","selector","querySelector","_e","requestUpdate"],"mappings":"wDAGaA,EAGXC,YAAsBC,EAAmDC,EAAmB,IAAtEC,KAAIF,KAAJA,EAAmDE,KAAQD,SAARA,EAwBjEC,KAAAC,iBAAoBC,IACbA,EAAEC,OAENC,OAASJ,KAAKD,UACrBC,KAAKK,SAASH,EACf,EA5BDJ,EAAKQ,cAAcN,MACnBA,KAAKO,OAAS,IAAIC,EAAgBV,EACnC,CAEDW,gBACMT,KAAKF,KAAKY,YACZV,KAAKO,OAAOI,OAAOX,KAAKF,KAAKY,WAAY,aAAcV,KAAKC,iBAE/D,CAEGW,iBACF,OAAuB,MAAhBZ,KAAKa,OACb,CAEGC,cACF,OAAQd,KAAKY,UACd,CAEGC,cACF,MAAME,EAAWf,KAAKD,SAAW,UAAUC,KAAKD,aAAe,eAC/D,OAAOC,KAAKF,KAAKkB,cAAcD,EAChC,CAUSV,SAASY,GACjBjB,KAAKF,KAAKoB,eACX"}