@warp-ds/elements 2.10.0 → 2.11.0-next.1

package/dist/packages/datepicker/datepicker.react.stories.d.ts

@@ -3,25 +3,25 @@ import React from "react";
 import { DatePicker } from "./react";
 declare const _default: {
     title: string;
-    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./datepicker").WarpDatepicker>, "value" | "input" | "form" | "label" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
-        onChange?: ((e: Event) => void) | undefined;
-        onchange?: ((e: Event) => void) | undefined;
-        onBlur?: ((e: Event) => void) | undefined;
-        onblur?: ((e: Event) => void) | undefined;
-        onInput?: ((e: Event) => void) | undefined;
-        oninput?: ((e: Event) => void) | undefined;
+    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./datepicker").WarpDatepicker>, "name" | "label" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "input" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
+        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+        onBlur?: ((e: FocusEvent) => void) | undefined;
+        onblur?: ((e: FocusEvent) => void) | undefined;
+        onInput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
+        oninput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
     } & Partial<Omit<import("./datepicker").WarpDatepicker, keyof HTMLElement>> & React.RefAttributes<import("./datepicker").WarpDatepicker>, "ref">, "header-format" | "weekday-format" | "day-format"> & {
         headerFormat?: string;
         weekdayFormat?: string;
         dayFormat?: string;
     } & React.RefAttributes<import("./datepicker").WarpDatepicker>): React.JSX.Element;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./datepicker").WarpDatepicker>, "value" | "input" | "form" | "label" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
