@nordhealth/components 4.3.1 → 4.5.0

package/lib/index.js

@@ -1,2 +1,2 @@
-export{isTranslationRegistered,registerTranslation}from"./translation.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-CYcI340m.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-BnM-vhZ-.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.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-D-udBTou.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";export{default as Footer}from"./Footer.js";export{default as Tag}from"./Tag.js";export{default as TagGroup}from"./TagGroup.js";export{default as SegmentedControl}from"./SegmentedControl.js";export{default as SegmentedControlItem}from"./SegmentedControlItem.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"./localization9.js";import"./tslib.es6-CmLYFWVC.js";import"lit";import"lit/decorators.js";import"./Component-DSU3Qp0O.js";import"lit/directives/ref.js";import"./EventController-BBOmvfLa.js";import"./LightDomController-DIwtVelV.js";import"./cond-CI1KbneT.js";import"./FocusableMixin-BlQLNPdJ.js";import"./InputMixin-LetXsCyv.js";import"./SlotController-Z6eG7LSZ.js";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"./FormAssociatedMixin-DFL7yabe.js";import"./FormDataController-OUt5L5uC.js";import"./events-Bv6wNHwJ.js";import"./TextField-C5gYzfOp.js";import"./AutocompleteMixin-D8eiOxvO.js";import"./TextSelectableMixin-Cfv__lHS.js";import"./SizeMixin-CU9cLbLC.js";import"./FormField-CUC_H-0e.js";import"./DirectionController-ChvNGESZ.js";import"lit/directives/unsafe-html.js";import"./IconManager.js";import"./observe-D0n0zOfU.js";import"lit/directives/repeat.js";import"./collection-Dvg2XbxV.js";import"./number-Dg2vCfGd.js";import"./LightDismissController-4pH8cdko.js";import"./ShortcutController-BIb3WGzH.js";import"./tinykeys.module-_6MZt7MP.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./dates-lbaNvUdr.js";import"./DateSelectEvent.js";import"./interface-close-small-CnpAFMO3.js";import"./date-adapter.js";import"./interface-checked-small-BtICPEsp.js";import"./positioning-CsfLhMSW.js";import"./fsm-Bq5jMQrK.js";import"./LightSlotController-Coyy4nqS.js";import"./DropdownItem-BheCmR9u.js";import"./Sticky-DqnqENYN.js";import"./ScrollbarController-C5CMxfb3.js";import"./ModalController.js";import"./NotificationMixin-DOUQsx7N.js";
+export{isTranslationRegistered,registerTranslation}from"./translation.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-CYcI340m.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-BnM-vhZ-.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.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-D-udBTou.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";export{default as Footer}from"./Footer.js";export{default as Tag}from"./Tag.js";export{default as TagGroup}from"./TagGroup.js";export{default as SegmentedControl}from"./SegmentedControl.js";export{default as SegmentedControlItem}from"./SegmentedControlItem.js";import"lit";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"./localization9.js";import"./tslib.es6-CmLYFWVC.js";import"lit/decorators.js";import"./Component-DSU3Qp0O.js";import"lit/directives/ref.js";import"./EventController-BBOmvfLa.js";import"./LightDomController-DIwtVelV.js";import"./cond-CI1KbneT.js";import"./FocusableMixin-BlQLNPdJ.js";import"./InputMixin-LetXsCyv.js";import"./SlotController-Z6eG7LSZ.js";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"./FormAssociatedMixin-DFL7yabe.js";import"./FormDataController-OUt5L5uC.js";import"./events-Bv6wNHwJ.js";import"./TextField-C5gYzfOp.js";import"./AutocompleteMixin-D8eiOxvO.js";import"./TextSelectableMixin-Cfv__lHS.js";import"./SizeMixin-CU9cLbLC.js";import"./FormField-CUC_H-0e.js";import"./DirectionController-ChvNGESZ.js";import"lit/directives/unsafe-html.js";import"./IconManager.js";import"./observe-D0n0zOfU.js";import"lit/directives/repeat.js";import"./collection-Dvg2XbxV.js";import"./number-Dg2vCfGd.js";import"./LightDismissController-4pH8cdko.js";import"./ShortcutController-BIb3WGzH.js";import"./tinykeys.module-_6MZt7MP.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./dates-lbaNvUdr.js";import"./DateSelectEvent.js";import"./interface-close-small-CnpAFMO3.js";import"./date-adapter.js";import"./interface-checked-small-BtICPEsp.js";import"./positioning-CsfLhMSW.js";import"./fsm-Bq5jMQrK.js";import"./LightSlotController-Coyy4nqS.js";import"./DropdownItem-BheCmR9u.js";import"./Sticky-DqnqENYN.js";import"./ScrollbarController-C5CMxfb3.js";import"./ModalController.js";import"./NotificationMixin-DOUQsx7N.js";
 //# sourceMappingURL=index.js.map

