@nordhealth/components 2.6.1 → 2.7.0

package/lib/src/dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
-import type Popout from "../popout/Popout.js";
 import "../popout/Popout.js";
+declare const Dropdown_base: (new (...args: any[]) => import("../common/mixins/FloatingComponentMixin.js").FloatingMixinInterface) & typeof LitElement;
 /**
  * Dropdown menu displays a list of actions or selectable options for
  * a user. Dropdown uses popout component internally to create
@@ -13,7 +13,7 @@ import "../popout/Popout.js";
  *
  * @cssprop [--n-dropdown-size=250px] - Controls the inline size, or width, of the dropdown. Will resize up to 1.5 times to account for larger content.
  */
-export default class Dropdown extends LitElement implements Pick<Popout, "hide" | "show"> {
+export default class Dropdown extends Dropdown_base {
     static styles: import("lit").CSSResult[];
     /**
      * we delegate focus, to ensure focus does not move to body if you click
@@ -27,25 +27,6 @@ export default class Dropdown extends LitElement implements Pick<Popout, "hide"
         customElements?: CustomElementRegistry | undefined;
     };
     private popout;
-    /**
-     * Controls whether the dropdown is open or not.
-     */
-    open: boolean;
-    /**
-     * Set the alignment of the dropdown in relation to the toggle depending on the position.
-     * `start` will align the left of the dropdown to the left of the toggle.
-     * `end` will align the right of the dropdown to the right of the toggle.
-     * A dropdown with a set position of `inline-start` or `inline-end` will switch
-     * `start` and `end` to the top and bottom of the dropdown respectively.
-     */
-    align?: Popout["align"];
-    /**
-     * Set the position of the dropdown in relation to the toggle.
-     * Options follow logical properties.
-     * `block-start` and `block-end` referring to top and bottom respectively,
-     * `inline-start` and `inline-end` referring to left and right respectively.
-     */
-    position?: Popout["position"];
     /**
      * Controls whether the toggle slot expands to fill the width of its container.
      */
@@ -68,3 +49,4 @@ declare global {
         "nord-dropdown": Dropdown;
     }
 }
+export {};

package/lib/src/index.d.ts

@@ -43,3 +43,4 @@ export { default as ToastGroup } from "./toast-group/ToastGroup.js";
 export { default as Divider } from "./divider/Divider.js";
 export { default as Qrcode } from "./qrcode/Qrcode.js";
 export { default as Drawer } from "./drawer/Drawer.js";
+export { default as NavToggle } from "./nav-toggle/NavToggle.js";

package/lib/src/layout/Layout.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 import { States } from "../common/fsm.js";
+import "../nav-toggle/NavToggle.js";
 declare const navMachine: {
     transition(currentState: "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked", event: "click" | "open" | "close" | "focusin" | "focusout" | "pointerenter" | "pointerleave" | "toggle" | "transitionend" | "timeout" | "dropdownOpen" | "dropdownClose"): "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked";
 };
@@ -14,6 +15,7 @@ declare type NavState = States<typeof navMachine>;
  * @slot nav - Used to place content inside the navigation sidebar.
  * @slot header - Used to place content inside the header section.
  * @slot drawer - Used to place additional content/details relating to a selected item.
+ * @slot nav-toggle - Used to place a own nav-toggle component, for cases where you might need to add a tooltip.
  *
  * @cssprop [--n-layout-padding=var(--n-space-l)] - Controls the padding around the main layout area (the main slot), using our [spacing tokens](/tokens/#space).
  * @cssprop [--n-layout-drawer-inline-size=320px] - Controls the width of the drawer area, when used.
@@ -30,6 +32,7 @@ export default class Layout extends LitElement {
     private navWidth;
     private isDragging;
     private navState;
+    private wideScreen;
     /**
      * Controls whether the navigation is hidden off-screen or not.
      * Defaults to `true` for wide viewports, and `false` otherwise.
@@ -37,6 +40,8 @@ export default class Layout extends LitElement {
     navOpen: boolean;
     /**
      * ID reference of element used to toggle the navigation.
+     * This is deprecated, the layout component will now render its own nav toggle to simplify usage.
+     * @deprecated
      */
     navToggle?: string;
     /**
@@ -46,6 +51,7 @@ export default class Layout extends LitElement {
     padding: "m" | "none";
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
+    private renderNavToggle;
     protected handleNavWidthChange(): void;
     protected handleNavStateChange(prev: NavState): void;
     protected handleOpenChange(): void;

package/lib/src/layout/Layout.test.d.ts

@@ -1,3 +1,4 @@
+import "../avatar/Avatar.js";
 import "../stack/Stack.js";
 import "../table/Table.js";
 import "../input/Input.js";

package/lib/src/localization/en-us.d.ts

@@ -27,5 +27,8 @@ declare const en: {
     "nord-modal": {
         closeLabel: string;
     };
+    "nord-nav-toggle": {
+        label: string;
+    };
 };
 export default en;

package/lib/src/nav-toggle/NavToggle.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from "lit";
+import "../button/Button.js";
+import "../visually-hidden/VisuallyHidden.js";
+declare const NavToggle_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
+/**
+ * Nav toggle is meant for hiding and showing the primary navigation.
+ * This component is used internally in the Layout component, but can also be
+ * used separate to further customize the behaviour.
+ *
+ * @status draft
+ * @category action
+ */
+export default class NavToggle extends NavToggle_base {
+    static styles: import("lit").CSSResult[];
+    private direction;
+    private localization;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "nord-nav-toggle": NavToggle;
+    }
+}
+export {};

package/lib/src/nav-toggle/NavToggle.test.d.ts

@@ -0,0 +1,2 @@
+import "../tooltip/Tooltip.js";
+import "../icon/Icon.js";

package/lib/src/nav-toggle/localization.d.ts

@@ -0,0 +1,4 @@
+declare const localization: {
+    label: string;
+};
+export default localization;

package/lib/src/popout/Popout.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+declare const Popout_base: (new (...args: any[]) => import("../common/mixins/FloatingComponentMixin.js").FloatingMixinInterface) & typeof LitElement;
 /**
  * Popouts are small overlays that open on demand. They let users access additional content and actions without cluttering the page.
  *
@@ -6,9 +7,10 @@ import { LitElement } from "lit";
  * @category overlay
  * @slot - The popout content.
  */
-export default class Popout extends LitElement {
+export default class Popout extends Popout_base {
     static styles: import("lit").CSSResult[];
     private targetElement;
+    private anchorElement;
     private cleanupAutoUpdate?;
     private popout;
     private scrollBar;
@@ -20,29 +22,14 @@ export default class Popout extends LitElement {
     private direction;
     private computedPosition?;
     private smallViewport;
-    /**
-     * Controls whether the popout is open or not.
-     */
-    open: boolean;
-    /**
-     * Set the alignment of the popout in relation to the toggle depending on the position.
-     * `start` will align the left of the popout to the left of the toggle.
-     * `end` will align the right of the popout to the right of the toggle.
-     * A popout with a set position of `inline-start` or `inline-end` will switch
-     * `start` and `end` to the top and bottom of the popout respectively.
-     */
-    align: "start" | "end";
-    /**
-     * Set the position of the popout in relation to the toggle.
-     * Options follow logical properties.
-     * `block-start` and `block-end` referring to top and bottom respectively,
-     * `inline-start` and `inline-end` referring to left and right respectively.
-     */
-    position: "block-end" | "block-start" | "inline-start" | "inline-end";
     /**
      * The id for the active element to reference via aria-controls.
      */
     id: string;
+    /**
+     * Set an optional anchor element to align against, replacing the triggering element.
+     */
+    anchor?: string;
     /**
      * Show the popout, moving focus to the calendar inside.
      */
@@ -74,6 +61,7 @@ export default class Popout extends LitElement {
      */
     private toggleOpen;
     private getToggle;
+    private getAnchor;
     /**
      * Update the smallViewport flag to switch between "sheet" and "floating".
      * autoUpdate is needed when a viewport gets larger and the popout is open.
@@ -85,3 +73,4 @@ declare global {
         "nord-popout": Popout;
     }
 }
+export {};

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";const o=new Set,n=new Map;function e(){for(const t of o)t()}function i(){n.clear()}function r(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();n.set(o,t)})),e()}function a(t){return o.add(t),()=>o.delete(t)}function c(t){return n.has(t)}function s(o){const e=o.toLowerCase(),[i]=e.split("-");return n.get(e)||n.get(i)||t}new MutationObserver(e).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});export{i as clearTranslations,c as isTranslationRegistered,r as registerTranslation,s as resolveTranslation,a as subscribe};
+import t from"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";const o=new Set,n=new Map;function e(){for(const t of o)t()}function i(){n.clear()}function r(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();n.set(o,t)})),e()}function a(t){return o.add(t),()=>o.delete(t)}function c(t){return n.has(t)}function s(o){const e=o.toLowerCase(),[i]=e.split("-");return n.get(e)||n.get(i)||t}new MutationObserver(e).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});export{i as clearTranslations,c as isTranslationRegistered,r as registerTranslation,s as resolveTranslation,a as subscribe};
 //# 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<Type, Prefix extends string> = {\n  [Property in keyof Type]: Property extends `${Prefix}${string}` ? Property : never\n}[keyof Type]\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<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\nconst observer = new MutationObserver(update)\nobserver.observe(document.documentElement, {\n  attributes: true,\n  attributeFilter: [\"lang\"],\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): Translation {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n"],"names":["subscribers","Set","translations","Map","update","subscriber","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","subscribe","onChange","add","delete","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en","MutationObserver","observe","document","documentElement","attributes","attributeFilter"],"mappings":"qIAUA,MAAMA,EAAc,IAAIC,IAClBC,EAAe,IAAIC,IAEzB,SAASC,IACP,IAAK,MAAMC,KAAcL,EACvBK,GAEJ,UAYgBC,IACdJ,EAAaK,OACf,CAKgB,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBZ,EAAaa,IAAIH,EAAMD,EAAE,IAG3BP,GACF,CAOM,SAAUY,EAAUC,GAExB,OADAjB,EAAYkB,IAAID,GACT,IAAMjB,EAAYmB,OAAOF,EAClC,CAMM,SAAUG,EAAwBR,GACtC,OAAOV,EAAamB,IAAIT,EAC1B,CAMM,SAAUU,EAAmBC,GACjC,MAAMX,EAAOW,EAAST,eACfU,GAAYZ,EAAKa,MAAM,KAE9B,OAAOvB,EAAawB,IAAId,IAASV,EAAawB,IAAIF,IAAaG,CACjE,CApDiB,IAAIC,iBAAiBxB,GAC7ByB,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC"}
+{"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<Type, Prefix extends string> = {\n  [Property in keyof Type]: Property extends `${Prefix}${string}` ? Property : never\n}[keyof Type]\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<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\nconst observer = new MutationObserver(update)\nobserver.observe(document.documentElement, {\n  attributes: true,\n  attributeFilter: [\"lang\"],\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): Translation {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n"],"names":["subscribers","Set","translations","Map","update","subscriber","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","subscribe","onChange","add","delete","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en","MutationObserver","observe","document","documentElement","attributes","attributeFilter"],"mappings":"gKAUA,MAAMA,EAAc,IAAIC,IAClBC,EAAe,IAAIC,IAEzB,SAASC,IACP,IAAK,MAAMC,KAAcL,EACvBK,GAEJ,UAYgBC,IACdJ,EAAaK,OACf,CAKgB,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBZ,EAAaa,IAAIH,EAAMD,EAAE,IAG3BP,GACF,CAOM,SAAUY,EAAUC,GAExB,OADAjB,EAAYkB,IAAID,GACT,IAAMjB,EAAYmB,OAAOF,EAClC,CAMM,SAAUG,EAAwBR,GACtC,OAAOV,EAAamB,IAAIT,EAC1B,CAMM,SAAUU,EAAmBC,GACjC,MAAMX,EAAOW,EAAST,eACfU,GAAYZ,EAAKa,MAAM,KAE9B,OAAOvB,EAAawB,IAAId,IAASV,EAAawB,IAAIF,IAAaG,CACjE,CApDiB,IAAIC,iBAAiBxB,GAC7ByB,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC"}

package/lib/{unsafe-html-be8023cd.js → unsafe-html-6be42999.js}

@@ -1,7 +1,7 @@
-import{b as t,x as r}from"./lit-element-79bc2e0e.js";import{e,i,t as s}from"./directive-de55b00a.js";
+import{b as t,x as r}from"./lit-element-9178eae5.js";import{e,i,t as s}from"./directive-de55b00a.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */class n extends i{constructor(r){if(super(r),this.it=t,r.type!==s.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===t||null==e)return this._t=void 0,this.it=e;if(e===r)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const i=[e];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}n.directiveName="unsafeHTML",n.resultType=1;const o=e(n);export{o};
-//# sourceMappingURL=unsafe-html-be8023cd.js.map
+//# sourceMappingURL=unsafe-html-6be42999.js.map

package/lib/{unsafe-html-be8023cd.js.map → unsafe-html-6be42999.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unsafe-html-be8023cd.js","sources":["../node_modules/lit-html/directives/unsafe-html.js"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{Directive as r,PartType as s,directive as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends r{constructor(i){if(super(i),this.it=t,i.type!==s.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=n(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n"],"names":["e","r","constructor","i","super","this","it","t","type","s","CHILD","Error","directiveName","render","_t","raw","_$litType$","resultType","strings","values","o","n"],"mappings":";;;;;GAKG,MAAMA,UAAUC,EAAEC,YAAYC,GAAG,GAAGC,MAAMD,GAAGE,KAAKC,GAAGC,EAAEJ,EAAEK,OAAOC,EAAEC,MAAM,MAAMC,MAAMN,KAAKH,YAAYU,cAAc,wCAAwC,CAACC,OAAOZ,GAAG,GAAGA,IAAIM,GAAG,MAAMN,EAAE,OAAOI,KAAKS,QAAG,EAAOT,KAAKC,GAAGL,EAAE,GAAGA,IAAIE,EAAE,OAAOF,EAAE,GAAG,iBAAiBA,EAAE,MAAMU,MAAMN,KAAKH,YAAYU,cAAc,qCAAqC,GAAGX,IAAII,KAAKC,GAAG,OAAOD,KAAKS,GAAGT,KAAKC,GAAGL,EAAE,MAAMQ,EAAE,CAACR,GAAG,OAAOQ,EAAEM,IAAIN,EAAEJ,KAAKS,GAAG,CAACE,WAAWX,KAAKH,YAAYe,WAAWC,QAAQT,EAAEU,OAAO,GAAG,EAAEnB,EAAEY,cAAc,aAAaZ,EAAEiB,WAAW,EAAO,MAACG,EAAEC,EAAErB"}
+{"version":3,"file":"unsafe-html-6be42999.js","sources":["../node_modules/lit-html/directives/unsafe-html.js"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{Directive as r,PartType as s,directive as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends r{constructor(i){if(super(i),this.it=t,i.type!==s.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=n(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n"],"names":["e","r","constructor","i","super","this","it","t","type","s","CHILD","Error","directiveName","render","_t","raw","_$litType$","resultType","strings","values","o","n"],"mappings":";;;;;GAKG,MAAMA,UAAUC,EAAEC,YAAYC,GAAG,GAAGC,MAAMD,GAAGE,KAAKC,GAAGC,EAAEJ,EAAEK,OAAOC,EAAEC,MAAM,MAAMC,MAAMN,KAAKH,YAAYU,cAAc,wCAAwC,CAACC,OAAOZ,GAAG,GAAGA,IAAIM,GAAG,MAAMN,EAAE,OAAOI,KAAKS,QAAG,EAAOT,KAAKC,GAAGL,EAAE,GAAGA,IAAIE,EAAE,OAAOF,EAAE,GAAG,iBAAiBA,EAAE,MAAMU,MAAMN,KAAKH,YAAYU,cAAc,qCAAqC,GAAGX,IAAII,KAAKC,GAAG,OAAOD,KAAKS,GAAGT,KAAKC,GAAGL,EAAE,MAAMQ,EAAE,CAACR,GAAG,OAAOQ,EAAEM,IAAIN,EAAEJ,KAAKS,GAAG,CAACE,WAAWX,KAAKH,YAAYe,WAAWC,QAAQT,EAAEU,OAAO,GAAG,EAAEnB,EAAEY,cAAc,aAAaZ,EAAEiB,WAAW,EAAO,MAACG,EAAEC,EAAErB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -179,5 +179,5 @@
       }
     ]
   },
-  "gitHead": "41fdd5d9f75dfeafcf3c13ab76cc130d06737260"
+  "gitHead": "f883abbcc0a291b6fbf9603993b3bd48fcfc2846"
 }

package/lib/Component-49a41387.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Component-49a41387.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/FocusableMixin-99db12c1.js

@@ -1,2 +0,0 @@
-import{e as l}from"./ref-697b28b5.js";function u(u){return class extends u{constructor(){super(...arguments),this.focusableRef=l()}focus(l){var u;null===(u=this.focusableRef.value)||void 0===u||u.focus(l)}blur(){var l;null===(l=this.focusableRef.value)||void 0===l||l.blur()}click(){var l;null===(l=this.focusableRef.value)||void 0===l||l.click()}}}export{u as F};
-//# sourceMappingURL=FocusableMixin-99db12c1.js.map

package/lib/FocusableMixin-99db12c1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusableMixin-99db12c1.js","sources":["../src/common/mixins/FocusableMixin.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\n\nimport { LitElement } from \"lit\"\nimport { createRef, Ref } from \"lit/directives/ref.js\"\n\ntype Constructable<T = Record<string, unknown>> = new (...args: any[]) => T\n\nexport declare class FocusableMixinInterface {\n  protected focusableRef: Ref<HTMLElement>\n  focus(options?: FocusOptions): void\n  blur(): void\n  click(): void\n}\n\nexport function FocusableMixin<T extends Constructable<LitElement>>(superClass: T) {\n  class FocusableElement extends superClass {\n    protected focusableRef = createRef<HTMLButtonElement>()\n\n    /**\n     * Programmatically move focus to the component.\n     * @param {FocusOptions} options An object which controls aspects of the focusing process.\n     */\n    focus(options?: FocusOptions) {\n      this.focusableRef.value?.focus(options)\n    }\n\n    /**\n     * Programmatically remove focus from the component.\n     */\n    blur() {\n      this.focusableRef.value?.blur()\n    }\n\n    /**\n     * Programmatically simulates a click on the component.\n     */\n    click() {\n      this.focusableRef.value?.click()\n    }\n  }\n\n  return FocusableElement as unknown as Constructable<FocusableMixinInterface> & T\n}\n"],"names":["FocusableMixin","superClass","constructor","this","focusableRef","createRef","focus","options","_a","value","blur","click"],"mappings":"sCAcM,SAAUA,EAAoDC,GA2BlE,OA1BA,cAA+BA,EAA/BC,kCACYC,KAAYC,aAAGC,GAuB1B,CAjBCC,MAAMC,iBACJC,EAAAL,KAAKC,aAAaK,sBAAOH,MAAMC,EAChC,CAKDG,aAC2B,QAAzBF,EAAAL,KAAKC,aAAaK,aAAO,IAAAD,GAAAA,EAAAE,MAC1B,CAKDC,cAC2B,QAAzBH,EAAAL,KAAKC,aAAaK,aAAO,IAAAD,GAAAA,EAAAG,OAC1B,EAIL"}

package/lib/FormField-72062bf1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField-72062bf1.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cond-0a8d4554.js

@@ -1,2 +0,0 @@
-import{b as e}from"./lit-element-79bc2e0e.js";function t(t,r=t,n=e){return t?r:n}export{t as c};
-//# sourceMappingURL=cond-0a8d4554.js.map

package/lib/repeat-e7acc0bd.js

@@ -1,7 +0,0 @@
-import{x as e}from"./lit-element-79bc2e0e.js";import{e as t,i as s,t as r}from"./directive-de55b00a.js";import{m as l,u as o,r as n,p as i,s as u}from"./ref-697b28b5.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const f=(e,t,s)=>{const r=new Map;for(let l=t;l<=s;l++)r.set(e[l],l);return r},c=t(class extends s{constructor(e){if(super(e),e.type!==r.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,t,s){let r;void 0===s?s=t:void 0!==t&&(r=t);const l=[],o=[];let n=0;for(const t of e)l[n]=r?r(t,n):n,o[n]=s(t,n),n++;return{values:o,keys:l}}render(e,t,s){return this.ht(e,t,s).values}update(t,[s,r,c]){var a;const h=l(t),{values:d,keys:p}=this.ht(s,r,c);if(!Array.isArray(h))return this.ut=p,d;const v=null!==(a=this.ut)&&void 0!==a?a:this.ut=[],m=[];let y,b,x=0,g=h.length-1,j=0,k=d.length-1;for(;x<=g&&j<=k;)if(null===h[x])x++;else if(null===h[g])g--;else if(v[x]===p[j])m[j]=o(h[x],d[j]),x++,j++;else if(v[g]===p[k])m[k]=o(h[g],d[k]),g--,k--;else if(v[x]===p[k])m[k]=o(h[x],d[k]),n(t,m[k+1],h[x]),x++,k--;else if(v[g]===p[j])m[j]=o(h[g],d[j]),n(t,h[x],h[g]),g--,j++;else if(void 0===y&&(y=f(p,j,k),b=f(v,x,g)),y.has(v[x]))if(y.has(v[g])){const e=b.get(p[j]),s=void 0!==e?h[e]:null;if(null===s){const e=n(t,h[x]);o(e,d[j]),m[j]=e}else m[j]=o(s,d[j]),n(t,h[x],s),h[e]=null;j++}else i(h[g]),g--;else i(h[x]),x++;for(;j<=k;){const e=n(t,m[k+1]);o(e,d[j]),m[j++]=e}for(;x<=g;){const e=h[x++];null!==e&&i(e)}return this.ut=p,u(t,m),e}});export{c};
-//# sourceMappingURL=repeat-e7acc0bd.js.map