-        onChange?: ((e: Event) => void) | undefined;
-        onchange?: ((e: Event) => void) | undefined;
-        onBlur?: ((e: Event) => void) | undefined;
-        onblur?: ((e: Event) => void) | undefined;
-        onInput?: ((e: Event) => void) | undefined;
-        oninput?: ((e: Event) => void) | undefined;
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./datepicker").WarpDatepicker>, "name" | "label" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "input" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
+        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+        onBlur?: ((e: FocusEvent) => void) | undefined;
+        onblur?: ((e: FocusEvent) => void) | undefined;
+        onInput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
+        oninput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
     } & Partial<Omit<import("./datepicker").WarpDatepicker, keyof HTMLElement>> & React.RefAttributes<import("./datepicker").WarpDatepicker>, "ref">, "header-format" | "weekday-format" | "day-format"> & {
         headerFormat?: string;
         weekdayFormat?: string;

package/dist/packages/datepicker/react.d.ts

@@ -1,12 +1,18 @@
 import React from "react";
-import { WarpDatepicker } from "./datepicker.js";
-export declare const DatePicker: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpDatepicker>, "value" | "input" | "form" | "label" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
-    onChange?: ((e: Event) => void) | undefined;
-    onchange?: ((e: Event) => void) | undefined;
-    onBlur?: ((e: Event) => void) | undefined;
-    onblur?: ((e: Event) => void) | undefined;
-    onInput?: ((e: Event) => void) | undefined;
-    oninput?: ((e: Event) => void) | undefined;
+import type { WarpDatepicker } from "./datepicker.js";
+import type { ChangeEventWithTarget, InputEventWithTarget } from "../types.js";
+/**
+ * A date picker allows the user to select a specific calendar date.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/date-picker/frameworks/elements)
+ */
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpDatepicker>, "name" | "label" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "updated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "input" | "locale" | "onBlur" | "onChange" | "onInput" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
+    onChange?: ((e: ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+    onchange?: ((e: ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
+    onBlur?: ((e: FocusEvent) => void) | undefined;
+    onblur?: ((e: FocusEvent) => void) | undefined;
+    onInput?: ((e: InputEventWithTarget<HTMLInputElement>) => void) | undefined;
+    oninput?: ((e: InputEventWithTarget<HTMLInputElement>) => void) | undefined;
 } & Partial<Omit<WarpDatepicker, keyof HTMLElement>> & React.RefAttributes<WarpDatepicker>, "ref">, "header-format" | "weekday-format" | "day-format"> & {
     headerFormat?: string;
     weekdayFormat?: string;

package/dist/packages/datepicker/react.js

@@ -17,6 +17,11 @@ const BaseDatePicker = createComponent({
         oninput: "input",
     },
 });
+/**
+ * A date picker allows the user to select a specific calendar date.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/date-picker/frameworks/elements)
+ */
 export const DatePicker = React.forwardRef(({ headerFormat, weekdayFormat, dayFormat, ...props }, ref) => React.createElement(BaseDatePicker, {
     ...props,
     ...(headerFormat !== undefined ? { "header-format": headerFormat } : {}),

package/dist/packages/expandable/expandable.d.ts

@@ -5,6 +5,8 @@ import "../utils/unstyled-heading";
 /**
  * Expandable is a layout component used for creating expandable content areas on a page.
  *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/expandable/frameworks/elements)
+ *
  * @slot title - Alternative to the `title` attribute should you need to provide some additional markup.
  */
 declare class WarpExpandable extends LitElement {
@@ -54,4 +56,9 @@ declare class WarpExpandable extends LitElement {
     get _expandableSlot(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "w-expandable": WarpExpandable;
+    }
+}
 export { WarpExpandable };

package/dist/packages/expandable/expandable.js

@@ -1,4 +1,4 @@
-var U=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=e=>{throw TypeError(e)};var n=(e,o,r,t)=>{for(var a=t>1?void 0:t?V(o,r):o,d=e.length-1,u;d>=0;d--)(u=e[d])&&(a=(t?u(o,r,a):u(a))||a);return t&&a&&U(o,r,a),a};var O=(e,o,r)=>o.has(e)||X("Cannot "+r);var w=(e,o,r)=>(O(e,o,"read from private field"),r?r.call(e):o.get(e)),C=(e,o,r)=>o.has(e)?X("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(e):o.set(e,r);var b=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?b.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as ve,html as p,LitElement as we}from"lit";import{property as c}from"lit/decorators.js";import{ifDefined as P}from"lit/directives/if-defined.js";import{html as G,LitElement as H}from"lit";import{property as h,state as I}from"lit/decorators.js";import{classMap as J}from"lit/directives/class-map.js";import{css as q}from"lit";var _=q`
+var U=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=e=>{throw TypeError(e)};var n=(e,o,r,t)=>{for(var a=t>1?void 0:t?V(o,r):o,d=e.length-1,u;d>=0;d--)(u=e[d])&&(a=(t?u(o,r,a):u(a))||a);return t&&a&&U(o,r,a),a};var O=(e,o,r)=>o.has(e)||X("Cannot "+r);var w=(e,o,r)=>(O(e,o,"read from private field"),r?r.call(e):o.get(e)),C=(e,o,r)=>o.has(e)?X("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(e):o.set(e,r);var b=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?b.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as ve,html as p,LitElement as we}from"lit";import{property as c}from"lit/decorators.js";import{ifDefined as P}from"lit/directives/if-defined.js";import{html as H,LitElement as G}from"lit";import{property as h,state as I}from"lit/decorators.js";import{classMap as J}from"lit/directives/class-map.js";import{css as q}from"lit";var _=q`
 	:host {
 		display: inline-block;
 	}
@@ -22,19 +22,19 @@ var U=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=e=>{thro
 	.w-icon--l {
 		--w-icon-size: 32px;
 	}
-`;var m=new Map,K='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Q(e,o={}){let r=o.responseParser??(t=>t.text());return m.has(e)||m.set(e,fetch(e).then(r)),m.get(e)}var v=class extends H{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Q(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(K,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return G`<div
+`;var m=new Map,K='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Q(e,o={}){let r=o.responseParser??(t=>t.text());return m.has(e)||m.set(e,fetch(e).then(r)),m.get(e)}var v=class extends G{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Q(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(K,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return H`<div
 			class="${J(a)}"
 			style="${d}"
 			part="w-${t.toLowerCase()}"
 		>
 			${this.svg}
-		</div>`}};v.styles=[_],n([h({type:String,reflect:!0})],v.prototype,"name",2),n([h({type:String,reflect:!0})],v.prototype,"size",2),n([h({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([I()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);import{css as re,html as k,LitElement as oe}from"lit";import{ifDefined as te}from"lit/directives/if-defined.js";var f=typeof window<"u",x=!0;if(f){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),o=({matches:r})=>x=!r;e.addEventListener&&e.addEventListener("change",o),o(e)}var E=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Z=e=>{let o="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";e.style.transition=`height ${o}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},W=(e,o)=>()=>{e.style.height="auto",e.style.overflow=null,o&&o()},ee=e=>()=>{e&&e()},T=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="auto",o&&o(),r;let t=W(e,o);E(e),e.style.height="auto";let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Z(e),requestAnimationFrame(()=>e.style.height=a+"px")}),r)return r},$=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="0px",o&&o(),r;let t=ee(o);E(e);let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",Z(e),requestAnimationFrame(()=>e.style.height="0px")}),r)return r};var y=class extends oe{static properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&T(this._wrapper),!this.show&&!this._removeElement&&$(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this??null}static styles=[re`
+		</div>`}};v.styles=[_],n([h({type:String,reflect:!0})],v.prototype,"name",2),n([h({type:String,reflect:!0})],v.prototype,"size",2),n([h({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([I()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);import{css as re,html as k,LitElement as oe}from"lit";import{ifDefined as te}from"lit/directives/if-defined.js";var f=typeof window<"u",x=!0;if(f){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),o=({matches:r})=>x=!r;e.addEventListener&&e.addEventListener("change",o),o(e)}var E=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},T=e=>{let o="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";e.style.transition=`height ${o}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},W=(e,o)=>()=>{e.style.height="auto",e.style.overflow=null,o&&o()},ee=e=>()=>{e&&e()},Z=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="auto",o&&o(),r;let t=W(e,o);E(e),e.style.height="auto";let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",T(e),requestAnimationFrame(()=>e.style.height=a+"px")}),r)return r},L=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="0px",o&&o(),r;let t=ee(o);E(e);let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",T(e),requestAnimationFrame(()=>e.style.height="0px")}),r)return r};var y=class extends oe{static properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&Z(this._wrapper),!this.show&&!this._removeElement&&L(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this??null}static styles=[re`
 			:host {
 				display: block;
 			}
 		`];render(){return k`<div aria-hidden=${te(this.show?void 0:"true")}>
 			${this._removeElement?k``:k`<slot></slot>`}
-		</div>`}};customElements.get("w-expand-transition")||customElements.define("w-expand-transition",y);var ae=["en","nb","fi","da","sv"],z="en",g=e=>ae.find(o=>e===o||e.toLowerCase().includes(o))||z;function M(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(e)}try{let e=L(document);if(e)return g(e);let o=ie();if(o)return g(o);let r=L(ne());return r?g(r):z}catch(e){return console.warn("could not detect locale, falling back to source locale",e),z}}function ne(){try{return window.parent?.document??null}catch{return null}}function L(e){try{return e?.documentElement?.lang??""}catch{return""}}function ie(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{html as se,LitElement as le}from"lit";import{unsafeHTML as ce}from"lit/directives/unsafe-html.js";var Y=class extends le{static properties={level:{type:Number}};get _markup(){return`<h${this.level}
+		</div>`}};customElements.get("w-expand-transition")||customElements.define("w-expand-transition",y);var ae=["en","nb","fi","da","sv"],z="en",g=e=>ae.find(o=>e===o||e.toLowerCase().includes(o))||z;function M(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(e)}try{let e=$(document);if(e)return g(e);let o=ie();if(o)return g(o);let r=$(ne());return r?g(r):z}catch(e){return console.warn("could not detect locale, falling back to source locale",e),z}}function ne(){try{return window.parent?.document??null}catch{return null}}function $(e){try{return e?.documentElement?.lang??""}catch{return""}}function ie(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{html as se,LitElement as le}from"lit";import{unsafeHTML as ce}from"lit/directives/unsafe-html.js";var Y=class extends le{static properties={level:{type:Number}};get _markup(){return`<h${this.level}
     style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
   >
     <slot></slot>