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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js DELETED
@@ -1,556 +0,0 @@
1
- var ho=Object.defineProperty,po=Object.defineProperties;var fo=Object.getOwnPropertyDescriptors;var Gt=Object.getOwnPropertySymbols;var Je=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable;var Ae=(e,t,r)=>t in e?ho(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))Je.call(t,r)&&Ae(e,r,t[r]);if(Gt)for(var r of Gt(t))Xe.call(t,r)&&Ae(e,r,t[r]);return e},R=(e,t)=>po(e,fo(t));var Ee=(e,t)=>{var r={};for(var o in e)Je.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Gt)for(var o of Gt(e))t.indexOf(o)<0&&Xe.call(e,o)&&(r[o]=e[o]);return r};var g=(e,t,r)=>(Ae(e,typeof t!="symbol"?t+"":t,r),r),mo=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)};var z=(e,t,r)=>(mo(e,t,"read from private field"),r?r.call(e):t.get(e)),Kt=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)};var Wt=window,Jt=Wt.ShadowRoot&&(Wt.ShadyCSS===void 0||Wt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Se=Symbol(),Ye=new WeakMap,vt=class{constructor(t,r,o){if(this._$cssResult$=!0,o!==Se)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=r}get styleSheet(){let t=this.o,r=this.t;if(Jt&&t===void 0){let o=r!==void 0&&r.length===1;o&&(t=Ye.get(r)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&Ye.set(r,t))}return t}toString(){return this.cssText}},Qe=e=>new vt(typeof e=="string"?e:e+"",void 0,Se),y=(e,...t)=>{let r=e.length===1?e[0]:t.reduce((o,i,s)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[s+1],e[0]);return new vt(r,e,Se)},Ce=(e,t)=>{Jt?e.adoptedStyleSheets=t.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):t.forEach(r=>{let o=document.createElement("style"),i=Wt.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=r.cssText,e.appendChild(o)})},Xt=Jt?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let r="";for(let o of t.cssRules)r+=o.cssText;return Qe(r)})(e):e;var ke,Yt=window,tr=Yt.trustedTypes,go=tr?tr.emptyScript:"",er=Yt.reactiveElementPolyfillSupport,Te={toAttribute(e,t){switch(t){case Boolean:e=e?go:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let r=e;switch(t){case Boolean:r=e!==null;break;case Number:r=e===null?null:Number(e);break;case Object:case Array:try{r=JSON.parse(e)}catch(o){r=null}}return r}},rr=(e,t)=>t!==e&&(t==t||e==e),Le={attribute:!0,type:String,converter:Te,reflect:!1,hasChanged:rr},I=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var r;this.finalize(),((r=this.h)!==null&&r!==void 0?r:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((r,o)=>{let i=this._$Ep(o,r);i!==void 0&&(this._$Ev.set(i,o),t.push(i))}),t}static createProperty(t,r=Le){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(t,r),!r.noAccessor&&!this.prototype.hasOwnProperty(t)){let o=typeof t=="symbol"?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,r);i!==void 0&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,r,o){return{get(){return this[r]},set(i){let s=this[t];this[r]=i,this.requestUpdate(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||Le}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let r=this.properties,o=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(let i of o)this.createProperty(i,r[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let r=[];if(Array.isArray(t)){let o=new Set(t.flat(1/0).reverse());for(let i of o)r.unshift(Xt(i))}else t!==void 0&&r.push(Xt(t));return r}static _$Ep(t,r){let o=r.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(r=>r(this))}addController(t){var r,o;((r=this._$ES)!==null&&r!==void 0?r:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)===null||o===void 0||o.call(t))}removeController(t){var r;(r=this._$ES)===null||r===void 0||r.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,r)=>{this.hasOwnProperty(r)&&(this._$Ei.set(r,this[r]),delete this[r])})}createRenderRoot(){var t;let r=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return Ce(r,this.constructor.elementStyles),r}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostConnected)===null||o===void 0?void 0:o.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostDisconnected)===null||o===void 0?void 0:o.call(r)})}attributeChangedCallback(t,r,o){this._$AK(t,o)}_$EO(t,r,o=Le){var i;let s=this.constructor._$Ep(t,o);if(s!==void 0&&o.reflect===!0){let n=(((i=o.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?o.converter:Te).toAttribute(r,o.type);this._$El=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(t,r){var o;let i=this.constructor,s=i._$Ev.get(t);if(s!==void 0&&this._$El!==s){let n=i.getPropertyOptions(s),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?n.converter:Te;this._$El=s,this[s]=l.fromAttribute(r,n.type),this._$El=null}}requestUpdate(t,r,o){let i=!0;t!==void 0&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||rr)(this[t],r)?(this._$AL.has(t)||this._$AL.set(t,r),o.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(r){Promise.reject(r)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((i,s)=>this[s]=i),this._$Ei=void 0);let r=!1,o=this._$AL;try{r=this.shouldUpdate(o),r?(this.willUpdate(o),(t=this._$ES)===null||t===void 0||t.forEach(i=>{var s;return(s=i.hostUpdate)===null||s===void 0?void 0:s.call(i)}),this.update(o)):this._$Ek()}catch(i){throw r=!1,this._$Ek(),i}r&&this._$AE(o)}willUpdate(t){}_$AE(t){var r;(r=this._$ES)===null||r===void 0||r.forEach(o=>{var i;return(i=o.hostUpdated)===null||i===void 0?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((r,o)=>this._$EO(o,this[o],r)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};I.finalized=!0,I.elementProperties=new Map,I.elementStyles=[],I.shadowRootOptions={mode:"open"},er==null||er({ReactiveElement:I}),((ke=Yt.reactiveElementVersions)!==null&&ke!==void 0?ke:Yt.reactiveElementVersions=[]).push("1.6.1");var Re,Qt=window,it=Qt.trustedTypes,or=it?it.createPolicy("lit-html",{createHTML:e=>e}):void 0,U=`lit$${(Math.random()+"").slice(9)}$`,Pe="?"+U,bo=`<${Pe}>`,st=document,xt=(e="")=>st.createComment(e),wt=e=>e===null||typeof e!="object"&&typeof e!="function",dr=Array.isArray,ur=e=>dr(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",yt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ir=/-->/g,sr=/>/g,J=RegExp(`>|[
2
- \f\r](?:([^\\s"'>=/]+)([
3
- \f\r]*=[
4
- \f\r]*(?:[^
5
- \f\r"'\`<>=]|("|')|))|$)`,"g"),nr=/'/g,lr=/"/g,hr=/^(?:script|style|textarea|title)$/i,pr=e=>(t,...r)=>({_$litType$:e,strings:t,values:r}),u=pr(1),$t=pr(2),P=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),ar=new WeakMap,ot=st.createTreeWalker(st,129,null,!1),fr=(e,t)=>{let r=e.length-1,o=[],i,s=t===2?"<svg>":"",n=yt;for(let a=0;a<r;a++){let c=e[a],f,d,h=-1,p=0;for(;p<c.length&&(n.lastIndex=p,d=n.exec(c),d!==null);)p=n.lastIndex,n===yt?d[1]==="!--"?n=ir:d[1]!==void 0?n=sr:d[2]!==void 0?(hr.test(d[2])&&(i=RegExp("</"+d[2],"g")),n=J):d[3]!==void 0&&(n=J):n===J?d[0]===">"?(n=i!=null?i:yt,h=-1):d[1]===void 0?h=-2:(h=n.lastIndex-d[2].length,f=d[1],n=d[3]===void 0?J:d[3]==='"'?lr:nr):n===lr||n===nr?n=J:n===ir||n===sr?n=yt:(n=J,i=void 0);let m=n===J&&e[a+1].startsWith("/>")?" ":"";s+=n===yt?c+bo:h>=0?(o.push(f),c.slice(0,h)+"$lit$"+c.slice(h)+U+m):c+U+(h===-2?(o.push(void 0),a):m)}let l=s+(e[r]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[or!==void 0?or.createHTML(l):l,o]},X=class{constructor({strings:t,_$litType$:r},o){let i;this.parts=[];let s=0,n=0,l=t.length-1,a=this.parts,[c,f]=fr(t,r);if(this.el=X.createElement(c,o),ot.currentNode=this.el.content,r===2){let d=this.el.content,h=d.firstChild;h.remove(),d.append(...h.childNodes)}for(;(i=ot.nextNode())!==null&&a.length<l;){if(i.nodeType===1){if(i.hasAttributes()){let d=[];for(let h of i.getAttributeNames())if(h.endsWith("$lit$")||h.startsWith(U)){let p=f[n++];if(d.push(h),p!==void 0){let m=i.getAttribute(p.toLowerCase()+"$lit$").split(U),b=/([.?@])?(.*)/.exec(p);a.push({type:1,index:s,name:b[2],strings:m,ctor:b[1]==="."?ee:b[1]==="?"?re:b[1]==="@"?oe:Q})}else a.push({type:6,index:s})}for(let h of d)i.removeAttribute(h)}if(hr.test(i.tagName)){let d=i.textContent.split(U),h=d.length-1;if(h>0){i.textContent=it?it.emptyScript:"";for(let p=0;p<h;p++)i.append(d[p],xt()),ot.nextNode(),a.push({type:2,index:++s});i.append(d[h],xt())}}}else if(i.nodeType===8)if(i.data===Pe)a.push({type:2,index:s});else{let d=-1;for(;(d=i.data.indexOf(U,d+1))!==-1;)a.push({type:7,index:s}),d+=U.length-1}s++}}static createElement(t,r){let o=st.createElement("template");return o.innerHTML=t,o}};function Y(e,t,r=e,o){var i,s,n,l;if(t===P)return t;let a=o!==void 0?(i=r._$Co)===null||i===void 0?void 0:i[o]:r._$Cl,c=wt(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==c&&((s=a==null?void 0:a._$AO)===null||s===void 0||s.call(a,!1),c===void 0?a=void 0:(a=new c(e),a._$AT(e,r,o)),o!==void 0?((n=(l=r)._$Co)!==null&&n!==void 0?n:l._$Co=[])[o]=a:r._$Cl=a),a!==void 0&&(t=Y(e,a._$AS(e,t.values),a,o)),t}var te=class{constructor(t,r){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var r;let{el:{content:o},parts:i}=this._$AD,s=((r=t==null?void 0:t.creationScope)!==null&&r!==void 0?r:st).importNode(o,!0);ot.currentNode=s;let n=ot.nextNode(),l=0,a=0,c=i[0];for(;c!==void 0;){if(l===c.index){let f;c.type===2?f=new F(n,n.nextSibling,this,t):c.type===1?f=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(f=new ie(n,this,t)),this.u.push(f),c=i[++a]}l!==(c==null?void 0:c.index)&&(n=ot.nextNode(),l++)}return s}p(t){let r=0;for(let o of this.u)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,r),r+=o.strings.length-2):o._$AI(t[r])),r++}},F=class{constructor(t,r,o,i){var s;this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=o,this.options=i,this._$Cm=(s=i==null?void 0:i.isConnected)===null||s===void 0||s}get _$AU(){var t,r;return(r=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&r!==void 0?r:this._$Cm}get parentNode(){let t=this._$AA.parentNode,r=this._$AM;return r!==void 0&&t.nodeType===11&&(t=r.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,r=this){t=Y(this,t,r),wt(t)?t===_||t==null||t===""?(this._$AH!==_&&this._$AR(),this._$AH=_):t!==this._$AH&&t!==P&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ur(t)?this.k(t):this.g(t)}O(t,r=this._$AB){return this._$AA.parentNode.insertBefore(t,r)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==_&&wt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;let{values:o,_$litType$:i}=t,s=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=X.createElement(i.h,this.options)),i);if(((r=this._$AH)===null||r===void 0?void 0:r._$AD)===s)this._$AH.p(o);else{let n=new te(s,this),l=n.v(this.options);n.p(o),this.T(l),this._$AH=n}}_$AC(t){let r=ar.get(t.strings);return r===void 0&&ar.set(t.strings,r=new X(t)),r}k(t){dr(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,o,i=0;for(let s of t)i===r.length?r.push(o=new F(this.O(xt()),this.O(xt()),this,this.options)):o=r[i],o._$AI(s),i++;i<r.length&&(this._$AR(o&&o._$AB.nextSibling,i),r.length=i)}_$AR(t=this._$AA.nextSibling,r){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,r);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){var r;this._$AM===void 0&&(this._$Cm=t,(r=this._$AP)===null||r===void 0||r.call(this,t))}},Q=class{constructor(t,r,o,i,s){this.type=1,this._$AH=_,this._$AN=void 0,this.element=t,this.name=r,this._$AM=i,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=_}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,r=this,o,i){let s=this.strings,n=!1;if(s===void 0)t=Y(this,t,r,0),n=!wt(t)||t!==this._$AH&&t!==P,n&&(this._$AH=t);else{let l=t,a,c;for(t=s[0],a=0;a<s.length-1;a++)c=Y(this,l[o+a],r,a),c===P&&(c=this._$AH[a]),n||(n=!wt(c)||c!==this._$AH[a]),c===_?t=_:t!==_&&(t+=(c!=null?c:"")+s[a+1]),this._$AH[a]=c}n&&!i&&this.j(t)}j(t){t===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},ee=class extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===_?void 0:t}},vo=it?it.emptyScript:"",re=class extends Q{constructor(){super(...arguments),this.type=4}j(t){t&&t!==_?this.element.setAttribute(this.name,vo):this.element.removeAttribute(this.name)}},oe=class extends Q{constructor(t,r,o,i,s){super(t,r,o,i,s),this.type=5}_$AI(t,r=this){var o;if((t=(o=Y(this,t,r,0))!==null&&o!==void 0?o:_)===P)return;let i=this._$AH,s=t===_&&i!==_||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==_&&(i===_||s);s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var r,o;typeof this._$AH=="function"?this._$AH.call((o=(r=this.options)===null||r===void 0?void 0:r.host)!==null&&o!==void 0?o:this.element,t):this._$AH.handleEvent(t)}},ie=class{constructor(t,r,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=r,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){Y(this,t)}},mr={P:"$lit$",A:U,M:Pe,C:1,L:fr,R:te,D:ur,V:Y,I:F,H:Q,N:re,U:oe,B:ee,F:ie},cr=Qt.litHtmlPolyfillSupport;cr==null||cr(X,F),((Re=Qt.litHtmlVersions)!==null&&Re!==void 0?Re:Qt.litHtmlVersions=[]).push("2.6.1");var gr=(e,t,r)=>{var o,i;let s=(o=r==null?void 0:r.renderBefore)!==null&&o!==void 0?o:t,n=s._$litPart$;if(n===void 0){let l=(i=r==null?void 0:r.renderBefore)!==null&&i!==void 0?i:null;s._$litPart$=n=new F(t.insertBefore(xt(),l),l,void 0,r!=null?r:{})}return n._$AI(e),n};var De,Be;var v=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,r;let o=super.createRenderRoot();return(t=(r=this.renderOptions).renderBefore)!==null&&t!==void 0||(r.renderBefore=o.firstChild),o}update(t){let r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=gr(r,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return P}};v.finalized=!0,v._$litElement$=!0,(De=globalThis.litElementHydrateSupport)===null||De===void 0||De.call(globalThis,{LitElement:v});var br=globalThis.litElementPolyfillSupport;br==null||br({LitElement:v});((Be=globalThis.litElementVersions)!==null&&Be!==void 0?Be:globalThis.litElementVersions=[]).push("3.2.2");var vr=()=>u`<svg
6
- aria-label="Rødt utropstegn"
7
- role="img"
8
- xmlns="http://www.w3.org/2000/svg"
9
- width="16"
10
- height="16"
11
- fill="none"
12
- >
13
- ${yo}
14
- </svg>`,yr=()=>u`<svg
15
- aria-label="Grønt hake"
16
- role="img"
17
- width="16"
18
- height="16"
19
- fill="none"
20
- xmlns="http://www.w3.org/2000/svg"
21
- >
22
- ${xo}
23
- </svg> `,xr=()=>u`<svg
24
- aria-label="Gult utropstegn"
25
- role="img"
26
- width="16"
27
- height="16"
28
- fill="none"
29
- xmlns="http://www.w3.org/2000/svg"
30
- >
31
- ${wo}
32
- </svg> `,wr=()=>u`<svg
33
- aria-label="Info"
34
- role="img"
35
- width="16"
36
- height="16"
37
- fill="none"
38
- xmlns="http://www.w3.org/2000/svg"
39
- >
40
- ${$o}
41
- </svg>`,yo=$t`<path
42
- 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"
43
- fill="currentColor"
44
- />
45
- <path
46
- fill-rule="evenodd"
47
- clip-rule="evenodd"
48
- 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"
49
- fill="#fff"
50
- />
51
- <path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`,xo=$t`<circle cx="8" cy="8" r="8" transform="rotate(180 8 8)" fill="currentColor" />
52
- <path
53
- fill-rule="evenodd"
54
- clip-rule="evenodd"
55
- 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"
56
- fill="#fff"
57
- />`,wo=$t`<path
58
- 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"
59
- fill="currentColor"
60
- />
61
- <path
62
- fill-rule="evenodd"
63
- clip-rule="evenodd"
64
- d="M8 3.25c.41 0 .75.34.75.75v5a.75.75 0 0 1-1.5 0V4c0-.41.34-.75.75-.75Z"
65
- fill="#fff"
66
- />
67
- <path d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z" fill="#fff" />`,$o=$t`<circle cx="8" cy="8" r="8" fill="currentColor" />
68
- <path
69
- fill-rule="evenodd"
70
- clip-rule="evenodd"
71
- 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"
72
- fill="#fff"
73
- />`;var $r={negative:{color:"red",icon:vr(),bgColor:"bg-red-50",borderColor:"border-red-300",textColor:"text-red-600"},positive:{color:"green",icon:yr(),bgColor:"bg-green-50",borderColor:"border-green-300",textColor:"text-green-600"},warning:{color:"yellow",icon:xr(),bgColor:"bg-yellow-50",borderColor:"border-yellow-300",textColor:"text-yellow-600"},info:{color:"aqua",icon:wr(),bgColor:"bg-aqua-50",borderColor:"border-aqua-300",textColor:"text-aqua-600"}},_t=class extends v{constructor(){super(),this.show=!1,this.role="alert"}connectedCallback(){if(super.connectedCallback(),!this.variant||!Object.keys($r).includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
74
- negative, positive, warning, info.`)}get _style(){return this.variant?$r[this.variant]:{}}render(){let{color:t,icon:r,bgColor:o,borderColor:i,textColor:s}=this._style;return u`
75
- <w-expand-transition ?show=${this.show}>
76
- <div
77
- role=${this.role}
78
- class="${`flex p-16 border rounded-4 border-l-4 ${o} ${i}`}"
79
- style="border-left-color:var(--w-${t}-600)"
80
- >
81
- <div class="mr-8 ${s}">${r}</div>
82
- <div class="text-14">
83
- <slot></slot>
84
- </div>
85
- </div>
86
- </w-expand-transition>
87
- `}};g(_t,"properties",{variant:{type:String,reflect:!0},show:{type:Boolean,reflect:!0},role:{type:String,reflect:!0}}),g(_t,"styles",y`
88
- /* @unocss-placeholder */
89
- :host {
90
- display: block;
91
- }
92
- ::slotted(:last-child) {
93
- margin-bottom: 0px !important;
94
- }
95
- `);customElements.get("w-alert")||customElements.define("w-alert",_t);var j={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"};var B={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"};var M={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"};var Me={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"},L={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"};var Oe="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block",ui={expandable:"f-expandable",expandableInfo:"bg-aqua-50",expandableBox:"py-0 px-0 "+B.box,expandableBleed:B.bleed,chevron:"inline-block align-middle transform transition-transform transition-gpu",chevronNonBox:"relative left-8",chevronBox:"f-expandable-chevron absolute right-16",chevronExpanded:"-rotate-180",button:Oe+" hover:underline focus:underline",buttonBox:"w-full text-left relative "+B.box,buttonInfo:"hover:text-aqua-700 active:text-aqua-800"},_r="absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ",Ar={wrapper:_r+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-12"},Er={wrapper:_r+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-secondary text-12"},D={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 At=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?At.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var nt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},lt=e=>(...t)=>({_$litDirective$:e,values:t}),Z=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,o){this._$Ct=t,this._$AM=r,this._$Ci=o}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}};var at=lt(class extends Z{constructor(e){var t;if(super(e),e.type!==nt.ATTRIBUTE||e.name!=="class"||((t=e.strings)===null||t===void 0?void 0:t.length)>2)throw 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,o;if(this.nt===void 0){this.nt=new Set,e.strings!==void 0&&(this.st=new Set(e.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(let s in t)t[s]&&!(!((r=this.st)===null||r===void 0)&&r.has(s))&&this.nt.add(s);return this.render(t)}let i=e.element.classList;this.nt.forEach(s=>{s in t||(i.remove(s),this.nt.delete(s))});for(let s in t){let n=!!t[s];n===this.nt.has(s)||!((o=this.st)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.nt.add(s)):(i.remove(s),this.nt.delete(s)))}return P}});var _o=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function G(e){return class extends e{static createProperty(t,r){let o=r;(typeof(r==null?void 0:r.attribute)=="undefined"||(r==null?void 0:r.attribute)===!0)&&(o=Object.assign({},r,{attribute:_o(t.toString())})),super.createProperty(t,o)}}}function He(e){let t=[];for(let[r,o]of Object.entries(e))o&&t.push(r);return t.join(" ")}var tt=typeof window!="undefined";function k(e){let t={};for(let[r,o]of Object.entries(e))for(let i of r.split(" "))t[i]=o;return at(t)}function Sr(){return`m${Math.random().toString(36).slice(2)}`}var Ne=["primary","secondary","negative","utility","pill","link"],ct=class extends G(v){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Ne.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
96
- ${Ne.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _classes(){let t=this.variant==="primary",r=this.variant==="secondary",o=this.variant==="negative",i=this.variant==="utility",s=this.variant==="pill",n=this.variant==="link";return At({[D.buttonSecondary]:!Ne.find(l=>this.variant===l)||r,[D.buttonPrimary]:t,[D.buttonDestructive]:o&&!this.quiet,[D.buttonFlat]:r&&this.quiet,[D.buttonDestructiveFlat]:o&&this.quiet,[D.buttonUtilityFlat]:i&&this.quiet,[D.buttonSmall]:this.small,[D.buttonUtility]:i&&!this.quiet,[D.buttonLink]:n,[D.buttonPill]:s,[D.buttonInProgress]:this.loading,[D.buttonIsDisabled]:this.disabled,["inline-block"]:!!this.href})}render(){return u`
97
- ${this.href?u`<a
98
- href=${this.href}
99
- target=${this.target}
100
- rel=${this.target==="_blank"?this.rel||"noopener":void 0}
101
- class=${this._classes}
102
- >
103
- <slot></slot>
104
- </a>`:u`<button type=${this.type||"button"} class=${this._classes}>
105
- <slot></slot>
106
- </button>`}
107
- ${this.loading?u`<span
108
- class="sr-only"
109
- role="progressbar"
110
- aria-valuenow="{0}"
111
- aria-valuetext="Laster..."
112
- />`:null}`}};g(ct,"shadowRootOptions",R(A({},v.shadowRootOptions),{delegatesFocus:!0})),g(ct,"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}}),g(ct,"styles",y`
113
- /* @unocss-placeholder */
114
- `);customElements.get("w-button")||customElements.define("w-button",ct);var w=e=>e!=null?e:_;var Cr={ENTER:"Enter",SPACE:" "},Et=class extends v{constructor(){super(),this.selected=!1,this.flat=!1,this.clickable=!1}get _outerClasses(){return k({[M.card]:!0,[M.cardShadow]:!this.flat,[M.cardSelected]:this.selected,[M.cardFlat]:this.flat,[this.selected?M.cardFlatSelected:M.cardFlatUnselected]:this.flat})}get _innerClasses(){return k({[M.cardOutline]:!0,[this.selected?M.cardOutlineSelected:M.cardOutlineUnselected]:!0})}get uuButton(){return u`<button class="sr-only" aria-pressed="${this.selected}" tabindex="-1">
115
- Velg
116
- </button>`}get uuSpan(){return u`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`}keypressed(t){!this.clickable||t.altKey||t.ctrlKey||(t.key===Cr.ENTER||t.key===Cr.SPACE)&&(t.preventDefault(),this.click())}render(){return u`
117
- <div
118
- tabindex=${w(this.clickable?"0":void 0)}
119
- class="${this._outerClasses}"
120
- @keydown=${this.keypressed}
121
- >
122
- ${this.clickable?this.uuButton:""}
123
- ${!this.clickable&&this.selected?this.uuSpan:""}
124
- <div class="${this._innerClasses}"></div>
125
- <slot></slot>
126
- </div>
127
- `}};g(Et,"styles",[y`
128
- /* @unocss-placeholder */
129
- a::after {
130
- content: '';
131
- position: absolute;
132
- top: 0;
133
- right: 0;
134
- bottom: 0;
135
- left: 0;
136
- }
137
- :host {
138
- display: block;
139
- }
140
- `]),g(Et,"properties",{selected:{type:Boolean,reflect:!0},flat:{type:Boolean},clickable:{type:Boolean}});customElements.get("w-card")||customElements.define("w-card",Et);function dt(e,t,r){return e?t():r==null?void 0:r()}var St=class extends Z{constructor(t){if(super(t),this.it=_,t.type!==nt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===_||t==null)return this._t=void 0,this.it=t;if(t===P)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let r=[t];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};St.directiveName="unsafeHTML",St.resultType=1;var se=lt(St);var ae,kr,ut,ne,ht,le,Ct=class extends G(v){constructor(){super();Kt(this,ae);Kt(this,ut);Kt(this,ht);this._options=this.innerHTML}render(){return u`<div class="${z(this,ae,kr)}">
141
- ${dt(this.label,()=>u`<label for="${z(this,ut,ne)}">
142
- ${this.label}
143
- ${dt(this.optional,()=>u`<span className="pl-8 font-normal text-14 text-gray-500">(valgfritt)</span>`)}</label
144
- >`)}
145
- <div class="input--select__wrap">
146
- <select
147
- id="${z(this,ut,ne)}"
148
- ?autofocus=${this.autoFocus}
149
- aria-describedby="${w(z(this,ht,le))}"
150
- aria-invalid="${w(this.invalid)}"
151
- aria-errormessage="${w(this.invalid&&z(this,ht,le))}"
152
- >
153
- ${se(this._options)}
154
- </select>
155
- </div>
156
- ${dt(this.always||this.invalid,()=>u`<div id="${z(this,ht,le)}" class="input__sub-text">${this.hint}</div>`)}
157
- </div>`}};ae=new WeakSet,kr=function(){return At("input mb-0",{"input--is-invalid":this.invalid})},ut=new WeakSet,ne=function(){return"select_id"},ht=new WeakSet,le=function(){return this.hint?`${z(this,ut,ne)}__hint`:void 0},g(Ct,"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}}),g(Ct,"styles",y`
158
- /* @unocss-placeholder */
159
- `);customElements.get("w-select")||customElements.define("w-select",Ct);var kt=class extends v{get _class(){return k({[B.box]:!0,[B.bleed]:this.bleed,"bg-aqua-50":this.info,"bg-bluegray-100":this.neutral,"border-2 border-bluegray-300":this.bordered})}render(){return u`
160
- <div class="${this._class}">
161
- <slot></slot>
162
- </div>
163
- `}};g(kt,"properties",{bleed:{type:Boolean},bordered:{type:Boolean},info:{type:Boolean},neutral:{type:Boolean}}),g(kt,"styles",y`
164
- /* @unocss-placeholder */
165
- :host {
166
- display: block;
167
- }
168
- ::slotted(:last-child) {
169
- margin-bottom: 0px !important;
170
- }
171
- `);customElements.get("w-box")||customElements.define("w-box",kt);function Lr(e,t){return e.flatMap(r=>[r,t]).slice(0,-1)}var Ao=u`<span class="select-none" aria-hidden="true">/</span>`,ce=class extends v{connectedCallback(){super.connectedCallback(),this._children=Lr(Array.from(this.children),Ao)}render(){return u`
172
- <nav aria-label="Her er du" class="flex space-x-8">
173
- <h2 class="sr-only">Her er du</h2>
174
- ${this._children}
175
- </nav>
176
- `}};g(ce,"styles",y`
177
- /* @unocss-placeholder */
178
- `);customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",ce);var Ie=typeof window!="undefined",Tr=!0;if(Ie){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=({matches:r})=>Tr=!r;e.addEventListener&&e.addEventListener("change",t),t(e)}var Rr=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Pr=e=>{let t=Tr?"var(--f-expansion-duration, 0.3s)":"0.01s";e.style.transition=`height ${t}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},Eo=(e,t)=>()=>{e.style.height="auto",e.style.overflow=null,t&&t()},So=e=>()=>{e&&e()},de=(e,t)=>{let r=(()=>{if(!t)return new Promise(s=>{t=s})})(),o=Eo(e,t);Rr(e),e.style.height="auto";let i=e.scrollHeight;if(Ie&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Pr(e),requestAnimationFrame(()=>e.style.height=i+"px")}),r)return r},ue=(e,t)=>{let r=(()=>{if(!t)return new Promise(s=>{t=s})})(),o=So(t);Rr(e);let i=e.scrollHeight;if(Ie&&requestAnimationFrame(()=>{e.addEventListener("transitionend",o,{once:!0}),e.style.height=i+"px",e.style.transitionTimingFunction="ease-in",Pr(e),requestAnimationFrame(()=>e.style.height="0px")}),r)return r};var Dr=e=>u`<svg
179
- role="img"
180
- aria-label="${e.typeLabel}"
181
- xmlns="http://www.w3.org/2000/svg"
182
- width="16"
183
- height="16"
184
- fill="none"
185
- viewBox="0 0 16 16"
186
- >
187
- <path
188
- stroke="currentColor"
189
- stroke-linecap="round"
190
- stroke-linejoin="round"
191
- stroke-width="1.5"
192
- d="M5.5 9l2 1.5L11 6"
193
- />
194
- </svg>`,Br=e=>u`
195
- <svg
196
- role="img"
197
- aria-label="${e.typeLabel}"
198
- xmlns="http://www.w3.org/2000/svg"
199
- width="16"
200
- height="16"
201
- fill="none"
202
- viewBox="0 0 16 16"
203
- class="${at({"transition-transform duration-200":!0,"transform-rotate-180":e.isInfo})}"
204
- >
205
- <path
206
- stroke="currentColor"
207
- stroke-linecap="round"
208
- stroke-miterlimit="10"
209
- stroke-width="1.5"
210
- d="M8 9V4"
211
- />
212
- <circle cx="8" cy="11.8" r=".8" fill="currentColor" />
213
- </svg>
214
- `,Mr=()=>u`
215
- <svg
216
- role="img"
217
- aria-label="Lukk"
218
- xmlns="http://www.w3.org/2000/svg"
219
- width="16"
220
- height="16"
221
- fill="none"
222
- viewBox="0 0 16 16"
223
- >
224
- <path
225
- fill="currentColor"
226
- fill-rule="evenodd"
227
- d="M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z"
228
- clipRule="evenodd"
229
- />
230
- </svg>
231
- `;var Or=e=>{let t={};for(let[r,o]of Object.entries(e))for(let i of r.split(" "))t[i]=o;return at(t)},Lt=class extends v{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&&de(this._wrapper,()=>this._expanded=!0)}get _primaryClasses(){return Or({[L.toast]:!0,[L.toastPositive]:this.type==="success",[L.toastWarning]:this.type==="warning",[L.toastNegative]:this.type==="error",[L.toastNeutral]:this.type==="info"})}get _iconClasses(){return Or({[L.toastIcon]:!0,[L.toastIconPositive]:this.type=="success",[L.toastIconWarning]:this.type==="warning",[L.toastIconNegative]:this.type==="error",[L.toastIconNeutral]:this.type==="info"})}get _wrapper(){var t,r;return(r=(t=this.renderRoot)==null?void 0:t.querySelector("section"))!=null?r: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?Dr({typeLabel:this._typeLabel}):Br({typeLabel:this._typeLabel,isInfo:this._info})}async collapse(){return new Promise(t=>{this._expanded&&this._wrapper?ue(this._wrapper,t):t()})}close(){let t=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(t))}render(){return this.text?u` <section class="${L.toastWrapper}" aria-label="${this._typeLabel}">
232
- <div class="${this._primaryClasses}">
233
- <div class="${this._iconClasses}">${this._iconMarkup}</div>
234
- <div role="${this._role}" class="${L.toastContent}">
235
- <p>${this.text}</p>
236
- </div>
237
- ${dt(this.canclose===!0,()=>u`<button class="${L.toastClose}" @click="${this.close}">${Mr()}</button>`)}
238
- </div>
239
- </section>`:u``}};g(Lt,"styles",[y`
240
- /* @unocss-placeholder */
241
- :host {
242
- display: block;
243
- }
244
- `]),g(Lt,"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",Lt);var{I:Co}=mr;var Hr=()=>document.createComment(""),pt=(e,t,r)=>{var o;let i=e._$AA.parentNode,s=t===void 0?e._$AB:t._$AA;if(r===void 0){let n=i.insertBefore(Hr(),s),l=i.insertBefore(Hr(),s);r=new Co(n,l,e,e.options)}else{let n=r._$AB.nextSibling,l=r._$AM,a=l!==e;if(a){let c;(o=r._$AQ)===null||o===void 0||o.call(r,e),r._$AM=e,r._$AP!==void 0&&(c=e._$AU)!==l._$AU&&r._$AP(c)}if(n!==s||a){let c=r._$AA;for(;c!==n;){let f=c.nextSibling;i.insertBefore(c,s),c=f}}}return r},K=(e,t,r=e)=>(e._$AI(t,r),e),ko={},Nr=(e,t=ko)=>e._$AH=t,Ir=e=>e._$AH,he=e=>{var t;(t=e._$AP)===null||t===void 0||t.call(e,!1,!0);let r=e._$AA,o=e._$AB.nextSibling;for(;r!==o;){let i=r.nextSibling;r.remove(),r=i}};var Ur=(e,t,r)=>{let o=new Map;for(let i=t;i<=r;i++)o.set(e[i],i);return o},pe=lt(class extends Z{constructor(e){if(super(e),e.type!==nt.CHILD)throw Error("repeat() can only be used in text expressions")}ht(e,t,r){let o;r===void 0?r=t:t!==void 0&&(o=t);let i=[],s=[],n=0;for(let l of e)i[n]=o?o(l,n):n,s[n]=r(l,n),n++;return{values:s,keys:i}}render(e,t,r){return this.ht(e,t,r).values}update(e,[t,r,o]){var i;let s=Ir(e),{values:n,keys:l}=this.ht(t,r,o);if(!Array.isArray(s))return this.ut=l,n;let a=(i=this.ut)!==null&&i!==void 0?i:this.ut=[],c=[],f,d,h=0,p=s.length-1,m=0,b=n.length-1;for(;h<=p&&m<=b;)if(s[h]===null)h++;else if(s[p]===null)p--;else if(a[h]===l[m])c[m]=K(s[h],n[m]),h++,m++;else if(a[p]===l[b])c[b]=K(s[p],n[b]),p--,b--;else if(a[h]===l[b])c[b]=K(s[h],n[b]),pt(e,c[b+1],s[h]),h++,b--;else if(a[p]===l[m])c[m]=K(s[p],n[m]),pt(e,s[h],s[p]),p--,m++;else if(f===void 0&&(f=Ur(l,m,b),d=Ur(a,h,p)),f.has(a[h]))if(f.has(a[p])){let x=d.get(l[m]),$=x!==void 0?s[x]:null;if($===null){let E=pt(e,s[h]);K(E,n[m]),c[m]=E}else c[m]=K($,n[m]),pt(e,s[h],$),s[x]=null;m++}else he(s[p]),p--;else he(s[h]),h++;for(;m<=b;){let x=pt(e,c[b+1]);K(x,n[m]),c[m++]=x}for(;h<=p;){let x=s[h++];x!==null&&he(x)}return this.ut=l,Nr(e,c),P}});var Tt=class extends v{constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let t=[],r=[];for(let i of this._toasts)Date.now()<=i[1].duration?t.push(i):r.push(i);let o=[];for(let[i]of r){let s=this.renderRoot.querySelector(`#${i}`);o.push(s.collapse())}Promise.all(o).then(()=>{t.length!=this._toasts.size&&(this._toasts=new Map(t))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let t=document.querySelector("w-toast-container");return t||(t=document.createElement("w-toast-container"),document.body.appendChild(t)),t}get _toastsArray(){return Array.from(this._toasts).map(([,t])=>t)}get(t){if(!t)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof t!="string"&&!Number.isInteger(t))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(t)}set(t){if(!t.id)throw new Error('invalid or undefined "id" on toast object');let r=this._toasts.set(t.id,R(A({},t),{duration:Date.now()+(t.duration||5e3)}));return this._toasts=new Map(Array.from(this._toasts)),r}async del(t){if(!t)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof t!="string"&&!Number.isInteger(t))throw new Error('"id" must be number or string when attempting to retrieve toast');let r=this.renderRoot.querySelector(`#${t}`);if(!this._toasts.has(t))return!1;await r.collapse();let o=this._toasts.delete(t);return this._toasts=new Map(Array.from(this._toasts)),o}render(){return u`
245
- <aside class="${Me.toasterContainer}">
246
- <div class="${Me.toaster}" id="w-toast-container-list">
247
- ${pe(this._toastsArray,t=>t.id,t=>u` <w-toast
248
- class="w-full"
249
- id="${t.id}"
250
- type="${t.type}"
251
- text="${t.text}"
252
- ?canclose=${t.canclose}
253
- @close=${()=>this.del(t.id)}
254
- >
255
- </w-toast>`)}
256
- </div>
257
- </aside>
258
- `}};g(Tt,"styles",[y`
259
- /* @unocss-placeholder */
260
- :host {
261
- display: block;
262
- }
263
- `]),g(Tt,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",Tt);function Is(e,t){if(!tt)return;let r=customElements.get("w-toast-container").init(),o=A({id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:e,duration:5e3,type:"success"},t);return r.set(o),o}function Us(e){return tt?customElements.get("w-toast-container").init().del(e):void 0}function js(e,t){if(!tt)return;let r=customElements.get("w-toast-container").init();return r.set(A(A({},r.get(e)),t)),r.get(e)}var ft=class extends v{constructor(){super(),this._messages=[],this.interval=3e4,this._hiddenMessageIds=[],this.url=tt?window.location.href:""}async connectedCallback(){if(super.connectedCallback(),!this.api){console.error('Broadcast "api" attribute invalid or undefined');return}tt&&(await this._fetchMessage(),setInterval(()=>this._fetchMessage(),this.interval))}async _fetchMessage(){let t=`${this.api}?path=${this.url}`;try{let r=await(await fetch(t)).json();this._messages=r.length?r:[]}catch(r){console.error(`failed to fetch broadcasts from given url (${t})`,r)}}async _del(t){await this.renderRoot.querySelector(`#broadcast-${t}`).collapse(),this._hiddenMessageIds=[...new Set([...this._hiddenMessageIds,t])]}render(){let t=this._messages.filter(r=>!this._hiddenMessageIds.includes(r.id));return u`
264
- <aside class=${`${t.length===0?"hidden":"mb-16"}`}>
265
- ${pe(t,({id:r})=>`broadcast-${r}`,({id:r,message:o})=>u`<w-toast
266
- class="w-full"
267
- id="broadcast-${r}"
268
- type="warning"
269
- text="${o}"
270
- canclose
271
- @close=${()=>this._del(r)}
272
- >
273
- </w-toast>`)}
274
- </aside>
275
- `}};g(ft,"properties",{_messages:{state:!0,hasChanged(t,r){if(!r||r.length===0)return!0;let o=t.map(({id:s})=>s).sort(),i=r.map(({id:s})=>s).sort();return JSON.stringify(o)!==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}}),g(ft,"styles",y`
276
- /* @unocss-placeholder */
277
- `);customElements.get("w-broadcast")||customElements.define("w-broadcast",ft);function Pt(e){return e.split("-")[0]}function me(e){return e.split("-")[1]}function Dt(e){return["top","bottom"].includes(Pt(e))?"x":"y"}function je(e){return e==="y"?"height":"width"}function jr(e,t,r){let{reference:o,floating:i}=e,s=o.x+o.width/2-i.width/2,n=o.y+o.height/2-i.height/2,l=Dt(t),a=je(l),c=o[a]/2-i[a]/2,f=l==="x",d;switch(Pt(t)){case"top":d={x:s,y:o.y-i.height};break;case"bottom":d={x:s,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:n};break;case"left":d={x:o.x-i.width,y:n};break;default:d={x:o.x,y:o.y}}switch(me(t)){case"start":d[l]-=c*(r&&f?-1:1);break;case"end":d[l]+=c*(r&&f?-1:1)}return d}var Vr=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:n}=r,l=await(n.isRTL==null?void 0:n.isRTL(t)),a=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:f}=jr(a,o,l),d=o,h={},p=0;for(let m=0;m<s.length;m++){let{name:b,fn:x}=s[m],{x:$,y:E,data:C,reset:S}=await x({x:c,y:f,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:a,platform:n,elements:{reference:e,floating:t}});c=$!=null?$:c,f=E!=null?E:f,h=R(A({},h),{[b]:A(A({},h[b]),C)}),S&&p<=50&&(p++,typeof S=="object"&&(S.placement&&(d=S.placement),S.rects&&(a=S.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):S.rects),{x:c,y:f}=jr(a,d,l)),m=-1)}return{x:c,y:f,placement:d,strategy:i,middlewareData:h}};function zr(e){return typeof e!="number"?function(t){return A({top:0,right:0,bottom:0,left:0},t)}(e):{top:e,right:e,bottom:e,left:e}}function Rt(e){return R(A({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}async function qe(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:s,rects:n,elements:l,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:h=!1,padding:p=0}=t,m=zr(p),b=l[h?d==="floating"?"reference":"floating":d],x=Rt(await s.getClippingRect({element:(r=await(s.isElement==null?void 0:s.isElement(b)))==null||r?b:b.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:a})),$=Rt(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:d==="floating"?R(A({},n.floating),{x:o,y:i}):n.reference,offsetParent:await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),strategy:a}):n[d]);return{top:x.top-$.top+m.top,bottom:$.bottom-x.bottom+m.bottom,left:x.left-$.left+m.left,right:$.right-x.right+m.right}}var Lo=Math.min,To=Math.max;function Ue(e,t,r){return To(e,Lo(t,r))}var Ve=e=>({name:"arrow",options:e,async fn(t){let{element:r,padding:o=0}=e!=null?e:{},{x:i,y:s,placement:n,rects:l,platform:a}=t;if(r==null)return{};let c=zr(o),f={x:i,y:s},d=Dt(n),h=me(n),p=je(d),m=await a.getDimensions(r),b=d==="y"?"top":"left",x=d==="y"?"bottom":"right",$=l.reference[p]+l.reference[d]-f[d]-l.floating[p],E=f[d]-l.reference[d],C=await(a.getOffsetParent==null?void 0:a.getOffsetParent(r)),S=C?d==="y"?C.clientHeight||0:C.clientWidth||0:0;S===0&&(S=l.floating[p]);let zt=$/2-E/2,rt=c[b],gt=S-m[p]-c[x],H=S/2-m[p]/2+zt,T=Ue(rt,H,gt),N=(h==="start"?c[b]:c[x])>0&&H!==T&&l.reference[p]<=l.floating[p];return{[d]:f[d]-(N?H<rt?rt-H:gt-H:0),data:{[d]:T,centerOffset:H-T}}}}),Ro={left:"right",right:"left",bottom:"top",top:"bottom"};function fe(e){return e.replace(/left|right|bottom|top/g,t=>Ro[t])}function Po(e,t,r){r===void 0&&(r=!1);let o=me(e),i=Dt(e),s=je(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(n=fe(n)),{main:n,cross:fe(n)}}var Do={start:"end",end:"start"};function qr(e){return e.replace(/start|end/g,t=>Do[t])}var Bo=["top","right","bottom","left"],Xs=Bo.reduce((e,t)=>e.concat(t,t+"-start",t+"-end"),[]);var ze=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r;let{placement:o,middlewareData:i,rects:s,initialPlacement:n,platform:l,elements:a}=t,H=e,{mainAxis:c=!0,crossAxis:f=!0,fallbackPlacements:d,fallbackStrategy:h="bestFit",flipAlignment:p=!0}=H,m=Ee(H,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","flipAlignment"]),b=Pt(o),x=d||(b===n||!p?[fe(n)]:function(T){let N=fe(T);return[qr(T),N,qr(N)]}(n)),$=[n,...x],E=await qe(t,m),C=[],S=((r=i.flip)==null?void 0:r.overflows)||[];if(c&&C.push(E[b]),f){let{main:T,cross:N}=Po(o,s,await(l.isRTL==null?void 0:l.isRTL(a.floating)));C.push(E[T],E[N])}if(S=[...S,{placement:o,overflows:C}],!C.every(T=>T<=0)){var zt,rt;let T=((zt=(rt=i.flip)==null?void 0:rt.index)!=null?zt:0)+1,N=$[T];if(N)return{data:{index:T,overflows:S},reset:{placement:N}};let Ft="bottom";switch(h){case"bestFit":{var gt;let We=(gt=S.map(Zt=>[Zt,Zt.overflows.filter(bt=>bt>0).reduce((bt,uo)=>bt+uo,0)]).sort((Zt,bt)=>Zt[1]-bt[1])[0])==null?void 0:gt[0].placement;We&&(Ft=We);break}case"initialPlacement":Ft=n}if(o!==Ft)return{reset:{placement:Ft}}}return{}}}};var Fe=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){let{x:r,y:o}=t,i=await async function(s,n){let{placement:l,platform:a,elements:c}=s,f=await(a.isRTL==null?void 0:a.isRTL(c.floating)),d=Pt(l),h=me(l),p=Dt(l)==="x",m=["left","top"].includes(d)?-1:1,b=f&&p?-1:1,x=typeof n=="function"?n(s):n,{mainAxis:$,crossAxis:E,alignmentAxis:C}=typeof x=="number"?{mainAxis:x,crossAxis:0,alignmentAxis:null}:A({mainAxis:0,crossAxis:0,alignmentAxis:null},x);return h&&typeof C=="number"&&(E=h==="end"?-1*C:C),p?{x:E*b,y:$*m}:{x:$*m,y:E*b}}(t,e);return{x:r+i.x,y:o+i.y,data:i}}}};function Mo(e){return e==="x"?"y":"x"}var Ze=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,x=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:l={fn:$=>{let{x:E,y:C}=$;return{x:E,y:C}}}}=x,a=Ee(x,["mainAxis","crossAxis","limiter"]),c={x:r,y:o},f=await qe(t,a),d=Dt(Pt(i)),h=Mo(d),p=c[d],m=c[h];if(s){let $=d==="y"?"bottom":"right";p=Ue(p+f[d==="y"?"top":"left"],p,p-f[$])}if(n){let $=h==="y"?"bottom":"right";m=Ue(m+f[h==="y"?"top":"left"],m,m-f[$])}let b=l.fn(R(A({},t),{[d]:p,[h]:m}));return R(A({},b),{data:{x:b.x-r,y:b.y-o}})}}};function Jr(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function V(e){if(e==null)return window;if(!Jr(e)){let t=e.ownerDocument;return t&&t.defaultView||window}return e}function Mt(e){return V(e).getComputedStyle(e)}function q(e){return Jr(e)?"":e?(e.nodeName||"").toLowerCase():""}function Xr(){let e=navigator.userAgentData;return e!=null&&e.brands?e.brands.map(t=>t.brand+"/"+t.version).join(" "):navigator.userAgent}function O(e){return e instanceof V(e).HTMLElement}function mt(e){return e instanceof V(e).Element}function Ke(e){return typeof ShadowRoot=="undefined"?!1:e instanceof V(e).ShadowRoot||e instanceof ShadowRoot}function be(e){let{overflow:t,overflowX:r,overflowY:o}=Mt(e);return/auto|scroll|overlay|hidden/.test(t+o+r)}function Oo(e){return["table","td","th"].includes(q(e))}function Fr(e){let t=/firefox/i.test(Xr()),r=Mt(e);return r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].includes(r.willChange)||t&&r.willChange==="filter"||t&&!!r.filter&&r.filter!=="none"}function Yr(){return!/^((?!chrome|android).)*safari/i.test(Xr())}var Zr=Math.min,Bt=Math.max,ge=Math.round;function et(e,t,r){var o,i,s,n;t===void 0&&(t=!1),r===void 0&&(r=!1);let l=e.getBoundingClientRect(),a=1,c=1;t&&O(e)&&(a=e.offsetWidth>0&&ge(l.width)/e.offsetWidth||1,c=e.offsetHeight>0&&ge(l.height)/e.offsetHeight||1);let f=mt(e)?V(e):window,d=!Yr()&&r,h=(l.left+(d&&(o=(i=f.visualViewport)==null?void 0:i.offsetLeft)!=null?o:0))/a,p=(l.top+(d&&(s=(n=f.visualViewport)==null?void 0:n.offsetTop)!=null?s:0))/c,m=l.width/a,b=l.height/c;return{width:m,height:b,top:p,right:h+m,bottom:p+b,left:h,x:h,y:p}}function W(e){return(t=e,(t instanceof V(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function ve(e){return mt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Qr(e){return et(W(e)).left+ve(e).scrollLeft}function Ho(e,t,r){let o=O(t),i=W(t),s=et(e,o&&function(a){let c=et(a);return ge(c.width)!==a.offsetWidth||ge(c.height)!==a.offsetHeight}(t),r==="fixed"),n={scrollLeft:0,scrollTop:0},l={x:0,y:0};if(o||!o&&r!=="fixed")if((q(t)!=="body"||be(i))&&(n=ve(t)),O(t)){let a=et(t,!0);l.x=a.x+t.clientLeft,l.y=a.y+t.clientTop}else i&&(l.x=Qr(i));return{x:s.left+n.scrollLeft-l.x,y:s.top+n.scrollTop-l.y,width:s.width,height:s.height}}function to(e){return q(e)==="html"?e:e.assignedSlot||e.parentNode||(Ke(e)?e.host:null)||W(e)}function Gr(e){return O(e)&&getComputedStyle(e).position!=="fixed"?e.offsetParent:null}function Ge(e){let t=V(e),r=Gr(e);for(;r&&Oo(r)&&getComputedStyle(r).position==="static";)r=Gr(r);return r&&(q(r)==="html"||q(r)==="body"&&getComputedStyle(r).position==="static"&&!Fr(r))?t:r||function(o){let i=to(o);for(Ke(i)&&(i=i.host);O(i)&&!["html","body"].includes(q(i));){if(Fr(i))return i;i=i.parentNode}return null}(e)||t}function Kr(e){if(O(e))return{width:e.offsetWidth,height:e.offsetHeight};let t=et(e);return{width:t.width,height:t.height}}function eo(e){let t=to(e);return["html","body","#document"].includes(q(t))?e.ownerDocument.body:O(t)&&be(t)?t:eo(t)}function ro(e,t){var r;t===void 0&&(t=[]);let o=eo(e),i=o===((r=e.ownerDocument)==null?void 0:r.body),s=V(o),n=i?[s].concat(s.visualViewport||[],be(o)?o:[]):o,l=t.concat(n);return i?l:l.concat(ro(n))}function Wr(e,t,r){return t==="viewport"?Rt(function(o,i){let s=V(o),n=W(o),l=s.visualViewport,a=n.clientWidth,c=n.clientHeight,f=0,d=0;if(l){a=l.width,c=l.height;let h=Yr();(h||!h&&i==="fixed")&&(f=l.offsetLeft,d=l.offsetTop)}return{width:a,height:c,x:f,y:d}}(e,r)):mt(t)?function(o,i){let s=et(o,!1,i==="fixed"),n=s.top+o.clientTop,l=s.left+o.clientLeft;return{top:n,left:l,x:l,y:n,right:l+o.clientWidth,bottom:n+o.clientHeight,width:o.clientWidth,height:o.clientHeight}}(t,r):Rt(function(o){var i;let s=W(o),n=ve(o),l=(i=o.ownerDocument)==null?void 0:i.body,a=Bt(s.scrollWidth,s.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),c=Bt(s.scrollHeight,s.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0),f=-n.scrollLeft+Qr(o),d=-n.scrollTop;return Mt(l||s).direction==="rtl"&&(f+=Bt(s.clientWidth,l?l.clientWidth:0)-a),{width:a,height:c,x:f,y:d}}(W(e)))}function No(e){let t=ro(e),r=["absolute","fixed"].includes(Mt(e).position)&&O(e)?Ge(e):e;return mt(r)?t.filter(o=>mt(o)&&function(i,s){let n=s.getRootNode==null?void 0:s.getRootNode();if(i.contains(s))return!0;if(n&&Ke(n)){let l=s;do{if(l&&i===l)return!0;l=l.parentNode||l.host}while(l)}return!1}(o,r)&&q(o)!=="body"):[]}var Io={getClippingRect:function(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,s=[...r==="clippingAncestors"?No(t):[].concat(r),o],n=s[0],l=s.reduce((a,c)=>{let f=Wr(t,c,i);return a.top=Bt(f.top,a.top),a.right=Zr(f.right,a.right),a.bottom=Zr(f.bottom,a.bottom),a.left=Bt(f.left,a.left),a},Wr(t,n,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:r,strategy:o}=e,i=O(r),s=W(r);if(r===s)return t;let n={scrollLeft:0,scrollTop:0},l={x:0,y:0};if((i||!i&&o!=="fixed")&&((q(r)!=="body"||be(s))&&(n=ve(r)),O(r))){let a=et(r,!0);l.x=a.x+r.clientLeft,l.y=a.y+r.clientTop}return R(A({},t),{x:t.x-n.scrollLeft+l.x,y:t.y-n.scrollTop+l.y})},isElement:mt,getDimensions:Kr,getOffsetParent:Ge,getDocumentElement:W,getElementRects:e=>{let{reference:t,floating:r,strategy:o}=e;return{reference:Ho(t,Ge(r),o),floating:R(A({},Kr(r)),{x:0,y:0})}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>Mt(e).direction==="rtl"};var oo=(e,t,r)=>Vr(e,t,A({platform:Io},r));var Ot="top",Ht="bottom",ye="left",xe="right",we={[Ot]:Ht,[Ht]:Ot,[ye]:xe,[xe]:ye},so={[Ot]:"\u2191",[Ht]:"\u2193",[ye]:"\u2190",[xe]:"\u2192"};var no={[ye]:-45,[Ot]:45,[xe]:135,[Ht]:-135},io="calc(50% - 7px)",Uo=e=>[Ot,Ht].includes(e);function jo({actualDirection:e,directionName:t,arrowEl:r}){if(!r)return;e=t;let o=Uo(t);r.style.left=o?io:"",r.style.top=o?"":io}async function lo(e){var i,s;if(!e.isShowing)return;if(await((i=e==null?void 0:e.waitForDOM)==null?void 0:i.call(e)),e.isCallout)return jo(e);let t=await oo(e.targetEl,e.attentionEl,{placement:e.directionName,middleware:[ze(),Fe(8),Ze({padding:16}),Ve({element:e.noArrow?void 0:e.arrowEl})]});e.actualDirection=t.placement,Object.assign(((s=e.attentionEl)==null?void 0:s.style)||{},{left:"0",top:"0",transform:`translate3d(${Math.round(t.x)}px, ${Math.round(t.y)}px, 0)`});let{x:r,y:o}=t.middlewareData.arrow;e.arrowEl&&(e.arrowEl.style.left=r?r+"px":"",e.arrowEl.style.top=o?o+"px":"")}var Nt=class extends G(v){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(we).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
278
- ${JSON.stringify(Object.keys(we))}`);setTimeout(()=>this.requestUpdate(),0)}get _actualDirection(){return this.placement}set _actualDirection(t){this.placement=t}get _arrowDirection(){return we[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},lo(this.attentionState)}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-describedby")){let t=this._messageEl.id||(this._messageEl.id=Sr());this._messageEl.setAttribute("role","tooltip"),this._targetEl.setAttribute("aria-describedby",t)}}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 He({[j.base]:!0,[j.tooltip]:this.tooltip,[j.callout]:this.callout,[j.popover]:this.popover})}get _arrowClasses(){return He({[j.arrowBase]:!0,["-top-8"]:this._arrowDirection==="top",["-right-8"]:this._arrowDirection==="right",["-bottom-8"]:this._arrowDirection==="bottom",["-left-8"]:this._arrowDirection==="left",[j.arrowTooltip]:this.tooltip,[j.arrowCallout]:this.callout,[j.arrowPopover]:this.popover})}get _arrowHtml(){return this.noArrow?"":u`<div
279
- id="arrow"
280
- role="img"
281
- aria-label=${so[this._arrowDirection]}
282
- class="${this._arrowClasses}"
283
- style="transform:rotate(${no[this._arrowDirection]}deg);
284
- margin-${this._arrowDirection.charAt(0).toLowerCase()+this._arrowDirection.slice(1)}:-0.5px;"
285
- />`}render(){return u`
286
- <div class=${w(this.className?this.className:void 0)}>
287
- ${this.placement==="right"||this.placement==="bottom"?u`
288
- <slot name="target"></slot>
289
- <div id="attention" class="${this._wrapperClasses}">
290
- <div>
291
- ${this._arrowHtml}
292
- <slot name="message"></slot>
293
- </div>
294
- </div>
295
- `:u`
296
- <div id="attention" class="${this._wrapperClasses}">
297
- <div>
298
- <slot name="message"></slot>
299
- ${this._arrowHtml}
300
- </div>
301
- </div>
302
- <slot name="target"></slot>
303
- `}
304
- </div>
305
- `}};g(Nt,"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}}),g(Nt,"styles",[y`
306
- /* @unocss-placeholder */
307
- #attention {
308
- position: absolute;
309
- z-index: 50;
310
- visibility: var(--attention-visibility);
311
- display: var(--attention-display);
312
- }
313
-
314
- #arrow {
315
- border-top-left-radius: 4px;
316
- z-index: 1;
317
- }
318
- `]);customElements.get("w-attention")||customElements.define("w-attention",Nt);var It=class extends v{constructor(){super(),this.type="text"}get _outerWrapperStyles(){return k({"has-suffix":this._hasSuffix,"has-prefix":this._hasPrefix})}get _innerWrapperStyles(){return k({"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 u`<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(t){let{name:r,value:o}=t.target,i=new CustomEvent(t.type,{detail:{name:r,value:o,target:t.target}});this.dispatchEvent(i)}prefixSlotChange(t){this.renderRoot.querySelector("slot[name=prefix]").assignedElements().length&&(this._hasPrefix=!0)}suffixSlotChange(t){this.renderRoot.querySelector("slot[name=suffix]").assignedElements().length&&(this._hasSuffix=!0)}render(){return u`
319
- ${this._fabricStylesheet}
320
- <div class="${this._outerWrapperStyles}">
321
- <div class="${this._innerWrapperStyles}">
322
- ${this._label}
323
- <div class="relative">
324
- <slot @slotchange="${this.prefixSlotChange}" name="prefix"></slot>
325
- <input
326
- type="${this.type}"
327
- min="${w(this.min)}"
328
- max="${w(this.max)}"
329
- size="${w(this.size)}"
330
- minlength="${w(this.minLength)}"
331
- maxlength="${w(this.maxLength)}"
332
- name="${w(this.name)}"
333
- pattern="${w(this.pattern)}"
334
- placeholder="${w(this.placeholder)}"
335
- value="${w(this.value)}"
336
- aria-describedby="${w(this._helpId)}"
337
- aria-errormessage="${w(this._error)}"
338
- aria-invalid="${w(this.invalid)}"
339
- id="${this._id}"
340
- ?disabled="${this.disabled}"
341
- ?readonly="${this.readOnly}"
342
- ?required="${this.required}"
343
- @blur="${this.handler}"
344
- @change="${this.handler}"
345
- @focus="${this.handler}"
346
- />
347
- <slot @slotchange="${this.suffixSlotChange}" name="suffix"></slot>
348
- </div>
349
- ${this.helpText&&u`<div class="input__sub-text" id="${this._helpId}">${this.helpText}</div>`}
350
- </div>
351
- </div>
352
- `}};g(It,"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}}),g(It,"styles",[y`
353
- /* @unocss-placeholder */
354
- :host {
355
- display: block;
356
- }
357
- ::slotted(:last-child) {
358
- margin-bottom: 0px !important;
359
- }
360
- `]);customElements.get("w-textfield")||customElements.define("w-textfield",It);var $e=class extends v{render(){return u`<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",$e)||customElements.define("f-icon-chevron-down16",$e);var Ut=class extends G(v){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 u`<div
361
- class=${k({[this.contentClass||""]:!0,[B.box+(this._hasTitle?" pt-0":"")]:this.box})}
362
- >
363
- <slot></slot>
364
- </div>`}render(){return u` <div
365
- class=${k({"bg-aqua-50":this.info,["py-0 px-0 "+B.box]:this.box,[B.bleed]:this.bleed})}
366
- >
367
- ${this._hasTitle?u`<w-unstyled-heading level=${this.headingLevel}>
368
- <button
369
- type="button"
370
- aria-expanded="${this.expanded}"
371
- class=${k({[this.buttonClass||""]:!0,[Oe+" hover:underline focus:underline"]:!0,["w-full text-left relative "+B.box]:this.box,"hover:text-aqua-700 active:text-aqua-800":this.info})}
372
- @click=${()=>this.expanded=!this.expanded}
373
- >
374
- <div class="flex justify-between align-center">
375
- ${this.title?u`<span class="h4">${this.title}</span>`:u`<slot name="title"></slot>`}
376
- ${this.noChevron?"":u`<div
377
- class=${k({"self-center transform transition-transform":!0,"-rotate-180":this.expanded,"relative left-8":!this.box,"box-chevron":this.box})}
378
- >
379
- <w-icon-chevron-down16></w-icon-chevron-down16>
380
- </div>`}
381
- </div>
382
- </button>
383
- </w-unstyled-heading>`:""}
384
- ${this.animated?u`<w-expand-transition ?show=${this.expanded}>
385
- ${this._expandableSlot}
386
- </w-expand-transition>`:u`<div
387
- class=${k({"overflow-hidden":!0,"h-0 invisible":!this.expanded})}
388
- aria-hidden=${w(this.expanded?void 0:!0)}
389
- >
390
- ${this._expandableSlot}
391
- </div>`}
392
- </div>`}};g(Ut,"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}}),g(Ut,"styles",[y`
393
- /* @unocss-placeholder */
394
- :host {
395
- display: block;
396
- }
397
- ::slotted(:last-child) {
398
- margin-bottom: 0px !important;
399
- }
400
- `]);customElements.get("w-expandable")||customElements.define("w-expandable",Ut);var ao=u`
401
- <svg
402
- role="img"
403
- aria-label="X"
404
- xmlns="http://www.w3.org/2000/svg"
405
- width="16"
406
- height="16"
407
- fill="none"
408
- viewBox="0 0 16 16"
409
- >
410
- <path
411
- fill="currentColor"
412
- fillRule="evenodd"
413
- d="M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z"
414
- clipRule="evenodd"
415
- />
416
- </svg>
417
- `,co=u`
418
- <svg
419
- role="img"
420
- aria-label="Forstørrelsesglass"
421
- xmlns="http://www.w3.org/2000/svg"
422
- width="16"
423
- height="16"
424
- fill="none"
425
- viewBox="0 0 16 16"
426
- >
427
- <g
428
- stroke="currentColor"
429
- strokeLinecap="round"
430
- strokeLinejoin="round"
431
- strokeWidth="1.5"
432
- clipPath="url(#nra-cclip0)"
433
- >
434
- <path d="M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4" />
435
- </g>
436
- <defs>
437
- <clipPath id="nra-cclip0">
438
- <path fill="currentColor" d="M0 0h16v16H0z" />
439
- </clipPath>
440
- </defs>
441
- </svg>
442
- `;var jt=class extends v{get _classBase(){return this.slot==="suffix"?Ar:Er}get _classes(){return k({[this._classBase.wrapper]:!0,[this._classBase.wrapperWithLabel]:this.label,[this._classBase.wrapperWithIcon]:!this.label})}get _searchButton(){return u`
443
- <button aria-label="${w(this.ariaLabel)}" class="${this._classes}" type="submit">
444
- ${co}
445
- </button>
446
- `}get _clearButton(){return u`
447
- <button aria-label="${w(this.ariaLabel)}" class="${this._classes}" type="reset">
448
- ${ao}
449
- </button>
450
- `}get _text(){return u`
451
- <div class="${this._classes}">
452
- <span class="${this._classBase.label}">${this.label}</span>
453
- </div>
454
- `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return u`${this._markup}`}};g(jt,"styles",y`
455
- /* @unocss-placeholder */
456
- `),g(jt,"properties",{ariaLabel:{type:String,attribute:"aria-label"},clear:{type:Boolean},search:{type:Boolean},label:{type:String}});customElements.get("w-affix")||customElements.define("w-affix",jt);var _e=y`
457
- [object Object]
458
- `;var qt=class extends v{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&&de(this._wrapper),!this.show&&!this._removeElement&&ue(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this!=null?this:null}render(){return u`<div aria-hidden=${w(this.show?void 0:"true")}>
459
- ${this._removeElement?u``:u`<slot></slot>`}
460
- </div>`}};g(qt,"properties",{show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}}),g(qt,"styles",[_e,y`
461
- :host {
462
- display: block;
463
- }
464
- `]);customElements.get("w-expand-transition")||customElements.define("w-expand-transition",qt);var Vt=class extends v{get _markup(){return`<h${this.level}
465
- style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
466
- >
467
- <slot></slot>
468
- </h${this.level}>
469
- `}render(){return this.level?se(this._markup):u`<slot></slot>`}};g(Vt,"properties",{level:{type:Number}}),g(Vt,"styles",[_e]);customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Vt);export{qt as ExpandTransition,Vt as UnstyledHeading,jt as WarpAffix,_t as WarpAlert,Nt as WarpAttention,kt as WarpBox,ce as WarpBreadcrumbs,ft as WarpBroadcast,ct as WarpButton,Et as WarpCard,Ut as WarpExpandable,Ct as WarpSelect,It as WarpTextField,Lt as WarpToast,Tt as WarpToastContainer,Us as removeToast,Is as toast,js as updateToast};
470
- /*! Bundled license information:
471
-
472
- @lit/reactive-element/css-tag.js:
473
- (**
474
- * @license
475
- * Copyright 2019 Google LLC
476
- * SPDX-License-Identifier: BSD-3-Clause
477
- *)
478
-
479
- @lit/reactive-element/reactive-element.js:
480
- (**
481
- * @license
482
- * Copyright 2017 Google LLC
483
- * SPDX-License-Identifier: BSD-3-Clause
484
- *)
485
-
486
- lit-html/lit-html.js:
487
- (**
488
- * @license
489
- * Copyright 2017 Google LLC
490
- * SPDX-License-Identifier: BSD-3-Clause
491
- *)
492
-
493
- lit-element/lit-element.js:
494
- (**
495
- * @license
496
- * Copyright 2017 Google LLC
497
- * SPDX-License-Identifier: BSD-3-Clause
498
- *)
499
-
500
- lit-html/is-server.js:
501
- (**
502
- * @license
503
- * Copyright 2022 Google LLC
504
- * SPDX-License-Identifier: BSD-3-Clause
505
- *)
506
-
507
- lit-html/directive.js:
508
- (**
509
- * @license
510
- * Copyright 2017 Google LLC
511
- * SPDX-License-Identifier: BSD-3-Clause
512
- *)
513
-
514
- lit-html/directives/class-map.js:
515
- (**
516
- * @license
517
- * Copyright 2018 Google LLC
518
- * SPDX-License-Identifier: BSD-3-Clause
519
- *)
520
-
521
- lit-html/directives/if-defined.js:
522
- (**
523
- * @license
524
- * Copyright 2018 Google LLC
525
- * SPDX-License-Identifier: BSD-3-Clause
526
- *)
527
-
528
- lit-html/directives/when.js:
529
- (**
530
- * @license
531
- * Copyright 2021 Google LLC
532
- * SPDX-License-Identifier: BSD-3-Clause
533
- *)
534
-
535
- lit-html/directives/unsafe-html.js:
536
- (**
537
- * @license
538
- * Copyright 2017 Google LLC
539
- * SPDX-License-Identifier: BSD-3-Clause
540
- *)
541
-
542
- lit-html/directive-helpers.js:
543
- (**
544
- * @license
545
- * Copyright 2020 Google LLC
546
- * SPDX-License-Identifier: BSD-3-Clause
547
- *)
548
-
549
- lit-html/directives/repeat.js:
550
- (**
551
- * @license
552
- * Copyright 2017 Google LLC
553
- * SPDX-License-Identifier: BSD-3-Clause
554
- *)
555
- */
556
- //# sourceMappingURL=index.js.map