@nordhealth/components 4.26.2 → 5.0.0-alpha.0

package/lib/vue.d.ts

@@ -18,6 +18,31 @@ type WCProps<TWebComponent extends HTMLElement> = Partial<
 >;
 
 interface NordComponents {
+  "nord-accordion": DefineComponent<
+    WCProps<Components.Accordion> & {
+      /**
+       * Dispatched when an item is expanded or collapsed. The event includes a `value` array of the currently open item values.
+       */
+      onChange?: (event: Event) => void;
+    }
+  >;
+
+  "nord-accordion-header": DefineComponent<
+    WCProps<Components.AccordionHeader> & {}
+  >;
+
+  "nord-accordion-item": DefineComponent<
+    WCProps<Components.AccordionItem> & {}
+  >;
+
+  "nord-accordion-panel": DefineComponent<
+    WCProps<Components.AccordionPanel> & {}
+  >;
+
+  "nord-accordion-trigger": DefineComponent<
+    WCProps<Components.AccordionTrigger> & {}
+  >;
+
   "nord-aside": DefineComponent<
     WCProps<Components.Aside> & {
       /**
@@ -58,6 +83,35 @@ interface NordComponents {
 
   "nord-aside-trigger": DefineComponent<WCProps<Components.AsideTrigger> & {}>;
 
+  "nord-autocomplete": DefineComponent<
+    WCProps<Components.Autocomplete> & {
+      /**
+       * Dispatched when the committed value changes via user interaction.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the value is cleared via the clear button or `clear()`.
+       */
+      onClear?: (event: Event) => void;
+
+      /**
+       * Dispatched when the listbox is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched as the user types into the input.
+       */
+      onInput?: (event: Event) => void;
+
+      /**
+       * Dispatched when the listbox is opened.
+       */
+      onOpen?: (event: Event) => void;
+    }
+  >;
+
   "nord-avatar": DefineComponent<WCProps<Components.Avatar> & {}>;
 
   "nord-badge": DefineComponent<WCProps<Components.Badge> & {}>;
@@ -79,6 +133,11 @@ interface NordComponents {
        * Dispatched when the calendar's focused date changes.
        */
       onNordFocusDate?: (event: Event) => void;
+
+      /**
+       * Dispatched in `range` mode when a complete range (start and end) has been selected.
+       */
+      onRangeChange?: (event: Event) => void;
     }
   >;
 
@@ -98,6 +157,65 @@ interface NordComponents {
     }
   >;
 
+  "nord-collapsible": DefineComponent<
+    WCProps<Components.Collapsible> & {
+      /**
+       * Dispatched when the collapsible is opened or closed. The event includes an `open` property reflecting the new state.
+       */
+      onToggle?: (event: Event) => void;
+    }
+  >;
+
+  "nord-collapsible-panel": DefineComponent<
+    WCProps<Components.CollapsiblePanel> & {}
+  >;
+
+  "nord-collapsible-trigger": DefineComponent<
+    WCProps<Components.CollapsibleTrigger> & {}
+  >;
+
+  "nord-combobox": DefineComponent<
+    WCProps<Components.Combobox> & {
+      /**
+       * Dispatched when the committed value changes via user interaction.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the value is cleared via the clear button or `clear()`.
+       */
+      onClear?: (event: Event) => void;
+
+      /**
+       * Dispatched when the listbox is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched when the user chooses the "Create" affordance in a `creatable` combobox.
+       */
+      onCreate?: (event: Event) => void;
+
+      /**
+       * Dispatched as the user types into the search input.
+       */
+      onInput?: (event: Event) => void;
+
+      /**
+       * Dispatched when the listbox is opened.
+       */
+      onOpen?: (event: Event) => void;
+    }
+  >;
+
+  "nord-combobox-group": DefineComponent<
+    WCProps<Components.ComboboxGroup> & {}
+  >;
+
+  "nord-combobox-option": DefineComponent<
+    WCProps<Components.ComboboxOption> & {}
+  >;
+
   "nord-command-menu": DefineComponent<
     WCProps<Components.CommandMenu> & {
       /**
@@ -151,6 +269,30 @@ interface NordComponents {
     }
   >;
 
+  "nord-date-range-picker": DefineComponent<
+    WCProps<Components.DateRangePicker> & {
+      /**
+       * Dispatched when the committed range changes (Apply or Clear).
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched live as the pending range changes inside the popout.
+       */
+      onInput?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is opened.
+       */
+      onOpen?: (event: Event) => void;
+    }
+  >;
+
   "nord-divider": DefineComponent<WCProps<Components.Divider> & {}>;
 
   "nord-drawer": DefineComponent<WCProps<Components.Drawer> & {}>;
@@ -196,8 +338,168 @@ interface NordComponents {
 
   "nord-empty-state": DefineComponent<WCProps<Components.EmptyState> & {}>;
 
+  "nord-field": DefineComponent<WCProps<Components.Field> & {}>;
+
+  "nord-field-content": DefineComponent<WCProps<Components.FieldContent> & {}>;
+
+  "nord-field-description": DefineComponent<
+    WCProps<Components.FieldDescription> & {}
+  >;
+
+  "nord-field-error": DefineComponent<WCProps<Components.FieldError> & {}>;
+
+  "nord-field-group": DefineComponent<WCProps<Components.FieldGroup> & {}>;
+
+  "nord-field-label": DefineComponent<WCProps<Components.FieldLabel> & {}>;
+
+  "nord-field-legend": DefineComponent<WCProps<Components.FieldLegend> & {}>;
+
+  "nord-field-separator": DefineComponent<
+    WCProps<Components.FieldSeparator> & {}
+  >;
+
   "nord-fieldset": DefineComponent<WCProps<Components.Fieldset> & {}>;
 
+  "nord-field-set": DefineComponent<WCProps<Components.FieldSet> & {}>;
+
+  "nord-field-title": DefineComponent<WCProps<Components.FieldTitle> & {}>;
+
+  "nord-filter-add-button": DefineComponent<
+    WCProps<Components.FilterAddButton> & {
+      /**
+       * Dispatched when the popout is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is opened.
+       */
+      onOpen?: (event: Event) => void;
+
+      /**
+       * Dispatched with the chosen option's `id` when an option is selected.
+       */
+      onSelect?: (event: Event) => void;
+    }
+  >;
+
+  "nord-filter-bar": DefineComponent<WCProps<Components.FilterBar> & {}>;
+
+  "nord-filter-date-range": DefineComponent<
+    WCProps<Components.FilterDateRange> & {
+      /**
+       * Dispatched when the committed range changes (Apply or clear).
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the chip's clear affordance is pressed.
+       */
+      onClear?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is opened.
+       */
+      onOpen?: (event: Event) => void;
+
+      /**
+       * Dispatched when the chip's remove affordance is pressed.
+       */
+      onRemove?: (event: Event) => void;
+    }
+  >;
+
+  "nord-filter-dropdown": DefineComponent<
+    WCProps<Components.FilterDropdown> & {
+      /**
+       * Dispatched when the committed selection changes via user interaction.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the selection is cleared, before `change`.
+       */
+      onClear?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched when the list is scrolled near its end (infinite scroll).
+       */
+      onLoadMore?: (event: Event) => void;
+
+      /**
+       * Dispatched when the popout is opened.
+       */
+      onOpen?: (event: Event) => void;
+
+      /**
+       * Dispatched when the filter is removed (only when `removable`).
+       */
+      onRemove?: (event: Event) => void;
+
+      /**
+       * Dispatched as the user types when `searchable` (use with `internal-search="false"` for async search).
+       */
+      onSearchChange?: (event: Event) => void;
+    }
+  >;
+
+  "nord-filter-field": DefineComponent<
+    WCProps<Components.FilterField> & {
+      /**
+       * Dispatched when the clear affordance is pressed.
+       */
+      onClear?: (event: Event) => void;
+
+      /**
+       * Dispatched when the remove affordance is pressed.
+       */
+      onRemove?: (event: Event) => void;
+    }
+  >;
+
+  "nord-filter-input": DefineComponent<
+    WCProps<Components.FilterInput> & {
+      /**
+       * Dispatched when the value is committed.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched when the chip-mode popout is closed.
+       */
+      onClose?: (event: Event) => void;
+
+      /**
+       * Dispatched as the user types into the input.
+       */
+      onInput?: (event: Event) => void;
+
+      /**
+       * Dispatched when the chip-mode popout is opened.
+       */
+      onOpen?: (event: Event) => void;
+    }
+  >;
+
+  "nord-filter-reset-button": DefineComponent<
+    WCProps<Components.FilterResetButton> & {
+      /**
+       * Dispatched when the button is pressed to clear all active filters.
+       */
+      onReset?: (event: Event) => void;
+    }
+  >;
+
   "nord-footer": DefineComponent<WCProps<Components.Footer> & {}>;
 
   "nord-header": DefineComponent<WCProps<Components.Header> & {}>;
@@ -223,6 +525,34 @@ interface NordComponents {
     }
   >;
 
+  "nord-item": DefineComponent<WCProps<Components.Item> & {}>;
+
+  "nord-item-actions": DefineComponent<WCProps<Components.ItemActions> & {}>;
+
+  "nord-item-content": DefineComponent<WCProps<Components.ItemContent> & {}>;
+
+  "nord-item-description": DefineComponent<
+    WCProps<Components.ItemDescription> & {}
+  >;
+
+  "nord-item-footer": DefineComponent<WCProps<Components.ItemFooter> & {}>;
+
+  "nord-item-group": DefineComponent<WCProps<Components.ItemGroup> & {}>;
+
+  "nord-item-header": DefineComponent<WCProps<Components.ItemHeader> & {}>;
+
+  "nord-item-media": DefineComponent<WCProps<Components.ItemMedia> & {}>;
+
+  "nord-item-separator": DefineComponent<
+    WCProps<Components.ItemSeparator> & {}
+  >;
+
+  "nord-item-title": DefineComponent<WCProps<Components.ItemTitle> & {}>;
+
+  "nord-kbd": DefineComponent<WCProps<Components.Kbd> & {}>;
+
+  "nord-kbd-group": DefineComponent<WCProps<Components.KbdGroup> & {}>;
+
   "nord-layout": DefineComponent<
     WCProps<Components.Layout> & {
       /**
@@ -239,6 +569,8 @@ interface NordComponents {
 
   "nord-message": DefineComponent<WCProps<Components.Message> & {}>;
 
+  "nord-meter": DefineComponent<WCProps<Components.Meter> & {}>;
+
   "nord-modal": DefineComponent<
     WCProps<Components.Modal> & {
       /**
@@ -315,6 +647,70 @@ interface NordComponents {
     }
   >;
 
+  "nord-number-field": DefineComponent<
+    WCProps<Components.NumberField> & {
+      /**
+       * Dispatched when the value is committed (on blur, keyboard step, or pointer-up after a button hold or scrub). Carries the numeric value and a `reason`.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched as the value changes during interaction (typing a parseable value, clearing, each step, each button tick, each wheel notch, each scrub increment).
+       */
+      onInput?: (event: Event) => void;
+    }
+  >;
+
+  "nord-otp-field": DefineComponent<
+    WCProps<Components.OtpField> & {
+      /**
+       * Dispatched alongside `input` when the committed value changes via user interaction.
+       */
+      onChange?: (event: Event) => void;
+
+      /**
+       * Dispatched after the value updates when every cell becomes filled.
+       */
+      onComplete?: (event: Event) => void;
+
+      /**
+       * Dispatched whenever the OTP value changes through user interaction (typing, Backspace/Delete, paste, autofill).
+       */
+      onInput?: (event: Event) => void;
+
+      /**
+       * Dispatched when typed or pasted text contained characters rejected by `type`.
+       */
+      onValueInvalid?: (event: Event) => void;
+    }
+  >;
+
+  "nord-pagination": DefineComponent<WCProps<Components.Pagination> & {}>;
+
+  "nord-pagination-content": DefineComponent<
+    WCProps<Components.PaginationContent> & {}
+  >;
+
+  "nord-pagination-ellipsis": DefineComponent<
+    WCProps<Components.PaginationEllipsis> & {}
+  >;
+
+  "nord-pagination-item": DefineComponent<
+    WCProps<Components.PaginationItem> & {}
+  >;
+
+  "nord-pagination-link": DefineComponent<
+    WCProps<Components.PaginationLink> & {}
+  >;
+
+  "nord-pagination-next": DefineComponent<
+    WCProps<Components.PaginationNext> & {}
+  >;
+
+  "nord-pagination-previous": DefineComponent<
+    WCProps<Components.PaginationPrevious> & {}
+  >;
+
   "nord-popout": DefineComponent<
     WCProps<Components.Popout> & {
       /**
@@ -363,6 +759,8 @@ interface NordComponents {
     }
   >;
 
+  "nord-scroll-area": DefineComponent<WCProps<Components.ScrollArea> & {}>;
+
   "nord-segmented-control": DefineComponent<
     WCProps<Components.SegmentedControl> & {
       /**
@@ -461,6 +859,15 @@ interface NordComponents {
     }
   >;
 
+  "nord-time-picker": DefineComponent<
+    WCProps<Components.TimePicker> & {
+      /**
+       * Fired when the selected time changes.
+       */
+      onChange?: (event: Event) => void;
+    }
+  >;
+
   "nord-toast": DefineComponent<
     WCProps<Components.Toast> & {
       /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordhealth/components",
   "type": "module",
-  "version": "4.26.2",
+  "version": "5.0.0-alpha.0",
   "description": "This package includes Nord Design System Web Components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -38,7 +38,10 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
+    "@lit/context": "^1.1.6",
     "@nordhealth/icons": "^3.17.0",
+    "@tanstack/lit-virtual": "^3.13.30",
+    "@tanstack/virtual-core": "3.17.1",
     "lit": "^3.3.2",
     "qr": "^0.4.2",
     "tinykeys": "^1.4.0"
@@ -47,9 +50,8 @@
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@nordhealth/css": "^4.4.1",
     "@nordhealth/fonts": "^3.0.4",
-    "@nordhealth/themes": "^9.0.9",
-    "@nordhealth/tokens": "^8.1.0",
-    "@open-wc/eslint-config": "^12.0.3",
+    "@nordhealth/themes": "^10.0.0-alpha.0",
+    "@nordhealth/tokens": "^9.0.0-alpha.0",
     "@open-wc/testing-helpers": "^3.0.1",
     "@playwright/test": "1.58.0",
     "@rollup/plugin-node-resolve": "^15.3.1",
@@ -60,18 +62,12 @@
     "@storybook/addon-docs": "^10.4.6",
     "@storybook/addon-themes": "^10.4.6",
     "@storybook/web-components-vite": "^10.4.6",
+    "@tailwindcss/vite": "^4.2.0",
     "@types/node": "^22.19.11",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
     "@vitest/browser": "^4.0.18",
     "@vitest/browser-playwright": "^4.0.18",
     "axe-core": "^4.10.3",
     "concurrently": "^9.2.1",
-    "eslint": "^8.57.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-lit": "^1.15.0",
-    "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-wc": "^1.5.0",
     "glob": "^11.1.0",
     "http-server": "^14.1.1",
     "prettier": "^3.8.1",
@@ -81,6 +77,7 @@
     "rollup-plugin-minify-html-literals-v3": "^1.3.4",
     "rollup-plugin-summary": "^2.0.1",
     "storybook": "^10.4.6",
+    "tailwindcss": "^4.2.0",
     "tslib": "^2.8.1",
     "typescript": "~5.5.4",
     "vitest": "^4.0.18",
@@ -91,5 +88,5 @@
       "rollup": "~4.21.3"
     }
   },
-  "gitHead": "3f129d3bee6b26dda6d61357ac15b5f0dba5aae5"
+  "gitHead": "d2dc72c154367b3cfd96fef8d316315df2e9f246"
 }