package/lib/src/button/Button.d.ts

@@ -94,6 +94,11 @@ export default class Button extends Button_base {
      * all user interactions on the button itself while in loading state.
      */
     loading: boolean;
+    /**
+     * Controls whether the `interface-dropdown-small` icon from Nordicons is hidden
+     * in the `end` slot when used as a dropdown toggle.
+     */
+    hideDropdownIcon: boolean;
     connectedCallback(): void;
     render(): TemplateResult<1>;
     /**

package/lib/src/localization/LocalizeController.d.ts

@@ -6,7 +6,9 @@ type FuncParams<Type, K extends keyof Type> = Type[K] extends Func ? Parameters<
 export declare class LocalizeController<TComponentName extends Exclude<keyof Translation, WellKnownKeys>> implements ReactiveController {
     private host;
     private options;
-    private unsubscribe?;
+    private unsubscribeDocumentLang?;
+    private unsubscribeTranslationRegistration?;
+    private observer?;
     private resolvedTranslation;
     constructor(host: ReactiveControllerHost & HTMLElement, options?: {
         onLangChange: () => void;

package/lib/src/localization/translation.d.ts

@@ -11,11 +11,17 @@ export declare function clearTranslations(): void;
  */
 export declare function registerTranslation(...translation: Translation[]): void;
 /**
- * subscribe to language changes
- * @param onChange callback for when either `lang` attr changes, or a new language is registered.
+ * subscribe to document language changes
+ * @param onChange callback for when document `lang` attr changes
  * @returns cleanup function
  */
-export declare function subscribe(onChange: () => void): () => void;
+export declare function subscribeToDocumentLang(onChange: () => void): () => void;
+/**
+ * subscribe to translation registration changes
+ * @param onChange callback for when new translations are registered
+ * @returns cleanup function
+ */
+export declare function subscribeToTranslationRegistration(onChange: () => void): () => void;
 /**
  * Check whether there is a translation registered for the given lang
  * @param lang the lang code e.g. "en" or "en-GB"

package/lib/src/select/Select.d.ts

@@ -21,7 +21,12 @@ export default class Select extends Select_base {
     static styles: import("lit").CSSResult[];
     protected get formValue(): string | undefined;
     private defaultSlot;
+    private optionObserver?;
     protected inputId: string;
+    firstUpdated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private setupOptionObserver;
     /**
      * Controls whether the select expands to fill the width of its container.
      */

package/lib/src/tab-group/TabGroup.d.ts

@@ -37,8 +37,10 @@ export default class TabGroup extends LitElement {
     private selectedTab;
     render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
-    private updateSlots;
     firstUpdated(): void;
+    private updateSlots;
+    disconnectedCallback(): void;
+    private setupObserver;
     /**
      * If the selected tab is selected programmatically update all the tabs.
      */

package/lib/translation.js

@@ -1,2 +1,2 @@
-import t from"./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"./localization9.js";const o=new Set,i=new Map;function n(){for(const t of o)t()}if("undefined"!=typeof MutationObserver){new MutationObserver(n).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]})}function e(){i.clear()}function a(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();i.set(o,t)})),n()}function r(t){return o.add(t),()=>o.delete(t)}function l(t){return i.has(t)}function s(o){const n=o.toLowerCase(),[e]=n.split("-");return i.get(n)||i.get(e)||t}export{e as clearTranslations,t as fallback,l as isTranslationRegistered,a as registerTranslation,s as resolveTranslation,r as subscribe};
+import{isServer as t}from"lit";import o from"./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"./localization9.js";const n=new Set,i=new Set,e=new Map;if(!t){new MutationObserver((function(){for(const t of n)t()})).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]})}function a(){e.clear()}function r(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();e.set(o,t)})),function(){for(const t of i)t()}()}function l(t){return n.add(t),()=>n.delete(t)}function c(t){return i.add(t),()=>i.delete(t)}function s(t){return e.has(t)}function u(t){const n=t.toLowerCase(),[i]=n.split("-");return e.get(n)||e.get(i)||o}export{a as clearTranslations,o as fallback,s as isTranslationRegistered,r as registerTranslation,u as resolveTranslation,l as subscribeToDocumentLang,c as subscribeToTranslationRegistration};
 //# sourceMappingURL=translation.js.map

package/lib/translation.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.js","sources":["../src/localization/translation.ts"],"sourcesContent":["import en from \"./en-us.js\"\n\n// gets list of properties beginning prefix\ntype PickStartsWith<T, Prefix extends string> = T extends `${Prefix}${string}` ? T : never\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<keyof Translation, \"$\">\n\nconst subscribers = new Set<() => void>()\nconst translations = new Map<string, Translation>()\n\nfunction update() {\n  for (const subscriber of subscribers) {\n    subscriber()\n  }\n}\n\n// observe changes to the document's lang\nif (typeof MutationObserver !== \"undefined\") {\n  const observer = new MutationObserver(update)\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"lang\"],\n  })\n}\n\n/**\n * Removes all registered translations\n */\nexport function clearTranslations() {\n  translations.clear()\n}\n\n/**\n * Registers one or more translations\n */\nexport function registerTranslation(...translation: Translation[]) {\n  translation.forEach(t => {\n    const lang = t.$lang.toLowerCase()\n    translations.set(lang, t)\n  })\n\n  update()\n}\n\n/**\n * subscribe to language changes\n * @param onChange callback for when either `lang` attr changes, or a new language is registered.\n * @returns cleanup function\n */\nexport function subscribe(onChange: () => void): () => void {\n  subscribers.add(onChange)\n  return () => subscribers.delete(onChange)\n}\n\n/**\n * Check whether there is a translation registered for the given lang\n * @param lang the lang code e.g. \"en\" or \"en-GB\"\n */\nexport function isTranslationRegistered(lang: string) {\n  return translations.has(lang)\n}\n\n/**\n * Picks the most appropriate translation for the given language, from most specific to least specific.\n * First tries lang + region, then lang only, then fallback.\n */\nexport function resolveTranslation(langCode: string) {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n\nexport { en as fallback }\n"],"names":["subscribers","Set","translations","Map","update","subscriber","MutationObserver","observe","document","documentElement","attributes","attributeFilter","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","subscribe","onChange","add","delete","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en"],"mappings":"4QAQA,MAAMA,EAAc,IAAIC,IAClBC,EAAe,IAAIC,IAEzB,SAASC,IACP,IAAK,MAAMC,KAAcL,EACvBK,GAEJ,CAGA,GAAgC,oBAArBC,iBAAkC,CAC1B,IAAIA,iBAAiBF,GAE7BG,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC,SAEtB,UAKgBC,IACdV,EAAaW,OACf,CAKgB,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBlB,EAAamB,IAAIH,EAAMD,EAAE,IAG3Bb,GACF,CAOM,SAAUkB,EAAUC,GAExB,OADAvB,EAAYwB,IAAID,GACT,IAAMvB,EAAYyB,OAAOF,EAClC,CAMM,SAAUG,EAAwBR,GACtC,OAAOhB,EAAayB,IAAIT,EAC1B,CAMM,SAAUU,EAAmBC,GACjC,MAAMX,EAAOW,EAAST,eACfU,GAAYZ,EAAKa,MAAM,KAE9B,OAAO7B,EAAa8B,IAAId,IAAShB,EAAa8B,IAAIF,IAAaG,CACjE"}
+{"version":3,"file":"translation.js","sources":["../src/localization/translation.ts"],"sourcesContent":["import { isServer } from \"lit\"\nimport en from \"./en-us.js\"\n\n// gets list of properties beginning prefix\ntype PickStartsWith<T, Prefix extends string> = T extends `${Prefix}${string}` ? T : never\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<keyof Translation, \"$\">\n\nconst documentLangSubscribers = new Set<() => void>()\nconst translationRegistrationSubscribers = new Set<() => void>()\nconst translations = new Map<string, Translation>()\n\nfunction notifyDocumentLangChange() {\n  for (const subscriber of documentLangSubscribers) {\n    subscriber()\n  }\n}\n\nfunction notifyTranslationRegistration() {\n  for (const subscriber of translationRegistrationSubscribers) {\n    subscriber()\n  }\n}\n\n// observe changes to the document's lang\nif (!isServer) {\n  const observer = new MutationObserver(notifyDocumentLangChange)\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"lang\"],\n  })\n}\n\n/**\n * Removes all registered translations\n */\nexport function clearTranslations() {\n  translations.clear()\n}\n\n/**\n * Registers one or more translations\n */\nexport function registerTranslation(...translation: Translation[]) {\n  translation.forEach(t => {\n    const lang = t.$lang.toLowerCase()\n    translations.set(lang, t)\n  })\n\n  notifyTranslationRegistration()\n}\n\n/**\n * subscribe to document language changes\n * @param onChange callback for when document `lang` attr changes\n * @returns cleanup function\n */\nexport function subscribeToDocumentLang(onChange: () => void): () => void {\n  documentLangSubscribers.add(onChange)\n  return () => documentLangSubscribers.delete(onChange)\n}\n\n/**\n * subscribe to translation registration changes\n * @param onChange callback for when new translations are registered\n * @returns cleanup function\n */\nexport function subscribeToTranslationRegistration(onChange: () => void): () => void {\n  translationRegistrationSubscribers.add(onChange)\n  return () => translationRegistrationSubscribers.delete(onChange)\n}\n\n/**\n * Check whether there is a translation registered for the given lang\n * @param lang the lang code e.g. \"en\" or \"en-GB\"\n */\nexport function isTranslationRegistered(lang: string) {\n  return translations.has(lang)\n}\n\n/**\n * Picks the most appropriate translation for the given language, from most specific to least specific.\n * First tries lang + region, then lang only, then fallback.\n */\nexport function resolveTranslation(langCode: string) {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n\nexport { en as fallback }\n"],"names":["documentLangSubscribers","Set","translationRegistrationSubscribers","translations","Map","isServer","MutationObserver","subscriber","observe","document","documentElement","attributes","attributeFilter","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","notifyTranslationRegistration","subscribeToDocumentLang","onChange","add","delete","subscribeToTranslationRegistration","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en"],"mappings":"2SASA,MAAMA,EAA0B,IAAIC,IAC9BC,EAAqC,IAAID,IACzCE,EAAe,IAAIC,IAezB,IAAKC,EAAU,CACI,IAAIC,kBAdvB,WACE,IAAK,MAAMC,KAAcP,EACvBO,GAEJ,IAYWC,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC,SAEtB,UAKgBC,IACdV,EAAaW,OACf,CAKgB,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBlB,EAAamB,IAAIH,EAAMD,EAAE,IA7B7B,WACE,IAAK,MAAMX,KAAcL,EACvBK,GAEJ,CA4BEgB,EACF,CAOM,SAAUC,EAAwBC,GAEtC,OADAzB,EAAwB0B,IAAID,GACrB,IAAMzB,EAAwB2B,OAAOF,EAC9C,CAOM,SAAUG,EAAmCH,GAEjD,OADAvB,EAAmCwB,IAAID,GAChC,IAAMvB,EAAmCyB,OAAOF,EACzD,CAMM,SAAUI,EAAwBV,GACtC,OAAOhB,EAAa2B,IAAIX,EAC1B,CAMM,SAAUY,EAAmBC,GACjC,MAAMb,EAAOa,EAASX,eACfY,GAAYd,EAAKe,MAAM,KAE9B,OAAO/B,EAAagC,IAAIhB,IAAShB,EAAagC,IAAIF,IAAaG,CACjE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "4.3.1",
+  "version": "4.5.0",
   "description": "This package includes Nord Design System Web Components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@nordhealth/icons": "^3.10.0",
+    "@nordhealth/icons": "^3.11.0",
     "lit": "^3.3.0",
     "qr": "^0.4.2",
     "tinykeys": "^1.4.0"
@@ -178,5 +178,5 @@
       }
     ]
   },
-  "gitHead": "5cd5e41400269b39c525e880d602e1b35a2a6026"
+  "gitHead": "c63c3e35a87cbb0e1e7c33183fc9830b37422316"
 }