@warp-ds/elements 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/{assets/scripts.501aea67.js → scripts.19dc1416.js}

@@ -1,37 +1,1125 @@
-import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&inline";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const n of i)if(n.type==="childList")for(const a of n.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&r(a)}).observe(document,{childList:!0,subtree:!0});function t(i){const n={};return i.integrity&&(n.integrity=i.integrity),i.referrerpolicy&&(n.referrerPolicy=i.referrerpolicy),i.crossorigin==="use-credentials"?n.credentials="include":i.crossorigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function r(i){if(i.ep)return;i.ep=!0;const n=t(i);fetch(i.href,n)}})();/**
+var $r = Object.defineProperty;
+var zr = (o, e, t) => e in o ? $r(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var k = (o, e, t) => (zr(o, typeof e != "symbol" ? e + "" : e, t), t), _r = (o, e, t) => {
+  if (!e.has(o))
+    throw TypeError("Cannot " + t);
+};
+var J = (o, e, t) => (_r(o, e, "read from private field"), t ? t.call(o) : e.get(o)), Re = (o, e, t) => {
+  if (e.has(o))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(o) : e.set(o, t);
+};
+(function() {
+  const e = document.createElement("link").relList;
+  if (e && e.supports && e.supports("modulepreload"))
+    return;
+  for (const i of document.querySelectorAll('link[rel="modulepreload"]'))
+    r(i);
+  new MutationObserver((i) => {
+    for (const a of i)
+      if (a.type === "childList")
+        for (const n of a.addedNodes)
+          n.tagName === "LINK" && n.rel === "modulepreload" && r(n);
+  }).observe(document, { childList: !0, subtree: !0 });
+  function t(i) {
+    const a = {};
+    return i.integrity && (a.integrity = i.integrity), i.referrerpolicy && (a.referrerPolicy = i.referrerpolicy), i.crossorigin === "use-credentials" ? a.credentials = "include" : i.crossorigin === "anonymous" ? a.credentials = "omit" : a.credentials = "same-origin", a;
+  }
+  function r(i) {
+    if (i.ep)
+      return;
+    i.ep = !0;
+    const a = t(i);
+    fetch(i.href, a);
+  }
+})();
+/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ve=window,Ze=ve.ShadowRoot&&(ve.ShadyCSS===void 0||ve.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Xe=Symbol(),so=new WeakMap;class Oo{constructor(e,t,r){if(this._$cssResult$=!0,r!==Xe)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Ze&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=so.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&so.set(t,e))}return e}toString(){return this.cssText}}const kt=o=>new Oo(typeof o=="string"?o:o+"",void 0,Xe),_=(o,...e)=>{const t=o.length===1?o[0]:e.reduce((r,i,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new Oo(t,o,Xe)},wt=(o,e)=>{Ze?o.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const r=document.createElement("style"),i=ve.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=t.cssText,o.appendChild(r)})},bo=Ze?o=>o:o=>o instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return kt(t)})(o):o;/**
+ */
+const Sr = !1, Ae = window, Do = Ae.ShadowRoot && (Ae.ShadyCSS === void 0 || Ae.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ho = Symbol(), st = /* @__PURE__ */ new WeakMap();
+class Nt {
+  constructor(e, t, r) {
+    if (this._$cssResult$ = !0, r !== Ho)
+      throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this._strings = t;
+  }
+  get styleSheet() {
+    let e = this._styleSheet;
+    const t = this._strings;
+    if (Do && e === void 0) {
+      const r = t !== void 0 && t.length === 1;
+      r && (e = st.get(t)), e === void 0 && ((this._styleSheet = e = new CSSStyleSheet()).replaceSync(this.cssText), r && st.set(t, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const Cr = (o) => {
+  if (o._$cssResult$ === !0)
+    return o.cssText;
+  if (typeof o == "number")
+    return o;
+  throw new Error(`Value passed to 'css' function must be a 'css' function result: ${o}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`);
+}, Er = (o) => new Nt(typeof o == "string" ? o : String(o), void 0, Ho), R = (o, ...e) => {
+  const t = o.length === 1 ? o[0] : e.reduce((r, i, a) => r + Cr(i) + o[a + 1], o[0]);
+  return new Nt(t, o, Ho);
+}, Rr = (o, e) => {
+  Do ? o.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet) : e.forEach((t) => {
+    const r = document.createElement("style"), i = Ae.litNonce;
+    i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, o.appendChild(r);
+  });
+}, Ar = (o) => {
+  let e = "";
+  for (const t of o.cssRules)
+    e += t.cssText;
+  return Er(e);
+}, dt = Do || Sr ? (o) => o : (o) => o instanceof CSSStyleSheet ? Ar(o) : o;
+/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var Ue;const ke=window,uo=ke.trustedTypes,yt=uo?uo.emptyScript:"",go=ke.reactiveElementPolyfillSupport,Ie={toAttribute(o,e){switch(e){case Boolean:o=o?yt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,e){let t=o;switch(e){case Boolean:t=o!==null;break;case Number:t=o===null?null:Number(o);break;case Object:case Array:try{t=JSON.parse(o)}catch{t=null}}return t}},Bo=(o,e)=>e!==o&&(e==e||o==o),Fe={attribute:!0,type:String,converter:Ie,reflect:!1,hasChanged:Bo};class G extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,r)=>{const i=this._$Ep(r,t);i!==void 0&&(this._$Ev.set(i,r),e.push(i))}),e}static createProperty(e,t=Fe){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const r=typeof e=="symbol"?Symbol():"__"+e,i=this.getPropertyDescriptor(e,r,t);i!==void 0&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(i){const n=this[e];this[t]=i,this.requestUpdate(e,n,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Fe}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,r=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of r)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const i of r)t.unshift(bo(i))}else e!==void 0&&t.push(bo(e));return t}static _$Ep(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,r;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)===null||r===void 0||r.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return wt(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostConnected)===null||r===void 0?void 0:r.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostDisconnected)===null||r===void 0?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EO(e,t,r=Fe){var i;const n=this.constructor._$Ep(e,r);if(n!==void 0&&r.reflect===!0){const a=(((i=r.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?r.converter:Ie).toAttribute(t,r.type);this._$El=e,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$El=null}}_$AK(e,t){var r;const i=this.constructor,n=i._$Ev.get(e);if(n!==void 0&&this._$El!==n){const a=i.getPropertyOptions(n),l=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?a.converter:Ie;this._$El=n,this[n]=l.fromAttribute(t,a.type),this._$El=null}}requestUpdate(e,t,r){let i=!0;e!==void 0&&(((r=r||this.constructor.getPropertyOptions(e)).hasChanged||Bo)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,r))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((i,n)=>this[n]=i),this._$Ei=void 0);let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),(e=this._$ES)===null||e===void 0||e.forEach(i=>{var n;return(n=i.hostUpdate)===null||n===void 0?void 0:n.call(i)}),this.update(r)):this._$Ek()}catch(i){throw t=!1,this._$Ek(),i}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostUpdated)===null||i===void 0?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,r)=>this._$EO(r,this[r],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}}G.finalized=!0,G.elementProperties=new Map,G.elementStyles=[],G.shadowRootOptions={mode:"open"},go?.({ReactiveElement:G}),((Ue=ke.reactiveElementVersions)!==null&&Ue!==void 0?Ue:ke.reactiveElementVersions=[]).push("1.6.1");/**
+ */
+var to, ro, io, Tt;
+const B = window;
+let Ut, ee;
+const ut = B.trustedTypes, qr = ut ? ut.emptyScript : "", qe = B.reactiveElementPolyfillSupportDevMode;
+{
+  const o = (to = B.litIssuedWarnings) !== null && to !== void 0 ? to : B.litIssuedWarnings = /* @__PURE__ */ new Set();
+  ee = (e, t) => {
+    t += ` See https://lit.dev/msg/${e} for more information.`, o.has(t) || (console.warn(t), o.add(t));
+  }, ee("dev-mode", "Lit is in dev mode. Not recommended for production!"), ((ro = B.ShadyDOM) === null || ro === void 0 ? void 0 : ro.inUse) && qe === void 0 && ee("polyfill-support-missing", "Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded."), Ut = (e) => ({
+    then: (t, r) => {
+      ee("request-update-promise", `The \`requestUpdate\` method should no longer return a Promise but does so on \`${e}\`. Use \`updateComplete\` instead.`), t !== void 0 && t(!1);
+    }
+  });
+}
+const no = (o) => {
+  !B.emitLitDebugLogEvents || B.dispatchEvent(new CustomEvent("lit-debug", {
+    detail: o
+  }));
+}, Ot = (o, e) => o, So = {
+  toAttribute(o, e) {
+    switch (e) {
+      case Boolean:
+        o = o ? qr : null;
+        break;
+      case Object:
+      case Array:
+        o = o == null ? o : JSON.stringify(o);
+        break;
+    }
+    return o;
+  },
+  fromAttribute(o, e) {
+    let t = o;
+    switch (e) {
+      case Boolean:
+        t = o !== null;
+        break;
+      case Number:
+        t = o === null ? null : Number(o);
+        break;
+      case Object:
+      case Array:
+        try {
+          t = JSON.parse(o);
+        } catch {
+          t = null;
+        }
+        break;
+    }
+    return t;
+  }
+}, Ft = (o, e) => e !== o && (e === e || o === o), ao = {
+  attribute: !0,
+  type: String,
+  converter: So,
+  reflect: !1,
+  hasChanged: Ft
+}, Co = "finalized";
+class V extends HTMLElement {
+  constructor() {
+    super(), this.__instanceProperties = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this.__reflectingProperty = null, this._initialize();
+  }
+  static addInitializer(e) {
+    var t;
+    this.finalize(), ((t = this._initializers) !== null && t !== void 0 ? t : this._initializers = []).push(e);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const e = [];
+    return this.elementProperties.forEach((t, r) => {
+      const i = this.__attributeNameForProperty(r, t);
+      i !== void 0 && (this.__attributeToPropertyMap.set(i, r), e.push(i));
+    }), e;
+  }
+  static createProperty(e, t = ao) {
+    var r;
+    if (t.state && (t.attribute = !1), this.finalize(), this.elementProperties.set(e, t), !t.noAccessor && !this.prototype.hasOwnProperty(e)) {
+      const i = typeof e == "symbol" ? Symbol() : `__${e}`, a = this.getPropertyDescriptor(e, i, t);
+      a !== void 0 && (Object.defineProperty(this.prototype, e, a), this.hasOwnProperty("__reactivePropertyKeys") || (this.__reactivePropertyKeys = new Set((r = this.__reactivePropertyKeys) !== null && r !== void 0 ? r : [])), this.__reactivePropertyKeys.add(e));
+    }
+  }
+  static getPropertyDescriptor(e, t, r) {
+    return {
+      get() {
+        return this[t];
+      },
+      set(i) {
+        const a = this[e];
+        this[t] = i, this.requestUpdate(e, a, r);
+      },
+      configurable: !0,
+      enumerable: !0
+    };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) || ao;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(Co))
+      return !1;
+    this[Co] = !0;
+    const e = Object.getPrototypeOf(this);
+    if (e.finalize(), e._initializers !== void 0 && (this._initializers = [...e._initializers]), this.elementProperties = new Map(e.elementProperties), this.__attributeToPropertyMap = /* @__PURE__ */ new Map(), this.hasOwnProperty(Ot("properties"))) {
+      const t = this.properties, r = [
+        ...Object.getOwnPropertyNames(t),
+        ...Object.getOwnPropertySymbols(t)
+      ];
+      for (const i of r)
+        this.createProperty(i, t[i]);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+    {
+      const t = (r, i = !1) => {
+        this.prototype.hasOwnProperty(r) && ee(i ? "renamed-api" : "removed-api", `\`${r}\` is implemented on class ${this.name}. It has been ${i ? "renamed" : "removed"} in this version of LitElement.`);
+      };
+      t("initialize"), t("requestUpdateInternal"), t("_getUpdateComplete", !0);
+    }
+    return !0;
+  }
+  static finalizeStyles(e) {
+    const t = [];
+    if (Array.isArray(e)) {
+      const r = new Set(e.flat(1 / 0).reverse());
+      for (const i of r)
+        t.unshift(dt(i));
+    } else
+      e !== void 0 && t.push(dt(e));
+    return t;
+  }
+  static __attributeNameForProperty(e, t) {
+    const r = t.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
+  }
+  _initialize() {
+    var e;
+    this.__updatePromise = new Promise((t) => this.enableUpdating = t), this._$changedProperties = /* @__PURE__ */ new Map(), this.__saveInstanceProperties(), this.requestUpdate(), (e = this.constructor._initializers) === null || e === void 0 || e.forEach((t) => t(this));
+  }
+  addController(e) {
+    var t, r;
+    ((t = this.__controllers) !== null && t !== void 0 ? t : this.__controllers = []).push(e), this.renderRoot !== void 0 && this.isConnected && ((r = e.hostConnected) === null || r === void 0 || r.call(e));
+  }
+  removeController(e) {
+    var t;
+    (t = this.__controllers) === null || t === void 0 || t.splice(this.__controllers.indexOf(e) >>> 0, 1);
+  }
+  __saveInstanceProperties() {
+    this.constructor.elementProperties.forEach((e, t) => {
+      this.hasOwnProperty(t) && (this.__instanceProperties.set(t, this[t]), delete this[t]);
+    });
+  }
+  createRenderRoot() {
+    var e;
+    const t = (e = this.shadowRoot) !== null && e !== void 0 ? e : this.attachShadow(this.constructor.shadowRootOptions);
+    return Rr(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var e;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this.__controllers) === null || e === void 0 || e.forEach((t) => {
+      var r;
+      return (r = t.hostConnected) === null || r === void 0 ? void 0 : r.call(t);
+    });
+  }
+  enableUpdating(e) {
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.__controllers) === null || e === void 0 || e.forEach((t) => {
+      var r;
+      return (r = t.hostDisconnected) === null || r === void 0 ? void 0 : r.call(t);
+    });
+  }
+  attributeChangedCallback(e, t, r) {
+    this._$attributeToProperty(e, r);
+  }
+  __propertyToAttribute(e, t, r = ao) {
+    var i;
+    const a = this.constructor.__attributeNameForProperty(e, r);
+    if (a !== void 0 && r.reflect === !0) {
+      const l = (((i = r.converter) === null || i === void 0 ? void 0 : i.toAttribute) !== void 0 ? r.converter : So).toAttribute(t, r.type);
+      this.constructor.enabledWarnings.indexOf("migration") >= 0 && l === void 0 && ee("undefined-attribute-value", `The attribute value for the ${e} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`), this.__reflectingProperty = e, l == null ? this.removeAttribute(a) : this.setAttribute(a, l), this.__reflectingProperty = null;
+    }
+  }
+  _$attributeToProperty(e, t) {
+    var r;
+    const i = this.constructor, a = i.__attributeToPropertyMap.get(e);
+    if (a !== void 0 && this.__reflectingProperty !== a) {
+      const n = i.getPropertyOptions(a), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) === null || r === void 0 ? void 0 : r.fromAttribute) !== void 0 ? n.converter : So;
+      this.__reflectingProperty = a, this[a] = l.fromAttribute(
+        t,
+        n.type
+      ), this.__reflectingProperty = null;
+    }
+  }
+  requestUpdate(e, t, r) {
+    let i = !0;
+    return e !== void 0 && (r = r || this.constructor.getPropertyOptions(e), (r.hasChanged || Ft)(this[e], t) ? (this._$changedProperties.has(e) || this._$changedProperties.set(e, t), r.reflect === !0 && this.__reflectingProperty !== e && (this.__reflectingProperties === void 0 && (this.__reflectingProperties = /* @__PURE__ */ new Map()), this.__reflectingProperties.set(e, r))) : i = !1), !this.isUpdatePending && i && (this.__updatePromise = this.__enqueueUpdate()), Ut(this.localName);
+  }
+  async __enqueueUpdate() {
+    this.isUpdatePending = !0;
+    try {
+      await this.__updatePromise;
+    } catch (t) {
+      Promise.reject(t);
+    }
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var e, t;
+    if (!this.isUpdatePending)
+      return;
+    if (no == null || no({ kind: "update" }), !this.hasUpdated) {
+      const a = [];
+      if ((e = this.constructor.__reactivePropertyKeys) === null || e === void 0 || e.forEach((n) => {
+        var l;
+        this.hasOwnProperty(n) && !(!((l = this.__instanceProperties) === null || l === void 0) && l.has(n)) && a.push(n);
+      }), a.length)
+        throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${a.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`);
+    }
+    this.__instanceProperties && (this.__instanceProperties.forEach((a, n) => this[n] = a), this.__instanceProperties = void 0);
+    let r = !1;
+    const i = this._$changedProperties;
+    try {
+      r = this.shouldUpdate(i), r ? (this.willUpdate(i), (t = this.__controllers) === null || t === void 0 || t.forEach((a) => {
+        var n;
+        return (n = a.hostUpdate) === null || n === void 0 ? void 0 : n.call(a);
+      }), this.update(i)) : this.__markUpdated();
+    } catch (a) {
+      throw r = !1, this.__markUpdated(), a;
+    }
+    r && this._$didUpdate(i);
+  }
+  willUpdate(e) {
+  }
+  _$didUpdate(e) {
+    var t;
+    (t = this.__controllers) === null || t === void 0 || t.forEach((r) => {
+      var i;
+      return (i = r.hostUpdated) === null || i === void 0 ? void 0 : i.call(r);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e), this.isUpdatePending && this.constructor.enabledWarnings.indexOf("change-in-update") >= 0 && ee("change-in-update", `Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`);
+  }
+  __markUpdated() {
+    this._$changedProperties = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this.__updatePromise;
+  }
+  shouldUpdate(e) {
+    return !0;
+  }
+  update(e) {
+    this.__reflectingProperties !== void 0 && (this.__reflectingProperties.forEach((t, r) => this.__propertyToAttribute(r, this[r], t)), this.__reflectingProperties = void 0), this.__markUpdated();
+  }
+  updated(e) {
+  }
+  firstUpdated(e) {
+  }
+}
+Tt = Co;
+V[Tt] = !0;
+V.elementProperties = /* @__PURE__ */ new Map();
+V.elementStyles = [];
+V.shadowRootOptions = { mode: "open" };
+qe == null || qe({ ReactiveElement: V });
+{
+  V.enabledWarnings = ["change-in-update"];
+  const o = function(e) {
+    e.hasOwnProperty(Ot("enabledWarnings")) || (e.enabledWarnings = e.enabledWarnings.slice());
+  };
+  V.enableWarning = function(e) {
+    o(this), this.enabledWarnings.indexOf(e) < 0 && this.enabledWarnings.push(e);
+  }, V.disableWarning = function(e) {
+    o(this);
+    const t = this.enabledWarnings.indexOf(e);
+    t >= 0 && this.enabledWarnings.splice(t, 1);
+  };
+}
+((io = B.reactiveElementVersions) !== null && io !== void 0 ? io : B.reactiveElementVersions = []).push("1.6.1");
+B.reactiveElementVersions.length > 1 && ee("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var Pe;const we=window,ee=we.trustedTypes,ho=ee?ee.createPolicy("lit-html",{createHTML:o=>o}):void 0,B=`lit$${(Math.random()+"").slice(9)}$`,Ye="?"+B,$t=`<${Ye}>`,oe=document,se=(o="")=>oe.createComment(o),de=o=>o===null||typeof o!="object"&&typeof o!="function",No=Array.isArray,To=o=>No(o)||typeof o?.[Symbol.iterator]=="function",ae=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,po=/-->/g,mo=/>/g,Z=RegExp(`>|[ 	
-\f\r](?:([^\\s"'>=/]+)([ 	
-\f\r]*=[ 	
-\f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),fo=/'/g,vo=/"/g,Io=/^(?:script|style|textarea|title)$/i,Ho=o=>(e,...t)=>({_$litType$:o,strings:e,values:t}),p=Ho(1),_e=Ho(2),N=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),xo=new WeakMap,Q=oe.createTreeWalker(oe,129,null,!1),Do=(o,e)=>{const t=o.length-1,r=[];let i,n=e===2?"<svg>":"",a=ae;for(let s=0;s<t;s++){const c=o[s];let g,d,b=-1,u=0;for(;u<c.length&&(a.lastIndex=u,d=a.exec(c),d!==null);)u=a.lastIndex,a===ae?d[1]==="!--"?a=po:d[1]!==void 0?a=mo:d[2]!==void 0?(Io.test(d[2])&&(i=RegExp("</"+d[2],"g")),a=Z):d[3]!==void 0&&(a=Z):a===Z?d[0]===">"?(a=i??ae,b=-1):d[1]===void 0?b=-2:(b=a.lastIndex-d[2].length,g=d[1],a=d[3]===void 0?Z:d[3]==='"'?vo:fo):a===vo||a===fo?a=Z:a===po||a===mo?a=ae:(a=Z,i=void 0);const h=a===Z&&o[s+1].startsWith("/>")?" ":"";n+=a===ae?c+$t:b>=0?(r.push(g),c.slice(0,b)+"$lit$"+c.slice(b)+B+h):c+B+(b===-2?(r.push(void 0),s):h)}const l=n+(o[t]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[ho!==void 0?ho.createHTML(l):l,r]};class be{constructor({strings:e,_$litType$:t},r){let i;this.parts=[];let n=0,a=0;const l=e.length-1,s=this.parts,[c,g]=Do(e,t);if(this.el=be.createElement(c,r),Q.currentNode=this.el.content,t===2){const d=this.el.content,b=d.firstChild;b.remove(),d.append(...b.childNodes)}for(;(i=Q.nextNode())!==null&&s.length<l;){if(i.nodeType===1){if(i.hasAttributes()){const d=[];for(const b of i.getAttributeNames())if(b.endsWith("$lit$")||b.startsWith(B)){const u=g[a++];if(d.push(b),u!==void 0){const h=i.getAttribute(u.toLowerCase()+"$lit$").split(B),m=/([.?@])?(.*)/.exec(u);s.push({type:1,index:n,name:m[2],strings:h,ctor:m[1]==="."?Vo:m[1]==="?"?Zo:m[1]==="@"?Xo:he})}else s.push({type:6,index:n})}for(const b of d)i.removeAttribute(b)}if(Io.test(i.tagName)){const d=i.textContent.split(B),b=d.length-1;if(b>0){i.textContent=ee?ee.emptyScript:"";for(let u=0;u<b;u++)i.append(d[u],se()),Q.nextNode(),s.push({type:2,index:++n});i.append(d[b],se())}}}else if(i.nodeType===8)if(i.data===Ye)s.push({type:2,index:n});else{let d=-1;for(;(d=i.data.indexOf(B,d+1))!==-1;)s.push({type:7,index:n}),d+=B.length-1}n++}}static createElement(e,t){const r=oe.createElement("template");return r.innerHTML=e,r}}function Y(o,e,t=o,r){var i,n,a,l;if(e===N)return e;let s=r!==void 0?(i=t._$Co)===null||i===void 0?void 0:i[r]:t._$Cl;const c=de(e)?void 0:e._$litDirective$;return s?.constructor!==c&&((n=s?._$AO)===null||n===void 0||n.call(s,!1),c===void 0?s=void 0:(s=new c(o),s._$AT(o,t,r)),r!==void 0?((a=(l=t)._$Co)!==null&&a!==void 0?a:l._$Co=[])[r]=s:t._$Cl=s),s!==void 0&&(e=Y(o,s._$AS(o,e.values),s,r)),e}class Wo{constructor(e,t){this.u=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(e){var t;const{el:{content:r},parts:i}=this._$AD,n=((t=e?.creationScope)!==null&&t!==void 0?t:oe).importNode(r,!0);Q.currentNode=n;let a=Q.nextNode(),l=0,s=0,c=i[0];for(;c!==void 0;){if(l===c.index){let g;c.type===2?g=new ie(a,a.nextSibling,this,e):c.type===1?g=new c.ctor(a,c.name,c.strings,this,e):c.type===6&&(g=new Yo(a,this,e)),this.u.push(g),c=i[++s]}l!==c?.index&&(a=Q.nextNode(),l++)}return n}p(e){let t=0;for(const r of this.u)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}}class ie{constructor(e,t,r,i){var n;this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=i,this._$Cm=(n=i?.isConnected)===null||n===void 0||n}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cm}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Y(this,e,t),de(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==N&&this.g(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):To(e)?this.k(e):this.g(e)}O(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}g(e){this._$AH!==$&&de(this._$AH)?this._$AA.nextSibling.data=e:this.T(oe.createTextNode(e)),this._$AH=e}$(e){var t;const{values:r,_$litType$:i}=e,n=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=be.createElement(i.h,this.options)),i);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===n)this._$AH.p(r);else{const a=new Wo(n,this),l=a.v(this.options);a.p(r),this.T(l),this._$AH=a}}_$AC(e){let t=xo.get(e.strings);return t===void 0&&xo.set(e.strings,t=new be(e)),t}k(e){No(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,i=0;for(const n of e)i===t.length?t.push(r=new ie(this.O(se()),this.O(se()),this,this.options)):r=t[i],r._$AI(n),i++;i<t.length&&(this._$AR(r&&r._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const i=e.nextSibling;e.remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cm=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}class he{constructor(e,t,r,i,n){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=$}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,i){const n=this.strings;let a=!1;if(n===void 0)e=Y(this,e,t,0),a=!de(e)||e!==this._$AH&&e!==N,a&&(this._$AH=e);else{const l=e;let s,c;for(e=n[0],s=0;s<n.length-1;s++)c=Y(this,l[r+s],t,s),c===N&&(c=this._$AH[s]),a||(a=!de(c)||c!==this._$AH[s]),c===$?e=$:e!==$&&(e+=(c??"")+n[s+1]),this._$AH[s]=c}a&&!i&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Vo extends he{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}}const zt=ee?ee.emptyScript:"";class Zo extends he{constructor(){super(...arguments),this.type=4}j(e){e&&e!==$?this.element.setAttribute(this.name,zt):this.element.removeAttribute(this.name)}}class Xo extends he{constructor(e,t,r,i,n){super(e,t,r,i,n),this.type=5}_$AI(e,t=this){var r;if((e=(r=Y(this,e,t,0))!==null&&r!==void 0?r:$)===N)return;const i=this._$AH,n=e===$&&i!==$||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,a=e!==$&&(i===$||n);n&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}}class Yo{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Y(this,e)}}const St={P:"$lit$",A:B,M:Ye,C:1,L:Do,R:Wo,D:To,V:Y,I:ie,H:he,N:Zo,U:Xo,B:Vo,F:Yo},ko=we.litHtmlPolyfillSupport;ko?.(be,ie),((Pe=we.litHtmlVersions)!==null&&Pe!==void 0?Pe:we.litHtmlVersions=[]).push("2.6.1");const Ct=(o,e,t)=>{var r,i;const n=(r=t?.renderBefore)!==null&&r!==void 0?r:e;let a=n._$litPart$;if(a===void 0){const l=(i=t?.renderBefore)!==null&&i!==void 0?i:null;n._$litPart$=a=new ie(e.insertBefore(se(),l),l,void 0,t??{})}return a._$AI(o),a};/**
+ */
+var lo, co, so, uo;
+const q = window, m = (o) => {
+  !q.emitLitDebugLogEvents || q.dispatchEvent(new CustomEvent("lit-debug", {
+    detail: o
+  }));
+};
+let Mr = 0, Ue;
+(lo = q.litIssuedWarnings) !== null && lo !== void 0 || (q.litIssuedWarnings = /* @__PURE__ */ new Set()), Ue = (o, e) => {
+  e += o ? ` See https://lit.dev/msg/${o} for more information.` : "", q.litIssuedWarnings.has(e) || (console.warn(e), q.litIssuedWarnings.add(e));
+}, Ue("dev-mode", "Lit is in dev mode. Not recommended for production!");
+const O = ((co = q.ShadyDOM) === null || co === void 0 ? void 0 : co.inUse) && ((so = q.ShadyDOM) === null || so === void 0 ? void 0 : so.noPatch) === !0 ? q.ShadyDOM.wrap : (o) => o, ue = q.trustedTypes, bt = ue ? ue.createPolicy("lit-html", {
+  createHTML: (o) => o
+}) : void 0, Pr = (o) => o, Ye = (o, e, t) => Pr, jr = (o) => {
+  if (ie !== Ye)
+    throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");
+  ie = o;
+}, Nr = () => {
+  ie = Ye;
+}, Eo = (o, e, t) => ie(o, e, t), Oe = "$lit$", I = `lit$${String(Math.random()).slice(9)}$`, Wo = "?" + I, Tr = `<${Wo}>`, xe = document, ke = (o = "") => xe.createComment(o), we = (o) => o === null || typeof o != "object" && typeof o != "function", Lt = Array.isArray, It = (o) => Lt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", bo = `[ 	
+\f\r]`, Ur = `[^ 	
+\f\r"'\`<>=]`, Or = `[^\\s"'>=/]`, me = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, gt = 1, go = 2, Fr = 3, ht = /-->/g, pt = />/g, te = new RegExp(`>|${bo}(?:(${Or}+)(${bo}*=${bo}*(?:${Ur}|("|')|))|$)`, "g"), Lr = 0, mt = 1, Ir = 2, ft = 3, ho = /'/g, po = /"/g, Bt = /^(?:script|style|textarea|title)$/i, Vt = 1, Fe = 2, Ko = 1, Le = 2, Br = 3, Vr = 4, Dr = 5, Yo = 6, Hr = 7, Dt = (o) => (e, ...t) => (e.some((r) => r === void 0) && console.warn(`Some template strings are undefined.
+This is probably caused by illegal octal escape sequences.`), {
+  _$litType$: o,
+  strings: e,
+  values: t
+}), p = Dt(Vt), Ze = Dt(Fe), K = Symbol.for("lit-noChange"), z = Symbol.for("lit-nothing"), vt = /* @__PURE__ */ new WeakMap(), ce = xe.createTreeWalker(xe, 129, null, !1);
+let ie = Ye;
+const Ht = (o, e) => {
+  const t = o.length - 1, r = [];
+  let i = e === Fe ? "<svg>" : "", a, n = me;
+  for (let s = 0; s < t; s++) {
+    const c = o[s];
+    let b = -1, d, g = 0, u;
+    for (; g < c.length && (n.lastIndex = g, u = n.exec(c), u !== null); )
+      if (g = n.lastIndex, n === me) {
+        if (u[gt] === "!--")
+          n = ht;
+        else if (u[gt] !== void 0)
+          n = pt;
+        else if (u[go] !== void 0)
+          Bt.test(u[go]) && (a = new RegExp(`</${u[go]}`, "g")), n = te;
+        else if (u[Fr] !== void 0)
+          throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions");
+      } else
+        n === te ? u[Lr] === ">" ? (n = a != null ? a : me, b = -1) : u[mt] === void 0 ? b = -2 : (b = n.lastIndex - u[Ir].length, d = u[mt], n = u[ft] === void 0 ? te : u[ft] === '"' ? po : ho) : n === po || n === ho ? n = te : n === ht || n === pt ? n = me : (n = te, a = void 0);
+    console.assert(b === -1 || n === te || n === ho || n === po, "unexpected parse state B");
+    const h = n === te && o[s + 1].startsWith("/>") ? " " : "";
+    i += n === me ? c + Tr : b >= 0 ? (r.push(d), c.slice(0, b) + Oe + c.slice(b) + I + h) : c + I + (b === -2 ? (r.push(void 0), s) : h);
+  }
+  const l = i + (o[t] || "<?>") + (e === Fe ? "</svg>" : "");
+  if (!Array.isArray(o) || !o.hasOwnProperty("raw")) {
+    let s = "invalid template strings array";
+    throw s = `
+          Internal Error: expected template strings to be an array
+          with a 'raw' field. Faking a template strings array by
+          calling html or svg like an ordinary function is effectively
+          the same as calling unsafeHtml and can lead to major security
+          issues, e.g. opening your code up to XSS attacks.
+
+          If you're using the html or svg tagged template functions normally
+          and and still seeing this error, please file a bug at
+          https://github.com/lit/lit/issues/new?template=bug_report.md
+          and include information about your build tooling, if any.
+        `.trim().replace(/\n */g, `
+`), new Error(s);
+  }
+  return [
+    bt !== void 0 ? bt.createHTML(l) : l,
+    r
+  ];
+};
+class ye {
+  constructor({ strings: e, ["_$litType$"]: t }, r) {
+    this.parts = [];
+    let i, a = 0, n = 0;
+    const l = e.length - 1, s = this.parts, [c, b] = Ht(e, t);
+    if (this.el = ye.createElement(c, r), ce.currentNode = this.el.content, t === Fe) {
+      const d = this.el.content, g = d.firstChild;
+      g.remove(), d.append(...g.childNodes);
+    }
+    for (; (i = ce.nextNode()) !== null && s.length < l; ) {
+      if (i.nodeType === 1) {
+        {
+          const d = i.localName;
+          if (/^(?:textarea|template)$/i.test(d) && i.innerHTML.includes(I)) {
+            const g = `Expressions are not supported inside \`${d}\` elements. See https://lit.dev/msg/expression-in-${d} for more information.`;
+            if (d === "template")
+              throw new Error(g);
+            Ue("", g);
+          }
+        }
+        if (i.hasAttributes()) {
+          const d = [];
+          for (const g of i.getAttributeNames())
+            if (g.endsWith(Oe) || g.startsWith(I)) {
+              const u = b[n++];
+              if (d.push(g), u !== void 0) {
+                const f = i.getAttribute(u.toLowerCase() + Oe).split(I), v = /([.?@])?(.*)/.exec(u);
+                s.push({
+                  type: Ko,
+                  index: a,
+                  name: v[2],
+                  strings: f,
+                  ctor: v[1] === "." ? Kt : v[1] === "?" ? Yt : v[1] === "@" ? Zt : _e
+                });
+              } else
+                s.push({
+                  type: Yo,
+                  index: a
+                });
+            }
+          for (const g of d)
+            i.removeAttribute(g);
+        }
+        if (Bt.test(i.tagName)) {
+          const d = i.textContent.split(I), g = d.length - 1;
+          if (g > 0) {
+            i.textContent = ue ? ue.emptyScript : "";
+            for (let u = 0; u < g; u++)
+              i.append(d[u], ke()), ce.nextNode(), s.push({ type: Le, index: ++a });
+            i.append(d[g], ke());
+          }
+        }
+      } else if (i.nodeType === 8)
+        if (i.data === Wo)
+          s.push({ type: Le, index: a });
+        else {
+          let g = -1;
+          for (; (g = i.data.indexOf(I, g + 1)) !== -1; )
+            s.push({ type: Hr, index: a }), g += I.length - 1;
+        }
+      a++;
+    }
+    m == null || m({
+      kind: "template prep",
+      template: this,
+      clonableTemplate: this.el,
+      parts: this.parts,
+      strings: e
+    });
+  }
+  static createElement(e, t) {
+    const r = xe.createElement("template");
+    return r.innerHTML = e, r;
+  }
+}
+function ne(o, e, t = o, r) {
+  var i, a, n, l;
+  if (e === K)
+    return e;
+  let s = r !== void 0 ? (i = t.__directives) === null || i === void 0 ? void 0 : i[r] : t.__directive;
+  const c = we(e) ? void 0 : e._$litDirective$;
+  return (s == null ? void 0 : s.constructor) !== c && ((a = s == null ? void 0 : s._$notifyDirectiveConnectionChanged) === null || a === void 0 || a.call(s, !1), c === void 0 ? s = void 0 : (s = new c(o), s._$initialize(o, t, r)), r !== void 0 ? ((n = (l = t).__directives) !== null && n !== void 0 ? n : l.__directives = [])[r] = s : t.__directive = s), s !== void 0 && (e = ne(o, s._$resolve(o, e.values), s, r)), e;
+}
+class Wt {
+  constructor(e, t) {
+    this._parts = [], this._$disconnectableChildren = void 0, this._$template = e, this._$parent = t;
+  }
+  get parentNode() {
+    return this._$parent.parentNode;
+  }
+  get _$isConnected() {
+    return this._$parent._$isConnected;
+  }
+  _clone(e) {
+    var t;
+    const { el: { content: r }, parts: i } = this._$template, a = ((t = e == null ? void 0 : e.creationScope) !== null && t !== void 0 ? t : xe).importNode(r, !0);
+    ce.currentNode = a;
+    let n = ce.nextNode(), l = 0, s = 0, c = i[0];
+    for (; c !== void 0; ) {
+      if (l === c.index) {
+        let b;
+        c.type === Le ? b = new he(n, n.nextSibling, this, e) : c.type === Ko ? b = new c.ctor(n, c.name, c.strings, this, e) : c.type === Yo && (b = new Xt(n, this, e)), this._parts.push(b), c = i[++s];
+      }
+      l !== (c == null ? void 0 : c.index) && (n = ce.nextNode(), l++);
+    }
+    return a;
+  }
+  _update(e) {
+    let t = 0;
+    for (const r of this._parts)
+      r !== void 0 && (m == null || m({
+        kind: "set part",
+        part: r,
+        value: e[t],
+        valueIndex: t,
+        values: e,
+        templateInstance: this
+      }), r.strings !== void 0 ? (r._$setValue(e, r, t), t += r.strings.length - 2) : r._$setValue(e[t])), t++;
+  }
+}
+class he {
+  constructor(e, t, r, i) {
+    var a;
+    this.type = Le, this._$committedValue = z, this._$disconnectableChildren = void 0, this._$startNode = e, this._$endNode = t, this._$parent = r, this.options = i, this.__isConnected = (a = i == null ? void 0 : i.isConnected) !== null && a !== void 0 ? a : !0, this._textSanitizer = void 0;
+  }
+  get _$isConnected() {
+    var e, t;
+    return (t = (e = this._$parent) === null || e === void 0 ? void 0 : e._$isConnected) !== null && t !== void 0 ? t : this.__isConnected;
+  }
+  get parentNode() {
+    let e = O(this._$startNode).parentNode;
+    const t = this._$parent;
+    return t !== void 0 && e.nodeType === 11 && (e = t.parentNode), e;
+  }
+  get startNode() {
+    return this._$startNode;
+  }
+  get endNode() {
+    return this._$endNode;
+  }
+  _$setValue(e, t = this) {
+    var r;
+    if (this.parentNode === null)
+      throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");
+    if (e = ne(this, e, t), we(e))
+      e === z || e == null || e === "" ? (this._$committedValue !== z && (m == null || m({
+        kind: "commit nothing to child",
+        start: this._$startNode,
+        end: this._$endNode,
+        parent: this._$parent,
+        options: this.options
+      }), this._$clear()), this._$committedValue = z) : e !== this._$committedValue && e !== K && this._commitText(e);
+    else if (e._$litType$ !== void 0)
+      this._commitTemplateResult(e);
+    else if (e.nodeType !== void 0) {
+      if (((r = this.options) === null || r === void 0 ? void 0 : r.host) === e) {
+        this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"), console.warn("Attempted to render the template host", e, "inside itself. This is almost always a mistake, and in dev mode ", "we render some warning text. In production however, we'll ", "render it, which will usually result in an error, and sometimes ", "in the element disappearing from the DOM.");
+        return;
+      }
+      this._commitNode(e);
+    } else
+      It(e) ? this._commitIterable(e) : this._commitText(e);
+  }
+  _insert(e, t = this._$endNode) {
+    return O(O(this._$startNode).parentNode).insertBefore(e, t);
+  }
+  _commitNode(e) {
+    var t;
+    if (this._$committedValue !== e) {
+      if (this._$clear(), ie !== Ye) {
+        const r = (t = this._$startNode.parentNode) === null || t === void 0 ? void 0 : t.nodeName;
+        if (r === "STYLE" || r === "SCRIPT") {
+          let i = "Forbidden";
+          throw r === "STYLE" ? i = "Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and make do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets." : i = "Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.", new Error(i);
+        }
+      }
+      m == null || m({
+        kind: "commit node",
+        start: this._$startNode,
+        parent: this._$parent,
+        value: e,
+        options: this.options
+      }), this._$committedValue = this._insert(e);
+    }
+  }
+  _commitText(e) {
+    if (this._$committedValue !== z && we(this._$committedValue)) {
+      const t = O(this._$startNode).nextSibling;
+      this._textSanitizer === void 0 && (this._textSanitizer = Eo(t, "data", "property")), e = this._textSanitizer(e), m == null || m({
+        kind: "commit text",
+        node: t,
+        value: e,
+        options: this.options
+      }), t.data = e;
+    } else {
+      const t = document.createTextNode("");
+      this._commitNode(t), this._textSanitizer === void 0 && (this._textSanitizer = Eo(t, "data", "property")), e = this._textSanitizer(e), m == null || m({
+        kind: "commit text",
+        node: t,
+        value: e,
+        options: this.options
+      }), t.data = e;
+    }
+    this._$committedValue = e;
+  }
+  _commitTemplateResult(e) {
+    var t;
+    const { values: r, ["_$litType$"]: i } = e, a = typeof i == "number" ? this._$getTemplate(e) : (i.el === void 0 && (i.el = ye.createElement(i.h, this.options)), i);
+    if (((t = this._$committedValue) === null || t === void 0 ? void 0 : t._$template) === a)
+      m == null || m({
+        kind: "template updating",
+        template: a,
+        instance: this._$committedValue,
+        parts: this._$committedValue._parts,
+        options: this.options,
+        values: r
+      }), this._$committedValue._update(r);
+    else {
+      const n = new Wt(a, this), l = n._clone(this.options);
+      m == null || m({
+        kind: "template instantiated",
+        template: a,
+        instance: n,
+        parts: n._parts,
+        options: this.options,
+        fragment: l,
+        values: r
+      }), n._update(r), m == null || m({
+        kind: "template instantiated and updated",
+        template: a,
+        instance: n,
+        parts: n._parts,
+        options: this.options,
+        fragment: l,
+        values: r
+      }), this._commitNode(l), this._$committedValue = n;
+    }
+  }
+  _$getTemplate(e) {
+    let t = vt.get(e.strings);
+    return t === void 0 && vt.set(e.strings, t = new ye(e)), t;
+  }
+  _commitIterable(e) {
+    Lt(this._$committedValue) || (this._$committedValue = [], this._$clear());
+    const t = this._$committedValue;
+    let r = 0, i;
+    for (const a of e)
+      r === t.length ? t.push(i = new he(this._insert(ke()), this._insert(ke()), this, this.options)) : i = t[r], i._$setValue(a), r++;
+    r < t.length && (this._$clear(i && O(i._$endNode).nextSibling, r), t.length = r);
+  }
+  _$clear(e = O(this._$startNode).nextSibling, t) {
+    var r;
+    for ((r = this._$notifyConnectionChanged) === null || r === void 0 || r.call(this, !1, !0, t); e && e !== this._$endNode; ) {
+      const i = O(e).nextSibling;
+      O(e).remove(), e = i;
+    }
+  }
+  setConnected(e) {
+    var t;
+    if (this._$parent === void 0)
+      this.__isConnected = e, (t = this._$notifyConnectionChanged) === null || t === void 0 || t.call(this, e);
+    else
+      throw new Error("part.setConnected() may only be called on a RootPart returned from render().");
+  }
+}
+class _e {
+  constructor(e, t, r, i, a) {
+    this.type = Ko, this._$committedValue = z, this._$disconnectableChildren = void 0, this.element = e, this.name = t, this._$parent = i, this.options = a, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$committedValue = new Array(r.length - 1).fill(new String()), this.strings = r) : this._$committedValue = z, this._sanitizer = void 0;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$isConnected() {
+    return this._$parent._$isConnected;
+  }
+  _$setValue(e, t = this, r, i) {
+    const a = this.strings;
+    let n = !1;
+    if (a === void 0)
+      e = ne(this, e, t, 0), n = !we(e) || e !== this._$committedValue && e !== K, n && (this._$committedValue = e);
+    else {
+      const l = e;
+      e = a[0];
+      let s, c;
+      for (s = 0; s < a.length - 1; s++)
+        c = ne(this, l[r + s], t, s), c === K && (c = this._$committedValue[s]), n || (n = !we(c) || c !== this._$committedValue[s]), c === z ? e = z : e !== z && (e += (c != null ? c : "") + a[s + 1]), this._$committedValue[s] = c;
+    }
+    n && !i && this._commitValue(e);
+  }
+  _commitValue(e) {
+    e === z ? O(this.element).removeAttribute(this.name) : (this._sanitizer === void 0 && (this._sanitizer = ie(this.element, this.name, "attribute")), e = this._sanitizer(e != null ? e : ""), m == null || m({
+      kind: "commit attribute",
+      element: this.element,
+      name: this.name,
+      value: e,
+      options: this.options
+    }), O(this.element).setAttribute(this.name, e != null ? e : ""));
+  }
+}
+class Kt extends _e {
+  constructor() {
+    super(...arguments), this.type = Br;
+  }
+  _commitValue(e) {
+    this._sanitizer === void 0 && (this._sanitizer = ie(this.element, this.name, "property")), e = this._sanitizer(e), m == null || m({
+      kind: "commit property",
+      element: this.element,
+      name: this.name,
+      value: e,
+      options: this.options
+    }), this.element[this.name] = e === z ? void 0 : e;
+  }
+}
+const Wr = ue ? ue.emptyScript : "";
+class Yt extends _e {
+  constructor() {
+    super(...arguments), this.type = Vr;
+  }
+  _commitValue(e) {
+    m == null || m({
+      kind: "commit boolean attribute",
+      element: this.element,
+      name: this.name,
+      value: !!(e && e !== z),
+      options: this.options
+    }), e && e !== z ? O(this.element).setAttribute(this.name, Wr) : O(this.element).removeAttribute(this.name);
+  }
+}
+class Zt extends _e {
+  constructor(e, t, r, i, a) {
+    if (super(e, t, r, i, a), this.type = Dr, this.strings !== void 0)
+      throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`);
+  }
+  _$setValue(e, t = this) {
+    var r;
+    if (e = (r = ne(this, e, t, 0)) !== null && r !== void 0 ? r : z, e === K)
+      return;
+    const i = this._$committedValue, a = e === z && i !== z || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, n = e !== z && (i === z || a);
+    m == null || m({
+      kind: "commit event listener",
+      element: this.element,
+      name: this.name,
+      value: e,
+      options: this.options,
+      removeListener: a,
+      addListener: n,
+      oldListener: i
+    }), a && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, e), this._$committedValue = e;
+  }
+  handleEvent(e) {
+    var t, r;
+    typeof this._$committedValue == "function" ? this._$committedValue.call((r = (t = this.options) === null || t === void 0 ? void 0 : t.host) !== null && r !== void 0 ? r : this.element, e) : this._$committedValue.handleEvent(e);
+  }
+}
+class Xt {
+  constructor(e, t, r) {
+    this.element = e, this.type = Yo, this._$disconnectableChildren = void 0, this._$parent = t, this.options = r;
+  }
+  get _$isConnected() {
+    return this._$parent._$isConnected;
+  }
+  _$setValue(e) {
+    m == null || m({
+      kind: "commit to element binding",
+      element: this.element,
+      value: e,
+      options: this.options
+    }), ne(this, e);
+  }
+}
+const Kr = {
+  _boundAttributeSuffix: Oe,
+  _marker: I,
+  _markerMatch: Wo,
+  _HTML_RESULT: Vt,
+  _getTemplateHtml: Ht,
+  _TemplateInstance: Wt,
+  _isIterable: It,
+  _resolveDirective: ne,
+  _ChildPart: he,
+  _AttributePart: _e,
+  _BooleanAttributePart: Yt,
+  _EventPart: Zt,
+  _PropertyPart: Kt,
+  _ElementPart: Xt
+}, mo = q.litHtmlPolyfillSupportDevMode;
+mo == null || mo(ye, he);
+((uo = q.litHtmlVersions) !== null && uo !== void 0 ? uo : q.litHtmlVersions = []).push("2.6.1");
+q.litHtmlVersions.length > 1 && Ue("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+const Me = (o, e, t) => {
+  var r, i;
+  if (e == null)
+    throw new TypeError(`The container to render into may not be ${e}`);
+  const a = Mr++, n = (r = t == null ? void 0 : t.renderBefore) !== null && r !== void 0 ? r : e;
+  let l = n._$litPart$;
+  if (m == null || m({
+    kind: "begin render",
+    id: a,
+    value: o,
+    container: e,
+    options: t,
+    part: l
+  }), l === void 0) {
+    const s = (i = t == null ? void 0 : t.renderBefore) !== null && i !== void 0 ? i : null;
+    n._$litPart$ = l = new he(e.insertBefore(ke(), s), s, void 0, t != null ? t : {});
+  }
+  return l._$setValue(o), m == null || m({
+    kind: "end render",
+    id: a,
+    value: o,
+    container: e,
+    options: t,
+    part: l
+  }), l;
+};
+Me.setSanitizer = jr, Me.createSanitizer = Eo, Me._testOnlyClearSanitizerFactoryDoNotCallOrElse = Nr;
+/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */var Le,Oe;class w extends G{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ct(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return N}}w.finalized=!0,w._$litElement$=!0,(Le=globalThis.litElementHydrateSupport)===null||Le===void 0||Le.call(globalThis,{LitElement:w});const wo=globalThis.litElementPolyfillSupport;wo?.({LitElement:w});((Oe=globalThis.litElementVersions)!==null&&Oe!==void 0?Oe:globalThis.litElementVersions=[]).push("3.2.2");/**
+ */
+var fo, vo, xo;
+let Zo;
+{
+  const o = (fo = globalThis.litIssuedWarnings) !== null && fo !== void 0 ? fo : globalThis.litIssuedWarnings = /* @__PURE__ */ new Set();
+  Zo = (e, t) => {
+    t += ` See https://lit.dev/msg/${e} for more information.`, o.has(t) || (console.warn(t), o.add(t));
+  };
+}
+class $ extends V {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this.__childPart = void 0;
+  }
+  createRenderRoot() {
+    var e, t;
+    const r = super.createRenderRoot();
+    return (e = (t = this.renderOptions).renderBefore) !== null && e !== void 0 || (t.renderBefore = r.firstChild), r;
+  }
+  update(e) {
+    const t = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this.__childPart = Me(t, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var e;
+    super.connectedCallback(), (e = this.__childPart) === null || e === void 0 || e.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), (e = this.__childPart) === null || e === void 0 || e.setConnected(!1);
+  }
+  render() {
+    return K;
+  }
+}
+$.finalized = !0;
+$._$litElement$ = !0;
+(vo = globalThis.litElementHydrateSupport) === null || vo === void 0 || vo.call(globalThis, { LitElement: $ });
+const ko = globalThis.litElementPolyfillSupportDevMode;
+ko == null || ko({ LitElement: $ });
+$.finalize = function() {
+  if (!V.finalize.call(this))
+    return !1;
+  const e = (t, r, i = !1) => {
+    if (t.hasOwnProperty(r)) {
+      const a = (typeof t == "function" ? t : t.constructor).name;
+      Zo(i ? "renamed-api" : "removed-api", `\`${r}\` is implemented on class ${a}. It has been ${i ? "renamed" : "removed"} in this version of LitElement.`);
+    }
+  };
+  return e(this, "render"), e(this, "getStyles", !0), e(this.prototype, "adoptStyles"), !0;
+};
+((xo = globalThis.litElementVersions) !== null && xo !== void 0 ? xo : globalThis.litElementVersions = []).push("3.2.2");
+globalThis.litElementVersions.length > 1 && Zo("multiple-versions", "Multiple versions of Lit loaded. Loading multiple versions is not recommended.");
+/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ke={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ge=o=>(...e)=>({_$litDirective$:o,values:e});class Je{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}/**
+ */
+const Xo = {
+  ATTRIBUTE: 1,
+  CHILD: 2,
+  PROPERTY: 3,
+  BOOLEAN_ATTRIBUTE: 4,
+  EVENT: 5,
+  ELEMENT: 6
+}, Go = (o) => (...e) => ({
+  _$litDirective$: o,
+  values: e
+});
+class Jo {
+  constructor(e) {
+  }
+  get _$isConnected() {
+    return this._$parent._$isConnected;
+  }
+  _$initialize(e, t, r) {
+    this.__part = e, this._$parent = t, this.__attributeIndex = r;
+  }
+  _$resolve(e, t) {
+    return this.update(e, t);
+  }
+  update(e, t) {
+    return this.render(...t);
+  }
+}
+/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class He extends Je{constructor(e){if(super(e),this.it=$,e.type!==Ke.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===$||e==null)return this._t=void 0,this.it=e;if(e===N)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}He.directiveName="unsafeHTML",He.resultType=1;const Qe=Ge(He);function _t(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var De={exports:{}};(function(o,e){Object.defineProperty(e,"__esModule",{value:!0});class t{constructor(g,d){this.stream=g,this.pos=d}get value(){return this.stream[this.pos]}}class r{constructor(g,d,b){this.stream=g,this.start=d,this.end=b}get value(){return this.stream.slice(this.start,this.end)}get whitespace(){let g=this.start-1;for(;g>=0&&/\s/.test(this.stream[g]);g--);return new r(this.stream,g+1,this.start)}}function i(c,g,d=/\S/g){if(!d.global)throw new Error("Regexp must be global");d.lastIndex=g;const b=d.exec(c);if(!!b)return new t(c,b.index)}function n(c,g){let d=i(c,g);if(!d)return;const b=d.pos;d=i(c,b+1,/[\s<]|>/g);const u=d?d.pos+Number(d.value==">"):c.length;return new r(c,b,u)}const a=["area","base","br","col","command","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","--"];function l(c){let g=c.replace(/^<\/?|>$/g,"").toLowerCase();(g.startsWith("!--")||g.endsWith("--"))&&(g="--");const d=/</.test(c),b=/>/.test(c),u=/<([^/]|$)/.test(c),h=/<\//.test(c)||u&&a.includes(g);return{isTagStart:d,isTagEnd:b,isStartTag:u,isEndTag:h,tagName:g}}function s(c,g="  ",d=80){const b=[];let u=!1,h=!1,m=!1,f=!1,x="",k=0,S={},v,F=0;for(;v=n(c,F);){let z=v.value,H=v.whitespace.value,j="",{isTagStart:C,isTagEnd:A,isStartTag:E,isEndTag:M,tagName:R}=l(z);if(!f){if(C&&!R){if(F=v.end,v=n(c,F),!v)break;z+=v.value,{isTagStart:C,isTagEnd:A,isStartTag:E,isEndTag:M,tagName:R}=l(z)}if(!C&&(u||h)){const ne=/[^=]"\w/g.exec(z);ne&&v.end!=v.start+ne.index+2&&(v.end=v.start+ne.index+2,z=v.value,{isTagStart:C,isTagEnd:A,isStartTag:E,isEndTag:M,tagName:R}=l(z),j=g)}}!f&&E&&(x=R);const D=(M&&R!="--"||A&&R=="--")&&R==x;f&&!D&&(C=A=E=M=!1),E&&(u=!0),M&&(h=!0),M&&!E&&--k;const je=u&&A&&["script","style"].includes(x)||E&&x=="--",no=u||h,ao=H||S.pendingWhitespace,pt=/^=([^!=]|$)/.test(z)||/^"/.test(z)&&/(^|[^!=])=$/.test(S.tokenValue),mt=no&&(pt||/^>/.test(z));if(f||m)b.push(H);else if(ao&&!mt){const Me=(ao.match(/\n/g)||[]).length,ne=Math.max(0,b.lastIndexOf(`
-`)),ft=b.slice(ne).reduce((vt,xt)=>vt+xt.length,0),co=g.repeat(k+Number(no&&!C));ft+z.length>d?b.push(`
-`,co):Me?b.push(...Array(Me).fill(`
-`),co):b.push(" ")}b.push(z),S={pendingWhitespace:j,tokenValue:z},je&&(f=!0),D&&(f=!1),u&&A&&x=="pre"&&(m=!0),M&&R=="pre"&&(m=!1),u&&A&&!h&&++k,A&&(u=h=!1),F=v.end}return c[c.length-1]==`
-`&&b.push(`
-`),b.join("")}e.default=s,o.exports=Object.assign(e.default,e)})(De,De.exports);const At=_t(De.exports);class Et extends w{static styles=_`
+ */
+const Yr = 1;
+class Qo extends Jo {
+  constructor(e) {
+    if (super(e), this._value = z, e.type !== Xo.CHILD)
+      throw new Error(`${this.constructor.directiveName}() can only be used in child bindings`);
+  }
+  render(e) {
+    if (e === z || e == null)
+      return this._templateResult = void 0, this._value = e;
+    if (e === K)
+      return e;
+    if (typeof e != "string")
+      throw new Error(`${this.constructor.directiveName}() called with a non-string value`);
+    if (e === this._value)
+      return this._templateResult;
+    this._value = e;
+    const t = [e];
+    return t.raw = t, this._templateResult = {
+      _$litType$: this.constructor.resultType,
+      strings: t,
+      values: []
+    };
+  }
+}
+Qo.directiveName = "unsafeHTML";
+Qo.resultType = Yr;
+const et = Go(Qo);
+function Zr(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var Ro = { exports: {} };
+(function(o, e) {
+  Object.defineProperty(e, "__esModule", { value: !0 });
+  class t {
+    constructor(b, d) {
+      this.stream = b, this.pos = d;
+    }
+    get value() {
+      return this.stream[this.pos];
+    }
+  }
+  class r {
+    constructor(b, d, g) {
+      this.stream = b, this.start = d, this.end = g;
+    }
+    get value() {
+      return this.stream.slice(this.start, this.end);
+    }
+    get whitespace() {
+      let b = this.start - 1;
+      for (; b >= 0 && /\s/.test(this.stream[b]); b--)
+        ;
+      return new r(this.stream, b + 1, this.start);
+    }
+  }
+  function i(c, b, d = /\S/g) {
+    if (!d.global)
+      throw new Error("Regexp must be global");
+    d.lastIndex = b;
+    const g = d.exec(c);
+    if (!!g)
+      return new t(c, g.index);
+  }
+  function a(c, b) {
+    let d = i(c, b);
+    if (!d)
+      return;
+    const g = d.pos;
+    d = i(c, g + 1, /[\s<]|>/g);
+    const u = d ? d.pos + Number(d.value == ">") : c.length;
+    return new r(c, g, u);
+  }
+  const n = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "command",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "keygen",
+    "link",
+    "menuitem",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr",
+    "!doctype",
+    "--"
+  ];
+  function l(c) {
+    let b = c.replace(/^<\/?|>$/g, "").toLowerCase();
+    (b.startsWith("!--") || b.endsWith("--")) && (b = "--");
+    const d = /</.test(c), g = />/.test(c), u = /<([^/]|$)/.test(c), h = /<\//.test(c) || u && n.includes(b);
+    return {
+      isTagStart: d,
+      isTagEnd: g,
+      isStartTag: u,
+      isEndTag: h,
+      tagName: b
+    };
+  }
+  function s(c, b = "  ", d = 80) {
+    const g = [];
+    let u = !1, h = !1, f = !1, v = !1, x = "", y = 0, S = {}, w, F = 0;
+    for (; w = a(c, F); ) {
+      let C = w.value, X = w.whitespace.value, N = "", { isTagStart: E, isTagEnd: A, isStartTag: M, isEndTag: T, tagName: P } = l(C);
+      if (!v) {
+        if (E && !P) {
+          if (F = w.end, w = a(c, F), !w)
+            break;
+          C += w.value, { isTagStart: E, isTagEnd: A, isStartTag: M, isEndTag: T, tagName: P } = l(C);
+        }
+        if (!E && (u || h)) {
+          const pe = /[^=]"\w/g.exec(C);
+          pe && w.end != w.start + pe.index + 2 && (w.end = w.start + pe.index + 2, C = w.value, { isTagStart: E, isTagEnd: A, isStartTag: M, isEndTag: T, tagName: P } = l(C), N = b);
+        }
+      }
+      !v && M && (x = P);
+      const G = (T && P != "--" || A && P == "--") && P == x;
+      v && !G && (E = A = M = T = !1), M && (u = !0), T && (h = !0), T && !M && --y;
+      const eo = u && A && ["script", "style"].includes(x) || M && x == "--", at = u || h, lt = X || S.pendingWhitespace, vr = /^=([^!=]|$)/.test(C) || /^"/.test(C) && /(^|[^!=])=$/.test(S.tokenValue), xr = at && (vr || /^>/.test(C));
+      if (v || f)
+        g.push(X);
+      else if (lt && !xr) {
+        const oo = (lt.match(/\n/g) || []).length, pe = Math.max(0, g.lastIndexOf(`
+`)), kr = g.slice(pe).reduce((wr, yr) => wr + yr.length, 0), ct = b.repeat(y + Number(at && !E));
+        kr + C.length > d ? g.push(`
+`, ct) : oo ? g.push(...Array(oo).fill(`
+`), ct) : g.push(" ");
+      }
+      g.push(C), S = { pendingWhitespace: N, tokenValue: C }, eo && (v = !0), G && (v = !1), u && A && x == "pre" && (f = !0), T && P == "pre" && (f = !1), u && A && !h && ++y, A && (u = h = !1), F = w.end;
+    }
+    return c[c.length - 1] == `
+` && g.push(`
+`), g.join("");
+  }
+  e.default = s, o.exports = Object.assign(e.default, e);
+})(Ro, Ro.exports);
+const Xr = /* @__PURE__ */ Zr(Ro.exports);
+class Gt extends $ {
+  static get properties() {
+    return {
+      source: { attribute: !1 }
+    };
+  }
+  firstUpdated() {
+    let t = this.shadowRoot.querySelector("slot").assignedNodes().map((i) => i.nodeType === Node.TEXT_NODE ? i.textContent : i.outerHTML).join("").trim();
+    t = Xr(t);
+    const r = window == null ? void 0 : window.Prism.highlight(t, window.Prism.languages.markup, "html");
+    this.source = r;
+  }
+  render() {
+    return p` <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"
+        integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ=="
+        crossorigin="anonymous"
+      />
+      <slot></slot>
+      <pre><code>${et(this.source)}</code></pre>`;
+  }
+}
+k(Gt, "styles", R`
     :host {
       display: block;
       margin-top: 20px;
@@ -50,14 +1138,9 @@ import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&in
     slot {
       display: none;
     }
-  `;static get properties(){return{source:{attribute:!1}}}firstUpdated(){let t=this.shadowRoot.querySelector("slot").assignedNodes().map(i=>i.nodeType===Node.TEXT_NODE?i.textContent:i.outerHTML).join("").trim();t=At(t);const r=window?.Prism.highlight(t,window.Prism.languages.markup,"html");this.source=r}render(){return p` <link
-        rel="stylesheet"
-        href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"
-        integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ=="
-        crossorigin="anonymous"
-      />
-      <slot></slot>
-      <pre><code>${Qe(this.source)}</code></pre>`}}customElements.define("syntax-highlight",Et);const Rt=()=>p`<svg
+  `);
+customElements.define("syntax-highlight", Gt);
+const Gr = () => p`<svg
   aria-label="Rødt utropstegn"
   role="img"
   xmlns="http://www.w3.org/2000/svg"
@@ -65,8 +1148,8 @@ import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&in
   height="16"
   fill="none"
 >
-  ${Ut}
-</svg>`,qt=()=>p`<svg
+  ${oi}
+</svg>`, Jr = () => p`<svg
   aria-label="Grønt hake"
   role="img"
   width="16"
@@ -74,8 +1157,8 @@ import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&in
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Ft}
-</svg> `,jt=()=>p`<svg
+  ${ti}
+</svg> `, Qr = () => p`<svg
   aria-label="Gult utropstegn"
   role="img"
   width="16"
@@ -83,8 +1166,8 @@ import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&in
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Pt}
-</svg> `,Mt=()=>p`<svg
+  ${ri}
+</svg> `, ei = () => p`<svg
   aria-label="Info"
   role="img"
   width="16"
@@ -92,8 +1175,8 @@ import lo from"https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css?used&in
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
 >
-  ${Lt}
-</svg>`,Ut=_e`<path
+  ${ii}
+</svg>`, oi = Ze`<path
 d="M4.1.586A2 2 0 0 1 5.516 0h4.97A2 2 0 0 1 11.9.586L15.413 4.1A2 2 0 0 1 16 5.514v4.97a2 2 0 0 1-.586 1.415L11.9 15.413a2 2 0 0 1-1.415.586h-4.97a2 2 0 0 1-1.414-.586L.586 11.9A2 2 0 0 1 0 10.485v-4.97A2 2 0 0 1 .586 4.1L4.1.586Z"
 fill="currentColor"
 />
@@ -103,13 +1186,13 @@ clip-rule="evenodd"
 d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 8 3.25Z"
 fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`,Ft=_e`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, ti = Ze`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
 <path
   fill-rule="evenodd"
   clip-rule="evenodd"
   d="M11.5 4.94c.3.27.34.75.06 1.06l-4 4.5a.75.75 0 0 1-1.09.03l-2-2a.75.75 0 0 1 1.06-1.06l1.44 1.44L10.44 5a.75.75 0 0 1 1.06-.07Z"
   fill="#fff"
-/>`,Pt=_e`<path
+/>`, ri = Ze`<path
 d="M.24 12 6.16 1.09a2.1 2.1 0 0 1 3.68 0l5.92 10.93c.73 1.36-.28 2.99-1.85 2.99H2.1a2.04 2.04 0 0 1-1.85-3Z"
 fill="currentColor"
 />
@@ -119,14 +1202,79 @@ clip-rule="evenodd"
 d="M8 3.25c.41 0 .75.34.75.75v5a.75.75 0 0 1-1.5 0V4c0-.41.34-.75.75-.75Z"
 fill="#fff"
 />
-<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`,Lt=_e`<circle cx="8" cy="8" r="8" fill="currentColor" />
+<path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`, ii = Ze`<circle cx="8" cy="8" r="8" fill="currentColor" />
 <path
   fill-rule="evenodd"
   clip-rule="evenodd"
   d="M7.25 12a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.5 0v4ZM8 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
   fill="#fff"
-/>`,yo={negative:{color:"red",icon:Rt(),bgColor:"bg-red-50",borderColor:"border-red-300",textColor:"text-red-600"},positive:{color:"green",icon:qt(),bgColor:"bg-green-50",borderColor:"border-green-300",textColor:"text-green-600"},warning:{color:"yellow",icon:jt(),bgColor:"bg-yellow-50",borderColor:"border-yellow-300",textColor:"text-yellow-600"},info:{color:"aqua",icon:Mt(),bgColor:"bg-aqua-50",borderColor:"border-aqua-300",textColor:"text-aqua-600"}};class Ot extends w{static properties={variant:{type:String,reflect:!0},show:{type:Boolean,reflect:!0},role:{type:String,reflect:!0}};constructor(){super(),this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!Object.keys(yo).includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-negative, positive, warning, info.`)}static styles=_`
+/>`, xt = {
+  negative: {
+    color: "red",
+    icon: Gr(),
+    bgColor: "bg-red-50",
+    borderColor: "border-red-300",
+    textColor: "text-red-600"
+  },
+  positive: {
+    color: "green",
+    icon: Jr(),
+    bgColor: "bg-green-50",
+    borderColor: "border-green-300",
+    textColor: "text-green-600"
+  },
+  warning: {
+    color: "yellow",
+    icon: Qr(),
+    bgColor: "bg-yellow-50",
+    borderColor: "border-yellow-300",
+    textColor: "text-yellow-600"
+  },
+  info: {
+    color: "aqua",
+    icon: ei(),
+    bgColor: "bg-aqua-50",
+    borderColor: "border-aqua-300",
+    textColor: "text-aqua-600"
+  }
+};
+class Ao extends $ {
+  constructor() {
+    super(), this.show = !1, this.role = "alert";
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), !this.variant || !Object.keys(xt).includes(this.variant))
+      throw new Error(
+        `Invalid "variant" attribute. Set its value to one of the following:
+negative, positive, warning, info.`
+      );
+  }
+  get _style() {
+    return this.variant ? xt[this.variant] : {};
+  }
+  render() {
+    const { color: e, icon: t, bgColor: r, borderColor: i, textColor: a } = this._style;
+    return p`
+      <w-expand-transition ?show=${this.show}>
+        <div
+          role=${this.role}
+          class="${`flex p-16 border rounded-4 border-l-4 ${r} ${i}`}"
+          style="border-left-color:var(--w-${e}-600)"
+        >
+          <div class="mr-8 ${a}">${t}</div>
+          <div class="text-14">
+            <slot></slot>
+          </div>
+        </div>
+      </w-expand-transition>
+    `;
+  }
+}
+k(Ao, "properties", {
+  variant: { type: String, reflect: !0 },
+  show: { type: Boolean, reflect: !0 },
+  role: { type: String, reflect: !0 }
+}), k(Ao, "styles", R`
       /* /* layer: preflights */
 
 /*
@@ -702,24 +1850,223 @@ video {
       ::slotted(:last-child) {
         margin-bottom: 0px !important;
       }
-    `;get _style(){return this.variant?yo[this.variant]:{}}render(){const{color:e,icon:t,bgColor:r,borderColor:i,textColor:n}=this._style;return p`
-      <w-expand-transition ?show=${this.show}>
-        <div
-          role=${this.role}
-          class="${`flex p-16 border rounded-4 border-l-4 ${r} ${i}`}"
-          style="border-left-color:var(--w-${e}-600)"
-        >
-          <div class="mr-8 ${n}">${t}</div>
-          <div class="text-14">
-            <slot></slot>
-          </div>
-        </div>
-      </w-expand-transition>
-    `}}customElements.get("w-alert")||customElements.define("w-alert",Ot);const W={base:"border-2 relative",tooltip:"bg-gray-700 border-gray-700 text-white rounded-4 py-6 px-8",callout:"bg-green-100 border-green-400 py-8 px-16 rounded-8",popover:"bg-white border-white rounded-8 p-16 filter drop-shadow-20",arrowBase:"absolute h-14 w-14 border-2 border-b-0 border-r-0 transform",arrowTooltip:"bg-gray-700 border-gray-700",arrowCallout:"bg-green-100 border-green-400",arrowPopover:"bg-white border-white"},J={box:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8"},O={card:"cursor-pointer overflow-hidden relative transition-all outline-none",cardShadow:"f-card rounded-8",cardFlat:"border-2 rounded-4",cardFlatUnselected:"border-bluegray-300 hover:bg-gray-50 hover:border-bluegray-400 active:border-bluegray-300",cardFlatSelected:"border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",cardSelected:"border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",cardOutline:"f-card-outline absolute rounded-8 inset-0 transition-all border-2",cardOutlineUnselected:"border-transparent",cardOutlineSelected:"border-blue-600 hover:border-blue-700"},$o={toasterContainer:"fixed fixed-ios-fix bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",toaster:"f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"},q={toastWrapper:"relative overflow-hidden w-full",toast:"toast flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all",toastPositive:"bg-green-50 border-green-300 text-green-800",toastWarning:"bg-yellow-50 border-yellow-300 text-yellow-800",toastNegative:"bg-red-50 border-red-300 text-red-800",toastNeutral:"bg-gray-50 border-gray-300 text-gray-800",toastIcon:"flex-shrink-0 rounded-full w-16 h-16 m-8",toastIconPositive:"bg-green-300",toastIconWarning:"bg-yellow-300",toastIconNegative:"bg-red-300",toastIconNeutral:"bg-gray-300",toastIconLoading:"animate-bounce",toastContent:"self-center mr-8 py-4 last-child:mb-0",toastClose:"ml-auto p-8"},Bt="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block",Ko="absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ",Nt={wrapper:Ko+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-12"},Tt={wrapper:Ko+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-secondary text-12"},U={buttonSecondary:"py-10 px-14 border-2 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",buttonPrimary:"py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-primary-text i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover! active:i-bg-$color-button-primary-background-active",buttonFlat:"py-12 px-16 border-0! font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-quiet-background i-text-$color-button-quiet-text hover:i-bg-$color-button-quiet-background-hover active:i-bg-$color-button-quiet-background-active",buttonDestructive:"py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover! active:i-bg-$color-button-negative-background-active!",buttonDestructiveFlat:"py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-quiet-background! i-text-$color-button-negative-quiet-text! hover:i-bg-$color-button-negative-quiet-background-hover! active:i-bg-$color-button-negative-quiet-background-active!",buttonUtility:"px-[15px] py-[11px] font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out border rounded-4 i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover! active:i-border-$color-button-utility-border-active!",buttonUtilityFlat:"py-12 px-16 bg-transparent border-0 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-utility-text i-bg-$color-button-utility-background hover:i-bg-$color-button-utility-background-hover rounded-4",buttonPill:"font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-favorite-text i-bg-$color-button-favorite-background hover:i-bg-$color-button-favorite-background-hover acive:i-bg-$color-button-favorite-background-active inline-flex items-center justify-center hover:bg-clip-padding",buttonLink:"leading-24 max-w-max focusable ease-in-out inline i-text-$color-text-link hover:i-text-$color-text-link-hover hover:underline active:underline",buttonSmall:"px-16 py-6 text-12 leading-16",buttonSmallOverride:"py-8",buttonSmallSecondary:"py-6",buttonSmallUtility:"py-7 px-15",buttonSmallButtonPill:"p-4 min-h-32 min-w-32",buttonSmallButtonLink:"p-0",buttonIsDisabled:"py-10 px-14 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-disabled-background! i-text-$color-button-disabled-text! cursor-default pointer-events-none",buttonInProgress:"py-10 px-14 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out animate-inprogress i-text-$color-button-loading-text! pointer-events-none i-bg-$color-button-loading-background!"};var eo=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(t,r){return t.concat(typeof r=="string"?r:Array.isArray(r)?eo.apply(void 0,r):typeof r=="object"&&r?Object.keys(r).map(function(i){return r[i]?i:""}):"")},[]).join(" ")};/**
+    `);
+customElements.get("w-alert") || customElements.define("w-alert", Ao);
+const Q = {
+  base: "border-2 relative",
+  tooltip: "bg-gray-700 border-gray-700 text-white rounded-4 py-6 px-8",
+  callout: "bg-green-100 border-green-400 py-8 px-16 rounded-8",
+  popover: "bg-white border-white rounded-8 p-16 filter drop-shadow-20",
+  arrowBase: "absolute h-14 w-14 border-2 border-b-0 border-r-0 transform",
+  arrowTooltip: "bg-gray-700 border-gray-700",
+  arrowCallout: "bg-green-100 border-green-400",
+  arrowPopover: "bg-white border-white"
+}, le = {
+  box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
+  bleed: "-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8"
+}, H = {
+  card: "cursor-pointer overflow-hidden relative transition-all outline-none",
+  cardShadow: "f-card rounded-8",
+  cardFlat: "border-2 rounded-4",
+  cardFlatUnselected: "border-bluegray-300 hover:bg-gray-50 hover:border-bluegray-400 active:border-bluegray-300",
+  cardFlatSelected: "border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",
+  cardSelected: "border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",
+  cardOutline: "f-card-outline absolute rounded-8 inset-0 transition-all border-2",
+  cardOutlineUnselected: "border-transparent",
+  cardOutlineSelected: "border-blue-600 hover:border-blue-700"
+}, kt = {
+  toasterContainer: "fixed fixed-ios-fix bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",
+  toaster: "f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"
+}, j = {
+  toastWrapper: "relative overflow-hidden w-full",
+  toast: "toast flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all",
+  toastPositive: "bg-green-50 border-green-300 text-green-800",
+  toastWarning: "bg-yellow-50 border-yellow-300 text-yellow-800",
+  toastNegative: "bg-red-50 border-red-300 text-red-800",
+  toastNeutral: "bg-gray-50 border-gray-300 text-gray-800",
+  toastIcon: "flex-shrink-0 rounded-full w-16 h-16 m-8",
+  toastIconPositive: "bg-green-300",
+  toastIconWarning: "bg-yellow-300",
+  toastIconNegative: "bg-red-300",
+  toastIconNeutral: "bg-gray-300",
+  toastIconLoading: "animate-bounce",
+  toastContent: "self-center mr-8 py-4 last-child:mb-0",
+  toastClose: "ml-auto p-8"
+}, ni = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block", Jt = "absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ", ai = {
+  wrapper: Jt + "right-0",
+  wrapperWithLabel: "w-max pr-12",
+  wrapperWithIcon: "w-40",
+  label: "field-label pb-0 text-12"
+}, li = {
+  wrapper: Jt + "left-0",
+  wrapperWithLabel: "w-max pl-12",
+  wrapperWithIcon: "w-40",
+  label: "field-label pb-0 text-secondary text-12"
+}, U = {
+  buttonSecondary: "py-10 px-14 border-2 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",
+  buttonPrimary: "py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-primary-text i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover! active:i-bg-$color-button-primary-background-active",
+  buttonFlat: "py-12 px-16 border-0! font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-quiet-background i-text-$color-button-quiet-text hover:i-bg-$color-button-quiet-background-hover active:i-bg-$color-button-quiet-background-active",
+  buttonDestructive: "py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover! active:i-bg-$color-button-negative-background-active!",
+  buttonDestructiveFlat: "py-12 px-16 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-quiet-background! i-text-$color-button-negative-quiet-text! hover:i-bg-$color-button-negative-quiet-background-hover! active:i-bg-$color-button-negative-quiet-background-active!",
+  buttonUtility: "px-[15px] py-[11px] font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out border rounded-4 i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover! active:i-border-$color-button-utility-border-active!",
+  buttonUtilityFlat: "py-12 px-16 bg-transparent border-0 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-utility-text i-bg-$color-button-utility-background hover:i-bg-$color-button-utility-background-hover rounded-4",
+  buttonPill: "font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-favorite-text i-bg-$color-button-favorite-background hover:i-bg-$color-button-favorite-background-hover acive:i-bg-$color-button-favorite-background-active inline-flex items-center justify-center hover:bg-clip-padding",
+  buttonLink: "leading-24 max-w-max focusable ease-in-out inline i-text-$color-text-link hover:i-text-$color-text-link-hover hover:underline active:underline",
+  buttonSmall: "px-16 py-6 text-12 leading-16",
+  buttonSmallOverride: "py-8",
+  buttonSmallSecondary: "py-6",
+  buttonSmallUtility: "py-7 px-15",
+  buttonSmallButtonPill: "p-4 min-h-32 min-w-32",
+  buttonSmallButtonLink: "p-0",
+  buttonIsDisabled: "py-10 px-14 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-disabled-background! i-text-$color-button-disabled-text! cursor-default pointer-events-none",
+  buttonInProgress: "py-10 px-14 border-0 font-bold rounded-8 leading-24 max-w-max focusable justify-center transition-colors ease-in-out animate-inprogress i-text-$color-button-loading-text! pointer-events-none i-bg-$color-button-loading-background!"
+};
+var ot = function() {
+  for (var o = [], e = arguments.length; e--; )
+    o[e] = arguments[e];
+  return o.reduce(function(t, r) {
+    return t.concat(typeof r == "string" ? r : Array.isArray(r) ? ot.apply(void 0, r) : typeof r == "object" && r ? Object.keys(r).map(function(i) {
+      return r[i] ? i : "";
+    }) : "");
+  }, []).join(" ");
+};
+/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const oo=Ge(class extends Je{constructor(o){var e;if(super(o),o.type!==Ke.ATTRIBUTE||o.name!=="class"||((e=o.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(e=>o[e]).join(" ")+" "}update(o,[e]){var t,r;if(this.nt===void 0){this.nt=new Set,o.strings!==void 0&&(this.st=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!(!((t=this.st)===null||t===void 0)&&t.has(n))&&this.nt.add(n);return this.render(e)}const i=o.element.classList;this.nt.forEach(n=>{n in e||(i.remove(n),this.nt.delete(n))});for(const n in e){const a=!!e[n];a===this.nt.has(n)||((r=this.st)===null||r===void 0?void 0:r.has(n))||(a?(i.add(n),this.nt.add(n)):(i.remove(n),this.nt.delete(n)))}return N}}),It=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function Ae(o){return class extends o{static createProperty(e,t){let r=t;(typeof t?.attribute>"u"||t?.attribute===!0)&&(r=Object.assign({},t,{attribute:It(e.toString())})),super.createProperty(e,r)}}}function zo(o){const e=[];for(const[t,r]of Object.entries(o))r&&e.push(t);return e.join(" ")}const te=typeof window<"u";function P(o){const e={};for(const[t,r]of Object.entries(o))for(const i of t.split(" "))e[i]=r;return oo(e)}function Ht(){return`m${Math.random().toString(36).slice(2)}`}const Be=["primary","secondary","negative","utility","pill","link"];class Dt extends Ae(w){static shadowRootOptions={...w.shadowRootOptions,delegatesFocus:!0};static properties={type:{type:"button"|"submit"|"reset",reflect:!0},autofocus:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},quiet:{type:Boolean,reflect:!0},small:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},href:{type:String,reflect:!0},target:{type:String,reflect:!0},rel:{type:String,reflect:!0},buttonClass:{type:String,reflect:!0}};static styles=[unsafeCSS(lo),_`
+ */
+class ci extends Jo {
+  constructor(e) {
+    var t;
+    if (super(e), e.type !== Xo.ATTRIBUTE || e.name !== "class" || ((t = e.strings) === null || t === void 0 ? void 0 : t.length) > 2)
+      throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(e) {
+    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+  }
+  update(e, [t]) {
+    var r, i;
+    if (this._previousClasses === void 0) {
+      this._previousClasses = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this._staticClasses = new Set(e.strings.join(" ").split(/\s/).filter((n) => n !== "")));
+      for (const n in t)
+        t[n] && !(!((r = this._staticClasses) === null || r === void 0) && r.has(n)) && this._previousClasses.add(n);
+      return this.render(t);
+    }
+    const a = e.element.classList;
+    this._previousClasses.forEach((n) => {
+      n in t || (a.remove(n), this._previousClasses.delete(n));
+    });
+    for (const n in t) {
+      const l = !!t[n];
+      l !== this._previousClasses.has(n) && !(!((i = this._staticClasses) === null || i === void 0) && i.has(n)) && (l ? (a.add(n), this._previousClasses.add(n)) : (a.remove(n), this._previousClasses.delete(n)));
+    }
+    return K;
+  }
+}
+const tt = Go(ci), si = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Xe(o) {
+  return class extends o {
+    static createProperty(e, t) {
+      let r = t;
+      (typeof (t == null ? void 0 : t.attribute) > "u" || (t == null ? void 0 : t.attribute) === !0) && (r = Object.assign({}, t, {
+        attribute: si(e.toString())
+      })), super.createProperty(e, r);
+    }
+  };
+}
+function wt(o) {
+  const e = [];
+  for (const [t, r] of Object.entries(o))
+    r && e.push(t);
+  return e.join(" ");
+}
+const be = typeof window < "u";
+function L(o) {
+  const e = {};
+  for (const [t, r] of Object.entries(o))
+    for (const i of t.split(" "))
+      e[i] = r;
+  return tt(e);
+}
+function di() {
+  return `m${Math.random().toString(36).slice(2)}`;
+}
+const wo = [
+  "primary",
+  "secondary",
+  "negative",
+  "utility",
+  "pill",
+  "link"
+];
+class Pe extends Xe($) {
+  constructor() {
+    super(), this.variant = "secondary";
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), !wo.includes(this.variant))
+      throw new Error(
+        `Invalid "variant" attribute. Set its value to one of the following:
+${wo.join(
+          ", "
+        )}.`
+      );
+  }
+  firstUpdated() {
+    this.autofocus && setTimeout(() => this.focus(), 0);
+  }
+  get _classes() {
+    const e = this.variant === "primary", t = this.variant === "secondary", r = this.variant === "negative", i = this.variant === "utility", a = this.variant === "pill", n = this.variant === "link";
+    return ot(
+      {
+        [U.buttonSecondary]: !wo.find((l) => this.variant === l) || t,
+        [U.buttonPrimary]: e,
+        [U.buttonDestructive]: r && !this.quiet,
+        [U.buttonFlat]: t && this.quiet,
+        [U.buttonDestructiveFlat]: r && this.quiet,
+        [U.buttonUtilityFlat]: i && this.quiet,
+        [U.buttonSmall]: this.small,
+        [U.buttonUtility]: i && !this.quiet,
+        [U.buttonLink]: n,
+        [U.buttonPill]: a,
+        [U.buttonInProgress]: this.loading,
+        [U.buttonIsDisabled]: this.disabled,
+        ["inline-block"]: !!this.href
+      }
+    );
+  }
+  render() {
+    return p`
+    ${this.href ? p`<a
+          href=${this.href}
+          target=${this.target}
+          rel=${this.target === "_blank" ? this.rel || "noopener" : void 0}
+          class=${this._classes}
+        >
+          <slot></slot>
+        </a>` : p`<button type=${this.type || "button"} class=${this._classes}>
+          <slot></slot>
+        </button>`}
+    ${this.loading ? p`<span
+          class="sr-only"
+          role="progressbar"
+          aria-valuenow="{0}"
+          aria-valuetext="Laster..."
+        />` : null}`;
+  }
+}
+k(Pe, "shadowRootOptions", { ...$.shadowRootOptions, delegatesFocus: !0 }), k(Pe, "properties", {
+  type: { type: "button" | "submit" | "reset", reflect: !0 },
+  autofocus: { type: Boolean, reflect: !0 },
+  variant: { type: String, reflect: !0 },
+  quiet: { type: Boolean, reflect: !0 },
+  small: { type: Boolean, reflect: !0 },
+  loading: { type: Boolean, reflect: !0 },
+  href: { type: String, reflect: !0 },
+  target: { type: String, reflect: !0 },
+  rel: { type: String, reflect: !0 },
+  buttonClass: { type: String, reflect: !0 }
+}), k(Pe, "styles", R`
     /* /* layer: preflights */
 
 /*
@@ -1286,28 +2633,64 @@ video {
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `];constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Be.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${Be.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _classes(){const e=this.variant==="primary",t=this.variant==="secondary",r=this.variant==="negative",i=this.variant==="utility",n=this.variant==="pill",a=this.variant==="link";return console.log({styles:lo}),eo({[U.buttonSecondary]:!Be.find(l=>this.variant===l)||t,[U.buttonPrimary]:e,[U.buttonDestructive]:r&&!this.quiet,[U.buttonFlat]:t&&this.quiet,[U.buttonDestructiveFlat]:r&&this.quiet,[U.buttonUtilityFlat]:i&&this.quiet,[U.buttonSmall]:this.small,[U.buttonUtility]:i&&!this.quiet,[U.buttonLink]:a,[U.buttonPill]:n,[U.buttonInProgress]:this.loading,[U.buttonIsDisabled]:this.disabled,["inline-block"]:!!this.href})}render(){return p`
-    ${this.href?p`<a
-          href=${this.href}
-          target=${this.target}
-          rel=${this.target==="_blank"?this.rel||"noopener":void 0}
-          class=${this._classes}
-        >
-          <slot></slot>
-        </a>`:p`<button type=${this.type||"button"} class=${this._classes}>
-          <slot></slot>
-        </button>`}
-    ${this.loading?p`<span
-          class="sr-only"
-          role="progressbar"
-          aria-valuenow="{0}"
-          aria-valuetext="Laster..."
-        />`:null}`}}customElements.get("w-button")||customElements.define("w-button",Dt);/**
+  `);
+customElements.get("w-button") || customElements.define("w-button", Pe);
+/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const y=o=>o??$,So={ENTER:"Enter",SPACE:" "};class Wt extends w{static styles=[_`
+ */
+const _ = (o) => o != null ? o : z, yt = {
+  ENTER: "Enter",
+  SPACE: " "
+};
+class qo extends $ {
+  constructor() {
+    super(), this.selected = !1, this.flat = !1, this.clickable = !1;
+  }
+  get _outerClasses() {
+    return L({
+      [H.card]: !0,
+      [H.cardShadow]: !this.flat,
+      [H.cardSelected]: this.selected,
+      [H.cardFlat]: this.flat,
+      [this.selected ? H.cardFlatSelected : H.cardFlatUnselected]: this.flat
+    });
+  }
+  get _innerClasses() {
+    return L({
+      [H.cardOutline]: !0,
+      [this.selected ? H.cardOutlineSelected : H.cardOutlineUnselected]: !0
+    });
+  }
+  get uuButton() {
+    return p`<button class="sr-only" aria-pressed="${this.selected}" tabindex="-1">
+      Velg
+    </button>`;
+  }
+  get uuSpan() {
+    return p`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
+  }
+  keypressed(e) {
+    !this.clickable || e.altKey || e.ctrlKey || (e.key === yt.ENTER || e.key === yt.SPACE) && (e.preventDefault(), this.click());
+  }
+  render() {
+    return p`
+      <div
+        tabindex=${_(this.clickable ? "0" : void 0)}
+        class="${this._outerClasses}"
+        @keydown=${this.keypressed}
+      >
+        ${this.clickable ? this.uuButton : ""}
+        ${!this.clickable && this.selected ? this.uuSpan : ""}
+        <div class="${this._innerClasses}"></div>
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+k(qo, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -1886,24 +3269,77 @@ video {
       :host {
         display: block;
       }
-    `];static properties={selected:{type:Boolean,reflect:!0},flat:{type:Boolean},clickable:{type:Boolean}};constructor(){super(),this.selected=!1,this.flat=!1,this.clickable=!1}get _outerClasses(){return P({[O.card]:!0,[O.cardShadow]:!this.flat,[O.cardSelected]:this.selected,[O.cardFlat]:this.flat,[this.selected?O.cardFlatSelected:O.cardFlatUnselected]:this.flat})}get _innerClasses(){return P({[O.cardOutline]:!0,[this.selected?O.cardOutlineSelected:O.cardOutlineUnselected]:!0})}get uuButton(){return p`<button class="sr-only" aria-pressed="${this.selected}" tabindex="-1">
-      Velg
-    </button>`}get uuSpan(){return p`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`}keypressed(e){!this.clickable||e.altKey||e.ctrlKey||(e.key===So.ENTER||e.key===So.SPACE)&&(e.preventDefault(),this.click())}render(){return p`
-      <div
-        tabindex=${y(this.clickable?"0":void 0)}
-        class="${this._outerClasses}"
-        @keydown=${this.keypressed}
-      >
-        ${this.clickable?this.uuButton:""}
-        ${!this.clickable&&this.selected?this.uuSpan:""}
-        <div class="${this._innerClasses}"></div>
-        <slot></slot>
-      </div>
-    `}}customElements.get("w-card")||customElements.define("w-card",Wt);/**
+    `
+]), k(qo, "properties", {
+  selected: { type: Boolean, reflect: !0 },
+  flat: { type: Boolean },
+  clickable: { type: Boolean }
+});
+customElements.get("w-card") || customElements.define("w-card", qo);
+/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function xe(o,e,t){return o?e():t?.()}class Vt extends Ae(w){static properties={autoFocus:{type:Boolean,reflect:!0},invalid:{type:Boolean,reflect:!0},always:{type:Boolean,reflect:!0},hint:{type:String,reflect:!0},label:{type:String,reflect:!0},optional:{type:Boolean,reflect:!0},_options:{state:!0}};static styles=_`
+ */
+function je(o, e, t) {
+  return o ? e() : t == null ? void 0 : t();
+}
+var Ke, Qt, se, Ne, de, Te;
+class Mo extends Xe($) {
+  constructor() {
+    super();
+    Re(this, Ke);
+    Re(this, se);
+    Re(this, de);
+    this._options = this.innerHTML;
+  }
+  render() {
+    return p`<div class="${J(this, Ke, Qt)}">
+      ${je(
+      this.label,
+      () => p`<label for="${J(this, se, Ne)}">
+            ${this.label}
+            ${je(
+        this.optional,
+        () => p`<span className="pl-8 font-normal text-14 text-gray-500">(valgfritt)</span>`
+      )}</label
+          >`
+    )}
+      <div class="input--select__wrap">
+        <select
+          id="${J(this, se, Ne)}"
+          ?autofocus=${this.autoFocus}
+          aria-describedby="${_(J(this, de, Te))}"
+          aria-invalid="${_(this.invalid)}"
+          aria-errormessage="${_(this.invalid && J(this, de, Te))}"
+        >
+          ${et(this._options)}
+        </select>
+      </div>
+      ${je(
+      this.always || this.invalid,
+      () => p`<div id="${J(this, de, Te)}" class="input__sub-text">${this.hint}</div>`
+    )}
+    </div>`;
+  }
+}
+Ke = new WeakSet(), Qt = function() {
+  return ot("input mb-0", {
+    "input--is-invalid": this.invalid
+  });
+}, se = new WeakSet(), Ne = function() {
+  return "select_id";
+}, de = new WeakSet(), Te = function() {
+  return this.hint ? `${J(this, se, Ne)}__hint` : void 0;
+}, k(Mo, "properties", {
+  autoFocus: { type: Boolean, reflect: !0 },
+  invalid: { type: Boolean, reflect: !0 },
+  always: { type: Boolean, reflect: !0 },
+  hint: { type: String, reflect: !0 },
+  label: { type: String, reflect: !0 },
+  optional: { type: Boolean, reflect: !0 },
+  _options: { state: !0 }
+}), k(Mo, "styles", R`
     /* /* layer: preflights */
 
 /*
@@ -2472,24 +3908,32 @@ video {
 .pointer-events-none{pointer-events:none;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `;get#t(){return eo("input mb-0",{"input--is-invalid":this.invalid})}get#e(){return"select_id"}get#o(){return this.hint?`${this.#e}__hint`:void 0}constructor(){super(),this._options=this.innerHTML}render(){return p`<div class="${this.#t}">
-      ${xe(this.label,()=>p`<label for="${this.#e}">
-            ${this.label}
-            ${xe(this.optional,()=>p`<span className="pl-8 font-normal text-14 text-gray-500">(valgfritt)</span>`)}</label
-          >`)}
-      <div class="input--select__wrap">
-        <select
-          id="${this.#e}"
-          ?autofocus=${this.autoFocus}
-          aria-describedby="${y(this.#o)}"
-          aria-invalid="${y(this.invalid)}"
-          aria-errormessage="${y(this.invalid&&this.#o)}"
-        >
-          ${Qe(this._options)}
-        </select>
+  `);
+customElements.get("w-select") || customElements.define("w-select", Mo);
+class Po extends $ {
+  get _class() {
+    return L({
+      [le.box]: !0,
+      [le.bleed]: this.bleed,
+      "bg-aqua-50": this.info,
+      "bg-bluegray-100": this.neutral,
+      "border-2 border-bluegray-300": this.bordered
+    });
+  }
+  render() {
+    return p`
+      <div class="${this._class}">
+        <slot></slot>
       </div>
-      ${xe(this.always||this.invalid,()=>p`<div id="${this.#o}" class="input__sub-text">${this.hint}</div>`)}
-    </div>`}}customElements.get("w-select")||customElements.define("w-select",Vt);class Zt extends w{static properties={bleed:{type:Boolean},bordered:{type:Boolean},info:{type:Boolean},neutral:{type:Boolean}};static styles=_`
+    `;
+  }
+}
+k(Po, "properties", {
+  bleed: { type: Boolean },
+  bordered: { type: Boolean },
+  info: { type: Boolean },
+  neutral: { type: Boolean }
+}), k(Po, "styles", R`
       /* /* layer: preflights */
 
 /*
@@ -3062,11 +4506,26 @@ video {
         ::slotted(:last-child) {
           margin-bottom: 0px !important;
         }
-      `;get _class(){return P({[J.box]:!0,[J.bleed]:this.bleed,"bg-aqua-50":this.info,"bg-bluegray-100":this.neutral,"border-2 border-bluegray-300":this.bordered})}render(){return p`
-      <div class="${this._class}">
-        <slot></slot>
-      </div>
-    `}}customElements.get("w-box")||customElements.define("w-box",Zt);function Xt(o,e){return o.flatMap(t=>[t,e]).slice(0,-1)}const Yt=p`<span class="select-none" aria-hidden="true">/</span>`;class Kt extends w{static styles=_`
+      `);
+customElements.get("w-box") || customElements.define("w-box", Po);
+function ui(o, e) {
+  return o.flatMap((t) => [t, e]).slice(0, -1);
+}
+const bi = p`<span class="select-none" aria-hidden="true">/</span>`;
+class er extends $ {
+  connectedCallback() {
+    super.connectedCallback(), this._children = ui(Array.from(this.children), bi);
+  }
+  render() {
+    return p`
+      <nav aria-label="Her er du" class="flex space-x-8">
+        <h2 class="sr-only">Her er du</h2>
+        ${this._children}
+      </nav>
+    `;
+  }
+}
+k(er, "styles", R`
     /* /* layer: preflights */
 
 /*
@@ -3635,12 +5094,50 @@ video {
 .select-none{user-select:none;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `;connectedCallback(){super.connectedCallback(),this._children=Xt(Array.from(this.children),Yt)}render(){return p`
-      <nav aria-label="Her er du" class="flex space-x-8">
-        <h2 class="sr-only">Her er du</h2>
-        ${this._children}
-      </nav>
-    `}}customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",Kt);const to=typeof window<"u";let Go=!0;if(to){const o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:t})=>Go=!t;o.addEventListener&&o.addEventListener("change",e),e(o)}const Jo=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},Qo=o=>{const e=Go?"var(--f-expansion-duration, 0.3s)":"0.01s";o.style.transition=`height ${e}`,o.style.backfaceVisibility="hidden",o.style.overflow="hidden"},Gt=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},Jt=o=>()=>{o&&o()},et=(o,e)=>{const t=(()=>{if(!e)return new Promise(n=>{e=n})})(),r=Gt(o,e);Jo(o),o.style.height="auto";let i=o.scrollHeight;if(to&&requestAnimationFrame(()=>{o.addEventListener("transitionend",r,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",Qo(o),requestAnimationFrame(()=>o.style.height=i+"px")}),t)return t},ot=(o,e)=>{const t=(()=>{if(!e)return new Promise(n=>{e=n})})(),r=Jt(e);Jo(o);let i=o.scrollHeight;if(to&&requestAnimationFrame(()=>{o.addEventListener("transitionend",r,{once:!0}),o.style.height=i+"px",o.style.transitionTimingFunction="ease-in",Qo(o),requestAnimationFrame(()=>o.style.height="0px")}),t)return t},Qt=o=>p`<svg
+  `);
+customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", er);
+const rt = typeof window < "u";
+let or = !0;
+if (rt) {
+  const o = window.matchMedia("(prefers-reduced-motion: reduce)"), e = ({ matches: t }) => or = !t;
+  o.addEventListener && o.addEventListener("change", e), e(o);
+}
+const tr = (o) => {
+  o.style.transition = null, o.style.backfaceVisibility = null, o.style.overflow = null;
+}, rr = (o) => {
+  const e = or ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
+  o.style.transition = `height ${e}`, o.style.backfaceVisibility = "hidden", o.style.overflow = "hidden";
+}, gi = (o, e) => () => {
+  o.style.height = "auto", o.style.overflow = null, e && e();
+}, hi = (o) => () => {
+  o && o();
+}, ir = (o, e) => {
+  const t = (() => {
+    if (!e)
+      return new Promise((a) => {
+        e = a;
+      });
+  })(), r = gi(o, e);
+  tr(o), o.style.height = "auto";
+  let i = o.scrollHeight;
+  if (rt && requestAnimationFrame(() => {
+    o.addEventListener("transitionend", r, { once: !0 }), o.style.height = "0px", o.style.transitionTimingFunction = "ease-out", rr(o), requestAnimationFrame(() => o.style.height = i + "px");
+  }), t)
+    return t;
+}, nr = (o, e) => {
+  const t = (() => {
+    if (!e)
+      return new Promise((a) => {
+        e = a;
+      });
+  })(), r = hi(e);
+  tr(o);
+  let i = o.scrollHeight;
+  if (rt && requestAnimationFrame(() => {
+    o.addEventListener("transitionend", r, { once: !0 }), o.style.height = i + "px", o.style.transitionTimingFunction = "ease-in", rr(o), requestAnimationFrame(() => o.style.height = "0px");
+  }), t)
+    return t;
+}, pi = (o) => p`<svg
   role="img"
   aria-label="${o.typeLabel}"
   xmlns="http://www.w3.org/2000/svg"
@@ -3656,7 +5153,7 @@ video {
     stroke-width="1.5"
     d="M5.5 9l2 1.5L11 6"
   />
-</svg>`,er=o=>p`
+</svg>`, mi = (o) => p`
   <svg
     role="img"
     aria-label="${o.typeLabel}"
@@ -3665,7 +5162,10 @@ video {
     height="16"
     fill="none"
     viewBox="0 0 16 16"
-    class="${oo({"transition-transform duration-200":!0,"transform-rotate-180":o.isInfo})}"
+    class="${tt({
+  "transition-transform duration-200": !0,
+  "transform-rotate-180": o.isInfo
+})}"
   >
     <path
       stroke="currentColor"
@@ -3676,7 +5176,7 @@ video {
     />
     <circle cx="8" cy="11.8" r=".8" fill="currentColor" />
   </svg>
-`,or=()=>p`
+`, fi = () => p`
   <svg
     role="img"
     aria-label="Lukk"
@@ -3693,7 +5193,99 @@ video {
       clipRule="evenodd"
     />
   </svg>
-`,Co=o=>{const e={};for(const[t,r]of Object.entries(o))for(const i of t.split(" "))e[i]=r;return oo(e)};class tr extends w{static styles=[_`
+`, $t = (o) => {
+  const e = {};
+  for (const [t, r] of Object.entries(o))
+    for (const i of t.split(" "))
+      e[i] = r;
+  return tt(e);
+};
+class jo extends $ {
+  constructor() {
+    super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  updated() {
+    !this._expanded && this._wrapper && ir(this._wrapper, () => this._expanded = !0);
+  }
+  get _primaryClasses() {
+    return $t({
+      [j.toast]: !0,
+      [j.toastPositive]: this.type === "success",
+      [j.toastWarning]: this.type === "warning",
+      [j.toastNegative]: this.type === "error",
+      [j.toastNeutral]: this.type === "info"
+    });
+  }
+  get _iconClasses() {
+    return $t({
+      [j.toastIcon]: !0,
+      [j.toastIconPositive]: this.type == "success",
+      [j.toastIconWarning]: this.type === "warning",
+      [j.toastIconNegative]: this.type === "error",
+      [j.toastIconNeutral]: this.type === "info"
+    });
+  }
+  get _wrapper() {
+    var e, t;
+    return (t = (e = this.renderRoot) == null ? void 0 : e.querySelector("section")) != null ? t : null;
+  }
+  get _success() {
+    return this.type === "success";
+  }
+  get _warning() {
+    return this.type === "warning";
+  }
+  get _error() {
+    return this.type === "error";
+  }
+  get _info() {
+    return this.type === "info";
+  }
+  get _role() {
+    return this._error || this._warning ? "alert" : "status";
+  }
+  get _typeLabel() {
+    return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
+  }
+  get _iconMarkup() {
+    return this._success ? pi({ typeLabel: this._typeLabel }) : mi({ typeLabel: this._typeLabel, isInfo: this._info });
+  }
+  async collapse() {
+    return new Promise((e) => {
+      this._expanded && this._wrapper ? nr(this._wrapper, e) : e();
+    });
+  }
+  close() {
+    const e = new CustomEvent("close", {
+      detail: { id: this.id },
+      bubbles: !0,
+      composed: !0
+    });
+    this.updateComplete.then(() => this.dispatchEvent(e));
+  }
+  render() {
+    return this.text ? p` <section class="${j.toastWrapper}" aria-label="${this._typeLabel}">
+      <div class="${this._primaryClasses}">
+        <div class="${this._iconClasses}">${this._iconMarkup}</div>
+        <div role="${this._role}" class="${j.toastContent}">
+          <p>${this.text}</p>
+        </div>
+        ${je(
+      this.canclose === !0,
+      () => p`<button class="${j.toastClose}" @click="${this.close}">${fi()}</button>`
+    )}
+      </div>
+    </section>` : p``;
+  }
+}
+k(jo, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -4262,23 +5854,209 @@ video {
       :host {
         display: block;
       }
-    `];static properties={id:{type:String,attribute:!0,reflect:!0},type:{type:String,attribute:!0,reflect:!0},text:{type:String,attribute:!0,reflect:!0},canclose:{type:Boolean,attribute:!0,reflect:!0}};constructor(){super(),this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5),this.type="success",this.text="",this.canclose=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&et(this._wrapper,()=>this._expanded=!0)}get _primaryClasses(){return Co({[q.toast]:!0,[q.toastPositive]:this.type==="success",[q.toastWarning]:this.type==="warning",[q.toastNegative]:this.type==="error",[q.toastNeutral]:this.type==="info"})}get _iconClasses(){return Co({[q.toastIcon]:!0,[q.toastIconPositive]:this.type=="success",[q.toastIconWarning]:this.type==="warning",[q.toastIconNegative]:this.type==="error",[q.toastIconNeutral]:this.type==="info"})}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _success(){return this.type==="success"}get _warning(){return this.type==="warning"}get _error(){return this.type==="error"}get _info(){return this.type==="info"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._success?"Vellykket":this._error?"Feil":this._warning?"Varsel":"Info"}get _iconMarkup(){return this._success?Qt({typeLabel:this._typeLabel}):er({typeLabel:this._typeLabel,isInfo:this._info})}async collapse(){return new Promise(e=>{this._expanded&&this._wrapper?ot(this._wrapper,e):e()})}close(){const e=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(e))}render(){return this.text?p` <section class="${q.toastWrapper}" aria-label="${this._typeLabel}">
-      <div class="${this._primaryClasses}">
-        <div class="${this._iconClasses}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${q.toastContent}">
-          <p>${this.text}</p>
+    `
+]), k(jo, "properties", {
+  id: { type: String, attribute: !0, reflect: !0 },
+  type: { type: String, attribute: !0, reflect: !0 },
+  text: { type: String, attribute: !0, reflect: !0 },
+  canclose: { type: Boolean, attribute: !0, reflect: !0 }
+});
+customElements.get("w-toast") || customElements.define("w-toast", jo);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var yo, $o;
+const { _ChildPart: vi } = Kr, W = ((yo = window.ShadyDOM) === null || yo === void 0 ? void 0 : yo.inUse) && (($o = window.ShadyDOM) === null || $o === void 0 ? void 0 : $o.noPatch) === !0 ? window.ShadyDOM.wrap : (o) => o, zt = () => document.createComment(""), fe = (o, e, t) => {
+  var r;
+  const i = W(o._$startNode).parentNode, a = e === void 0 ? o._$endNode : e._$startNode;
+  if (t === void 0) {
+    const n = W(i).insertBefore(zt(), a), l = W(i).insertBefore(zt(), a);
+    t = new vi(n, l, o, o.options);
+  } else {
+    const n = W(t._$endNode).nextSibling, l = t._$parent, s = l !== o;
+    if (s) {
+      (r = t._$reparentDisconnectables) === null || r === void 0 || r.call(t, o), t._$parent = o;
+      let c;
+      t._$notifyConnectionChanged !== void 0 && (c = o._$isConnected) !== l._$isConnected && t._$notifyConnectionChanged(c);
+    }
+    if (n !== a || s) {
+      let c = t._$startNode;
+      for (; c !== n; ) {
+        const b = W(c).nextSibling;
+        W(i).insertBefore(c, a), c = b;
+      }
+    }
+  }
+  return t;
+}, re = (o, e, t = o) => (o._$setValue(e, t), o), xi = {}, ki = (o, e = xi) => o._$committedValue = e, wi = (o) => o._$committedValue, zo = (o) => {
+  var e;
+  (e = o._$notifyConnectionChanged) === null || e === void 0 || e.call(o, !1, !0);
+  let t = o._$startNode;
+  const r = W(o._$endNode).nextSibling;
+  for (; t !== r; ) {
+    const i = W(t).nextSibling;
+    W(t).remove(), t = i;
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const _t = (o, e, t) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let i = e; i <= t; i++)
+    r.set(o[i], i);
+  return r;
+};
+class yi extends Jo {
+  constructor(e) {
+    if (super(e), e.type !== Xo.CHILD)
+      throw new Error("repeat() can only be used in text expressions");
+  }
+  _getValuesAndKeys(e, t, r) {
+    let i;
+    r === void 0 ? r = t : t !== void 0 && (i = t);
+    const a = [], n = [];
+    let l = 0;
+    for (const s of e)
+      a[l] = i ? i(s, l) : l, n[l] = r(s, l), l++;
+    return {
+      values: n,
+      keys: a
+    };
+  }
+  render(e, t, r) {
+    return this._getValuesAndKeys(e, t, r).values;
+  }
+  update(e, [t, r, i]) {
+    var a;
+    const n = wi(e), { values: l, keys: s } = this._getValuesAndKeys(t, r, i);
+    if (!Array.isArray(n))
+      return this._itemKeys = s, l;
+    const c = (a = this._itemKeys) !== null && a !== void 0 ? a : this._itemKeys = [], b = [];
+    let d, g, u = 0, h = n.length - 1, f = 0, v = l.length - 1;
+    for (; u <= h && f <= v; )
+      if (n[u] === null)
+        u++;
+      else if (n[h] === null)
+        h--;
+      else if (c[u] === s[f])
+        b[f] = re(n[u], l[f]), u++, f++;
+      else if (c[h] === s[v])
+        b[v] = re(n[h], l[v]), h--, v--;
+      else if (c[u] === s[v])
+        b[v] = re(n[u], l[v]), fe(e, b[v + 1], n[u]), u++, v--;
+      else if (c[h] === s[f])
+        b[f] = re(n[h], l[f]), fe(e, n[u], n[h]), h--, f++;
+      else if (d === void 0 && (d = _t(s, f, v), g = _t(c, u, h)), !d.has(c[u]))
+        zo(n[u]), u++;
+      else if (!d.has(c[h]))
+        zo(n[h]), h--;
+      else {
+        const x = g.get(s[f]), y = x !== void 0 ? n[x] : null;
+        if (y === null) {
+          const S = fe(e, n[u]);
+          re(S, l[f]), b[f] = S;
+        } else
+          b[f] = re(y, l[f]), fe(e, n[u], y), n[x] = null;
+        f++;
+      }
+    for (; f <= v; ) {
+      const x = fe(e, b[v + 1]);
+      re(x, l[f]), b[f++] = x;
+    }
+    for (; u <= h; ) {
+      const x = n[u++];
+      x !== null && zo(x);
+    }
+    return this._itemKeys = s, ki(e, b), K;
+  }
+}
+const ar = Go(yi);
+class Ie extends $ {
+  constructor() {
+    super(), this._toasts = /* @__PURE__ */ new Map();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._interval = setInterval(() => {
+      const e = [], t = [];
+      for (const i of this._toasts)
+        Date.now() <= i[1].duration ? e.push(i) : t.push(i);
+      const r = [];
+      for (const [i] of t) {
+        const a = this.renderRoot.querySelector(`#${i}`);
+        r.push(a.collapse());
+      }
+      Promise.all(r).then(() => {
+        e.length != this._toasts.size && (this._toasts = new Map(e));
+      });
+    }, 500);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._interval && clearTimeout(this._interval);
+  }
+  static init() {
+    let e = document.querySelector("w-toast-container");
+    return e || (e = document.createElement("w-toast-container"), document.body.appendChild(e)), e;
+  }
+  get _toastsArray() {
+    return Array.from(this._toasts).map(([, e]) => e);
+  }
+  get(e) {
+    if (!e)
+      throw new Error('undefined "id" given when attempting to retrieve toast');
+    if (typeof e != "string" && !Number.isInteger(e))
+      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    return this._toasts.get(e);
+  }
+  set(e) {
+    if (!e.id)
+      throw new Error('invalid or undefined "id" on toast object');
+    const t = this._toasts.set(e.id, {
+      ...e,
+      duration: Date.now() + (e.duration || 5e3)
+    });
+    return this._toasts = new Map(Array.from(this._toasts)), t;
+  }
+  async del(e) {
+    if (!e)
+      throw new Error('undefined "id" given when attempting to retrieve toast');
+    if (typeof e != "string" && !Number.isInteger(e))
+      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    const t = this.renderRoot.querySelector(`#${e}`);
+    if (!this._toasts.has(e))
+      return !1;
+    await t.collapse();
+    const r = this._toasts.delete(e);
+    return this._toasts = new Map(Array.from(this._toasts)), r;
+  }
+  render() {
+    return p`
+      <aside class="${kt.toasterContainer}">
+        <div class="${kt.toaster}" id="w-toast-container-list">
+          ${ar(
+      this._toastsArray,
+      (e) => e.id,
+      (e) => p` <w-toast
+              class="w-full"
+              id="${e.id}"
+              type="${e.type}"
+              text="${e.text}"
+              ?canclose=${e.canclose}
+              @close=${() => this.del(e.id)}
+            >
+            </w-toast>`
+    )}
         </div>
-        ${xe(this.canclose===!0,()=>p`<button class="${q.toastClose}" @click="${this.close}">${or()}</button>`)}
-      </div>
-    </section>`:p``}}customElements.get("w-toast")||customElements.define("w-toast",tr);/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{I:rr}=St,_o=()=>document.createComment(""),ce=(o,e,t)=>{var r;const i=o._$AA.parentNode,n=e===void 0?o._$AB:e._$AA;if(t===void 0){const a=i.insertBefore(_o(),n),l=i.insertBefore(_o(),n);t=new rr(a,l,o,o.options)}else{const a=t._$AB.nextSibling,l=t._$AM,s=l!==o;if(s){let c;(r=t._$AQ)===null||r===void 0||r.call(t,o),t._$AM=o,t._$AP!==void 0&&(c=o._$AU)!==l._$AU&&t._$AP(c)}if(a!==n||s){let c=t._$AA;for(;c!==a;){const g=c.nextSibling;i.insertBefore(c,n),c=g}}}return t},X=(o,e,t=o)=>(o._$AI(e,t),o),ir={},nr=(o,e=ir)=>o._$AH=e,ar=o=>o._$AH,Ne=o=>{var e;(e=o._$AP)===null||e===void 0||e.call(o,!1,!0);let t=o._$AA;const r=o._$AB.nextSibling;for(;t!==r;){const i=t.nextSibling;t.remove(),t=i}};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Ao=(o,e,t)=>{const r=new Map;for(let i=e;i<=t;i++)r.set(o[i],i);return r},tt=Ge(class extends Je{constructor(o){if(super(o),o.type!==Ke.CHILD)throw Error("repeat() can only be used in text expressions")}ht(o,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const i=[],n=[];let a=0;for(const l of o)i[a]=r?r(l,a):a,n[a]=t(l,a),a++;return{values:n,keys:i}}render(o,e,t){return this.ht(o,e,t).values}update(o,[e,t,r]){var i;const n=ar(o),{values:a,keys:l}=this.ht(e,t,r);if(!Array.isArray(n))return this.ut=l,a;const s=(i=this.ut)!==null&&i!==void 0?i:this.ut=[],c=[];let g,d,b=0,u=n.length-1,h=0,m=a.length-1;for(;b<=u&&h<=m;)if(n[b]===null)b++;else if(n[u]===null)u--;else if(s[b]===l[h])c[h]=X(n[b],a[h]),b++,h++;else if(s[u]===l[m])c[m]=X(n[u],a[m]),u--,m--;else if(s[b]===l[m])c[m]=X(n[b],a[m]),ce(o,c[m+1],n[b]),b++,m--;else if(s[u]===l[h])c[h]=X(n[u],a[h]),ce(o,n[b],n[u]),u--,h++;else if(g===void 0&&(g=Ao(l,h,m),d=Ao(s,b,u)),g.has(s[b]))if(g.has(s[u])){const f=d.get(l[h]),x=f!==void 0?n[f]:null;if(x===null){const k=ce(o,n[b]);X(k,a[h]),c[h]=k}else c[h]=X(x,a[h]),ce(o,n[b],x),n[f]=null;h++}else Ne(n[u]),u--;else Ne(n[b]),b++;for(;h<=m;){const f=ce(o,c[m+1]);X(f,a[h]),c[h++]=f}for(;b<=u;){const f=n[b++];f!==null&&Ne(f)}return this.ut=l,nr(o,c),N}});class rt extends w{static styles=[_`
+      </aside>
+    `;
+  }
+}
+k(Ie, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -4849,21 +6627,94 @@ video {
       :host {
         display: block;
       }
-    `];static properties={_toasts:{state:!0}};constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{const e=[],t=[];for(const i of this._toasts)Date.now()<=i[1].duration?e.push(i):t.push(i);const r=[];for(const[i]of t){const n=this.renderRoot.querySelector(`#${i}`);r.push(n.collapse())}Promise.all(r).then(()=>{e.length!=this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts).map(([,e])=>e)}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');const t=this._toasts.set(e.id,{...e,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),t}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');const t=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e))return!1;await t.collapse();const r=this._toasts.delete(e);return this._toasts=new Map(Array.from(this._toasts)),r}render(){return p`
-      <aside class="${$o.toasterContainer}">
-        <div class="${$o.toaster}" id="w-toast-container-list">
-          ${tt(this._toastsArray,e=>e.id,e=>p` <w-toast
+    `
+]), k(Ie, "properties", {
+  _toasts: { state: !0 }
+});
+customElements.get("w-toast-container") || customElements.define("w-toast-container", Ie);
+function $i(o, e) {
+  if (!be)
+    return;
+  const t = customElements.get("w-toast-container").init(), r = {
+    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
+    text: o,
+    duration: 5e3,
+    type: "success",
+    ...e
+  };
+  return t.set(r), r;
+}
+function zi(o) {
+  return be ? customElements.get("w-toast-container").init().del(o) : void 0;
+}
+function _i(o, e) {
+  if (!be)
+    return;
+  const t = customElements.get("w-toast-container").init();
+  return t.set({ ...t.get(o), ...e }), t.get(o);
+}
+class No extends $ {
+  constructor() {
+    super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = be ? window.location.href : "";
+  }
+  async connectedCallback() {
+    if (super.connectedCallback(), !this.api) {
+      console.error('Broadcast "api" attribute invalid or undefined');
+      return;
+    }
+    be && (await this._fetchMessage(), setInterval(() => this._fetchMessage(), this.interval));
+  }
+  async _fetchMessage() {
+    const e = `${this.api}?path=${this.url}`;
+    try {
+      const t = await (await fetch(e)).json();
+      this._messages = t.length ? t : [];
+    } catch (t) {
+      console.error(`failed to fetch broadcasts from given url (${e})`, t);
+    }
+  }
+  async _del(e) {
+    await this.renderRoot.querySelector(`#broadcast-${e}`).collapse(), this._hiddenMessageIds = [.../* @__PURE__ */ new Set([...this._hiddenMessageIds, e])];
+  }
+  render() {
+    const e = this._messages.filter((t) => !this._hiddenMessageIds.includes(t.id));
+    return p`
+      <aside class=${`${e.length === 0 ? "hidden" : "mb-16"}`}>
+        ${ar(
+      e,
+      ({ id: t }) => `broadcast-${t}`,
+      ({ id: t, message: r }) => p`<w-toast
               class="w-full"
-              id="${e.id}"
-              type="${e.type}"
-              text="${e.text}"
-              ?canclose=${e.canclose}
-              @close=${()=>this.del(e.id)}
+              id="broadcast-${t}"
+              type="warning"
+              text="${r}"
+              canclose
+              @close=${() => this._del(t)}
             >
-            </w-toast>`)}
-        </div>
+            </w-toast>`
+    )}
       </aside>
-    `}}customElements.get("w-toast-container")||customElements.define("w-toast-container",rt);function cr(o,e){if(!te)return;const t=customElements.get("w-toast-container").init(),r={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:o,duration:5e3,type:"success",...e};return t.set(r),r}function lr(o){return te?customElements.get("w-toast-container").init().del(o):void 0}function sr(o,e){if(!te)return;const t=customElements.get("w-toast-container").init();return t.set({...t.get(o),...e}),t.get(o)}class dr extends w{static properties={_messages:{state:!0,hasChanged(e,t){if(!t||t.length===0)return!0;const r=e.map(({id:n})=>n).sort(),i=t.map(({id:n})=>n).sort();return JSON.stringify(r)!==JSON.stringify(i)}},_hiddenMessageIds:{state:!0,type:Array},interval:{type:Number,attribute:!0,reflect:!0},url:{type:String,attribute:!0,reflect:!0},api:{type:String,attribute:!0,reflect:!0}};static styles=_`
+    `;
+  }
+}
+k(No, "properties", {
+  _messages: {
+    state: !0,
+    hasChanged(e, t) {
+      if (!t || t.length === 0)
+        return !0;
+      const r = e.map(({ id: a }) => a).sort(), i = t.map(({ id: a }) => a).sort();
+      return JSON.stringify(r) !== JSON.stringify(i);
+    }
+  },
+  _hiddenMessageIds: {
+    state: !0,
+    type: Array
+  },
+  interval: { type: Number, attribute: !0, reflect: !0 },
+  url: { type: String, attribute: !0, reflect: !0 },
+  api: { type: String, attribute: !0, reflect: !0 }
+}), k(No, "styles", R`
     /* /* layer: preflights */
 
 /*
@@ -5431,19 +7282,894 @@ video {
 .pointer-events-none{pointer-events:none;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `;constructor(){super(),this._messages=[],this.interval=3e4,this._hiddenMessageIds=[],this.url=te?window.location.href:""}async connectedCallback(){if(super.connectedCallback(),!this.api){console.error('Broadcast "api" attribute invalid or undefined');return}te&&(await this._fetchMessage(),setInterval(()=>this._fetchMessage(),this.interval))}async _fetchMessage(){const e=`${this.api}?path=${this.url}`;try{const t=await(await fetch(e)).json();this._messages=t.length?t:[]}catch(t){console.error(`failed to fetch broadcasts from given url (${e})`,t)}}async _del(e){await this.renderRoot.querySelector(`#broadcast-${e}`).collapse(),this._hiddenMessageIds=[...new Set([...this._hiddenMessageIds,e])]}render(){const e=this._messages.filter(t=>!this._hiddenMessageIds.includes(t.id));return p`
-      <aside class=${`${e.length===0?"hidden":"mb-16"}`}>
-        ${tt(e,({id:t})=>`broadcast-${t}`,({id:t,message:r})=>p`<w-toast
-              class="w-full"
-              id="broadcast-${t}"
-              type="warning"
-              text="${r}"
-              canclose
-              @close=${()=>this._del(t)}
-            >
-            </w-toast>`)}
-      </aside>
-    `}}customElements.get("w-broadcast")||customElements.define("w-broadcast",dr);function pe(o){return o.split("-")[0]}function Ee(o){return o.split("-")[1]}function me(o){return["top","bottom"].includes(pe(o))?"x":"y"}function ro(o){return o==="y"?"height":"width"}function Eo(o,e,t){let{reference:r,floating:i}=o;const n=r.x+r.width/2-i.width/2,a=r.y+r.height/2-i.height/2,l=me(e),s=ro(l),c=r[s]/2-i[s]/2,g=pe(e),d=l==="x";let b;switch(g){case"top":b={x:n,y:r.y-i.height};break;case"bottom":b={x:n,y:r.y+r.height};break;case"right":b={x:r.x+r.width,y:a};break;case"left":b={x:r.x-i.width,y:a};break;default:b={x:r.x,y:r.y}}switch(Ee(e)){case"start":b[l]-=c*(t&&d?-1:1);break;case"end":b[l]+=c*(t&&d?-1:1);break}return b}const br=async(o,e,t)=>{const{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:a}=t,l=await(a.isRTL==null?void 0:a.isRTL(e));let s=await a.getElementRects({reference:o,floating:e,strategy:i}),{x:c,y:g}=Eo(s,r,l),d=r,b={},u=0;for(let h=0;h<n.length;h++){const{name:m,fn:f}=n[h],{x,y:k,data:S,reset:v}=await f({x:c,y:g,initialPlacement:r,placement:d,strategy:i,middlewareData:b,rects:s,platform:a,elements:{reference:o,floating:e}});if(c=x??c,g=k??g,b={...b,[m]:{...b[m],...S}},v&&u<=50){u++,typeof v=="object"&&(v.placement&&(d=v.placement),v.rects&&(s=v.rects===!0?await a.getElementRects({reference:o,floating:e,strategy:i}):v.rects),{x:c,y:g}=Eo(s,d,l)),h=-1;continue}}return{x:c,y:g,placement:d,strategy:i,middlewareData:b}};function ur(o){return{top:0,right:0,bottom:0,left:0,...o}}function it(o){return typeof o!="number"?ur(o):{top:o,right:o,bottom:o,left:o}}function ye(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}async function nt(o,e){var t;e===void 0&&(e={});const{x:r,y:i,platform:n,rects:a,elements:l,strategy:s}=o,{boundary:c="clippingAncestors",rootBoundary:g="viewport",elementContext:d="floating",altBoundary:b=!1,padding:u=0}=e,h=it(u),f=l[b?d==="floating"?"reference":"floating":d],x=ye(await n.getClippingRect({element:(t=await(n.isElement==null?void 0:n.isElement(f)))==null||t?f:f.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(l.floating)),boundary:c,rootBoundary:g,strategy:s})),k=ye(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:d==="floating"?{...a.floating,x:r,y:i}:a.reference,offsetParent:await(n.getOffsetParent==null?void 0:n.getOffsetParent(l.floating)),strategy:s}):a[d]);return{top:x.top-k.top+h.top,bottom:k.bottom-x.bottom+h.bottom,left:x.left-k.left+h.left,right:k.right-x.right+h.right}}const gr=Math.min,hr=Math.max;function We(o,e,t){return hr(o,gr(e,t))}const pr=o=>({name:"arrow",options:o,async fn(e){const{element:t,padding:r=0}=o??{},{x:i,y:n,placement:a,rects:l,platform:s}=e;if(t==null)return{};const c=it(r),g={x:i,y:n},d=me(a),b=Ee(a),u=ro(d),h=await s.getDimensions(t),m=d==="y"?"top":"left",f=d==="y"?"bottom":"right",x=l.reference[u]+l.reference[d]-g[d]-l.floating[u],k=g[d]-l.reference[d],S=await(s.getOffsetParent==null?void 0:s.getOffsetParent(t));let v=S?d==="y"?S.clientHeight||0:S.clientWidth||0:0;v===0&&(v=l.floating[u]);const F=x/2-k/2,z=c[m],H=v-h[u]-c[f],j=v/2-h[u]/2+F,C=We(z,j,H),M=(b==="start"?c[m]:c[f])>0&&j!==C&&l.reference[u]<=l.floating[u]?j<z?z-j:H-j:0;return{[d]:g[d]-M,data:{[d]:C,centerOffset:j-C}}}}),mr={left:"right",right:"left",bottom:"top",top:"bottom"};function $e(o){return o.replace(/left|right|bottom|top/g,e=>mr[e])}function fr(o,e,t){t===void 0&&(t=!1);const r=Ee(o),i=me(o),n=ro(i);let a=i==="x"?r===(t?"end":"start")?"right":"left":r==="start"?"bottom":"top";return e.reference[n]>e.floating[n]&&(a=$e(a)),{main:a,cross:$e(a)}}const vr={start:"end",end:"start"};function Ro(o){return o.replace(/start|end/g,e=>vr[e])}function xr(o){const e=$e(o);return[Ro(o),e,Ro(e)]}const kr=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(e){var t;const{placement:r,middlewareData:i,rects:n,initialPlacement:a,platform:l,elements:s}=e,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:d,fallbackStrategy:b="bestFit",flipAlignment:u=!0,...h}=o,m=pe(r),x=d||(m===a||!u?[$e(a)]:xr(a)),k=[a,...x],S=await nt(e,h),v=[];let F=((t=i.flip)==null?void 0:t.overflows)||[];if(c&&v.push(S[m]),g){const{main:C,cross:A}=fr(r,n,await(l.isRTL==null?void 0:l.isRTL(s.floating)));v.push(S[C],S[A])}if(F=[...F,{placement:r,overflows:v}],!v.every(C=>C<=0)){var z,H;const C=((z=(H=i.flip)==null?void 0:H.index)!=null?z:0)+1,A=k[C];if(A)return{data:{index:C,overflows:F},reset:{placement:A}};let E="bottom";switch(b){case"bestFit":{var j;const M=(j=F.map(R=>[R,R.overflows.filter(D=>D>0).reduce((D,je)=>D+je,0)]).sort((R,D)=>R[1]-D[1])[0])==null?void 0:j[0].placement;M&&(E=M);break}case"initialPlacement":E=a;break}if(r!==E)return{reset:{placement:E}}}return{}}}};async function wr(o,e){const{placement:t,platform:r,elements:i}=o,n=await(r.isRTL==null?void 0:r.isRTL(i.floating)),a=pe(t),l=Ee(t),s=me(t)==="x",c=["left","top"].includes(a)?-1:1,g=n&&s?-1:1,d=typeof e=="function"?e(o):e;let{mainAxis:b,crossAxis:u,alignmentAxis:h}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return l&&typeof h=="number"&&(u=l==="end"?h*-1:h),s?{x:u*g,y:b*c}:{x:b*c,y:u*g}}const yr=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(e){const{x:t,y:r}=e,i=await wr(e,o);return{x:t+i.x,y:r+i.y,data:i}}}};function $r(o){return o==="x"?"y":"x"}const zr=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(e){const{x:t,y:r,placement:i}=e,{mainAxis:n=!0,crossAxis:a=!1,limiter:l={fn:f=>{let{x,y:k}=f;return{x,y:k}}},...s}=o,c={x:t,y:r},g=await nt(e,s),d=me(pe(i)),b=$r(d);let u=c[d],h=c[b];if(n){const f=d==="y"?"top":"left",x=d==="y"?"bottom":"right",k=u+g[f],S=u-g[x];u=We(k,u,S)}if(a){const f=b==="y"?"top":"left",x=b==="y"?"bottom":"right",k=h+g[f],S=h-g[x];h=We(k,h,S)}const m=l.fn({...e,[d]:u,[b]:h});return{...m,data:{x:m.x-t,y:m.y-r}}}}};function at(o){return o&&o.document&&o.location&&o.alert&&o.setInterval}function I(o){if(o==null)return window;if(!at(o)){const e=o.ownerDocument;return e&&e.defaultView||window}return o}function fe(o){return I(o).getComputedStyle(o)}function T(o){return at(o)?"":o?(o.nodeName||"").toLowerCase():""}function ct(){const o=navigator.userAgentData;return o!=null&&o.brands?o.brands.map(e=>e.brand+"/"+e.version).join(" "):navigator.userAgent}function L(o){return o instanceof I(o).HTMLElement}function re(o){return o instanceof I(o).Element}function Sr(o){return o instanceof I(o).Node}function io(o){if(typeof ShadowRoot>"u")return!1;const e=I(o).ShadowRoot;return o instanceof e||o instanceof ShadowRoot}function Re(o){const{overflow:e,overflowX:t,overflowY:r}=fe(o);return/auto|scroll|overlay|hidden/.test(e+r+t)}function Cr(o){return["table","td","th"].includes(T(o))}function lt(o){const e=/firefox/i.test(ct()),t=fe(o);return t.transform!=="none"||t.perspective!=="none"||t.contain==="paint"||["transform","perspective"].includes(t.willChange)||e&&t.willChange==="filter"||e&&(t.filter?t.filter!=="none":!1)}function st(){return!/^((?!chrome|android).)*safari/i.test(ct())}const qo=Math.min,le=Math.max,ze=Math.round;function K(o,e,t){var r,i,n,a;e===void 0&&(e=!1),t===void 0&&(t=!1);const l=o.getBoundingClientRect();let s=1,c=1;e&&L(o)&&(s=o.offsetWidth>0&&ze(l.width)/o.offsetWidth||1,c=o.offsetHeight>0&&ze(l.height)/o.offsetHeight||1);const g=re(o)?I(o):window,d=!st()&&t,b=(l.left+(d&&(r=(i=g.visualViewport)==null?void 0:i.offsetLeft)!=null?r:0))/s,u=(l.top+(d&&(n=(a=g.visualViewport)==null?void 0:a.offsetTop)!=null?n:0))/c,h=l.width/s,m=l.height/c;return{width:h,height:m,top:u,right:b+h,bottom:u+m,left:b,x:b,y:u}}function V(o){return((Sr(o)?o.ownerDocument:o.document)||window.document).documentElement}function qe(o){return re(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function dt(o){return K(V(o)).left+qe(o).scrollLeft}function _r(o){const e=K(o);return ze(e.width)!==o.offsetWidth||ze(e.height)!==o.offsetHeight}function Ar(o,e,t){const r=L(e),i=V(e),n=K(o,r&&_r(e),t==="fixed");let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(r||!r&&t!=="fixed")if((T(e)!=="body"||Re(i))&&(a=qe(e)),L(e)){const s=K(e,!0);l.x=s.x+e.clientLeft,l.y=s.y+e.clientTop}else i&&(l.x=dt(i));return{x:n.left+a.scrollLeft-l.x,y:n.top+a.scrollTop-l.y,width:n.width,height:n.height}}function bt(o){return T(o)==="html"?o:o.assignedSlot||o.parentNode||(io(o)?o.host:null)||V(o)}function jo(o){return!L(o)||getComputedStyle(o).position==="fixed"?null:o.offsetParent}function Er(o){let e=bt(o);for(io(e)&&(e=e.host);L(e)&&!["html","body"].includes(T(e));){if(lt(e))return e;e=e.parentNode}return null}function Ve(o){const e=I(o);let t=jo(o);for(;t&&Cr(t)&&getComputedStyle(t).position==="static";)t=jo(t);return t&&(T(t)==="html"||T(t)==="body"&&getComputedStyle(t).position==="static"&&!lt(t))?e:t||Er(o)||e}function Mo(o){if(L(o))return{width:o.offsetWidth,height:o.offsetHeight};const e=K(o);return{width:e.width,height:e.height}}function Rr(o){let{rect:e,offsetParent:t,strategy:r}=o;const i=L(t),n=V(t);if(t===n)return e;let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if((i||!i&&r!=="fixed")&&((T(t)!=="body"||Re(n))&&(a=qe(t)),L(t))){const s=K(t,!0);l.x=s.x+t.clientLeft,l.y=s.y+t.clientTop}return{...e,x:e.x-a.scrollLeft+l.x,y:e.y-a.scrollTop+l.y}}function qr(o,e){const t=I(o),r=V(o),i=t.visualViewport;let n=r.clientWidth,a=r.clientHeight,l=0,s=0;if(i){n=i.width,a=i.height;const c=st();(c||!c&&e==="fixed")&&(l=i.offsetLeft,s=i.offsetTop)}return{width:n,height:a,x:l,y:s}}function jr(o){var e;const t=V(o),r=qe(o),i=(e=o.ownerDocument)==null?void 0:e.body,n=le(t.scrollWidth,t.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=le(t.scrollHeight,t.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let l=-r.scrollLeft+dt(o);const s=-r.scrollTop;return fe(i||t).direction==="rtl"&&(l+=le(t.clientWidth,i?i.clientWidth:0)-n),{width:n,height:a,x:l,y:s}}function ut(o){const e=bt(o);return["html","body","#document"].includes(T(e))?o.ownerDocument.body:L(e)&&Re(e)?e:ut(e)}function gt(o,e){var t;e===void 0&&(e=[]);const r=ut(o),i=r===((t=o.ownerDocument)==null?void 0:t.body),n=I(r),a=i?[n].concat(n.visualViewport||[],Re(r)?r:[]):r,l=e.concat(a);return i?l:l.concat(gt(a))}function Mr(o,e){const t=e.getRootNode==null?void 0:e.getRootNode();if(o.contains(e))return!0;if(t&&io(t)){let r=e;do{if(r&&o===r)return!0;r=r.parentNode||r.host}while(r)}return!1}function Ur(o,e){const t=K(o,!1,e==="fixed"),r=t.top+o.clientTop,i=t.left+o.clientLeft;return{top:r,left:i,x:i,y:r,right:i+o.clientWidth,bottom:r+o.clientHeight,width:o.clientWidth,height:o.clientHeight}}function Uo(o,e,t){return e==="viewport"?ye(qr(o,t)):re(e)?Ur(e,t):ye(jr(V(o)))}function Fr(o){const e=gt(o),r=["absolute","fixed"].includes(fe(o).position)&&L(o)?Ve(o):o;return re(r)?e.filter(i=>re(i)&&Mr(i,r)&&T(i)!=="body"):[]}function Pr(o){let{element:e,boundary:t,rootBoundary:r,strategy:i}=o;const a=[...t==="clippingAncestors"?Fr(e):[].concat(t),r],l=a[0],s=a.reduce((c,g)=>{const d=Uo(e,g,i);return c.top=le(d.top,c.top),c.right=qo(d.right,c.right),c.bottom=qo(d.bottom,c.bottom),c.left=le(d.left,c.left),c},Uo(e,l,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}const Lr={getClippingRect:Pr,convertOffsetParentRelativeRectToViewportRelativeRect:Rr,isElement:re,getDimensions:Mo,getOffsetParent:Ve,getDocumentElement:V,getElementRects:o=>{let{reference:e,floating:t,strategy:r}=o;return{reference:Ar(e,Ve(t),r),floating:{...Mo(t),x:0,y:0}}},getClientRects:o=>Array.from(o.getClientRects()),isRTL:o=>fe(o).direction==="rtl"},Or=(o,e,t)=>br(o,e,{platform:Lr,...t}),ue="top",ge="bottom",Se="left",Ce="right",Te={[ue]:ge,[ge]:ue,[Se]:Ce,[Ce]:Se},Br={[ue]:"\u2191",[ge]:"\u2193",[Se]:"\u2190",[Ce]:"\u2192"},Nr={[Se]:-45,[ue]:45,[Ce]:135,[ge]:-135},Fo="calc(50% - 7px)",Tr=o=>[ue,ge].includes(o);function Ir({actualDirection:o,directionName:e,arrowEl:t}){if(!t)return;o=e;const r=Tr(e);t.style.left=r?Fo:"",t.style.top=r?"":Fo}async function Hr(o){if(!o.isShowing)return;if(await o?.waitForDOM?.(),o.isCallout)return Ir(o);const e=await Or(o.targetEl,o.attentionEl,{placement:o.directionName,middleware:[kr(),yr(8),zr({padding:16}),pr({element:o.noArrow?void 0:o.arrowEl})]});o.actualDirection=e.placement,Object.assign(o.attentionEl?.style||{},{left:"0",top:"0",transform:`translate3d(${Math.round(e.x)}px, ${Math.round(e.y)}px, 0)`});let{x:t,y:r}=e.middlewareData.arrow;o.arrowEl&&(o.arrowEl.style.left=t?t+"px":"",o.arrowEl.style.top=r?r+"px":"")}class Dr extends Ae(w){static properties={show:{type:Boolean,reflect:!0},placement:{type:String},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0}};static styles=[_`
+  `);
+customElements.get("w-broadcast") || customElements.define("w-broadcast", No);
+function Se(o) {
+  return o.split("-")[0];
+}
+function Ge(o) {
+  return o.split("-")[1];
+}
+function Ce(o) {
+  return ["top", "bottom"].includes(Se(o)) ? "x" : "y";
+}
+function it(o) {
+  return o === "y" ? "height" : "width";
+}
+function St(o, e, t) {
+  let {
+    reference: r,
+    floating: i
+  } = o;
+  const a = r.x + r.width / 2 - i.width / 2, n = r.y + r.height / 2 - i.height / 2, l = Ce(e), s = it(l), c = r[s] / 2 - i[s] / 2, b = Se(e), d = l === "x";
+  let g;
+  switch (b) {
+    case "top":
+      g = {
+        x: a,
+        y: r.y - i.height
+      };
+      break;
+    case "bottom":
+      g = {
+        x: a,
+        y: r.y + r.height
+      };
+      break;
+    case "right":
+      g = {
+        x: r.x + r.width,
+        y: n
+      };
+      break;
+    case "left":
+      g = {
+        x: r.x - i.width,
+        y: n
+      };
+      break;
+    default:
+      g = {
+        x: r.x,
+        y: r.y
+      };
+  }
+  switch (Ge(e)) {
+    case "start":
+      g[l] -= c * (t && d ? -1 : 1);
+      break;
+    case "end":
+      g[l] += c * (t && d ? -1 : 1);
+      break;
+  }
+  return g;
+}
+const Si = async (o, e, t) => {
+  const {
+    placement: r = "bottom",
+    strategy: i = "absolute",
+    middleware: a = [],
+    platform: n
+  } = t, l = await (n.isRTL == null ? void 0 : n.isRTL(e));
+  if (process.env.NODE_ENV !== "production" && (n == null && console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" ")), a.filter((h) => {
+    let {
+      name: f
+    } = h;
+    return f === "autoPlacement" || f === "flip";
+  }).length > 1))
+    throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement`", "middleware detected. This will lead to an infinite loop. Ensure only", "one of either has been passed to the `middleware` array."].join(" "));
+  let s = await n.getElementRects({
+    reference: o,
+    floating: e,
+    strategy: i
+  }), {
+    x: c,
+    y: b
+  } = St(s, r, l), d = r, g = {}, u = 0;
+  for (let h = 0; h < a.length; h++) {
+    const {
+      name: f,
+      fn: v
+    } = a[h], {
+      x,
+      y,
+      data: S,
+      reset: w
+    } = await v({
+      x: c,
+      y: b,
+      initialPlacement: r,
+      placement: d,
+      strategy: i,
+      middlewareData: g,
+      rects: s,
+      platform: n,
+      elements: {
+        reference: o,
+        floating: e
+      }
+    });
+    if (c = x != null ? x : c, b = y != null ? y : b, g = {
+      ...g,
+      [f]: {
+        ...g[f],
+        ...S
+      }
+    }, process.env.NODE_ENV !== "production" && u > 50 && console.warn(["Floating UI: The middleware lifecycle appears to be running in an", "infinite loop. This is usually caused by a `reset` continually", "being returned without a break condition."].join(" ")), w && u <= 50) {
+      u++, typeof w == "object" && (w.placement && (d = w.placement), w.rects && (s = w.rects === !0 ? await n.getElementRects({
+        reference: o,
+        floating: e,
+        strategy: i
+      }) : w.rects), {
+        x: c,
+        y: b
+      } = St(s, d, l)), h = -1;
+      continue;
+    }
+  }
+  return {
+    x: c,
+    y: b,
+    placement: d,
+    strategy: i,
+    middlewareData: g
+  };
+};
+function Ci(o) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...o
+  };
+}
+function lr(o) {
+  return typeof o != "number" ? Ci(o) : {
+    top: o,
+    right: o,
+    bottom: o,
+    left: o
+  };
+}
+function Be(o) {
+  return {
+    ...o,
+    top: o.y,
+    left: o.x,
+    right: o.x + o.width,
+    bottom: o.y + o.height
+  };
+}
+async function cr(o, e) {
+  var t;
+  e === void 0 && (e = {});
+  const {
+    x: r,
+    y: i,
+    platform: a,
+    rects: n,
+    elements: l,
+    strategy: s
+  } = o, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: b = "viewport",
+    elementContext: d = "floating",
+    altBoundary: g = !1,
+    padding: u = 0
+  } = e, h = lr(u), v = l[g ? d === "floating" ? "reference" : "floating" : d], x = Be(await a.getClippingRect({
+    element: (t = await (a.isElement == null ? void 0 : a.isElement(v))) == null || t ? v : v.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(l.floating)),
+    boundary: c,
+    rootBoundary: b,
+    strategy: s
+  })), y = Be(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: d === "floating" ? {
+      ...n.floating,
+      x: r,
+      y: i
+    } : n.reference,
+    offsetParent: await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(l.floating)),
+    strategy: s
+  }) : n[d]);
+  return {
+    top: x.top - y.top + h.top,
+    bottom: y.bottom - x.bottom + h.bottom,
+    left: x.left - y.left + h.left,
+    right: y.right - x.right + h.right
+  };
+}
+const Ei = Math.min, Ri = Math.max;
+function To(o, e, t) {
+  return Ri(o, Ei(e, t));
+}
+const Ai = (o) => ({
+  name: "arrow",
+  options: o,
+  async fn(e) {
+    const {
+      element: t,
+      padding: r = 0
+    } = o != null ? o : {}, {
+      x: i,
+      y: a,
+      placement: n,
+      rects: l,
+      platform: s
+    } = e;
+    if (t == null)
+      return process.env.NODE_ENV !== "production" && console.warn("Floating UI: No `element` was passed to the `arrow` middleware."), {};
+    const c = lr(r), b = {
+      x: i,
+      y: a
+    }, d = Ce(n), g = Ge(n), u = it(d), h = await s.getDimensions(t), f = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = l.reference[u] + l.reference[d] - b[d] - l.floating[u], y = b[d] - l.reference[d], S = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(t));
+    let w = S ? d === "y" ? S.clientHeight || 0 : S.clientWidth || 0 : 0;
+    w === 0 && (w = l.floating[u]);
+    const F = x / 2 - y / 2, C = c[f], X = w - h[u] - c[v], N = w / 2 - h[u] / 2 + F, E = To(C, N, X), T = (g === "start" ? c[f] : c[v]) > 0 && N !== E && l.reference[u] <= l.floating[u] ? N < C ? C - N : X - N : 0;
+    return {
+      [d]: b[d] - T,
+      data: {
+        [d]: E,
+        centerOffset: N - E
+      }
+    };
+  }
+}), qi = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Ve(o) {
+  return o.replace(/left|right|bottom|top/g, (e) => qi[e]);
+}
+function Mi(o, e, t) {
+  t === void 0 && (t = !1);
+  const r = Ge(o), i = Ce(o), a = it(i);
+  let n = i === "x" ? r === (t ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[a] > e.floating[a] && (n = Ve(n)), {
+    main: n,
+    cross: Ve(n)
+  };
+}
+const Pi = {
+  start: "end",
+  end: "start"
+};
+function Ct(o) {
+  return o.replace(/start|end/g, (e) => Pi[e]);
+}
+function ji(o) {
+  const e = Ve(o);
+  return [Ct(o), e, Ct(e)];
+}
+const Ni = function(o) {
+  return o === void 0 && (o = {}), {
+    name: "flip",
+    options: o,
+    async fn(e) {
+      var t;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: a,
+        initialPlacement: n,
+        platform: l,
+        elements: s
+      } = e, {
+        mainAxis: c = !0,
+        crossAxis: b = !0,
+        fallbackPlacements: d,
+        fallbackStrategy: g = "bestFit",
+        flipAlignment: u = !0,
+        ...h
+      } = o, f = Se(r), x = d || (f === n || !u ? [Ve(n)] : ji(n)), y = [n, ...x], S = await cr(e, h), w = [];
+      let F = ((t = i.flip) == null ? void 0 : t.overflows) || [];
+      if (c && w.push(S[f]), b) {
+        const {
+          main: E,
+          cross: A
+        } = Mi(r, a, await (l.isRTL == null ? void 0 : l.isRTL(s.floating)));
+        w.push(S[E], S[A]);
+      }
+      if (F = [...F, {
+        placement: r,
+        overflows: w
+      }], !w.every((E) => E <= 0)) {
+        var C, X;
+        const E = ((C = (X = i.flip) == null ? void 0 : X.index) != null ? C : 0) + 1, A = y[E];
+        if (A)
+          return {
+            data: {
+              index: E,
+              overflows: F
+            },
+            reset: {
+              placement: A
+            }
+          };
+        let M = "bottom";
+        switch (g) {
+          case "bestFit": {
+            var N;
+            const T = (N = F.map((P) => [P, P.overflows.filter((G) => G > 0).reduce((G, eo) => G + eo, 0)]).sort((P, G) => P[1] - G[1])[0]) == null ? void 0 : N[0].placement;
+            T && (M = T);
+            break;
+          }
+          case "initialPlacement":
+            M = n;
+            break;
+        }
+        if (r !== M)
+          return {
+            reset: {
+              placement: M
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Ti(o, e) {
+  const {
+    placement: t,
+    platform: r,
+    elements: i
+  } = o, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), n = Se(t), l = Ge(t), s = Ce(t) === "x", c = ["left", "top"].includes(n) ? -1 : 1, b = a && s ? -1 : 1, d = typeof e == "function" ? e(o) : e;
+  let {
+    mainAxis: g,
+    crossAxis: u,
+    alignmentAxis: h
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...d
+  };
+  return l && typeof h == "number" && (u = l === "end" ? h * -1 : h), s ? {
+    x: u * b,
+    y: g * c
+  } : {
+    x: g * c,
+    y: u * b
+  };
+}
+const Ui = function(o) {
+  return o === void 0 && (o = 0), {
+    name: "offset",
+    options: o,
+    async fn(e) {
+      const {
+        x: t,
+        y: r
+      } = e, i = await Ti(e, o);
+      return {
+        x: t + i.x,
+        y: r + i.y,
+        data: i
+      };
+    }
+  };
+};
+function Oi(o) {
+  return o === "x" ? "y" : "x";
+}
+const Fi = function(o) {
+  return o === void 0 && (o = {}), {
+    name: "shift",
+    options: o,
+    async fn(e) {
+      const {
+        x: t,
+        y: r,
+        placement: i
+      } = e, {
+        mainAxis: a = !0,
+        crossAxis: n = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x,
+              y
+            } = v;
+            return {
+              x,
+              y
+            };
+          }
+        },
+        ...s
+      } = o, c = {
+        x: t,
+        y: r
+      }, b = await cr(e, s), d = Ce(Se(i)), g = Oi(d);
+      let u = c[d], h = c[g];
+      if (a) {
+        const v = d === "y" ? "top" : "left", x = d === "y" ? "bottom" : "right", y = u + b[v], S = u - b[x];
+        u = To(y, u, S);
+      }
+      if (n) {
+        const v = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", y = h + b[v], S = h - b[x];
+        h = To(y, h, S);
+      }
+      const f = l.fn({
+        ...e,
+        [d]: u,
+        [g]: h
+      });
+      return {
+        ...f,
+        data: {
+          x: f.x - t,
+          y: f.y - r
+        }
+      };
+    }
+  };
+};
+function sr(o) {
+  return o && o.document && o.location && o.alert && o.setInterval;
+}
+function Z(o) {
+  if (o == null)
+    return window;
+  if (!sr(o)) {
+    const e = o.ownerDocument;
+    return e && e.defaultView || window;
+  }
+  return o;
+}
+function Ee(o) {
+  return Z(o).getComputedStyle(o);
+}
+function Y(o) {
+  return sr(o) ? "" : o ? (o.nodeName || "").toLowerCase() : "";
+}
+function dr() {
+  const o = navigator.userAgentData;
+  return o != null && o.brands ? o.brands.map((e) => e.brand + "/" + e.version).join(" ") : navigator.userAgent;
+}
+function D(o) {
+  return o instanceof Z(o).HTMLElement;
+}
+function ge(o) {
+  return o instanceof Z(o).Element;
+}
+function Li(o) {
+  return o instanceof Z(o).Node;
+}
+function nt(o) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  const e = Z(o).ShadowRoot;
+  return o instanceof e || o instanceof ShadowRoot;
+}
+function Je(o) {
+  const {
+    overflow: e,
+    overflowX: t,
+    overflowY: r
+  } = Ee(o);
+  return /auto|scroll|overlay|hidden/.test(e + r + t);
+}
+function Ii(o) {
+  return ["table", "td", "th"].includes(Y(o));
+}
+function ur(o) {
+  const e = /firefox/i.test(dr()), t = Ee(o);
+  return t.transform !== "none" || t.perspective !== "none" || t.contain === "paint" || ["transform", "perspective"].includes(t.willChange) || e && t.willChange === "filter" || e && (t.filter ? t.filter !== "none" : !1);
+}
+function br() {
+  return !/^((?!chrome|android).)*safari/i.test(dr());
+}
+const Et = Math.min, ve = Math.max, De = Math.round;
+function ae(o, e, t) {
+  var r, i, a, n;
+  e === void 0 && (e = !1), t === void 0 && (t = !1);
+  const l = o.getBoundingClientRect();
+  let s = 1, c = 1;
+  e && D(o) && (s = o.offsetWidth > 0 && De(l.width) / o.offsetWidth || 1, c = o.offsetHeight > 0 && De(l.height) / o.offsetHeight || 1);
+  const b = ge(o) ? Z(o) : window, d = !br() && t, g = (l.left + (d && (r = (i = b.visualViewport) == null ? void 0 : i.offsetLeft) != null ? r : 0)) / s, u = (l.top + (d && (a = (n = b.visualViewport) == null ? void 0 : n.offsetTop) != null ? a : 0)) / c, h = l.width / s, f = l.height / c;
+  return {
+    width: h,
+    height: f,
+    top: u,
+    right: g + h,
+    bottom: u + f,
+    left: g,
+    x: g,
+    y: u
+  };
+}
+function oe(o) {
+  return ((Li(o) ? o.ownerDocument : o.document) || window.document).documentElement;
+}
+function Qe(o) {
+  return ge(o) ? {
+    scrollLeft: o.scrollLeft,
+    scrollTop: o.scrollTop
+  } : {
+    scrollLeft: o.pageXOffset,
+    scrollTop: o.pageYOffset
+  };
+}
+function gr(o) {
+  return ae(oe(o)).left + Qe(o).scrollLeft;
+}
+function Bi(o) {
+  const e = ae(o);
+  return De(e.width) !== o.offsetWidth || De(e.height) !== o.offsetHeight;
+}
+function Vi(o, e, t) {
+  const r = D(e), i = oe(e), a = ae(
+    o,
+    r && Bi(e),
+    t === "fixed"
+  );
+  let n = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = {
+    x: 0,
+    y: 0
+  };
+  if (r || !r && t !== "fixed")
+    if ((Y(e) !== "body" || Je(i)) && (n = Qe(e)), D(e)) {
+      const s = ae(e, !0);
+      l.x = s.x + e.clientLeft, l.y = s.y + e.clientTop;
+    } else
+      i && (l.x = gr(i));
+  return {
+    x: a.left + n.scrollLeft - l.x,
+    y: a.top + n.scrollTop - l.y,
+    width: a.width,
+    height: a.height
+  };
+}
+function hr(o) {
+  return Y(o) === "html" ? o : o.assignedSlot || o.parentNode || (nt(o) ? o.host : null) || oe(o);
+}
+function Rt(o) {
+  return !D(o) || getComputedStyle(o).position === "fixed" ? null : o.offsetParent;
+}
+function Di(o) {
+  let e = hr(o);
+  for (nt(e) && (e = e.host); D(e) && !["html", "body"].includes(Y(e)); ) {
+    if (ur(e))
+      return e;
+    e = e.parentNode;
+  }
+  return null;
+}
+function Uo(o) {
+  const e = Z(o);
+  let t = Rt(o);
+  for (; t && Ii(t) && getComputedStyle(t).position === "static"; )
+    t = Rt(t);
+  return t && (Y(t) === "html" || Y(t) === "body" && getComputedStyle(t).position === "static" && !ur(t)) ? e : t || Di(o) || e;
+}
+function At(o) {
+  if (D(o))
+    return {
+      width: o.offsetWidth,
+      height: o.offsetHeight
+    };
+  const e = ae(o);
+  return {
+    width: e.width,
+    height: e.height
+  };
+}
+function Hi(o) {
+  let {
+    rect: e,
+    offsetParent: t,
+    strategy: r
+  } = o;
+  const i = D(t), a = oe(t);
+  if (t === a)
+    return e;
+  let n = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = {
+    x: 0,
+    y: 0
+  };
+  if ((i || !i && r !== "fixed") && ((Y(t) !== "body" || Je(a)) && (n = Qe(t)), D(t))) {
+    const s = ae(t, !0);
+    l.x = s.x + t.clientLeft, l.y = s.y + t.clientTop;
+  }
+  return {
+    ...e,
+    x: e.x - n.scrollLeft + l.x,
+    y: e.y - n.scrollTop + l.y
+  };
+}
+function Wi(o, e) {
+  const t = Z(o), r = oe(o), i = t.visualViewport;
+  let a = r.clientWidth, n = r.clientHeight, l = 0, s = 0;
+  if (i) {
+    a = i.width, n = i.height;
+    const c = br();
+    (c || !c && e === "fixed") && (l = i.offsetLeft, s = i.offsetTop);
+  }
+  return {
+    width: a,
+    height: n,
+    x: l,
+    y: s
+  };
+}
+function Ki(o) {
+  var e;
+  const t = oe(o), r = Qe(o), i = (e = o.ownerDocument) == null ? void 0 : e.body, a = ve(t.scrollWidth, t.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), n = ve(t.scrollHeight, t.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
+  let l = -r.scrollLeft + gr(o);
+  const s = -r.scrollTop;
+  return Ee(i || t).direction === "rtl" && (l += ve(t.clientWidth, i ? i.clientWidth : 0) - a), {
+    width: a,
+    height: n,
+    x: l,
+    y: s
+  };
+}
+function pr(o) {
+  const e = hr(o);
+  return ["html", "body", "#document"].includes(Y(e)) ? o.ownerDocument.body : D(e) && Je(e) ? e : pr(e);
+}
+function mr(o, e) {
+  var t;
+  e === void 0 && (e = []);
+  const r = pr(o), i = r === ((t = o.ownerDocument) == null ? void 0 : t.body), a = Z(r), n = i ? [a].concat(a.visualViewport || [], Je(r) ? r : []) : r, l = e.concat(n);
+  return i ? l : l.concat(mr(n));
+}
+function Yi(o, e) {
+  const t = e.getRootNode == null ? void 0 : e.getRootNode();
+  if (o.contains(e))
+    return !0;
+  if (t && nt(t)) {
+    let r = e;
+    do {
+      if (r && o === r)
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function Zi(o, e) {
+  const t = ae(o, !1, e === "fixed"), r = t.top + o.clientTop, i = t.left + o.clientLeft;
+  return {
+    top: r,
+    left: i,
+    x: i,
+    y: r,
+    right: i + o.clientWidth,
+    bottom: r + o.clientHeight,
+    width: o.clientWidth,
+    height: o.clientHeight
+  };
+}
+function qt(o, e, t) {
+  return e === "viewport" ? Be(Wi(o, t)) : ge(e) ? Zi(e, t) : Be(Ki(oe(o)));
+}
+function Xi(o) {
+  const e = mr(o), r = ["absolute", "fixed"].includes(Ee(o).position) && D(o) ? Uo(o) : o;
+  return ge(r) ? e.filter((i) => ge(i) && Yi(i, r) && Y(i) !== "body") : [];
+}
+function Gi(o) {
+  let {
+    element: e,
+    boundary: t,
+    rootBoundary: r,
+    strategy: i
+  } = o;
+  const n = [...t === "clippingAncestors" ? Xi(e) : [].concat(t), r], l = n[0], s = n.reduce((c, b) => {
+    const d = qt(e, b, i);
+    return c.top = ve(d.top, c.top), c.right = Et(d.right, c.right), c.bottom = Et(d.bottom, c.bottom), c.left = ve(d.left, c.left), c;
+  }, qt(e, l, i));
+  return {
+    width: s.right - s.left,
+    height: s.bottom - s.top,
+    x: s.left,
+    y: s.top
+  };
+}
+const Ji = {
+  getClippingRect: Gi,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
+  isElement: ge,
+  getDimensions: At,
+  getOffsetParent: Uo,
+  getDocumentElement: oe,
+  getElementRects: (o) => {
+    let {
+      reference: e,
+      floating: t,
+      strategy: r
+    } = o;
+    return {
+      reference: Vi(e, Uo(t), r),
+      floating: {
+        ...At(t),
+        x: 0,
+        y: 0
+      }
+    };
+  },
+  getClientRects: (o) => Array.from(o.getClientRects()),
+  isRTL: (o) => Ee(o).direction === "rtl"
+}, Qi = (o, e, t) => Si(o, e, {
+  platform: Ji,
+  ...t
+}), $e = "top", ze = "bottom", He = "left", We = "right", _o = {
+  [$e]: ze,
+  [ze]: $e,
+  [He]: We,
+  [We]: He
+}, en = {
+  [$e]: "\u2191",
+  [ze]: "\u2193",
+  [He]: "\u2190",
+  [We]: "\u2192"
+}, on = {
+  [He]: -45,
+  [$e]: 45,
+  [We]: 135,
+  [ze]: -135
+}, Mt = "calc(50% - 7px)", tn = (o) => [$e, ze].includes(o);
+function rn({ actualDirection: o, directionName: e, arrowEl: t }) {
+  if (!t)
+    return;
+  o = e;
+  const r = tn(e);
+  t.style.left = r ? Mt : "", t.style.top = r ? "" : Mt;
+}
+async function nn(o) {
+  var i, a;
+  if (!o.isShowing)
+    return;
+  if (await ((i = o == null ? void 0 : o.waitForDOM) == null ? void 0 : i.call(o)), o.isCallout)
+    return rn(o);
+  const e = await Qi(o.targetEl, o.attentionEl, {
+    placement: o.directionName,
+    middleware: [
+      Ni(),
+      Ui(8),
+      Fi({ padding: 16 }),
+      Ai({ element: o.noArrow ? void 0 : o.arrowEl })
+    ]
+  });
+  o.actualDirection = e.placement, Object.assign(((a = o.attentionEl) == null ? void 0 : a.style) || {}, {
+    left: "0",
+    top: "0",
+    transform: `translate3d(${Math.round(e.x)}px, ${Math.round(e.y)}px, 0)`
+  });
+  let { x: t, y: r } = e.middlewareData.arrow;
+  o.arrowEl && (o.arrowEl.style.left = t ? t + "px" : "", o.arrowEl.style.top = r ? r + "px" : "");
+}
+class Oo extends Xe($) {
+  constructor() {
+    super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), !this.placement || !Object.keys(_o).includes(this.placement))
+      throw new Error(
+        `Invalid "placement" attribute. Set its value to one of the following:
+${JSON.stringify(
+          Object.keys(_o)
+        )}`
+      );
+    setTimeout(() => this.requestUpdate(), 0);
+  }
+  get _actualDirection() {
+    return this.placement;
+  }
+  set _actualDirection(e) {
+    this.placement = e;
+  }
+  get _arrowDirection() {
+    return _o[this.placement];
+  }
+  updated() {
+    this.callout || this._attentionEl.style.setProperty("--attention-visibility", this.show ? "" : "hidden"), this.tooltip || this._attentionEl.style.setProperty("--attention-display", this.show ? "block" : "none"), this.attentionState = {
+      isShowing: this.show,
+      isCallout: this.callout,
+      actualDirection: this._actualDirection,
+      directionName: this.placement,
+      arrowEl: this.renderRoot.querySelector("#arrow"),
+      attentionEl: this._attentionEl,
+      targetEl: this._targetEl,
+      noArrow: this.noArrow
+    }, nn(this.attentionState);
+  }
+  setAriaLabels() {
+    if (this._targetEl && !this._targetEl.getAttribute("aria-describedby")) {
+      const e = this._messageEl.id || (this._messageEl.id = di());
+      this._messageEl.setAttribute("role", "tooltip"), this._targetEl.setAttribute("aria-describedby", e);
+    }
+  }
+  firstUpdated() {
+    this.setAriaLabels(), this.callout && (this._attentionEl.style.position = "relative");
+  }
+  get _attentionEl() {
+    return this.renderRoot.querySelector("#attention");
+  }
+  get _targetEl() {
+    return this.renderRoot.querySelector("slot[name='target']").assignedNodes()[0];
+  }
+  get _messageEl() {
+    return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
+  }
+  get _wrapperClasses() {
+    return wt({
+      [Q.base]: !0,
+      [Q.tooltip]: this.tooltip,
+      [Q.callout]: this.callout,
+      [Q.popover]: this.popover
+    });
+  }
+  get _arrowClasses() {
+    return wt({
+      [Q.arrowBase]: !0,
+      ["-top-8"]: this._arrowDirection === "top",
+      ["-right-8"]: this._arrowDirection === "right",
+      ["-bottom-8"]: this._arrowDirection === "bottom",
+      ["-left-8"]: this._arrowDirection === "left",
+      [Q.arrowTooltip]: this.tooltip,
+      [Q.arrowCallout]: this.callout,
+      [Q.arrowPopover]: this.popover
+    });
+  }
+  get _arrowHtml() {
+    return this.noArrow ? "" : p`<div
+          id="arrow"
+          role="img"
+          aria-label=${en[this._arrowDirection]}
+          class="${this._arrowClasses}"
+          style="transform:rotate(${on[this._arrowDirection]}deg);
+          margin-${this._arrowDirection.charAt(0).toLowerCase() + this._arrowDirection.slice(1)}:-0.5px;"
+        />`;
+  }
+  render() {
+    return p`
+      <div class=${_(this.className ? this.className : void 0)}>
+        ${this.placement === "right" || this.placement === "bottom" ? p`
+              <slot name="target"></slot>
+              <div id="attention" class="${this._wrapperClasses}">
+                <div>
+                  ${this._arrowHtml}
+                  <slot name="message"></slot>
+                </div>
+              </div>
+            ` : p`
+              <div id="attention" class="${this._wrapperClasses}">
+                <div>
+                  <slot name="message"></slot>
+                  ${this._arrowHtml}
+                </div>
+              </div>
+              <slot name="target"></slot>
+            `}
+      </div>
+    `;
+  }
+}
+k(Oo, "properties", {
+  show: { type: Boolean, reflect: !0 },
+  placement: { type: String },
+  tooltip: { type: Boolean, reflect: !0 },
+  callout: { type: Boolean, reflect: !0 },
+  popover: { type: Boolean, reflect: !0 },
+  noArrow: { type: Boolean, reflect: !0 }
+}), k(Oo, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -6027,35 +8753,118 @@ video {
         border-top-left-radius: 4px;
         z-index: 1;
       }
-    `];constructor(){super(),this.show=!1,this.tooltip=!1,this.callout=!1,this.popover=!1,this.noArrow=!1}connectedCallback(){if(super.connectedCallback(),!this.placement||!Object.keys(Te).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(Te))}`);setTimeout(()=>this.requestUpdate(),0)}get _actualDirection(){return this.placement}set _actualDirection(e){this.placement=e}get _arrowDirection(){return Te[this.placement]}updated(){this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"block":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this.renderRoot.querySelector("#arrow"),attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow},Hr(this.attentionState)}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-describedby")){const e=this._messageEl.id||(this._messageEl.id=Ht());this._messageEl.setAttribute("role","tooltip"),this._targetEl.setAttribute("aria-describedby",e)}}firstUpdated(){this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){return this.renderRoot.querySelector("slot[name='target']").assignedNodes()[0]}get _messageEl(){return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0]}get _wrapperClasses(){return zo({[W.base]:!0,[W.tooltip]:this.tooltip,[W.callout]:this.callout,[W.popover]:this.popover})}get _arrowClasses(){return zo({[W.arrowBase]:!0,["-top-8"]:this._arrowDirection==="top",["-right-8"]:this._arrowDirection==="right",["-bottom-8"]:this._arrowDirection==="bottom",["-left-8"]:this._arrowDirection==="left",[W.arrowTooltip]:this.tooltip,[W.arrowCallout]:this.callout,[W.arrowPopover]:this.popover})}get _arrowHtml(){return this.noArrow?"":p`<div
-          id="arrow"
-          role="img"
-          aria-label=${Br[this._arrowDirection]}
-          class="${this._arrowClasses}"
-          style="transform:rotate(${Nr[this._arrowDirection]}deg);
-          margin-${this._arrowDirection.charAt(0).toLowerCase()+this._arrowDirection.slice(1)}:-0.5px;"
-        />`}render(){return p`
-      <div class=${y(this.className?this.className:void 0)}>
-        ${this.placement==="right"||this.placement==="bottom"?p`
-              <slot name="target"></slot>
-              <div id="attention" class="${this._wrapperClasses}">
-                <div>
-                  ${this._arrowHtml}
-                  <slot name="message"></slot>
-                </div>
-              </div>
-            `:p`
-              <div id="attention" class="${this._wrapperClasses}">
-                <div>
-                  <slot name="message"></slot>
-                  ${this._arrowHtml}
-                </div>
-              </div>
-              <slot name="target"></slot>
-            `}
+    `
+]);
+customElements.get("w-attention") || customElements.define("w-attention", Oo);
+class Fo extends $ {
+  constructor() {
+    super(), this.type = "text";
+  }
+  get _outerWrapperStyles() {
+    return L({
+      "has-suffix": this._hasSuffix,
+      "has-prefix": this._hasPrefix
+    });
+  }
+  get _innerWrapperStyles() {
+    return L({
+      "input mb-0": !0,
+      "input--is-invalid": this.invalid,
+      "input--is-disabled": this.disabled,
+      "input--is-read-only": this.readOnly
+    });
+  }
+  get _label() {
+    if (this.label)
+      return p`<label for="${this._id}">${this.label}</label>`;
+  }
+  get _helpId() {
+    if (this.helpText)
+      return `${this._id}__hint`;
+  }
+  get _id() {
+    return "textfield";
+  }
+  get _error() {
+    if (this.invalid && this._helpId)
+      return this._helpId;
+  }
+  handler(e) {
+    const { name: t, value: r } = e.target, i = new CustomEvent(e.type, {
+      detail: {
+        name: t,
+        value: r,
+        target: e.target
+      }
+    });
+    this.dispatchEvent(i);
+  }
+  prefixSlotChange(e) {
+    this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length && (this._hasPrefix = !0);
+  }
+  suffixSlotChange(e) {
+    this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length && (this._hasSuffix = !0);
+  }
+  render() {
+    return p`
+      ${this._fabricStylesheet}
+      <div class="${this._outerWrapperStyles}">
+        <div class="${this._innerWrapperStyles}">
+          ${this._label}
+          <div class="relative">
+            <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
+            <input
+              type="${this.type}"
+              min="${_(this.min)}"
+              max="${_(this.max)}"
+              size="${_(this.size)}"
+              minlength="${_(this.minLength)}"
+              maxlength="${_(this.maxLength)}"
+              name="${_(this.name)}"
+              pattern="${_(this.pattern)}"
+              placeholder="${_(this.placeholder)}"
+              value="${_(this.value)}"
+              aria-describedby="${_(this._helpId)}"
+              aria-errormessage="${_(this._error)}"
+              aria-invalid="${_(this.invalid)}"
+              id="${this._id}"
+              ?disabled="${this.disabled}"
+              ?readonly="${this.readOnly}"
+              ?required="${this.required}"
+              @blur="${this.handler}"
+              @change="${this.handler}"
+              @focus="${this.handler}"
+            />
+            <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
+          </div>
+          ${this.helpText && p`<div class="input__sub-text" id="${this._helpId}">${this.helpText}</div>`}
+        </div>
       </div>
-    `}}customElements.get("w-attention")||customElements.define("w-attention",Dr);class Wr extends w{static properties={disabled:{type:Boolean},invalid:{type:Boolean},id:{type:String},label:{type:String},helpText:{type:String,attribute:"help-text"},size:{type:String},max:{type:Number},min:{type:Number},minLength:{type:Number,attribute:"min-length"},maxLength:{type:Number,attribute:"max-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,attribute:"read-only"},required:{type:Boolean},type:{type:String},value:{type:String},_hasPrefix:{state:!0},_hasSuffix:{state:!0}};static styles=[_`
+    `;
+  }
+}
+k(Fo, "properties", {
+  disabled: { type: Boolean },
+  invalid: { type: Boolean },
+  id: { type: String },
+  label: { type: String },
+  helpText: { type: String, attribute: "help-text" },
+  size: { type: String },
+  max: { type: Number },
+  min: { type: Number },
+  minLength: { type: Number, attribute: "min-length" },
+  maxLength: { type: Number, attribute: "max-length" },
+  name: { type: String },
+  pattern: { type: String },
+  placeholder: { type: String },
+  readOnly: { type: Boolean, attribute: "read-only" },
+  required: { type: Boolean },
+  type: { type: String },
+  value: { type: String },
+  _hasPrefix: { state: !0 },
+  _hasSuffix: { state: !0 }
+}), k(Fo, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -6630,41 +9439,95 @@ video {
       ::slotted(:last-child) {
         margin-bottom: 0px !important;
       }
-    `];constructor(){super(),this.type="text"}get _outerWrapperStyles(){return P({"has-suffix":this._hasSuffix,"has-prefix":this._hasPrefix})}get _innerWrapperStyles(){return P({"input mb-0":!0,"input--is-invalid":this.invalid,"input--is-disabled":this.disabled,"input--is-read-only":this.readOnly})}get _label(){if(this.label)return p`<label for="${this._id}">${this.label}</label>`}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return"textfield"}get _error(){if(this.invalid&&this._helpId)return this._helpId}handler(e){const{name:t,value:r}=e.target,i=new CustomEvent(e.type,{detail:{name:t,value:r,target:e.target}});this.dispatchEvent(i)}prefixSlotChange(e){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(e){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return p`
-      ${this._fabricStylesheet}
-      <div class="${this._outerWrapperStyles}">
-        <div class="${this._innerWrapperStyles}">
-          ${this._label}
-          <div class="relative">
-            <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
-            <input
-              type="${this.type}"
-              min="${y(this.min)}"
-              max="${y(this.max)}"
-              size="${y(this.size)}"
-              minlength="${y(this.minLength)}"
-              maxlength="${y(this.maxLength)}"
-              name="${y(this.name)}"
-              pattern="${y(this.pattern)}"
-              placeholder="${y(this.placeholder)}"
-              value="${y(this.value)}"
-              aria-describedby="${y(this._helpId)}"
-              aria-errormessage="${y(this._error)}"
-              aria-invalid="${y(this.invalid)}"
-              id="${this._id}"
-              ?disabled="${this.disabled}"
-              ?readonly="${this.readOnly}"
-              ?required="${this.required}"
-              @blur="${this.handler}"
-              @change="${this.handler}"
-              @focus="${this.handler}"
-            />
-            <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
-          </div>
-          ${this.helpText&&p`<div class="input__sub-text" id="${this._helpId}">${this.helpText}</div>`}
-        </div>
-      </div>
-    `}}customElements.get("w-textfield")||customElements.define("w-textfield",Wr);class Po extends w{render(){return p`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`}}customElements.get("f-icon-chevron-down16",Po)||customElements.define("f-icon-chevron-down16",Po);class Vr extends Ae(w){static properties={expanded:{type:Boolean,reflect:!0},title:{type:String},info:{type:Boolean},box:{type:Boolean},bleed:{type:Boolean},buttonClass:{type:String},contentClass:{type:String},noChevron:{type:Boolean},animated:{type:Boolean},headingLevel:{type:Number},_hasTitle:{type:Boolean,state:!0}};constructor(){super(),this.expanded=!1,this.animated=!1,this.info=!1,this.box=!1,this.bleed=!1,this.noChevron=!1,this._hasTitle=!0}static styles=[_`
+    `
+]);
+customElements.get("w-textfield") || customElements.define("w-textfield", Fo);
+class Pt extends $ {
+  render() {
+    return p`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
+  }
+}
+customElements.get("f-icon-chevron-down16", Pt) || customElements.define("f-icon-chevron-down16", Pt);
+class Lo extends Xe($) {
+  constructor() {
+    super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
+  }
+  firstUpdated() {
+    this._hasTitle = !!this.title || this.renderRoot.querySelector("slot[name='title']").assignedNodes().length > 0;
+  }
+  get _expandableSlot() {
+    return p`<div
+      class=${L({
+      [this.contentClass || ""]: !0,
+      [le.box + (this._hasTitle ? " pt-0" : "")]: this.box
+    })}
+    >
+      <slot></slot>
+    </div>`;
+  }
+  render() {
+    return p` <div
+      class=${L({
+      "bg-aqua-50": this.info,
+      ["py-0 px-0 " + le.box]: this.box,
+      [le.bleed]: this.bleed
+    })}
+    >
+      ${this._hasTitle ? p`<w-unstyled-heading level=${this.headingLevel}>
+            <button
+              type="button"
+              aria-expanded="${this.expanded}"
+              class=${L({
+      [this.buttonClass || ""]: !0,
+      [ni + " hover:underline focus:underline"]: !0,
+      ["w-full text-left relative " + le.box]: this.box,
+      "hover:text-aqua-700 active:text-aqua-800": this.info
+    })}
+              @click=${() => this.expanded = !this.expanded}
+            >
+              <div class="flex justify-between align-center">
+                ${this.title ? p`<span class="h4">${this.title}</span>` : p`<slot name="title"></slot>`}
+                ${this.noChevron ? "" : p`<div
+                      class=${L({
+      "self-center transform transition-transform": !0,
+      "-rotate-180": this.expanded,
+      "relative left-8": !this.box,
+      "box-chevron": this.box
+    })}
+                    >
+                      <w-icon-chevron-down16></w-icon-chevron-down16>
+                    </div>`}
+              </div>
+            </button>
+          </w-unstyled-heading>` : ""}
+      ${this.animated ? p`<w-expand-transition ?show=${this.expanded}>
+            ${this._expandableSlot}
+          </w-expand-transition>` : p`<div
+            class=${L({
+      "overflow-hidden": !0,
+      "h-0 invisible": !this.expanded
+    })}
+            aria-hidden=${_(this.expanded ? void 0 : !0)}
+          >
+            ${this._expandableSlot}
+          </div>`}
+    </div>`;
+  }
+}
+k(Lo, "properties", {
+  expanded: { type: Boolean, reflect: !0 },
+  title: { type: String },
+  info: { type: Boolean },
+  box: { type: Boolean },
+  bleed: { type: Boolean },
+  buttonClass: { type: String },
+  contentClass: { type: String },
+  noChevron: { type: Boolean },
+  animated: { type: Boolean },
+  headingLevel: { type: Number },
+  _hasTitle: { type: Boolean, state: !0 }
+}), k(Lo, "styles", [
+  R`
       /* /* layer: preflights */
 
 /*
@@ -7254,39 +10117,10 @@ video {
       ::slotted(:last-child) {
         margin-bottom: 0px !important;
       }
-    `];firstUpdated(){this._hasTitle=!!this.title||this.renderRoot.querySelector("slot[name='title']").assignedNodes().length>0}get _expandableSlot(){return p`<div
-      class=${P({[this.contentClass||""]:!0,[J.box+(this._hasTitle?" pt-0":"")]:this.box})}
-    >
-      <slot></slot>
-    </div>`}render(){return p` <div
-      class=${P({"bg-aqua-50":this.info,["py-0 px-0 "+J.box]:this.box,[J.bleed]:this.bleed})}
-    >
-      ${this._hasTitle?p`<w-unstyled-heading level=${this.headingLevel}>
-            <button
-              type="button"
-              aria-expanded="${this.expanded}"
-              class=${P({[this.buttonClass||""]:!0,[Bt+" hover:underline focus:underline"]:!0,["w-full text-left relative "+J.box]:this.box,"hover:text-aqua-700 active:text-aqua-800":this.info})}
-              @click=${()=>this.expanded=!this.expanded}
-            >
-              <div class="flex justify-between align-center">
-                ${this.title?p`<span class="h4">${this.title}</span>`:p`<slot name="title"></slot>`}
-                ${this.noChevron?"":p`<div
-                      class=${P({"self-center transform transition-transform":!0,"-rotate-180":this.expanded,"relative left-8":!this.box,"box-chevron":this.box})}
-                    >
-                      <w-icon-chevron-down16></w-icon-chevron-down16>
-                    </div>`}
-              </div>
-            </button>
-          </w-unstyled-heading>`:""}
-      ${this.animated?p`<w-expand-transition ?show=${this.expanded}>
-            ${this._expandableSlot}
-          </w-expand-transition>`:p`<div
-            class=${P({"overflow-hidden":!0,"h-0 invisible":!this.expanded})}
-            aria-hidden=${y(this.expanded?void 0:!0)}
-          >
-            ${this._expandableSlot}
-          </div>`}
-    </div>`}}customElements.get("w-expandable")||customElements.define("w-expandable",Vr);const Zr=p`
+    `
+]);
+customElements.get("w-expandable") || customElements.define("w-expandable", Lo);
+const an = p`
   <svg
     role="img"
     aria-label="X"
@@ -7303,7 +10137,7 @@ video {
       clipRule="evenodd"
     />
   </svg>
-`,Xr=p`
+`, ln = p`
   <svg
     role="img"
     aria-label="Forstørrelsesglass"
@@ -7328,7 +10162,52 @@ video {
       </clipPath>
     </defs>
   </svg>
-`;class Yr extends w{static styles=_`
+`;
+class Io extends $ {
+  get _classBase() {
+    return this.slot === "suffix" ? ai : li;
+  }
+  get _classes() {
+    return L({
+      [this._classBase.wrapper]: !0,
+      [this._classBase.wrapperWithLabel]: this.label,
+      [this._classBase.wrapperWithIcon]: !this.label
+    });
+  }
+  get _searchButton() {
+    return p`
+      <button aria-label="${_(this.ariaLabel)}" class="${this._classes}" type="submit">
+        ${ln}
+      </button>
+    `;
+  }
+  get _clearButton() {
+    return p`
+      <button aria-label="${_(this.ariaLabel)}" class="${this._classes}" type="reset">
+        ${an}
+      </button>
+    `;
+  }
+  get _text() {
+    return p`
+      <div class="${this._classes}">
+        <span class="${this._classBase.label}">${this.label}</span>
+      </div>
+    `;
+  }
+  get _markup() {
+    if (this.label)
+      return this._text;
+    if (this.search)
+      return this._searchButton;
+    if (this.clear)
+      return this._clearButton;
+  }
+  render() {
+    return p`${this._markup}`;
+  }
+}
+k(Io, "styles", R`
     /* /* layer: preflights */
 
 /*
@@ -7893,21 +10772,50 @@ video {
 .pointer-events-none{pointer-events:none;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `;static properties={ariaLabel:{type:String,attribute:"aria-label"},clear:{type:Boolean},search:{type:Boolean},label:{type:String}};get _classBase(){return this.slot==="suffix"?Nt:Tt}get _classes(){return P({[this._classBase.wrapper]:!0,[this._classBase.wrapperWithLabel]:this.label,[this._classBase.wrapperWithIcon]:!this.label})}get _searchButton(){return p`
-      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="submit">
-        ${Xr}
-      </button>
-    `}get _clearButton(){return p`
-      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="reset">
-        ${Zr}
-      </button>
-    `}get _text(){return p`
-      <div class="${this._classes}">
-        <span class="${this._classBase.label}">${this.label}</span>
-      </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return p`${this._markup}`}}customElements.get("w-affix")||customElements.define("w-affix",Yr);const ht=_`
+  `), k(Io, "properties", {
+  ariaLabel: { type: String, attribute: "aria-label" },
+  clear: { type: Boolean },
+  search: { type: Boolean },
+  label: { type: String }
+});
+customElements.get("w-affix") || customElements.define("w-affix", Io);
+const fr = R`
 @import "https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css";
-`;class Kr extends w{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&&et(this._wrapper),!this.show&&!this._removeElement&&ot(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this??null}static styles=[ht,_`
+`;
+class Bo extends $ {
+  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 && ir(this._wrapper), !this.show && !this._removeElement && nr(this._wrapper, () => this._removeElement = !0);
+    }
+  }
+  get _wrapper() {
+    return this != null ? this : null;
+  }
+  render() {
+    return p`<div aria-hidden=${_(this.show ? void 0 : "true")}>
+      ${this._removeElement ? p`` : p`<slot></slot>`}
+    </div>`;
+  }
+}
+k(Bo, "properties", {
+  show: {
+    type: Boolean,
+    reflect: !0
+  },
+  _removeElement: { type: Boolean, state: !0 }
+}), k(Bo, "styles", [
+  fr,
+  R`
       /* /* layer: preflights */
 
 /*
@@ -8476,9 +11384,25 @@ video {
       :host {
         display: block;
       }
-    `];render(){return p`<div aria-hidden=${y(this.show?void 0:"true")}>
-      ${this._removeElement?p``:p`<slot></slot>`}
-    </div>`}}customElements.get("w-expand-transition")||customElements.define("w-expand-transition",Kr);class Gr extends w{static properties={level:{type:Number}};static styles=[ht,_`
+    `
+]);
+customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Bo);
+class Vo extends $ {
+  get _markup() {
+    return `<h${this.level}
+    style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
+  >
+    <slot></slot>
+  </h${this.level}>
+`;
+  }
+  render() {
+    return this.level ? et(this._markup) : p`<slot></slot>`;
+  }
+}
+k(Vo, "properties", {
+  level: { type: Number }
+}), k(Vo, "styles", [fr, R`
     /* /* layer: preflights */
 
 /*
@@ -9043,9 +11967,13 @@ video {
 .pointer-events-none{pointer-events:none;}
 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} */
-  `];get _markup(){return`<h${this.level}
-    style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
-  >
-    <slot></slot>
-  </h${this.level}>
-`}render(){return this.level?Qe(this._markup):p`<slot></slot>`}}customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Gr);class Lo extends w{render(){return p`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><title>Håndveske</title><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 14.5V3a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v11.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.222 6H3.777a2 2 0 0 0-1.986 1.766l-.53 4.5A2 2 0 0 0 3.25 14.5h9.502a2 2 0 0 0 1.986-2.234l-.53-4.5A2 2 0 0 0 12.222 6Z"></path></svg>`}}customElements.get("f-icon-bag16",Lo)||customElements.define("f-icon-bag16",Lo);te&&(window.WarpToastContainer=rt,window.toast=cr,window.updateToast=sr,window.removeToast=lr);
+  `]);
+customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Vo);
+class jt extends $ {
+  render() {
+    return p`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><title>Håndveske</title><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 14.5V3a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v11.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.222 6H3.777a2 2 0 0 0-1.986 1.766l-.53 4.5A2 2 0 0 0 3.25 14.5h9.502a2 2 0 0 0 1.986-2.234l-.53-4.5A2 2 0 0 0 12.222 6Z"></path></svg>`;
+  }
+}
+customElements.get("f-icon-bag16", jt) || customElements.define("f-icon-bag16", jt);
+be && (window.WarpToastContainer = Ie, window.toast = $i, window.updateToast = _i, window.removeToast = zi);
+//# sourceMappingURL=scripts.19dc1416.js.map