package/lib/Calendar-ChNZdVRO.js

@@ -1,2 +0,0 @@
-import{_ as a}from"./tslib.es6-CmLYFWVC.js";import{css as e,LitElement as n,isServer as t,html as i}from"lit";import{query as r,property as s,state as o,customElement as d}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{repeat as c}from"lit/directives/repeat.js";import{o as h}from"./tinykeys.module-_6MZt7MP.js";import{m as u,c as v}from"./collection-Dvg2XbxV.js";import{D as p}from"./DirectionController-ChvNGESZ.js";import{E as g}from"./EventController-BBOmvfLa.js";import{D as f,i as b,p as m,a as y,s as w,e as x,b as D,g as z,d as k,f as _,h as $,j as F,k as Y,l as j,m as M,n as S,o as T}from"./dates-CAAlPKZi.js";import{o as C}from"./observe-D0n0zOfU.js";import{c as N}from"./cond-CI1KbneT.js";import{r as L}from"./number-Dg2vCfGd.js";import{s as O}from"./Component-DSU3Qp0O.js";import X from"./Icon.js";import{LocalizeController as E}from"./LocalizeController.js";import{DateSelectEvent as W}from"./DateSelectEvent.js";import"./Button.js";import"./VisuallyHidden.js";var A=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m.100342 6.92903 2.121318-2.12132 7.77818 7.77819 7.77826-7.77828 2.1213 2.12132-8.4853 8.48536c-.7811.7811-2.04743.7811-2.82848 0z" fill="currentColor"/></svg>',tags:"nordicon arrow down small caret pointing triangle chevron",title:"arrow-down-small"});var U=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m13.0712.105225 2.1213 2.121315-7.77816 7.77816 7.77826 7.7783-2.1213 2.1213-8.48539-8.4854c-.78105-.781-.78105-2.04735 0-2.82839z" fill="currentColor"/></svg>',tags:"nordicon arrow left small caret pointing triangle chevron",title:"arrow-left-small"});var I=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m6.92903.100342-2.12132 2.121318 7.77819 7.77818-7.77828 7.77826 2.12132 2.1213 8.48536-8.4853c.7811-.7811.7811-2.04743 0-2.82848z" fill="currentColor"/></svg>',tags:"nordicon arrow right small caret pointing triangle chevron",title:"arrow-right-small"});const P=a=>a.preventDefault();class B{constructor(a,e){this.hadFirstUpdate=!1,this.initialTouchX=0,this.initialTouchY=0,this.handleTouchStart=a=>{const[{pageX:e,pageY:n}]=a.changedTouches;this.initialTouchX=e,this.initialTouchY=n},this.handleTouchEnd=a=>{const[{pageX:e,pageY:n}]=a.changedTouches,{matchesGesture:t,onSwipeEnd:i}=this.options,r=e-this.initialTouchX,s=n-this.initialTouchY,o={initialX:this.initialTouchX,initialY:this.initialTouchY,pageX:e,pageY:n,distX:r,distY:s};t(o)&&(a.preventDefault(),i(o))},a.addController(this),this.events=new g(a),this.options={target:()=>a,...e}}hostUpdated(){if(!this.hadFirstUpdate){this.hadFirstUpdate=!0;const a=this.options.target();this.events.listen(a,"touchstart",this.handleTouchStart),this.events.listen(a,"touchmove",P),this.events.listen(a,"touchend",this.handleTouchEnd)}}hostDisconnected(){this.hadFirstUpdate=!1}}function H({distX:a,distY:e}){return Math.abs(a)>=70&&Math.abs(e)<=70}function R({distX:a,distY:e}){return Math.abs(e)>=70&&Math.abs(a)<=70&&e>0}const V=e`:host{--_n-calendar-box-shadow:var(--n-calendar-box-shadow, var(--n-box-shadow-popout));--_n-calendar-border-radius:var(--n-calendar-border-radius, var(--n-border-radius-s));--_n-calendar-highlight-color:var(--n-calendar-highlight-color, var(--n-color-accent));--_n-calendar-padding-block-start:var(--n-calendar-padding-block, var(--n-space-m));--_n-calendar-padding-block-end:var(--n-calendar-padding-block, var(--n-space-m));--_n-calendar-padding-inline:var(--n-calendar-padding-inline, var(--n-space-m));--_n-calendar-day-size:var(--n-calendar-day-size, var(--n-space-xl));--_n-calendar-day-font-size:var(--n-calendar-day-font-size, var(--n-font-size-m));--_n-calendar-select-label-font-size:var(--n-calendar-select-label-font-size, var(--n-font-size-xl));--_n-calendar-nav-padding-inline:var(--n-calendar-nav-padding-inline, 11px);--_n-calendar-nav-gap:var(--n-calendar-nav-gap, var(--n-space-xs));--_n-calendar-header-margin-block-end:var(--n-calendar-header-margin-block-end, var(--n-space-m));--_n-calendar-header-padding-block-end:var(--n-calendar-header-padding-block-end, 0);--_n-calendar-header-gap:var(--n-calendar-header-gap, var(--n-space-s));--_n-calendar-inline-size:var(--n-calendar-inline-size, max-content);font-feature-settings:var(--n-font-features-reduced)}:host([size='s']){--_n-calendar-day-size:var(--n-calendar-day-size, calc(var(--n-space-l) + var(--n-space-xs)));--_n-calendar-day-font-size:var(--n-calendar-day-font-size, var(--n-font-size-s));--_n-calendar-select-label-font-size:var(--n-calendar-select-label-font-size, var(--n-font-size-l));--_n-calendar-nav-padding-inline:var(--n-calendar-nav-padding-inline, var(--n-space-s));--_n-calendar-header-margin-block-end:var(--n-calendar-header-margin-block-end, var(--n-space-s));--_n-calendar-header-padding-block-end:var(--n-calendar-header-padding-block-end, var(--n-space-xs))}.n-calendar{user-select:none;background:var(--n-color-surface);box-shadow:var(--_n-calendar-box-shadow);border-radius:var(--_n-calendar-border-radius);inline-size:var(--_n-calendar-inline-size);min-inline-size:min-content;padding-block-start:var(--_n-calendar-padding-block-start);padding-block-end:var(--_n-calendar-padding-block-end);padding-inline-start:var(--_n-calendar-padding-inline);padding-inline-end:var(--_n-calendar-padding-inline)}:host([expand]){--_n-calendar-inline-size:var(--n-calendar-inline-size, 100%)}.n-calendar-table{border-collapse:collapse;border-spacing:0;color:var(--n-color-text);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight);text-align:center;inline-size:100%}.n-calendar-table-header{font-size:var(--n-font-size-s);font-weight:var(--n-font-weight-active);letter-spacing:1px;padding-block-end:var(--n-space-s);text-decoration:none;text-transform:uppercase}.n-calendar-cell{text-align:center;padding:1px}.n-calendar-day{appearance:none;background:0 0;border:0;border-radius:var(--n-border-radius-s);color:var(--n-color-text);cursor:pointer;display:inline-block;font-family:var(--n-font-family);font-size:var(--_n-calendar-day-font-size);font-weight:var(--n-font-weight);font-variant-numeric:tabular-nums;block-size:var(--_n-calendar-day-size);inline-size:var(--_n-calendar-day-size);padding:0 0 1px;position:relative;text-align:center;vertical-align:middle}.n-calendar-day[aria-current=date]{box-shadow:0 0 0 1px var(--n-color-text-link);color:var(--n-color-text-link);position:relative}.n-calendar-day:hover{background:var(--n-color-active)}.n-calendar-day:focus,.n-calendar-day[aria-pressed=true]{background:var(--n-color-accent);box-shadow:none;color:var(--n-color-text-on-accent);outline:0}.n-calendar-day:active{background:var(--n-color-accent);box-shadow:none!important;color:var(--n-color-text-on-accent)}.n-calendar-day:focus{box-shadow:0 0 5px var(--n-color-accent)}.n-calendar-day:not(.is-month){box-shadow:none}.n-calendar-day:not(.is-month),.n-calendar-day[aria-disabled=true]{background:0 0;color:var(--n-color-text-weakest);cursor:default}.n-calendar-day[aria-disabled=true]{color:var(--n-color-text-weaker);text-decoration:line-through}.n-calendar-day:not(.is-month)[aria-disabled=true]{color:var(--n-color-text-weakest);text-decoration:none}.n-calendar-day[aria-disabled=true][aria-current=date]{box-shadow:0 0 0 1px var(--n-color-accent);color:var(--n-color-text-link)}.n-calendar-day[aria-disabled=true][aria-current=date]:focus{box-shadow:0 0 5px var(--n-color-accent);background:var(--n-color-accent);color:var(--n-color-text-on-accent)}.n-calendar-day[aria-disabled=true]:not([aria-current=date])::before{display:none}.n-calendar-day.is-outside{background:0 0;box-shadow:none;color:var(--n-color-text-weakest);cursor:default;pointer-events:none}.n-calendar-day.is-outside::before{display:none}.n-calendar-day.is-highlighted::after{--_n-calendar-highlight-size:5px;content:'';position:absolute;inset-inline-start:calc(50% - (var(--_n-calendar-highlight-size)/ 2));inset-block-end:var(--n-space-xs);block-size:var(--_n-calendar-highlight-size);inline-size:var(--_n-calendar-highlight-size);border-radius:var(--n-border-radius-circle);background-color:var(--_n-calendar-highlight-color)}.n-calendar-day.is-highlighted.is-month:is([aria-pressed=true],:focus):not([aria-disabled=true])::after{background-color:var(--n-color-text-on-accent)}.n-calendar-day.is-highlighted:is(:not(.is-month),.is-outside,[aria-disabled=true])::after{background-color:var(--n-color-text-weakest)}.n-calendar-header{align-items:center;display:flex;justify-content:space-between;column-gap:var(--_n-calendar-header-gap);margin-block-end:var(--_n-calendar-header-margin-block-end);padding-block-end:var(--_n-calendar-header-padding-block-end);inline-size:100%}.n-calendar-nav{display:flex;column-gap:var(--_n-calendar-nav-gap);white-space:nowrap}.n-calendar-nav nord-button{--_n-button-padding-inline:var(--_n-calendar-nav-padding-inline)}.n-calendar-select{display:inline-flex;position:relative;line-height:var(--n-line-height)}.n-calendar-select span{margin-inline-end:var(--n-space-s)}.n-calendar-select select{cursor:pointer;font-size:var(--n-font-size-l);block-size:100%;inset-inline-start:0;opacity:0;position:absolute;inset-block-start:0;inline-size:100%}.n-calendar-select select:focus+.n-calendar-select-label{box-shadow:0 0 0 2px var(--n-color-accent)}.n-calendar-select-label{display:flex;align-items:center;border-radius:var(--n-border-radius-s);color:var(--n-color-text);font-size:var(--_n-calendar-select-label-font-size);font-weight:var(--n-font-weight-active);padding-block:0;padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-xs);pointer-events:none;position:relative;inline-size:100%}`;function q(a){return e=>{e.preventDefault(),a(e)}}X.registerIcon(I),X.registerIcon(U),X.registerIcon(A);const G=()=>!1,J=()=>!1,K="dialog-header";let Q=class extends n{constructor(){super(...arguments),this.direction=new p(this),this.swipe=new B(this,{matchesGesture:H,onSwipeEnd:({distX:a})=>this.addMonths(a<0?1:-1)}),this.shortcuts=h({ArrowRight:q((()=>this.addDays(this.direction.isLTR?1:-1))),ArrowLeft:q((()=>this.addDays(this.direction.isLTR?-1:1))),ArrowDown:q((()=>this.addDays(7))),ArrowUp:q((()=>this.addDays(-7))),Home:q((()=>this.startOfWeek())),End:q((()=>this.endOfWeek())),PageUp:q((()=>this.addMonths(-1))),PageDown:q((()=>this.addMonths(1))),"Shift+PageUp":q((()=>this.addYears(-1))),"Shift+PageDown":q((()=>this.addYears(1)))}),this.localize=new E(this,{onLangChange:()=>this.handleLangChange()}),this.value="",this.firstDayOfWeek=f.Monday,this.expand=!1,this.size="m",this.isDateDisabled=G,this.isDateHighlighted=J,this.activeFocus=!1,this.focusedDay=new Date,this.handleDaySelect=a=>{const e=b(a,m(this.min||""),m(this.max||"")),n=!this.isDateDisabled(a);e&&n&&(this.value=y(a),this.dispatchEvent(new W("change",a)))},this.handleMonthSelect=a=>{this.setMonth(Number.parseInt(a.target.value,10))},this.handleYearSelect=a=>{this.setYear(Number.parseInt(a.target.value,10))},this.handleNextMonthClick=a=>{a.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=a=>{a.preventDefault(),this.addMonths(-1)},this.enableActiveFocus=()=>{this.activeFocus=!0},this.disableActiveFocus=a=>{const e=a.currentTarget,n=a.relatedTarget;n&&!e.contains(n)&&(this.activeFocus=!1)}}focus(a){var e;const n=null!==(e=null==a?void 0:a.target)&&void 0!==e?e:"day";"day"===n?this.focusedDayNode.focus():"month"===n&&this.monthSelectNode.focus()}render(){const a=this.getToday(),e=m(this.value),n=this.focusedDay.getMonth(),r=this.focusedDay.getFullYear(),s=m(this.min||""),o=m(this.max||""),d=s?w(s):void 0,h=o?x(o):void 0,p=a.getFullYear(),g=s?s.getFullYear():p-100,f=o?o.getFullYear():p+10;return t&&this.handleLangChange(),i`<div class="n-calendar"><div class="n-calendar-header"><div><nord-visually-hidden><h2 id="${K}" aria-live="polite" aria-atomic="true">${this.monthNames[n]}, ${this.focusedDay.getFullYear()}</h2></nord-visually-hidden><div class="n-calendar-select"><select aria-label="${this.localize.term("monthSelectLabel")}" class="n-calendar-select-month" @input="${this.handleMonthSelect}">${this.monthNames.map(((a,e)=>i`<option value="${e}" ?selected="${e===n}" ?disabled="${!b(new Date(r,e,1),d,h)}">${a}</option>`))}</select><div class="n-calendar-select-label" aria-hidden="true"><span>${this.monthNamesShort[n]}</span><nord-icon color="var(--n-color-icon)" name="arrow-down-small" size="xxs"></nord-icon></div></div><div class="n-calendar-select"><select aria-label="${this.localize.term("yearSelectLabel")}" class="n-calendar-select-year" @input="${this.handleYearSelect}">${c(L(g,f),(a=>a),(a=>i`<option ?selected="${a===r}">${a}</option>`))}</select><div class="n-calendar-select-label" aria-hidden="true"><span>${this.focusedDay.getFullYear()}</span><nord-icon color="var(--n-color-icon)" name="arrow-down-small" size="xxs"></nord-icon></div></div></div><div class="n-calendar-nav"><nord-button class="n-calendar-prev" size="${this.size}" square @click="${this.handlePreviousMonthClick}" ?disabled="${D(s,this.focusedDay)}" type="button"><nord-visually-hidden>${this.localize.term("prevMonthLabel")}</nord-visually-hidden><nord-icon name="${this.direction.isLTR?"arrow-left-small":"arrow-right-small"}" size="${"s"===this.size?"xs":"s"}"></nord-icon></nord-button><nord-button class="n-calendar-next" size="${this.size}" square @click="${this.handleNextMonthClick}" ?disabled="${D(o,this.focusedDay)}" type="button"><nord-visually-hidden>${this.localize.term("nextMonthLabel")}</nord-visually-hidden><nord-icon name="${this.direction.isLTR?"arrow-right-small":"arrow-left-small"}" size="${"s"===this.size?"xs":"s"}"></nord-icon></nord-button></div></div><table class="n-calendar-table" aria-labelledby="${K}" @focusin="${this.enableActiveFocus}" @focusout="${this.disableActiveFocus}"><thead><tr>${u(this.dayNames,this.firstDayOfWeek,((a,e)=>i`<th class="n-calendar-table-header" scope="col"><span aria-hidden="true">${this.dayNamesShort[e]}</span><nord-visually-hidden>${a}</nord-visually-hidden></th>`))}</tr></thead><tbody>${v(z(this.focusedDay,this.firstDayOfWeek),7).map((n=>i`<tr class="n-calendar-row">${n.map((n=>{const t=!b(n,s,o),r=k(n,a),d=this.isDateDisabled(n),c=k(n,e),h=D(n,this.focusedDay),u=this.isDateHighlighted(n),v=this.dateFormatShort.format(n),p=u&&"string"==typeof u?`${v}, ${u}`:v;return i`<td class="n-calendar-cell"><button type="button" tabindex="${k(n,this.focusedDay)?0:-1}" class="${l({"n-calendar-day":!0,"is-outside":t,"is-month":h,"is-highlighted":u})}" @click="${()=>this.handleDaySelect(n)}" @keydown="${this.shortcuts}" ?disabled="${t}" aria-disabled="${N(d,"true")}" aria-pressed="${c?"true":"false"}" aria-current="${N(r,"date")}" aria-label="${p}"><span aria-hidden="true">${n.getDate()}</span></button></td>`}))}</tr>`))}</tbody></table></div>`}handleValueChange(){this.setFocusedDay(m(this.value)||this.getToday())}handleFocusedDayChange(){this.activeFocus&&this.focusedDayNode.focus()}handleLangChange(){const a=this.localize.resolvedLang;this.dateFormatShort=new Intl.DateTimeFormat(a,{day:"numeric",month:"long"}),this.monthNames=_(a,"long"),this.monthNamesShort=_(a,"short"),this.dayNames=$(a,"long"),this.dayNamesShort=$(a,"narrow")}getToday(){return m(this.today||"")||new Date}addDays(a){this.setFocusedDay(F(this.focusedDay,a))}addMonths(a){this.setMonth(this.focusedDay.getMonth()+a)}addYears(a){this.setYear(this.focusedDay.getFullYear()+a)}startOfWeek(){this.setFocusedDay(Y(this.focusedDay,this.firstDayOfWeek))}endOfWeek(){this.setFocusedDay(j(this.focusedDay,this.firstDayOfWeek))}setMonth(a){const e=M(w(this.focusedDay),a),n=x(e),t=M(this.focusedDay,a);this.setFocusedDay(S(t,e,n))}setYear(a){const e=T(w(this.focusedDay),a),n=x(e),t=T(this.focusedDay,a);this.setFocusedDay(S(t,e,n))}setFocusedDay(a){this.focusedDay=S(a,m(this.min||""),m(this.max||"")),this.dispatchEvent(new W("nord-focus-date",this.focusedDay))}};Q.styles=[O,V],a([r(".n-calendar-select-month",!0)],Q.prototype,"monthSelectNode",void 0),a([r('button[tabindex="0"]')],Q.prototype,"focusedDayNode",void 0),a([s()],Q.prototype,"value",void 0),a([s({reflect:!0,type:Number,attribute:"first-day-of-week"})],Q.prototype,"firstDayOfWeek",void 0),a([s({reflect:!0})],Q.prototype,"min",void 0),a([s({reflect:!0})],Q.prototype,"max",void 0),a([s({reflect:!0})],Q.prototype,"today",void 0),a([s({reflect:!0,type:Boolean})],Q.prototype,"expand",void 0),a([s({reflect:!0})],Q.prototype,"size",void 0),a([s({attribute:!1})],Q.prototype,"isDateDisabled",void 0),a([s({attribute:!1})],Q.prototype,"isDateHighlighted",void 0),a([o()],Q.prototype,"activeFocus",void 0),a([o()],Q.prototype,"focusedDay",void 0),a([C("value")],Q.prototype,"handleValueChange",null),a([C("focusedDay","updated")],Q.prototype,"handleFocusedDayChange",null),Q=a([d("nord-calendar")],Q);var Z=Q;export{Z as C,B as S,R as i};
-//# sourceMappingURL=Calendar-ChNZdVRO.js.map

package/lib/Calendar-ChNZdVRO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar-ChNZdVRO.js","sources":["../../icons/lib/assets/arrow-down-small.js","../../icons/lib/assets/arrow-left-small.js","../../icons/lib/assets/arrow-right-small.js","../src/common/controllers/SwipeController.ts","../src/calendar/Calendar.ts"],"sourcesContent":["export default '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m.100342 6.92903 2.121318-2.12132 7.77818 7.77819 7.77826-7.77828 2.1213 2.12132-8.4853 8.48536c-.7811.7811-2.04743.7811-2.82848 0z\" fill=\"currentColor\"/></svg>';\nexport const title = \"arrow-down-small\";\nexport const tags = \"nordicon arrow down small caret pointing triangle chevron\";\n","export default '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m13.0712.105225 2.1213 2.121315-7.77816 7.77816 7.77826 7.7783-2.1213 2.1213-8.48539-8.4854c-.78105-.781-.78105-2.04735 0-2.82839z\" fill=\"currentColor\"/></svg>';\nexport const title = \"arrow-left-small\";\nexport const tags = \"nordicon arrow left small caret pointing triangle chevron\";\n","export default '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m6.92903.100342-2.12132 2.121318 7.77819 7.77818-7.77828 7.77826 2.12132 2.1213 8.48536-8.4853c.7811-.7811.7811-2.04743 0-2.82848z\" fill=\"currentColor\"/></svg>';\nexport const title = \"arrow-right-small\";\nexport const tags =\n  \"nordicon arrow right small caret pointing triangle chevron\";\n","import type { ReactiveController, ReactiveElement } from 'lit'\nimport { EventController } from './EventController.js'\n\nexport interface SwipeDetails {\n  initialX: number\n  initialY: number\n  pageX: number\n  pageY: number\n  distX: number\n  distY: number\n}\n\nconst preventDefault = (e: Event) => e.preventDefault()\n\ntype SetRequired<T, K extends keyof T> = T & { [Property in K]-?: T[K] }\ninterface SwipeControllerOptions {\n  target?: () => HTMLElement\n  matchesGesture: (details: SwipeDetails) => boolean\n  onSwipeEnd: (details: SwipeDetails) => void\n}\n\nexport class SwipeController implements ReactiveController {\n  private events: EventController\n  private hadFirstUpdate = false\n\n  private initialTouchX: number = 0\n  private initialTouchY: number = 0\n  private options: SetRequired<SwipeControllerOptions, 'target'>\n\n  constructor(host: ReactiveElement, options: SwipeControllerOptions) {\n    host.addController(this)\n    this.events = new EventController(host)\n\n    this.options = {\n      target: () => host,\n      ...options,\n    }\n  }\n\n  hostUpdated() {\n    if (!this.hadFirstUpdate) {\n      this.hadFirstUpdate = true\n\n      const target = this.options.target()\n      this.events.listen(target, 'touchstart', this.handleTouchStart)\n      this.events.listen(target, 'touchmove', preventDefault)\n      this.events.listen(target, 'touchend', this.handleTouchEnd)\n    }\n  }\n\n  hostDisconnected() {\n    this.hadFirstUpdate = false\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const [{ pageX, pageY }] = event.changedTouches\n    this.initialTouchX = pageX\n    this.initialTouchY = pageY\n  }\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const [{ pageX, pageY }] = event.changedTouches\n    const { matchesGesture, onSwipeEnd } = this.options\n\n    const distX = pageX - this.initialTouchX\n    const distY = pageY - this.initialTouchY\n    const details = { initialX: this.initialTouchX, initialY: this.initialTouchY, pageX, pageY, distX, distY }\n\n    if (matchesGesture(details)) {\n      event.preventDefault()\n      onSwipeEnd(details)\n    }\n  }\n}\n\nconst THRESHOLD = 70\n\nexport function isHorizontalSwipe({ distX, distY }: SwipeDetails) {\n  return Math.abs(distX) >= THRESHOLD && Math.abs(distY) <= THRESHOLD\n}\n\nexport function isDownwardsSwipe({ distX, distY }: SwipeDetails) {\n  return Math.abs(distY) >= THRESHOLD && Math.abs(distX) <= THRESHOLD && distY > 0\n}\n","import * as arrowDownIcon from '@nordhealth/icons/lib/assets/arrow-down-small.js'\nimport * as arrowLeftIcon from '@nordhealth/icons/lib/assets/arrow-left-small.js'\nimport * as arrowRightIcon from '@nordhealth/icons/lib/assets/arrow-right-small.js'\nimport { html, isServer, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { createKeybindingsHandler } from 'tinykeys'\n\nimport { chunk, mapWithOffset } from '../common/collection.js'\nimport { DirectionController } from '../common/controllers/DirectionController.js'\nimport { isHorizontalSwipe, SwipeController } from '../common/controllers/SwipeController.js'\n\nimport {\n  addDays,\n  clamp,\n  DaysOfWeek,\n  endOfMonth,\n  endOfWeek,\n  getDayNames,\n  getMonthNames,\n  getViewOfMonth,\n  inRange,\n  isEqual,\n  isEqualMonth,\n  parseISODate,\n  printISODate,\n  setMonth,\n  setYear,\n  startOfMonth,\n  startOfWeek,\n} from '../common/dates.js'\nimport { observe } from '../common/decorators/observe.js'\nimport { cond } from '../common/directives/cond.js'\nimport { range } from '../common/number.js'\nimport componentStyle from '../common/styles/Component.css'\nimport Icon from '../icon/Icon.js'\nimport { LocalizeController } from '../localization/LocalizeController.js'\nimport style from './Calendar.css'\n\nimport { DateSelectEvent } from './DateSelectEvent.js'\nimport '../button/Button.js'\nimport '../visually-hidden/VisuallyHidden.js'\n\nexport type DatePredicate = (date: Date) => boolean\n\nIcon.registerIcon(arrowRightIcon)\nIcon.registerIcon(arrowLeftIcon)\nIcon.registerIcon(arrowDownIcon)\n\nfunction preventDefault(fn: EventListener) {\n  return (e: Event) => {\n    e.preventDefault()\n    fn(e)\n  }\n}\n\nconst isDateDisabled: DatePredicate = () => false\nconst isDateHighlighted = () => false\n\nconst dialogLabelId = 'dialog-header'\n\n/**\n * Calendar allows user to pick a date. It comes with built-in\n * functionality that allows you to set a minimum and a maximum allowed date.\n * Please note that the date must be passed in ISO-8601 format.\n *\n * @status ready\n * @category list\n * @fires {DateSelectEvent} change - Dispatched when a date is selected and the value changes.\n * @fires {DateSelectEvent} nord-focus-date - Dispatched when the calendar's focused date changes.\n *\n * @cssprop [--n-calendar-border-radius=var(--n-border-radius)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).\n * @cssprop [--n-calendar-box-shadow=var(--n-box-shadow-popout)] - Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow).\n * @cssprop [--n-calendar-padding-block=var(--n-space-m)] - Controls the block padding of the calendar, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-padding-inline=var(--n-space-m)] - Controls the inline padding of the calendar, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-day-size=var(--n-space-xl)] - Controls the block and inline size of each day cell, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-day-font-size=var(--n-font-size-m)] - Controls the font size of each day cell, using [font size tokens](/tokens/#font-size).\n * @cssprop [--n-calendar-select-label-font-size=var(--n-font-size-xl)] - Controls the font size of the month and year select labels, using [font size tokens](/tokens/#font-size).\n * @cssprop [--n-calendar-nav-padding-inline=11px] - Controls the inline padding of the previous and next month buttons.\n * @cssprop [--n-calendar-nav-gap=var(--n-space-xs)] - Controls the gap between the previous and next month buttons, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-header-margin-block-end=var(--n-space-m)] - Controls the block-end margin of the calendar header, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-header-padding-block-end=0] - Controls the block-end padding of the calendar header, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-header-gap=var(--n-space-s)] - Controls the gap between the month/year selects and the navigation buttons, using [space tokens](/tokens/#space).\n * @cssprop [--n-calendar-inline-size=max-content] - Controls the inline size of the calendar. Defaults to `100%` when the `expand` attribute is set.\n *\n * @localization prevMonthLabel - Accessible label for the previous month button.\n * @localization nextMonthLabel - Accessible label for the next month button.\n * @localization monthSelectLabel - Accessible label for the month select.\n * @localization yearSelectLabel - Accessible label for the year select.\n */\n@customElement('nord-calendar')\nexport default class Calendar extends LitElement {\n  static styles = [componentStyle, style]\n\n  @query('.n-calendar-select-month', true) private monthSelectNode!: HTMLElement\n  @query(`button[tabindex=\"0\"]`) private focusedDayNode!: HTMLButtonElement\n\n  private direction = new DirectionController(this)\n  private swipe = new SwipeController(this, {\n    matchesGesture: isHorizontalSwipe,\n    onSwipeEnd: ({ distX }) => this.addMonths(distX < 0 ? 1 : -1),\n  })\n\n  private shortcuts = createKeybindingsHandler({\n    'ArrowRight': preventDefault(() => this.addDays(this.direction.isLTR ? 1 : -1)),\n    'ArrowLeft': preventDefault(() => this.addDays(this.direction.isLTR ? -1 : 1)),\n    'ArrowDown': preventDefault(() => this.addDays(7)),\n    'ArrowUp': preventDefault(() => this.addDays(-7)),\n    'Home': preventDefault(() => this.startOfWeek()),\n    'End': preventDefault(() => this.endOfWeek()),\n    'PageUp': preventDefault(() => this.addMonths(-1)),\n    'PageDown': preventDefault(() => this.addMonths(1)),\n    'Shift+PageUp': preventDefault(() => this.addYears(-1)),\n    'Shift+PageDown': preventDefault(() => this.addYears(1)),\n  })\n\n  private localize = new LocalizeController<'nord-calendar'>(this, {\n    onLangChange: () => this.handleLangChange(),\n  })\n\n  /**\n   * Whilst dateAdapter is used for handling the formatting/parsing dates in the input,\n   * these are used to format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatShort!: Intl.DateTimeFormat\n  private monthNames!: string[]\n  private monthNamesShort!: string[]\n  private dayNames!: string[]\n  private dayNamesShort!: string[]\n\n  /**\n   * The selected date on the calendar. Must be in IS0-8601 format: YYYY-MM-DD.\n   */\n  @property() value: string = ''\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @property({ reflect: true, type: Number, attribute: 'first-day-of-week' }) firstDayOfWeek: DaysOfWeek\n    = DaysOfWeek.Monday\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @property({ reflect: true }) min?: string\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @property({ reflect: true }) max?: string\n\n  /**\n   * The date that is considered today. Must be in IS0-8601 format: YYYY-MM-DD.\n   * If not set, the current local date of the user is used.\n   */\n  @property({ reflect: true }) today?: string\n\n  /**\n   * Controls whether the calendar expands to fill the width of its container.\n   */\n  @property({ reflect: true, type: Boolean }) expand = false\n\n  /**\n   * Controls the size of the calendar.\n   */\n  @property({ reflect: true }) size: 's' | 'm' = 'm'\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @property({ attribute: false }) isDateDisabled: DatePredicate = isDateDisabled\n\n  /**\n   * Controls which days are highlighted with a small indicator.\n   * Returning a \"falsy\" value will not show an indicator.\n   * Returning \"truthy\" value will show the indicator, but without an accessible label.\n   * Returning a string will show the indicator, and use the string as accessible label.\n   * It is recommended to return a string rather than a truthy value whenever possible.\n   */\n  @property({ attribute: false }) isDateHighlighted: (date: Date) => string | boolean = isDateHighlighted\n\n  @state() private activeFocus = false\n  @state() private focusedDay = new Date()\n\n  /**\n   * Programmatically move focus to the calendar.\n   * @param options An object which controls aspects of the focusing process.\n   */\n  focus(options?: FocusOptions & { target: 'day' | 'month' }) {\n    const target = options?.target ?? 'day'\n\n    if (target === 'day') {\n      this.focusedDayNode.focus()\n    }\n    else if (target === 'month') {\n      this.monthSelectNode.focus()\n    }\n  }\n\n  render() {\n    const today = this.getToday()\n    const valueAsDate = parseISODate(this.value)\n    const focusedMonth = this.focusedDay.getMonth()\n    const focusedYear = this.focusedDay.getFullYear()\n\n    const minDate = parseISODate(this.min || '')\n    const maxDate = parseISODate(this.max || '')\n    const minDateStartOfMonth = minDate ? startOfMonth(minDate) : undefined\n    const maxDateEndOfMonth = maxDate ? endOfMonth(maxDate) : undefined\n\n    const currentYear = today.getFullYear()\n    const minYear = minDate ? minDate.getFullYear() : currentYear - 100\n    const maxYear = maxDate ? maxDate.getFullYear() : currentYear + 10\n\n    if (isServer) {\n      // Needed when run on a server, because the `onLangChange` callback does not get triggered, so we need to manually\n      // call `handleLangChange` to set the localized values for month and day names, which the `render` method relies on.\n      this.handleLangChange()\n    }\n\n    return html`\n      <div class=\"n-calendar\">\n        <div class=\"n-calendar-header\">\n          <div>\n            <nord-visually-hidden>\n              <h2 id=${dialogLabelId} aria-live=\"polite\" aria-atomic=\"true\">\n                ${this.monthNames[focusedMonth]}, ${this.focusedDay.getFullYear()}\n              </h2>\n            </nord-visually-hidden>\n\n            <div class=\"n-calendar-select\">\n              <select\n                aria-label=${this.localize.term('monthSelectLabel')}\n                class=\"n-calendar-select-month\"\n                @input=${this.handleMonthSelect}\n              >\n                ${this.monthNames.map(\n                  (month, i) => html`\n                    <option\n                      value=${i}\n                      ?selected=${i === focusedMonth}\n                      ?disabled=${!inRange(new Date(focusedYear, i, 1), minDateStartOfMonth, maxDateEndOfMonth)}\n                    >\n                      ${month}\n                    </option>\n                  `,\n                )}\n              </select>\n              <div class=\"n-calendar-select-label\" aria-hidden=\"true\">\n                <span>${this.monthNamesShort[focusedMonth]}</span>\n                <nord-icon color=\"var(--n-color-icon)\" name=\"arrow-down-small\" size=\"xxs\"></nord-icon>\n              </div>\n            </div>\n\n            <div class=\"n-calendar-select\">\n              <select\n                aria-label=${this.localize.term('yearSelectLabel')}\n                class=\"n-calendar-select-year\"\n                @input=${this.handleYearSelect}\n              >\n                ${repeat(\n                  range(minYear, maxYear),\n                  year => year,\n                  year => html`<option ?selected=${year === focusedYear}>${year}</option>`,\n                )}\n              </select>\n              <div class=\"n-calendar-select-label\" aria-hidden=\"true\">\n                <span>${this.focusedDay.getFullYear()}</span>\n                <nord-icon color=\"var(--n-color-icon)\" name=\"arrow-down-small\" size=\"xxs\"></nord-icon>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"n-calendar-nav\">\n            <nord-button\n              class=\"n-calendar-prev\"\n              size=${this.size}\n              square\n              @click=${this.handlePreviousMonthClick}\n              ?disabled=${isEqualMonth(minDate, this.focusedDay)}\n              type=\"button\"\n            >\n              <nord-visually-hidden>${this.localize.term('prevMonthLabel')}</nord-visually-hidden>\n              <nord-icon name=${this.direction.isLTR ? 'arrow-left-small' : 'arrow-right-small'} size=${this.size === 's' ? 'xs' : 's'}></nord-icon>\n            </nord-button>\n\n            <nord-button\n              class=\"n-calendar-next\"\n              size=${this.size}\n              square\n              @click=${this.handleNextMonthClick}\n              ?disabled=${isEqualMonth(maxDate, this.focusedDay)}\n              type=\"button\"\n            >\n              <nord-visually-hidden>${this.localize.term('nextMonthLabel')}</nord-visually-hidden>\n              <nord-icon name=${this.direction.isLTR ? 'arrow-right-small' : 'arrow-left-small'} size=${this.size === 's' ? 'xs' : 's'}></nord-icon>\n            </nord-button>\n          </div>\n        </div>\n\n        <table\n          class=\"n-calendar-table\"\n          aria-labelledby=${dialogLabelId}\n          @focusin=${this.enableActiveFocus}\n          @focusout=${this.disableActiveFocus}\n        >\n          <thead>\n            <tr>\n              ${mapWithOffset(\n                this.dayNames,\n                this.firstDayOfWeek,\n                (dayName, i) => html`\n                  <th class=\"n-calendar-table-header\" scope=\"col\">\n                    <span aria-hidden=\"true\">${this.dayNamesShort[i]}</span>\n                    <nord-visually-hidden>${dayName}</nord-visually-hidden>\n                  </th>\n                `,\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            ${chunk(getViewOfMonth(this.focusedDay, this.firstDayOfWeek), 7).map(\n              week => html`\n                <tr class=\"n-calendar-row\">\n                  ${week.map((day) => {\n                    const outsideRange = !inRange(day, minDate, maxDate)\n                    const isToday = isEqual(day, today)\n                    const isDisabled = this.isDateDisabled(day)\n                    const isSelected = isEqual(day, valueAsDate)\n                    const isInMonth = isEqualMonth(day, this.focusedDay)\n                    const isHighlighted = this.isDateHighlighted(day)\n                    const formattedDate = this.dateFormatShort.format(day)\n\n                    const accessibleLabel\n                      = isHighlighted && typeof isHighlighted === 'string'\n                        ? `${formattedDate}, ${isHighlighted}`\n                        : formattedDate\n\n                    return html`\n                      <td class=\"n-calendar-cell\">\n                        <button\n                          type=\"button\"\n                          tabindex=${isEqual(day, this.focusedDay) ? 0 : -1}\n                          class=${classMap({\n                            'n-calendar-day': true,\n                            'is-outside': outsideRange,\n                            'is-month': isInMonth,\n                            'is-highlighted': isHighlighted,\n                          })}\n                          @click=${() => this.handleDaySelect(day)}\n                          @keydown=${this.shortcuts}\n                          ?disabled=${outsideRange}\n                          aria-disabled=${cond(isDisabled, 'true')}\n                          aria-pressed=${isSelected ? 'true' : 'false'}\n                          aria-current=${cond(isToday, 'date')}\n                          aria-label=${accessibleLabel}\n                        >\n                          <span aria-hidden=\"true\">${day.getDate()}</span>\n                        </button>\n                      </td>\n                    `\n                  })}\n                </tr>\n              `,\n            )}\n          </tbody>\n        </table>\n      </div>\n    `\n  }\n\n  @observe('value')\n  protected handleValueChange() {\n    this.setFocusedDay(parseISODate(this.value) || this.getToday())\n  }\n\n  @observe('focusedDay', 'updated')\n  protected handleFocusedDayChange() {\n    if (this.activeFocus) {\n      this.focusedDayNode.focus()\n    }\n  }\n\n  private handleLangChange() {\n    const lang = this.localize.resolvedLang\n    this.dateFormatShort = new Intl.DateTimeFormat(lang, { day: 'numeric', month: 'long' })\n    this.monthNames = getMonthNames(lang, 'long')\n    this.monthNamesShort = getMonthNames(lang, 'short')\n    this.dayNames = getDayNames(lang, 'long')\n    this.dayNamesShort = getDayNames(lang, 'narrow')\n  }\n\n  private handleDaySelect = (day: Date) => {\n    const isInRange = inRange(day, parseISODate(this.min || ''), parseISODate(this.max || ''))\n    const isAllowed = !this.isDateDisabled(day)\n\n    if (isInRange && isAllowed) {\n      this.value = printISODate(day)\n      this.dispatchEvent(new DateSelectEvent('change', day))\n    }\n  }\n\n  private getToday() {\n    return parseISODate(this.today || '') || new Date()\n  }\n\n  private addDays(days: number) {\n    this.setFocusedDay(addDays(this.focusedDay, days))\n  }\n\n  private addMonths(months: number) {\n    this.setMonth(this.focusedDay.getMonth() + months)\n  }\n\n  private addYears(years: number) {\n    this.setYear(this.focusedDay.getFullYear() + years)\n  }\n\n  private startOfWeek() {\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek))\n  }\n\n  private endOfWeek() {\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek))\n  }\n\n  private setMonth(month: number) {\n    const min = setMonth(startOfMonth(this.focusedDay), month)\n    const max = endOfMonth(min)\n    const date = setMonth(this.focusedDay, month)\n\n    this.setFocusedDay(clamp(date, min, max))\n  }\n\n  private setYear(year: number) {\n    const min = setYear(startOfMonth(this.focusedDay), year)\n    const max = endOfMonth(min)\n    const date = setYear(this.focusedDay, year)\n\n    this.setFocusedDay(clamp(date, min, max))\n  }\n\n  private setFocusedDay(day: Date) {\n    this.focusedDay = clamp(day, parseISODate(this.min || ''), parseISODate(this.max || ''))\n    this.dispatchEvent(new DateSelectEvent('nord-focus-date', this.focusedDay))\n  }\n\n  private handleMonthSelect = (e: Event) => {\n    this.setMonth(Number.parseInt((e.target as HTMLSelectElement).value, 10))\n  }\n\n  private handleYearSelect = (e: Event) => {\n    this.setYear(Number.parseInt((e.target as HTMLSelectElement).value, 10))\n  }\n\n  private handleNextMonthClick = (event: MouseEvent) => {\n    event.preventDefault()\n    this.addMonths(1)\n  }\n\n  private handlePreviousMonthClick = (event: MouseEvent) => {\n    event.preventDefault()\n    this.addMonths(-1)\n  }\n\n  private enableActiveFocus = () => {\n    this.activeFocus = true\n  }\n\n  private disableActiveFocus = (e: FocusEvent) => {\n    const table = e.currentTarget as Node\n    const relatedTarget = e.relatedTarget as Node\n\n    if (relatedTarget && !table.contains(relatedTarget)) {\n      this.activeFocus = false\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nord-calendar': Calendar\n  }\n}\n"],"names":["preventDefault","e","SwipeController","constructor","host","options","this","hadFirstUpdate","initialTouchX","initialTouchY","handleTouchStart","event","pageX","pageY","changedTouches","handleTouchEnd","matchesGesture","onSwipeEnd","distX","distY","details","initialX","initialY","addController","events","EventController","target","hostUpdated","listen","hostDisconnected","isHorizontalSwipe","Math","abs","isDownwardsSwipe","fn","Icon","registerIcon","arrowRightIcon","arrowLeftIcon","arrowDownIcon","isDateDisabled","isDateHighlighted","dialogLabelId","Calendar","LitElement","direction","DirectionController","swipe","addMonths","shortcuts","createKeybindingsHandler","ArrowRight","addDays","isLTR","ArrowLeft","ArrowDown","ArrowUp","Home","startOfWeek","End","endOfWeek","PageUp","PageDown","addYears","localize","LocalizeController","onLangChange","handleLangChange","value","firstDayOfWeek","DaysOfWeek","Monday","expand","size","activeFocus","focusedDay","Date","handleDaySelect","day","isInRange","inRange","parseISODate","min","max","isAllowed","printISODate","dispatchEvent","DateSelectEvent","handleMonthSelect","setMonth","Number","parseInt","handleYearSelect","setYear","handleNextMonthClick","handlePreviousMonthClick","enableActiveFocus","disableActiveFocus","table","currentTarget","relatedTarget","contains","focus","_a","focusedDayNode","monthSelectNode","render","today","getToday","valueAsDate","focusedMonth","getMonth","focusedYear","getFullYear","minDate","maxDate","minDateStartOfMonth","startOfMonth","undefined","maxDateEndOfMonth","endOfMonth","currentYear","minYear","maxYear","isServer","html","monthNames","term","map","month","i","monthNamesShort","repeat","range","year","isEqualMonth","mapWithOffset","dayNames","dayName","dayNamesShort","chunk","getViewOfMonth","week","outsideRange","isToday","isEqual","isDisabled","isSelected","isInMonth","isHighlighted","formattedDate","dateFormatShort","format","accessibleLabel","classMap","cond","getDate","handleValueChange","setFocusedDay","handleFocusedDayChange","lang","resolvedLang","Intl","DateTimeFormat","getMonthNames","getDayNames","days","months","years","date","clamp","styles","componentStyle","style","__decorate","query","prototype","property","reflect","type","attribute","Boolean","state","observe","customElement"],"mappings":"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"}