@visma-swno/customer-onboarding-wizard 1.0.0

package/dist/assets/index.js

@@ -0,0 +1,2315 @@
+(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))a(i);new MutationObserver(i=>{for(const s of i)if(s.type==="childList")for(const o of s.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&a(o)}).observe(document,{childList:!0,subtree:!0});function r(i){const s={};return i.integrity&&(s.integrity=i.integrity),i.referrerPolicy&&(s.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?s.credentials="include":i.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function a(i){if(i.ep)return;i.ep=!0;const s=r(i);fetch(i.href,s)}})();/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const X=globalThis,ce=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ge=Symbol(),me=new WeakMap;let Se=class{constructor(e,r,a){if(this._$cssResult$=!0,a!==ge)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=r}get styleSheet(){let e=this.o;const r=this.t;if(ce&&e===void 0){const a=r!==void 0&&r.length===1;a&&(e=me.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),a&&me.set(r,e))}return e}toString(){return this.cssText}};const Re=t=>new Se(typeof t=="string"?t:t+"",void 0,ge),E=(t,...e)=>{const r=t.length===1?t[0]:e.reduce((a,i,s)=>a+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw 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.")})(i)+t[s+1],t[0]);return new Se(r,t,ge)},Ie=(t,e)=>{if(ce)t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet);else for(const r of e){const a=document.createElement("style"),i=X.litNonce;i!==void 0&&a.setAttribute("nonce",i),a.textContent=r.cssText,t.appendChild(a)}},ve=ce?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let r="";for(const a of e.cssRules)r+=a.cssText;return Re(r)})(t):t;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:Te,defineProperty:Be,getOwnPropertyDescriptor:Ue,getOwnPropertyNames:Oe,getOwnPropertySymbols:De,getPrototypeOf:qe}=Object,N=globalThis,fe=N.trustedTypes,Me=fe?fe.emptyScript:"",ie=N.reactiveElementPolyfillSupport,F=(t,e)=>t,ee={toAttribute(t,e){switch(e){case Boolean:t=t?Me:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=t!==null;break;case Number:r=t===null?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},pe=(t,e)=>!Te(t,e),ye={attribute:!0,type:String,converter:ee,reflect:!1,useDefault:!1,hasChanged:pe};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),N.litPropertyMetadata??(N.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,r=ye){if(r.state&&(r.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((r=Object.create(r)).wrapped=!0),this.elementProperties.set(e,r),!r.noAccessor){const a=Symbol(),i=this.getPropertyDescriptor(e,a,r);i!==void 0&&Be(this.prototype,e,i)}}static getPropertyDescriptor(e,r,a){const{get:i,set:s}=Ue(this.prototype,e)??{get(){return this[r]},set(o){this[r]=o}};return{get:i,set(o){const l=i==null?void 0:i.call(this);s==null||s.call(this,o),this.requestUpdate(e,l,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ye}static _$Ei(){if(this.hasOwnProperty(F("elementProperties")))return;const e=qe(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(F("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(F("properties"))){const r=this.properties,a=[...Oe(r),...De(r)];for(const i of a)this.createProperty(i,r[i])}const e=this[Symbol.metadata];if(e!==null){const r=litPropertyMetadata.get(e);if(r!==void 0)for(const[a,i]of r)this.elementProperties.set(a,i)}this._$Eh=new Map;for(const[r,a]of this.elementProperties){const i=this._$Eu(r,a);i!==void 0&&this._$Eh.set(i,r)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const r=[];if(Array.isArray(e)){const a=new Set(e.flat(1/0).reverse());for(const i of a)r.unshift(ve(i))}else e!==void 0&&r.push(ve(e));return r}static _$Eu(e,r){const a=r.attribute;return a===!1?void 0:typeof a=="string"?a:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(r=>r(this))}addController(e){var r;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)==null||r.call(e))}removeController(e){var r;(r=this._$EO)==null||r.delete(e)}_$E_(){const e=new Map,r=this.constructor.elementProperties;for(const a of r.keys())this.hasOwnProperty(a)&&(e.set(a,this[a]),delete this[a]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ie(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(r=>{var a;return(a=r.hostConnected)==null?void 0:a.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(r=>{var a;return(a=r.hostDisconnected)==null?void 0:a.call(r)})}attributeChangedCallback(e,r,a){this._$AK(e,a)}_$ET(e,r){var s;const a=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,a);if(i!==void 0&&a.reflect===!0){const o=(((s=a.converter)==null?void 0:s.toAttribute)!==void 0?a.converter:ee).toAttribute(r,a.type);this._$Em=e,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(e,r){var s,o;const a=this.constructor,i=a._$Eh.get(e);if(i!==void 0&&this._$Em!==i){const l=a.getPropertyOptions(i),n=typeof l.converter=="function"?{fromAttribute:l.converter}:((s=l.converter)==null?void 0:s.fromAttribute)!==void 0?l.converter:ee;this._$Em=i;const p=n.fromAttribute(r,l.type);this[i]=p??((o=this._$Ej)==null?void 0:o.get(i))??p,this._$Em=null}}requestUpdate(e,r,a,i=!1,s){var o;if(e!==void 0){const l=this.constructor;if(i===!1&&(s=this[e]),a??(a=l.getPropertyOptions(e)),!((a.hasChanged??pe)(s,r)||a.useDefault&&a.reflect&&s===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(l._$Eu(e,a))))return;this.C(e,r,a)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,r,{useDefault:a,reflect:i,wrapped:s},o){a&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,o??r??this[e]),s!==!0||o!==void 0)||(this._$AL.has(e)||(this.hasUpdated||a||(r=void 0),this._$AL.set(e,r)),i===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(r){Promise.reject(r)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var a;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,o]of this._$Ep)this[s]=o;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,o]of i){const{wrapped:l}=o,n=this[s];l!==!0||this._$AL.has(s)||n===void 0||this.C(s,void 0,o,n)}}let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(a=this._$EO)==null||a.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.call(i)}),this.update(r)):this._$EM()}catch(i){throw e=!1,this._$EM(),i}e&&this._$AE(r)}willUpdate(e){}_$AE(e){var r;(r=this._$EO)==null||r.forEach(a=>{var i;return(i=a.hostUpdated)==null?void 0:i.call(a)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(r=>this._$ET(r,this[r]))),this._$EM()}updated(e){}firstUpdated(e){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[F("elementProperties")]=new Map,T[F("finalized")]=new Map,ie==null||ie({ReactiveElement:T}),(N.reactiveElementVersions??(N.reactiveElementVersions=[])).push("2.1.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const V=globalThis,be=t=>t,te=V.trustedTypes,we=te?te.createPolicy("lit-html",{createHTML:t=>t}):void 0,Ee="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,Le="?"+_,Fe=`<${Le}>`,I=document,H=()=>I.createComment(""),W=t=>t===null||typeof t!="object"&&typeof t!="function",ue=Array.isArray,Ve=t=>ue(t)||typeof(t==null?void 0:t[Symbol.iterator])=="function",se=`[ 	
+\f\r]`,q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,xe=/-->/g,$e=/>/g,P=RegExp(`>|${se}(?:([^\\s"'>=/]+)(${se}*=${se}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ke=/'/g,ze=/"/g,_e=/^(?:script|style|textarea|title)$/i,Ne=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),d=Ne(1),x=Ne(2),B=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),Ce=new WeakMap,j=I.createTreeWalker(I,129);function Pe(t,e){if(!ue(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return we!==void 0?we.createHTML(e):e}const He=(t,e)=>{const r=t.length-1,a=[];let i,s=e===2?"<svg>":e===3?"<math>":"",o=q;for(let l=0;l<r;l++){const n=t[l];let p,c,g=-1,C=0;for(;C<n.length&&(o.lastIndex=C,c=o.exec(n),c!==null);)C=o.lastIndex,o===q?c[1]==="!--"?o=xe:c[1]!==void 0?o=$e:c[2]!==void 0?(_e.test(c[2])&&(i=RegExp("</"+c[2],"g")),o=P):c[3]!==void 0&&(o=P):o===P?c[0]===">"?(o=i??q,g=-1):c[1]===void 0?g=-2:(g=o.lastIndex-c[2].length,p=c[1],o=c[3]===void 0?P:c[3]==='"'?ze:ke):o===ze||o===ke?o=P:o===xe||o===$e?o=q:(o=P,i=void 0);const L=o===P&&t[l+1].startsWith("/>")?" ":"";s+=o===q?n+Fe:g>=0?(a.push(p),n.slice(0,g)+Ee+n.slice(g)+_+L):n+_+(g===-2?l:L)}return[Pe(t,s+(t[r]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),a]};class G{constructor({strings:e,_$litType$:r},a){let i;this.parts=[];let s=0,o=0;const l=e.length-1,n=this.parts,[p,c]=He(e,r);if(this.el=G.createElement(p,a),j.currentNode=this.el.content,r===2||r===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=j.nextNode())!==null&&n.length<l;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith(Ee)){const C=c[o++],L=i.getAttribute(g).split(_),Q=/([.?@])?(.*)/.exec(C);n.push({type:1,index:s,name:Q[2],strings:L,ctor:Q[1]==="."?Ge:Q[1]==="?"?Ke:Q[1]==="@"?Ye:ae}),i.removeAttribute(g)}else g.startsWith(_)&&(n.push({type:6,index:s}),i.removeAttribute(g));if(_e.test(i.tagName)){const g=i.textContent.split(_),C=g.length-1;if(C>0){i.textContent=te?te.emptyScript:"";for(let L=0;L<C;L++)i.append(g[L],H()),j.nextNode(),n.push({type:2,index:++s});i.append(g[C],H())}}}else if(i.nodeType===8)if(i.data===Le)n.push({type:2,index:s});else{let g=-1;for(;(g=i.data.indexOf(_,g+1))!==-1;)n.push({type:7,index:s}),g+=_.length-1}s++}}static createElement(e,r){const a=I.createElement("template");return a.innerHTML=e,a}}function U(t,e,r=t,a){var o,l;if(e===B)return e;let i=a!==void 0?(o=r._$Co)==null?void 0:o[a]:r._$Cl;const s=W(e)?void 0:e._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((l=i==null?void 0:i._$AO)==null||l.call(i,!1),s===void 0?i=void 0:(i=new s(t),i._$AT(t,r,a)),a!==void 0?(r._$Co??(r._$Co=[]))[a]=i:r._$Cl=i),i!==void 0&&(e=U(t,i._$AS(t,e.values),i,a)),e}class We{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:r},parts:a}=this._$AD,i=((e==null?void 0:e.creationScope)??I).importNode(r,!0);j.currentNode=i;let s=j.nextNode(),o=0,l=0,n=a[0];for(;n!==void 0;){if(o===n.index){let p;n.type===2?p=new Y(s,s.nextSibling,this,e):n.type===1?p=new n.ctor(s,n.name,n.strings,this,e):n.type===6&&(p=new Ze(s,this,e)),this._$AV.push(p),n=a[++l]}o!==(n==null?void 0:n.index)&&(s=j.nextNode(),o++)}return j.currentNode=I,i}p(e){let r=0;for(const a of this._$AV)a!==void 0&&(a.strings!==void 0?(a._$AI(e,a,r),r+=a.strings.length-2):a._$AI(e[r])),r++}}class Y{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,r,a,i){this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=a,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const r=this._$AM;return r!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=U(this,e,r),W(e)?e===v||e==null||e===""?(this._$AH!==v&&this._$AR(),this._$AH=v):e!==this._$AH&&e!==B&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ve(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==v&&W(this._$AH)?this._$AA.nextSibling.data=e:this.T(I.createTextNode(e)),this._$AH=e}$(e){var s;const{values:r,_$litType$:a}=e,i=typeof a=="number"?this._$AC(e):(a.el===void 0&&(a.el=G.createElement(Pe(a.h,a.h[0]),this.options)),a);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(r);else{const o=new We(i,this),l=o.u(this.options);o.p(r),this.T(l),this._$AH=o}}_$AC(e){let r=Ce.get(e.strings);return r===void 0&&Ce.set(e.strings,r=new G(e)),r}k(e){ue(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let a,i=0;for(const s of e)i===r.length?r.push(a=new Y(this.O(H()),this.O(H()),this,this.options)):a=r[i],a._$AI(s),i++;i<r.length&&(this._$AR(a&&a._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){var a;for((a=this._$AP)==null?void 0:a.call(this,!1,!0,r);e!==this._$AB;){const i=be(e).nextSibling;be(e).remove(),e=i}}setConnected(e){var r;this._$AM===void 0&&(this._$Cv=e,(r=this._$AP)==null||r.call(this,e))}}class ae{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,a,i,s){this.type=1,this._$AH=v,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,this.options=s,a.length>2||a[0]!==""||a[1]!==""?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=v}_$AI(e,r=this,a,i){const s=this.strings;let o=!1;if(s===void 0)e=U(this,e,r,0),o=!W(e)||e!==this._$AH&&e!==B,o&&(this._$AH=e);else{const l=e;let n,p;for(e=s[0],n=0;n<s.length-1;n++)p=U(this,l[a+n],r,n),p===B&&(p=this._$AH[n]),o||(o=!W(p)||p!==this._$AH[n]),p===v?e=v:e!==v&&(e+=(p??"")+s[n+1]),this._$AH[n]=p}o&&!i&&this.j(e)}j(e){e===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Ge extends ae{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===v?void 0:e}}class Ke extends ae{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==v)}}class Ye extends ae{constructor(e,r,a,i,s){super(e,r,a,i,s),this.type=5}_$AI(e,r=this){if((e=U(this,e,r,0)??v)===B)return;const a=this._$AH,i=e===v&&a!==v||e.capture!==a.capture||e.once!==a.once||e.passive!==a.passive,s=e!==v&&(a===v||i);i&&this.element.removeEventListener(this.name,this,a),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var r;typeof this._$AH=="function"?this._$AH.call(((r=this.options)==null?void 0:r.host)??this.element,e):this._$AH.handleEvent(e)}}class Ze{constructor(e,r,a){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(e){U(this,e)}}const oe=V.litHtmlPolyfillSupport;oe==null||oe(G,Y),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.2");const Je=(t,e,r)=>{const a=(r==null?void 0:r.renderBefore)??e;let i=a._$litPart$;if(i===void 0){const s=(r==null?void 0:r.renderBefore)??null;a._$litPart$=i=new Y(e.insertBefore(H(),s),s,void 0,r??{})}return i._$AI(t),i};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const R=globalThis;class S extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var r;const e=super.createRenderRoot();return(r=this.renderOptions).renderBefore??(r.renderBefore=e.firstChild),e}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Je(r,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return B}}var Ae;S._$litElement$=!0,S.finalized=!0,(Ae=R.litElementHydrateSupport)==null||Ae.call(R,{LitElement:S});const ne=R.litElementPolyfillSupport;ne==null||ne({LitElement:S});(R.litElementVersions??(R.litElementVersions=[])).push("4.2.2");E`
+  :root {
+    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --primary-color: #0066cc;
+    --secondary-color: #6c757d;
+    --success-color: #28a745;
+    --danger-color: #dc3545;
+    --warning-color: #ffc107;
+    --info-color: #17a2b8;
+    
+    --background-color: #ffffff;
+    --surface-color: #f8f9fa;
+    --border-color: #dee2e6;
+    
+    --ga-text-primary: #212529;
+    --ga-text-secondary: #6c757d;
+    
+    --spacing-xs: 0.25rem;
+    --spacing-sm: 0.5rem;
+    --spacing-md: 1rem;
+    --spacing-lg: 1.5rem;
+    --spacing-xl: 2rem;
+    
+    --border-radius: 4px;
+    --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+  
+  * {
+    box-sizing: border-box;
+  }
+`;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const O=t=>(e,r)=>{r!==void 0?r.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Qe={attribute:!0,type:String,converter:ee,reflect:!1,hasChanged:pe},Xe=(t=Qe,e,r)=>{const{kind:a,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),a==="setter"&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),a==="accessor"){const{name:o}=r;return{set(l){const n=e.get.call(this);e.set.call(this,l),this.requestUpdate(o,n,t,!0,l)},init(l){return l!==void 0&&this.C(o,void 0,t,l),l}}}if(a==="setter"){const{name:o}=r;return function(l){const n=this[o];e.call(this,l),this.requestUpdate(o,n,t,!0,l)}}throw Error("Unsupported decorator location: "+a)};function m(t){return(e,r)=>typeof r=="object"?Xe(t,e,r):((a,i,s)=>{const o=i.hasOwnProperty(s);return i.constructor.createProperty(s,a),o?Object.getOwnPropertyDescriptor(i,s):void 0})(t,e,r)}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function u(t){return m({...t,state:!0,attribute:!1})}const D=E`
+
+:host {
+  --ga-color-black: #000;
+  --ga-color-blue-10: #edf4fe;
+  --ga-color-information-accent: var(--ga-color-utility-blue-accent);
+  --ga-color-surface-information: var(--ga-color-information-accent);
+  --ga-color-utility-blue-accent: var(--ga-color-blue-10);
+  --ga-color-blue-40: #93bbf9;
+  --ga-color-utility-blue: var(--ga-color-blue-40);
+  --ga-color-blue-60: #366af6;
+  --ga-color-border-information: var(--ga-color-information);
+  --ga-color-icon-information: var(--ga-color-information);
+  --ga-color-information: var(--ga-color-blue-60);
+  --ga-color-border-action: var(--ga-color-primary);
+  --ga-color-border-action-hover: var(--ga-color-primary-60);
+  --ga-color-border-action-hover-2: var(--ga-color-secondary-30);
+  --ga-color-border-disabled: var(--ga-color-neutral);
+  --ga-color-border-error: var(--ga-color-error);
+  --ga-color-border-focus: var(--ga-color-primary);
+  --ga-color-border-primary: var(--ga-color-neutral-60);
+  --ga-color-border-secondary: var(--ga-color-secondary-30);
+  --ga-color-border-selected: var(--ga-color-green-60);
+  --ga-color-border-success: var(--ga-color-success);
+  --ga-color-border-tertiary: var(--ga-color-neutral);
+  --ga-color-border-warning: var(--ga-color-warning);
+  --ga-color-categorical-graph-01: #6769d8;
+  --ga-color-categorical-graph-02: #479fc6;
+  --ga-color-categorical-graph-03: var(--ga-color-teal-70);
+  --ga-color-categorical-graph-04: #c0497d;
+  --ga-color-categorical-graph-05: #041255;
+  --ga-color-categorical-graph-06: #dc756b;
+  --ga-color-categorical-graph-07: var(--ga-color-rose-40);
+  --ga-color-categorical-graph-08: #984319;
+  --ga-color-categorical-graph-09: var(--ga-color-indigo-40);
+  --ga-color-categorical-graph-10: #610f08;
+  --ga-color-cyan-60: #377ea0;
+  --ga-color-icon-action-hover: var(--ga-color-primary-60);
+  --ga-color-primary-60: var(--ga-color-cyan-60);
+  --ga-color-surface-progress-2: var(--ga-color-primary-60);
+  --ga-color-cyan-70: #2a6480;
+  --ga-color-primary-70: var(--ga-color-cyan-70);
+  --ga-color-surface-progress: var(--ga-color-primary-70);
+  --ga-color-text-body-secondary: var(--ga-color-primary-70);
+  --ga-color-cyan-80: #1f4e66;
+  --ga-color-icon-action: var(--ga-color-primary);
+  --ga-color-primary: var(--ga-color-cyan-80);
+  --ga-color-surface-action: var(--ga-color-primary);
+  --ga-color-text-action: var(--ga-color-primary);
+  --ga-color-cyan-90: #133445;
+  --ga-color-icon-primary: var(--ga-color-primary-90);
+  --ga-color-primary-90: var(--ga-color-cyan-90);
+  --ga-color-surface-action-hover: var(--ga-color-primary-90);
+  --ga-color-text-action-hover: var(--ga-color-primary-90);
+  --ga-color-text-body: var(--ga-color-primary-90);
+  --ga-color-text-error: var(--ga-color-primary-90);
+  --ga-color-text-headings: var(--ga-color-primary-90);
+  --ga-color-text-information: var(--ga-color-primary-90);
+  --ga-color-text-success: var(--ga-color-primary-90);
+  --ga-color-text-warning: var(--ga-color-primary-90);
+  --ga-color-diverging-graph-01: #281986;
+  --ga-color-diverging-graph-02: #3d37a3;
+  --ga-color-diverging-graph-03: #504fba;
+  --ga-color-diverging-graph-04: #6769d8;
+  --ga-color-diverging-graph-05: #8489f5;
+  --ga-color-diverging-graph-06: var(--ga-color-indigo-40);
+  --ga-color-diverging-graph-07: #c5cbfb;
+  --ga-color-diverging-graph-08: var(--ga-color-indigo-10);
+  --ga-color-diverging-graph-09: var(--ga-color-teal-30);
+  --ga-color-diverging-graph-10: var(--ga-color-teal-40);
+  --ga-color-diverging-graph-11: var(--ga-color-teal-50);
+  --ga-color-diverging-graph-12: var(--ga-color-teal-60);
+  --ga-color-diverging-graph-13: var(--ga-color-teal-70);
+  --ga-color-diverging-graph-14: var(--ga-color-teal-80);
+  --ga-color-diverging-graph-15: var(--ga-color-teal-90);
+  --ga-color-error: var(--ga-color-red-60);
+  --ga-color-icon-error: var(--ga-color-error);
+  --ga-color-error-accent: var(--ga-color-utility-red-accent);
+  --ga-color-green-10: #eef5ee;
+  --ga-color-success-accent: var(--ga-color-utility-green-accent);
+  --ga-color-surface-selected: var(--ga-color-green-10);
+  --ga-color-surface-success: var(--ga-color-success-accent);
+  --ga-color-utility-green-accent: var(--ga-color-green-10);
+  --ga-color-green-40: #9bc59b;
+  --ga-color-utility-green: var(--ga-color-green-40);
+  --ga-color-green-60: #448548;
+  --ga-color-icon-success: var(--ga-color-success);
+  --ga-color-success: var(--ga-color-green-60);
+  --ga-color-grey-10: #f2f2f2;
+  --ga-color-utility-grey-accent: var(--ga-color-grey-10);
+  --ga-color-grey-40: #b9b9b9;
+  --ga-color-text-disabled: var(--ga-color-utility-grey);
+  --ga-color-utility-grey: var(--ga-color-grey-40);
+  --ga-color-icon-disabled: var(--ga-color-neutral);
+  --ga-color-icon-on-action: var(--ga-color-secondary);
+  --ga-color-icon-on-disabled: var(--ga-color-neutral-60);
+  --ga-color-icon-on-primary: var(--ga-color-white);
+  --ga-color-icon-warning: var(--ga-color-warning);
+  --ga-color-indigo-10: #f0f2fe;
+  --ga-color-utility-indigo-accent: var(--ga-color-indigo-10);
+  --ga-color-indigo-40: #adb4f9;
+  --ga-color-utility-indigo: var(--ga-color-indigo-40);
+  --ga-color-lime-10: #edf6dd;
+  --ga-color-utility-lime-accent: var(--ga-color-lime-10);
+  --ga-color-lime-40: #a5c656;
+  --ga-color-utility-lime: var(--ga-color-lime-40);
+  --ga-color-miscellaneous-overlay: #70778891;
+  --ga-color-miscellaneous-skeleton-element: var(--ga-color-neutral-10);
+  --ga-color-miscellaneous-skeleton-highlight: var(--ga-color-neutral-20);
+  --ga-color-neutral: var(--ga-color-neutral-30);
+  --ga-color-neutral-10: #f2f3f5;
+  --ga-color-surface-page: var(--ga-color-neutral-10);
+  --ga-color-neutral-20: #e2e4e9;
+  --ga-color-surface-container: var(--ga-color-neutral-20);
+  --ga-color-surface-disabled: var(--ga-color-neutral-20);
+  --ga-color-neutral-30: #cccfd7;
+  --ga-color-neutral-60: #6f7687;
+  --ga-color-surface-disable-selected: var(--ga-color-neutral-60);
+  --ga-color-text-disable-selected: var(--ga-color-neutral-60);
+  --ga-color-text-on-disabled: var(--ga-color-neutral-60);
+  --ga-color-orange-10: #fcf0e7;
+  --ga-color-secondary-10: var(--ga-color-orange-10);
+  --ga-color-surface-warning: var(--ga-color-utility-orange-accent);
+  --ga-color-text-on-action: var(--ga-color-secondary-10);
+  --ga-color-utility-orange-accent: var(--ga-color-orange-10);
+  --ga-color-warning-accent: var(--ga-color-utility-orange-accent);
+  --ga-color-orange-20: #fae0ce;
+  --ga-color-secondary: var(--ga-color-orange-20);
+  --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
+  --ga-color-text-menu: var(--ga-color-secondary);
+  --ga-color-orange-30: #f5c3a1;
+  --ga-color-secondary-30: var(--ga-color-orange-30);
+  --ga-color-surface-highlight: var(--ga-color-secondary-30);
+  --ga-color-orange-40: #f2a676;
+  --ga-color-utility-orange: var(--ga-color-orange-40);
+  --ga-color-orange-60: #bb5822;
+  --ga-color-warning: var(--ga-color-orange-60);
+  --ga-color-pink-10: #fbeefc;
+  --ga-color-utility-pink-accent: var(--ga-color-pink-10);
+  --ga-color-pink-40: #e79dee;
+  --ga-color-utility-pink: var(--ga-color-pink-40);
+  --ga-color-purple-10: #f3f1fe;
+  --ga-color-utility-purple-accent: var(--ga-color-purple-10);
+  --ga-color-purple-40: #c3acf9;
+  --ga-color-utility-purple: var(--ga-color-purple-40);
+  --ga-color-purple-80: #591ab5;
+  --ga-color-text-link-visited: var(--ga-color-purple-80);
+  --ga-color-red-10: #fcf1ee;
+  --ga-color-surface-error: var(--ga-color-utility-red-accent);
+  --ga-color-utility-red-accent: var(--ga-color-red-10);
+  --ga-color-red-40: #eca79e;
+  --ga-color-utility-red: var(--ga-color-red-40);
+  --ga-color-red-60: #cc453e;
+  --ga-color-rose-10: #fcf0f4;
+  --ga-color-utility-rose-accent: var(--ga-color-rose-10);
+  --ga-color-rose-40: #efa1bd;
+  --ga-color-utility-rose: var(--ga-color-rose-40);
+  --ga-color-sequential-graph-10: var(--ga-color-teal-10);
+  --ga-color-sequential-graph-20: var(--ga-color-teal-20);
+  --ga-color-sequential-graph-30: var(--ga-color-teal-30);
+  --ga-color-sequential-graph-40: var(--ga-color-teal-40);
+  --ga-color-sequential-graph-50: var(--ga-color-teal-50);
+  --ga-color-sequential-graph-60: var(--ga-color-teal-60);
+  --ga-color-sequential-graph-70: var(--ga-color-teal-70);
+  --ga-color-sequential-graph-80: var(--ga-color-teal-80);
+  --ga-color-sequential-graph-90: var(--ga-color-teal-90);
+  --ga-color-sequential-graph-100: var(--ga-color-teal-100);
+  --ga-color-surface-primary: var(--ga-color-white);
+  --ga-color-teal-10: #ecf5f4;
+  --ga-color-utility-teal-accent: var(--ga-color-teal-10);
+  --ga-color-teal-20: #d5e8e6;
+  --ga-color-teal-30: #b4d7d4;
+  --ga-color-teal-40: #92c3c0;
+  --ga-color-utility-teal: var(--ga-color-teal-40);
+  --ga-color-teal-50: #51a39e;
+  --ga-color-teal-60: #3a837e;
+  --ga-color-teal-70: #2c6764;
+  --ga-color-teal-80: #21514e;
+  --ga-color-teal-90: #143734;
+  --ga-color-teal-100: #081f1f;
+  --ga-color-white: #fff;
+  --ga-duration-0: 0ms;
+  --ga-duration-fast: 100ms;
+  --ga-transition-state: var(--ga-duration-fast) 0ms var(--ga-easing-standard);
+  --ga-duration-instant: 50ms;
+  --ga-transition-hover: var(--ga-duration-instant) 0ms var(--ga-easing-standard);
+  --ga-duration-moderate: 150ms;
+  --ga-transition-dismiss: var(--ga-duration-moderate) 0ms var(--ga-easing-exit);
+  --ga-transition-reveal: var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);
+  --ga-duration-slow: 250ms;
+  --ga-transition-overlay-in: var(--ga-duration-slow) 0ms var(--ga-easing-entrance);
+  --ga-transition-overlay-out: var(--ga-duration-slow) 0ms var(--ga-easing-exit);
+  --ga-duration-slower: 400ms;
+  --ga-transition-backdrop: var(--ga-duration-slower) 0ms var(--ga-easing-standard);
+  --ga-easing-entrance: cubic-bezier(0, 0, 0.38, 0.9);
+  --ga-easing-exit: cubic-bezier(0.2, 0, 1, 0.9);
+  --ga-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
+  --ga-font-family-primary: "Inter", system-ui, sans-serif;
+  --ga-font-weight-bold: 700;
+  --ga-font-weight-medium: 500;
+  --ga-font-weight-normal: 400;
+  --ga-font-weight-semibold: 600;
+  --ga-radius: 4px;
+  --ga-radius-round: 999px;
+  --ga-radius-sharp: 0.02rem;
+  --ga-shadow-east: -2px 0 5px 0 #1334451a, -8px 0 8px 0 #13344517, -19px 0 11px 0 #1334450d, -34px 0 14px 0 #13344503, -53px 0 15px 0 #13344500;
+  --ga-shadow-north: 0 4px 8px 0 #1334451a, 0 15px 15px 0 #13344517, 0 34px 21px 0 #1334450d, 0 61px 24px 0 #13344503, 0 95px 27px 0 #13344500;
+  --ga-shadow-south: 0 -1px 1px 0 #13344514, 0 -2px 2px 0 #13344512, 0 -6px 3px 0 #1334450a, 0 -10px 4px 0 #13344503, 0 -15px 4px 0 #13344500;
+  --ga-shadow-west: 1px 0 3px 0 #1334451a, 5px 0 5px 0 #13344517, 12px 0 7px 0 #1334450d, 21px 0 8px 0 #13344503, 33px 0 9px 0 #13344500;
+  --ga-size-0: 0;
+  --ga-size-1: 0.0625rem;
+  --ga-size-2: 0.125rem;
+  --ga-size-4: 0.25rem;
+  --ga-size-6: 0.375rem;
+  --ga-size-8: 0.5rem;
+  --ga-size-10: 0.625rem;
+  --ga-size-11: 0.6875rem;
+  --ga-size-12: 0.75rem;
+  --ga-size-14: 0.875rem;
+  --ga-size-16: 1rem;
+  --ga-size-18: 1.125rem;
+  --ga-size-20: 1.25rem;
+  --ga-size-24: 1.5rem;
+  --ga-size-28: 1.75rem;
+  --ga-size-32: 2rem;
+  --ga-size-36: 2.25rem;
+  --ga-size-40: 2.5rem;
+  --ga-size-44: 2.75rem;
+  --ga-size-48: 3rem;
+  --ga-size-56: 3.5rem;
+  --ga-size-64: 4rem;
+  --ga-size-80: 5rem;
+  --ga-size-96: 6rem;
+  --ga-size-112: 7rem;
+  --ga-size-128: 8rem;
+  --ga-size-144: 9rem;
+  --ga-size-160: 10rem;
+  --ga-size-192: 12rem;
+  --ga-size-224: 14rem;
+  --ga-size-256: 16rem;
+  --ga-size-288: 18rem;
+  --ga-size-320: 20rem;
+  --ga-size-352: 22rem;
+  --ga-size-384: 24rem;
+  --ga-size-416: 26rem;
+  --ga-size-border-width-lg: 4px;
+  --ga-size-border-width-md: 2px;
+  --ga-size-border-width-none: 0;
+  --ga-size-border-width-sm: 1px;
+  --ga-size-spacing-00: 0;
+  --ga-size-spacing-01: 0.125rem;
+  --ga-size-spacing-02: 0.25rem;
+  --ga-size-spacing-03: 0.5rem;
+  --ga-size-spacing-04: 0.75rem;
+  --ga-size-spacing-05: 1rem;
+  --ga-size-spacing-06: 1.5rem;
+  --ga-size-spacing-07: 2rem;
+  --ga-size-spacing-08: 2.5rem;
+  --ga-size-spacing-09: 3rem;
+  --ga-size-spacing-10: 4rem;
+  --ga-size-spacing-11: 5rem;
+  --ga-size-spacing-12: 6rem;
+  --ga-size-spacing-13: 10rem;
+  --ga-text-2xl-font-size: 1.5rem;
+  --ga-text-2xl-font-style: normal;
+  --ga-text-2xl-line-height: 2rem;
+  --ga-text-2xl-font-family: inherit;
+  --ga-text-2xl-font-weight: 400;
+  --ga-text-2xl-letter-spacing: -0.019rem;
+  --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
+  --ga-text-3xl-font-size: 2rem;
+  --ga-text-3xl-font-style: normal;
+  --ga-text-3xl-line-height: 2.5rem;
+  --ga-text-3xl-font-family: inherit;
+  --ga-text-3xl-font-weight: 400;
+  --ga-text-3xl-letter-spacing: -0.022rem;
+  --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
+  --ga-text-lg-font-size: 1rem;
+  --ga-text-lg-font-style: normal;
+  --ga-text-lg-line-height: 1.5rem;
+  --ga-text-lg-font-family: inherit;
+  --ga-text-lg-font-weight: 400;
+  --ga-text-lg-letter-spacing: -0.011rem;
+  --ga-text-lg: var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);
+  --ga-text-md-font-size: 0.875rem;
+  --ga-text-md-font-style: normal;
+  --ga-text-md-line-height: 1.25rem;
+  --ga-text-md-font-family: inherit;
+  --ga-text-md-font-weight: 400;
+  --ga-text-md-letter-spacing: -0.006rem;
+  --ga-text-md: var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);
+  --ga-text-sm-font-size: 0.75rem;
+  --ga-text-sm-font-style: normal;
+  --ga-text-sm-line-height: 1.25rem;
+  --ga-text-sm-font-family: inherit;
+  --ga-text-sm-font-weight: 400;
+  --ga-text-sm-letter-spacing: 0;
+  --ga-text-sm: var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);
+  --ga-text-xl-font-size: 1.125rem;
+  --ga-text-xl-font-style: normal;
+  --ga-text-xl-line-height: 1.5rem;
+  --ga-text-xl-font-family: inherit;
+  --ga-text-xl-font-weight: 400;
+  --ga-text-xl-letter-spacing: -0.017rem;
+  --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
+  --ga-text-xs-font-size: 0.6875rem;
+  --ga-text-xs-font-style: normal;
+  --ga-text-xs-line-height: 1rem;
+  --ga-text-xs-font-family: inherit;
+  --ga-text-xs-font-weight: 400;
+  --ga-text-xs-letter-spacing: 0.005rem;
+  --ga-text-xs: var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);
+    /* ── Project-specific font family ── */
+    --vsn-customer-onboarding-wizard-font-family: var(--font-family, Inter, ui-sans-serif, system-ui, sans-serif);
+
+    /* ── Typography aliases ──────────────────────────────────────────────────
+       Component CSS uses --ga-text-*-size and --ga-text-*-tracking.
+       The dist file names them --ga-text-*-font-size and --ga-text-*-letter-spacing.
+       These aliases bridge the gap so no component CSS needs to change.        */
+    --ga-text-sm-size: var(--ga-text-sm-font-size);
+    --ga-text-md-size: var(--ga-text-md-font-size);
+    --ga-text-md-tracking: var(--ga-text-md-letter-spacing);
+    --ga-text-xl-size: var(--ga-text-xl-font-size);
+    --ga-text-xl-tracking: var(--ga-text-xl-letter-spacing);
+    --ga-text-2xl-size: var(--ga-text-2xl-font-size);
+    --ga-text-2xl-tracking: var(--ga-text-2xl-letter-spacing);
+
+    /* ── Project-specific tokens — not present in gaia-styles ── */
+    --ga-size-content-2xs: 11.25rem;
+    --ga-size-content-xs: 15rem;
+    --ga-size-content-sm: 22.5rem;
+    --ga-color-utility-green-light: var(--ga-color-green-10);
+    --ga-shadow-dropdown: var(--ga-shadow-south);
+
+}
+
+@media (width >= 48rem) {
+  :host {
+    --ga-text-2xl-font-size: 1.5rem;
+    --ga-text-2xl-font-style: normal;
+    --ga-text-2xl-line-height: 2.5rem;
+    --ga-text-2xl-font-family: inherit;
+    --ga-text-2xl-font-weight: 400;
+    --ga-text-2xl-letter-spacing: -0.019rem;
+    --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
+    --ga-text-3xl-font-size: 2.25rem;
+    --ga-text-3xl-font-style: normal;
+    --ga-text-3xl-line-height: 3rem;
+    --ga-text-3xl-font-family: inherit;
+    --ga-text-3xl-font-weight: 400;
+    --ga-text-3xl-letter-spacing: -0.022rem;
+    --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
+    --ga-text-xl-font-size: 1.25rem;
+    --ga-text-xl-font-style: normal;
+    --ga-text-xl-line-height: 2rem;
+    --ga-text-xl-font-family: inherit;
+    --ga-text-xl-font-weight: 400;
+    --ga-text-xl-letter-spacing: -0.017rem;
+    --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
+  }
+}
+
+`,h={circle:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="10"/>
+    </svg>
+  `,circleDashed:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/>
+      <path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/>
+      <path d="M21.82 10.1a9.93 9.93 0 0 1 0 3.8"/>
+      <path d="M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69"/>
+      <path d="M13.9 21.82a9.94 9.94 0 0 1-3.8 0"/>
+      <path d="M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7"/>
+      <path d="M2.18 13.9a9.93 9.93 0 0 1 0-3.8"/>
+      <path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69"/>
+    </svg>
+  `,check:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M20 6 9 17l-5-5"/>
+    </svg>
+  `,circleDotDashed:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/>
+      <path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/>
+      <path d="M21.82 10.1a9.93 9.93 0 0 1 0 3.8"/>
+      <path d="M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69"/>
+      <path d="M13.9 21.82a9.94 9.94 0 0 1-3.8 0"/>
+      <path d="M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7"/>
+      <path d="M2.18 13.9a9.93 9.93 0 0 1 0-3.8"/>
+      <path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69"/>
+      <circle cx="12" cy="12" r="1"/>
+    </svg>
+  `,circleCheckBig:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M21.801 10A10 10 0 1 1 17 3.335"/>
+      <path d="m9 11 3 3L22 4"/>
+    </svg>
+  `,octagonAlert:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M12 16h.01"/>
+      <path d="M12 8v4"/>
+      <path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>
+    </svg>
+  `,x:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M18 6 6 18"/>
+      <path d="m6 6 12 12"/>
+    </svg>
+  `,pencil:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/>
+      <path d="m15 5 4 4"/>
+    </svg>
+  `,info:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="10"/>
+      <path d="M12 16v-4"/>
+      <path d="M12 8h.01"/>
+    </svg>
+  `,chevronDown:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="m6 9 6 6 6-6"/>
+    </svg>
+  `,trash:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <polyline points="3 6 5 6 21 6"/>
+      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
+      <line x1="10" y1="11" x2="10" y2="17"/>
+      <line x1="14" y1="11" x2="14" y2="17"/>
+    </svg>
+  `,userRound:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="8" r="5"/>
+      <path d="M20 21a8 8 0 0 0-16 0"/>
+    </svg>
+  `,plus:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M5 12h14"/>
+      <path d="M12 5v14"/>
+    </svg>
+  `,search:()=>x`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="11" cy="11" r="8"/>
+      <path d="m21 21-4.3-4.3"/>
+    </svg>
+  `},le={"en-GB":{wizard:{title:"Set up your company"},steps:{company:"Company",administrators:"Administrators",partnerAccess:"Partner Access",progressLabel:"Setup progress"},welcome:{greeting:"Welcome to Visma Software,",description:"Let's get your company account ready. This setup takes about 5 minutes and helps you hit the ground running."},company:{title:"Your company",description:"Confirm your company details. This information will be used for your profile and system identity. You can always edit this later in settings.",placeholder:"Company information placeholder",contactLabel:"Contact",editContactLabel:"Edit contact",subscriptionLabel:"Your subscription includes",address2Placeholder:"Address Line 2 (Optional)",saveChanges:"Save changes",cancelEdit:"Cancel",companyNameLabel:"Company name",address1Label:"Address",postalCodeLabel:"Postal code",cityLabel:"City",countryLabel:"Country",webUrlLabel:"Website",emailLabel:"Email",editFormLabel:"Edit company details",addressGroupLabel:"Postal code and city",managePlanMessage:"Manage your plan by reaching out to your partner {partnerName}.",fieldRequired:"This field is required.",emailInvalid:"Please enter a valid email address."},administrators:{title:"Administrators",description:"Invite colleagues to help manage your company account and users. You can always add more administrators or adjust permissions later in the Admin settings.",addAdministratorButton:"Add Administrator",addNameButton:"Add name",firstNameLabel:"First name",lastNameLabel:"Last name",youLabel:"You",deleteRowLabel:"Delete administrator",confirmSingular:"Confirm {count} Administrator",confirmPlural:"Confirm {count} Administrators",doneButton:"Done",editButton:"Edit"},partnerAccess:{title:"Give access to consultants",description:"Invite consultants from {partnerName}, and give them access to help you configure the system. You can manage or revoke their access at any time.",findConsultantPlaceholder:"Find consultant",loading:"Loading consultants...",confirmSingular:"Confirm {count} consultant",confirmPlural:"Confirm {count} consultants"},complete:{title:"Setup complete!",message1:"We have invited your administrators and partners to join you. Your company is now ready.",message2:"Please see our admin page to see where you can make further changes.",goToAdminButton:"Go to Admin Page"},common:{saveAndClose:"Save and close",startSetup:"Start Set Up",confirm:"Confirm",close:"Close",loading:"Loading customer information...",dismissError:"Dismiss error"},errors:{invalidRequest:{title:"Invalid Request",message:"Invalid request. Please check your input."},validationError:{title:"Validation Error",message:"Validation error. Please check your input."},notFound:{title:"Not Found",message:"Resource not found."},serverError:{title:"Server Error",message:"Server error. Please try again later."},requestTimeout:{title:"Request Timeout",message:"Request timeout. Please try again."},networkError:{title:"Network Error",message:"Network error. Please check your connection."},requestFailed:{title:"Request Failed",message:"Request failed. Please try again."}}},"en-US":{wizard:{title:"Set up your company"},steps:{company:"Company",administrators:"Administrators",partnerAccess:"Partner Access",progressLabel:"Setup progress"},welcome:{greeting:"Welcome to Visma Software,",description:"Let's get your company account ready. This setup takes about 5 minutes and helps you hit the ground running."},company:{title:"Your company",description:"Confirm your company details. This information will be used for your profile and system identity. You can always edit this later in settings.",placeholder:"Company information placeholder",contactLabel:"Contact",editContactLabel:"Edit contact",subscriptionLabel:"Your subscription includes",address2Placeholder:"Address Line 2 (Optional)",saveChanges:"Save changes",cancelEdit:"Cancel",companyNameLabel:"Company name",address1Label:"Address",postalCodeLabel:"Postal code",cityLabel:"City",countryLabel:"Country",webUrlLabel:"Website",emailLabel:"Email",editFormLabel:"Edit company details",addressGroupLabel:"Postal code and city",managePlanMessage:"Manage your plan by reaching out to your partner {partnerName}.",fieldRequired:"This field is required.",emailInvalid:"Please enter a valid email address."},administrators:{title:"Administrators",description:"Invite colleagues to help manage your company account and users. You can always add more administrators or adjust permissions later in the Admin settings.",addAdministratorButton:"Add Administrator",addNameButton:"Add name",firstNameLabel:"First name",lastNameLabel:"Last name",youLabel:"You",deleteRowLabel:"Delete administrator",confirmSingular:"Confirm {count} Administrator",confirmPlural:"Confirm {count} Administrators",doneButton:"Done",editButton:"Edit"},partnerAccess:{title:"Give access to consultants",description:"Invite consultants from {partnerName}, and give them access to help you configure the system. You can manage or revoke their access at any time.",findConsultantPlaceholder:"Find consultant",loading:"Loading consultants...",confirmSingular:"Confirm {count} consultant",confirmPlural:"Confirm {count} consultants"},complete:{title:"Setup complete!",message1:"We have invited your administrators and partners to join you. Your company is now ready.",message2:"Please see our admin page to see where you can make further changes.",goToAdminButton:"Go to Admin Page"},common:{saveAndClose:"Save and close",startSetup:"Start Set Up",confirm:"Confirm",close:"Close",loading:"Loading customer information...",dismissError:"Dismiss error"},errors:{invalidRequest:{title:"Invalid Request",message:"Invalid request. Please check your input."},validationError:{title:"Validation Error",message:"Validation error. Please check your input."},notFound:{title:"Not Found",message:"Resource not found."},serverError:{title:"Server Error",message:"Server error. Please try again later."},requestTimeout:{title:"Request Timeout",message:"Request timeout. Please try again."},networkError:{title:"Network Error",message:"Network error. Please check your connection."},requestFailed:{title:"Request Failed",message:"Request failed. Please try again."}}},"da-DK":{wizard:{title:"Konfigurer din virksomhed"},steps:{company:"Virksomhed",administrators:"Administratorer",partnerAccess:"Partneradgang",progressLabel:"Opsætningsfremgang"},welcome:{greeting:"Velkommen til Visma Software,",description:"Lad os få din virksomhedskonto klar. Denne opsætning tager omkring 5 minutter og hjælper dig med at komme godt i gang."},company:{title:"Din virksomhed",description:"Bekræft dine virksomhedsoplysninger. Disse oplysninger vil blive brugt til din profil og systemidentitet. Du kan altid redigere dette senere i indstillingerne.",placeholder:"Virksomhedsoplysninger pladsholder",contactLabel:"Kontakt",editContactLabel:"Rediger kontakt",subscriptionLabel:"Dit abonnement inkluderer",address2Placeholder:"Adresselinje 2 (Valgfri)",saveChanges:"Gem ændringer",cancelEdit:"Annuller",companyNameLabel:"Virksomhedsnavn",address1Label:"Adresse",postalCodeLabel:"Postnummer",cityLabel:"By",countryLabel:"Land",webUrlLabel:"Hjemmeside",emailLabel:"E-mail",editFormLabel:"Rediger virksomhedsoplysninger",addressGroupLabel:"Postnummer og by",managePlanMessage:"Administrer din plan ved at kontakte din partner {partnerName}.",fieldRequired:"Dette felt er påkrævet.",emailInvalid:"Indtast venligst en gyldig e-mailadresse."},administrators:{title:"Administratorer",description:"Inviter kolleger til at hjælpe med at administrere din virksomhedskonto og brugere. Du kan altid tilføje flere administratorer eller justere tilladelser senere i administratorindstillingerne.",addAdministratorButton:"Tilføj administrator",addNameButton:"Tilføj navn",firstNameLabel:"Fornavn",lastNameLabel:"Efternavn",youLabel:"Dig",deleteRowLabel:"Slet administrator",confirmSingular:"Bekræft {count} administrator",confirmPlural:"Bekræft {count} administratorer",doneButton:"Udført",editButton:"Rediger"},partnerAccess:{title:"Giv adgang til konsulenter",description:"Inviter konsulenter fra {partnerName}, og giv dem adgang til at hjælpe dig med at konfigurere systemet. Du kan administrere eller tilbagekalde deres adgang når som helst.",findConsultantPlaceholder:"Find konsulent",loading:"Indlæser konsulenter...",confirmSingular:"Bekræft {count} konsulent",confirmPlural:"Bekræft {count} konsulenter"},complete:{title:"Opsætning fuldført!",message1:"Vi har inviteret dine administratorer og partnere til at slutte sig til dig. Din virksomhed er nu klar.",message2:"Se vores administratorside for at se, hvor du kan foretage yderligere ændringer.",goToAdminButton:"Gå til administratorside"},common:{saveAndClose:"Gem og luk",startSetup:"Start opsætning",confirm:"Bekræft",close:"Luk",loading:"Indlæser kundeoplysninger...",dismissError:"Afvis fejl"},errors:{invalidRequest:{title:"Ugyldig anmodning",message:"Ugyldig anmodning. Tjek venligst dine indtastninger."},validationError:{title:"Valideringsfejl",message:"Valideringsfejl. Tjek venligst dine indtastninger."},notFound:{title:"Ikke fundet",message:"Ressource ikke fundet."},serverError:{title:"Serverfejl",message:"Serverfejl. Prøv venligst igen senere."},requestTimeout:{title:"Anmodningstimeout",message:"Anmodningstimeout. Prøv venligst igen."},networkError:{title:"Netværksfejl",message:"Netværksfejl. Tjek venligst din forbindelse."},requestFailed:{title:"Anmodning mislykkedes",message:"Anmodning mislykkedes. Prøv venligst igen."}}},"fi-FI":{wizard:{title:"Määritä yrityksesi"},steps:{company:"Yritys",administrators:"Ylläpitäjät",partnerAccess:"Kumppanin käyttöoikeus",progressLabel:"Asennuksen edistyminen"},welcome:{greeting:"Tervetuloa Visma Softwareen,",description:"Tehdään yrityksesi tili valmiiksi. Tämä asetus kestää noin 5 minuuttia ja auttaa sinua pääsemään alkuun."},company:{title:"Yrityksesi",description:"Vahvista yrityksesi tiedot. Näitä tietoja käytetään profiiliisi ja järjestelmän tunnistamiseen. Voit aina muokata tätä myöhemmin asetuksissa.",placeholder:"Yritystietojen paikkamerkki",contactLabel:"Yhteystiedot",editContactLabel:"Muokkaa yhteystietoja",subscriptionLabel:"Tilauksesi sisältää",address2Placeholder:"Osoiterivi 2 (Valinnainen)",saveChanges:"Tallenna muutokset",cancelEdit:"Peruuta",companyNameLabel:"Yrityksen nimi",address1Label:"Osoite",postalCodeLabel:"Postinumero",cityLabel:"Kaupunki",countryLabel:"Maa",webUrlLabel:"Verkkosivusto",emailLabel:"Sähköposti",editFormLabel:"Muokkaa yritystietoja",addressGroupLabel:"Postinumero ja kaupunki",managePlanMessage:"Hallinnoi suunnitelmaasi ottamalla yhteyttä kumppaniisi {partnerName}.",fieldRequired:"Tämä kenttä on pakollinen.",emailInvalid:"Syötä kelvollinen sähköpostiosoite."},administrators:{title:"Ylläpitäjät",description:"Kutsu kollegoita auttamaan yrityksesi tilin ja käyttäjien hallinnassa. Voit aina lisätä lisää ylläpitäjiä tai muokata käyttöoikeuksia myöhemmin ylläpitoasetuksissa.",addAdministratorButton:"Lisää ylläpitäjä",addNameButton:"Lisää nimi",firstNameLabel:"Etunimi",lastNameLabel:"Sukunimi",youLabel:"Sinä",deleteRowLabel:"Poista ylläpitäjä",confirmSingular:"Vahvista {count} ylläpitäjä",confirmPlural:"Vahvista {count} ylläpitäjää",doneButton:"Valmis",editButton:"Muokkaa"},partnerAccess:{title:"Anna käyttöoikeus konsulteille",description:"Kutsu konsultteja {partnerName}:stä ja anna heille käyttöoikeus auttaaksesi järjestelmän määrittämisessä. Voit hallita tai peruuttaa heidän käyttöoikeutensa milloin tahansa.",findConsultantPlaceholder:"Etsi konsultti",loading:"Ladataan konsultteja...",confirmSingular:"Vahvista {count} konsultti",confirmPlural:"Vahvista {count} konsultit"},complete:{title:"Asetus valmis!",message1:"Olemme kutsuneet ylläpitäjät ja kumppanit liittymään. Yrityksesi on nyt valmis.",message2:"Katso ylläpitosivu nähdäksesi, missä voit tehdä lisämuutoksia.",goToAdminButton:"Siirry ylläpitosivulle"},common:{saveAndClose:"Tallenna ja sulje",startSetup:"Aloita asetus",confirm:"Vahvista",close:"Sulje",loading:"Ladataan asiakastietoja...",dismissError:"Sulje virhe"},errors:{invalidRequest:{title:"Virheellinen pyyntö",message:"Virheellinen pyyntö. Tarkista syöttämäsi tiedot."},validationError:{title:"Validointivirhe",message:"Validointivirhe. Tarkista syöttämäsi tiedot."},notFound:{title:"Ei löytynyt",message:"Resurssia ei löytynyt."},serverError:{title:"Palvelinvirhe",message:"Palvelinvirhe. Yritä myöhemmin uudelleen."},requestTimeout:{title:"Pyynnön aikakatkaisu",message:"Pyynnön aikakatkaisu. Yritä uudelleen."},networkError:{title:"Verkkovirhe",message:"Verkkovirhe. Tarkista yhteytesi."},requestFailed:{title:"Pyyntö epäonnistui",message:"Pyyntö epäonnistui. Yritä uudelleen."}}},"nb-NO":{wizard:{title:"Konfigurer selskapet ditt"},steps:{company:"Selskap",administrators:"Administratorer",partnerAccess:"Partnertilgang",progressLabel:"Oppsettfremgang"},welcome:{greeting:"Velkommen til Visma Software,",description:"La oss få selskapskontoen din klar. Denne oppsettet tar rundt 5 minutter og hjelper deg i gang."},company:{title:"Ditt selskap",description:"Bekreft selskapsdetaljene dine. Denne informasjonen vil bli brukt til profilen din og systemidentiteten. Du kan alltid redigere dette senere i innstillingene.",placeholder:"Selskapsinformasjon plassholder",contactLabel:"Kontakt",editContactLabel:"Rediger kontakt",subscriptionLabel:"Abonnementet ditt inkluderer",address2Placeholder:"Adresselinje 2 (Valgfri)",saveChanges:"Lagre endringer",cancelEdit:"Avbryt",companyNameLabel:"Selskapsnavn",address1Label:"Adresse",postalCodeLabel:"Postnummer",cityLabel:"By",countryLabel:"Land",webUrlLabel:"Nettside",emailLabel:"E-post",editFormLabel:"Rediger bedriftsdetaljer",addressGroupLabel:"Postnummer og by",managePlanMessage:"Administrer planen din ved å ta kontakt med partneren din {partnerName}.",fieldRequired:"Dette feltet er obligatorisk.",emailInvalid:"Vennligst skriv inn en gyldig e-postadresse."},administrators:{title:"Administratorer",description:"Inviter kolleger til å hjelpe med å administrere selskapskontoen og brukerne dine. Du kan alltid legge til flere administratorer eller justere tillatelser senere i administratorinnstillingene.",addAdministratorButton:"Legg til administrator",addNameButton:"Legg til navn",firstNameLabel:"Fornavn",lastNameLabel:"Etternavn",youLabel:"Deg",deleteRowLabel:"Slett administrator",confirmSingular:"Bekreft {count} administrator",confirmPlural:"Bekreft {count} administratorer",doneButton:"Ferdig",editButton:"Rediger"},partnerAccess:{title:"Gi tilgang til konsulenter",description:"Inviter konsulenter fra {partnerName}, og gi dem tilgang til å hjelpe deg med å konfigurere systemet. Du kan administrere eller tilbakekalle tilgangen deres når som helst.",findConsultantPlaceholder:"Finn konsulent",loading:"Laster konsulenter...",confirmSingular:"Bekreft {count} konsulent",confirmPlural:"Bekreft {count} konsulenter"},complete:{title:"Oppsett fullført!",message1:"Vi har invitert administratorene og partnerne dine til å bli med deg. Selskapet ditt er nå klart.",message2:"Se vår administratorside for å se hvor du kan gjøre ytterligere endringer.",goToAdminButton:"Gå til administratorside"},common:{saveAndClose:"Lagre og lukk",startSetup:"Start oppsett",confirm:"Bekreft",close:"Lukk",loading:"Laster kundeinformasjon...",dismissError:"Avvis feil"},errors:{invalidRequest:{title:"Ugyldig forespørsel",message:"Ugyldig forespørsel. Vennligst sjekk inndataene dine."},validationError:{title:"Valideringsfeil",message:"Valideringsfeil. Vennligst sjekk inndataene dine."},notFound:{title:"Ikke funnet",message:"Ressurs ikke funnet."},serverError:{title:"Serverfeil",message:"Serverfeil. Vennligst prøv igjen senere."},requestTimeout:{title:"Tidsavbrudd for forespørsel",message:"Tidsavbrudd for forespørsel. Vennligst prøv igjen."},networkError:{title:"Nettverksfeil",message:"Nettverksfeil. Vennligst sjekk tilkoblingen din."},requestFailed:{title:"Forespørsel mislyktes",message:"Forespørsel mislyktes. Vennligst prøv igjen."}}},"nl-NL":{wizard:{title:"Stel uw bedrijf in"},steps:{company:"Bedrijf",administrators:"Beheerders",partnerAccess:"Partnertoegang",progressLabel:"Installatievoortgang"},welcome:{greeting:"Welkom bij Visma Software,",description:"Laten we uw bedrijfsaccount gereed maken. Deze installatie duurt ongeveer 5 minuten en helpt u snel aan de slag te gaan."},company:{title:"Uw bedrijf",description:"Bevestig uw bedrijfsgegevens. Deze informatie wordt gebruikt voor uw profiel en systeemidentiteit. U kunt dit later altijd bewerken in de instellingen.",placeholder:"Bedrijfsinformatie tijdelijke aanduiding",contactLabel:"Contact",editContactLabel:"Contactgegevens bewerken",subscriptionLabel:"Uw abonnement omvat",address2Placeholder:"Adresregel 2 (Optioneel)",saveChanges:"Wijzigingen opslaan",cancelEdit:"Annuleren",companyNameLabel:"Bedrijfsnaam",address1Label:"Adres",postalCodeLabel:"Postcode",cityLabel:"Stad",countryLabel:"Land",webUrlLabel:"Website",emailLabel:"E-mail",editFormLabel:"Bedrijfsgegevens bewerken",addressGroupLabel:"Postcode en stad",managePlanMessage:"Beheer uw abonnement door contact op te nemen met uw partner {partnerName}.",fieldRequired:"Dit veld is verplicht.",emailInvalid:"Voer een geldig e-mailadres in."},administrators:{title:"Beheerders",description:"Nodig collega's uit om te helpen bij het beheren van uw bedrijfsaccount en gebruikers. U kunt altijd meer beheerders toevoegen of machtigingen aanpassen in de beheerdersettings.",addAdministratorButton:"Beheerder toevoegen",addNameButton:"Naam toevoegen",firstNameLabel:"Voornaam",lastNameLabel:"Achternaam",youLabel:"U",deleteRowLabel:"Beheerder verwijderen",confirmSingular:"Bevestig {count} beheerder",confirmPlural:"Bevestig {count} beheerders",doneButton:"Klaar",editButton:"Bewerken"},partnerAccess:{title:"Geef toegang aan consultants",description:"Nodig consultants van {partnerName} uit en geef ze toegang om u te helpen bij het configureren van het systeem. U kunt hun toegang op elk moment beheren of intrekken.",findConsultantPlaceholder:"Zoek consultant",loading:"Consultants laden...",confirmSingular:"Bevestig {count} consultant",confirmPlural:"Bevestig {count} consultants"},complete:{title:"Installatie voltooid!",message1:"We hebben uw beheerders en partners uitgenodigd om zich bij u aan te sluiten. Uw bedrijf is nu klaar.",message2:"Zie onze beheerders pagina om te zien waar u verdere wijzigingen kunt aanbrengen.",goToAdminButton:"Ga naar beheerders pagina"},common:{saveAndClose:"Opslaan en sluiten",startSetup:"Start installatie",confirm:"Bevestigen",close:"Sluiten",loading:"Klantinformatie laden...",dismissError:"Fout sluiten"},errors:{invalidRequest:{title:"Ongeldig verzoek",message:"Ongeldig verzoek. Controleer uw invoer."},validationError:{title:"Validatiefout",message:"Validatiefout. Controleer uw invoer."},notFound:{title:"Niet gevonden",message:"Bron niet gevonden."},serverError:{title:"Serverfout",message:"Serverfout. Probeer het later opnieuw."},requestTimeout:{title:"Verzoek time-out",message:"Verzoek time-out. Probeer het opnieuw."},networkError:{title:"Netwerkfout",message:"Netwerkfout. Controleer uw verbinding."},requestFailed:{title:"Verzoek mislukt",message:"Verzoek mislukt. Probeer het opnieuw."}}},"sv-SE":{wizard:{title:"Konfigurera ditt företag"},steps:{company:"Företag",administrators:"Administratörer",partnerAccess:"Partneråtkomst",progressLabel:"Installationsförlopp"},welcome:{greeting:"Välkommen till Visma Software,",description:"Låt oss göra ditt företagskonto redo. Denna installation tar cirka 5 minuter och hjälper dig att komma igång snabbt."},company:{title:"Ditt företag",description:"Bekräfta dina företagsuppgifter. Denna information kommer att användas för din profil och systemidentitet. Du kan alltid redigera detta senare i inställningarna.",placeholder:"Företagsinformation platshållare",contactLabel:"Kontakt",editContactLabel:"Redigera kontakt",subscriptionLabel:"Din prenumeration inkluderar",address2Placeholder:"Adressrad 2 (Valfri)",saveChanges:"Spara ändringar",cancelEdit:"Avbryt",companyNameLabel:"Företagsnamn",address1Label:"Adress",postalCodeLabel:"Postnummer",cityLabel:"Stad",countryLabel:"Land",webUrlLabel:"Webbplats",emailLabel:"E-post",editFormLabel:"Redigera företagsuppgifter",addressGroupLabel:"Postnummer och stad",managePlanMessage:"Hantera din plan genom att kontakta din partner {partnerName}.",fieldRequired:"Det här fältet är obligatoriskt.",emailInvalid:"Ange en giltig e-postadress."},administrators:{title:"Administratörer",description:"Bjud in kollegor för att hjälpa till att hantera ditt företagskonto och användare. Du kan alltid lägga till fler administratörer eller justera behörigheter senare i administratörsinställningarna.",addAdministratorButton:"Lägg till administratör",addNameButton:"Lägg till namn",firstNameLabel:"Förnamn",lastNameLabel:"Efternamn",youLabel:"Du",deleteRowLabel:"Ta bort administratör",confirmSingular:"Bekräfta {count} administratör",confirmPlural:"Bekräfta {count} administratörer",doneButton:"Klar",editButton:"Redigera"},partnerAccess:{title:"Ge åtkomst till konsulter",description:"Bjud in konsulter från {partnerName} och ge dem åtkomst för att hjälpa dig konfigurera systemet. Du kan hantera eller återkalla deras åtkomst när som helst.",findConsultantPlaceholder:"Hitta konsult",loading:"Laddar konsulter...",confirmSingular:"Bekräfta {count} konsult",confirmPlural:"Bekräfta {count} konsulter"},complete:{title:"Installation klar!",message1:"Vi har bjudit in dina administratörer och partners att gå med dig. Ditt företag är nu redo.",message2:"Se vår administratörssida för att se var du kan göra ytterligare ändringar.",goToAdminButton:"Gå till administratörssida"},common:{saveAndClose:"Spara och stäng",startSetup:"Starta installation",confirm:"Bekräfta",close:"Stäng",loading:"Laddar kundinformation...",dismissError:"Stäng fel"},errors:{invalidRequest:{title:"Ogiltig begäran",message:"Ogiltig begäran. Kontrollera din inmatning."},validationError:{title:"Valideringsfel",message:"Valideringsfel. Kontrollera din inmatning."},notFound:{title:"Hittades inte",message:"Resursen hittades inte."},serverError:{title:"Serverfel",message:"Serverfel. Försök igen senare."},requestTimeout:{title:"Timeout för begäran",message:"Timeout för begäran. Försök igen."},networkError:{title:"Nätverksfel",message:"Nätverksfel. Kontrollera din anslutning."},requestFailed:{title:"Begäran misslyckades",message:"Begäran misslyckades. Försök igen."}}}};class et{constructor(){this.currentLocale="en-GB"}setLocale(e){return le[e]?(this.currentLocale=e,!0):(console.warn(`Locale "${e}" not supported. Falling back to en-GB.`),this.currentLocale="en-GB",!1)}getLocale(){return this.currentLocale}getTranslations(){return le[this.currentLocale]}t(e){const r=e.split(".");let a=le[this.currentLocale];for(const i of r)a=a==null?void 0:a[i];return typeof a=="string"?a:e}}class de extends Error{constructor(e,r){super(`HTTP ${e}: ${r}`),this.status=e,this.name="HttpError"}}class tt{constructor(e,r={},a){if(this.authToken=null,!e)throw new Error("[HttpService] baseUrl is required");this.baseUrl=e,this.defaultHeaders={"Content-Type":"application/json",...r},this.eventTarget=a??globalThis.document}setAuthToken(e){this.authToken=e}getAuthToken(){return this.authToken}emitHttpError(e,r,a,i,s){var n;if(e!==401&&e!==403)return;const o={status:e,statusText:r,message:`HTTP ${e}: ${r}`,endpoint:a,method:i,retry:s},l=new CustomEvent("http-error",{detail:o,bubbles:!0,composed:!0});(n=this.eventTarget)==null||n.dispatchEvent(l)}emitErrorMessage(e,r,a,i){var l;const s={status:e,errorKey:r,endpoint:a,method:i},o=new CustomEvent("error-message",{detail:s,bubbles:!0,composed:!0});(l=this.eventTarget)==null||l.dispatchEvent(o)}async request(e,r={}){const{method:a="GET",headers:i={},body:s,timeout:o=3e4}=r,l=new AbortController,n=setTimeout(()=>l.abort(),o),p={...this.defaultHeaders,...i};this.authToken&&(p.Authorization=`Bearer ${this.authToken}`);try{const c=await fetch(`${this.baseUrl}${e}`,{method:a,headers:p,body:s?JSON.stringify(s):void 0,signal:l.signal});if(clearTimeout(n),!c.ok){if(c.status===401||c.status===403)this.emitHttpError(c.status,c.statusText,e,a,()=>this.request(e,r));else if(!(r.suppressErrorStatuses??[]).includes(c.status)){const C=this.getErrorKey(c.status);this.emitErrorMessage(c.status,C,e,a)}throw new de(c.status,c.statusText)}return c.status===204?void 0:await c.json()}catch(c){if(clearTimeout(n),c instanceof de)throw c;if(c instanceof Error){const g=c.message.includes("aborted")?"requestTimeout":"networkError";throw this.emitErrorMessage(0,g,e,a),new Error(`Request failed: ${c.message}`)}throw c}}getErrorKey(e){return e>=500?"serverError":e===400?"invalidRequest":e===422?"validationError":e===404?"notFound":"requestFailed"}get(e,r){return this.request(e,{method:"GET",headers:r})}post(e,r,a){return this.request(e,{method:"POST",body:r,headers:a})}put(e,r,a){return this.request(e,{method:"PUT",body:r,headers:a})}delete(e,r){return this.request(e,{method:"DELETE",headers:r})}getUserProfile(){return this.get("/api/v1/me/profile")}getCustomerInfo(e){return this.get(`/api/v1/onboarding/customers/${e}`)}getAdministrators(e){return this.get(`/api/v1/onboarding/customers/${e}/administrators`)}editCustomer(e,r){return this.put(`/api/v1/customers/${e}`,r)}saveProgress(e,r){return this.patch(`/api/v1/onboarding/tasks/${e}`,{step:r})}deleteTask(e){return this.delete(`/api/v1/onboarding/tasks/${e}`)}async getUserByEmail(e){try{return await this.request(`/api/v1/users/email/${encodeURIComponent(e)}`,{suppressErrorStatuses:[404]})}catch(r){if(r instanceof de&&r.status===404)return null;throw r}}addCustomerAdministrators(e,r){return this.post(`/api/v1/onboarding/customers/${e}/administrators`,r)}getPartnerConsultants(e){return this.get(`/api/v1/onboarding/partners/${e}/consultants`)}addCustomerConsultants(e,r){return this.post(`/api/v1/onboarding/customers/${e}/consultants`,r)}patch(e,r,a){return this.request(e,{method:"PATCH",body:r,headers:a})}}const Z=E`
+  button {
+    padding: var(--ga-size-spacing-04) var(--ga-size-spacing-07);
+    border-radius: var(--ga-radius);
+    font-size: var(--ga-text-md-size);
+    font-weight: var(--ga-font-weight-medium);
+    cursor: pointer;
+    transition: background-color var(--ga-transition-hover), border-color var(--ga-transition-hover);
+    border: var(--ga-size-border-width-sm) solid transparent;
+    white-space: nowrap;
+    font-family: var(--vsn-customer-onboarding-wizard-font-family);
+  }
+
+  .btn-primary {
+    background: var(--ga-color-surface-action);
+    color: var(--ga-color-secondary-10);
+    border-color: var(--ga-color-surface-action);
+  }
+
+  .btn-primary:hover:not(:disabled) {
+    background: var(--ga-color-surface-action-hover);
+    border-color: var(--ga-color-surface-action-hover);
+  }
+
+  .btn-primary:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .btn-secondary {
+    background: var(--ga-color-white);
+    color: var(--ga-color-text-body);
+    border-color: var(--ga-color-cyan-80);
+  }
+
+  .btn-secondary:hover {
+    background: var(--ga-color-secondary-10);
+  }
+
+  .btn-primary:focus-visible,
+  .btn-secondary:focus-visible {
+    outline: var(--ga-size-border-width-md) solid var(--ga-color-border-focus);
+    outline-offset: var(--ga-size-border-width-md);
+  }
+`,J=E`
+  :host {
+    display: block;
+  }
+
+  .step-content {
+    text-align: left;
+  }
+
+  .step-content h2 {
+    font-size: var(--ga-text-2xl-size);
+    line-height: var(--ga-text-2xl-line-height);
+    letter-spacing: var(--ga-text-2xl-tracking);
+    font-weight: var(--ga-font-weight-normal);
+    margin: 0 0 var(--ga-size-spacing-03);
+    color: var(--ga-color-text-headings);
+  }
+
+  .wizard-actions {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: var(--ga-size-spacing-09);
+    gap: var(--ga-size-spacing-05);
+  }
+
+  .field-error {
+    display: flex;
+    align-items: center;
+    gap: var(--ga-size-spacing-02);
+    margin-top: var(--ga-size-spacing-01);
+    color: var(--ga-color-icon-error);
+    font-size: var(--ga-text-sm-size);
+    font-family: var(--vsn-customer-onboarding-wizard-font-family);
+    line-height: var(--ga-text-sm-line-height);
+  }
+
+  .field-error svg {
+    width: var(--ga-size-spacing-04);
+    height: var(--ga-size-spacing-04);
+    flex-shrink: 0;
+  }
+
+  .field-error-text {
+    color: var(--ga-color-text-body);
+  }
+
+  .field-error--empty {
+    visibility: hidden;
+  }
+`;var rt=Object.defineProperty,at=Object.getOwnPropertyDescriptor,he=(t,e,r,a)=>{for(var i=a>1?void 0:a?at(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&rt(e,r,i),i};let K=class extends S{constructor(){super(...arguments),this.userName="User"}handleStartSetup(){this.dispatchEvent(new CustomEvent("start-setup",{bubbles:!0,composed:!0}))}handleSaveAndClose(){this.dispatchEvent(new CustomEvent("save-and-close",{bubbles:!0,composed:!0}))}render(){const t=this.translations;return d`
+      <div class="wizard-content">
+        <div class="welcome-wrapper">
+          <h2 class="welcome-message">
+            ${t.welcome.greeting}<br />
+            <span class="user-name">${this.userName}!</span>
+          </h2>
+          <p>
+            ${t.welcome.description}
+          </p>
+        </div>
+      </div>
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${t.common.saveAndClose}
+        </button>
+        <button type="button" class="btn-primary" @click=${this.handleStartSetup}>
+          ${t.common.startSetup}
+        </button>
+      </div>
+    `}};K.styles=[D,Z,J,E`
+      .wizard-content {
+        text-align: left;
+        padding: var(--ga-size-spacing-08) 0 var(--ga-size-spacing-06);
+      }
+
+      .welcome-wrapper {
+        width: var(--ga-size-content-sm);
+        margin: 0 auto;
+        text-align: left;
+      }
+
+      .welcome-wrapper p {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+        margin: 0;
+      }
+
+      .welcome-wrapper h2.welcome-message {
+        font-size: var(--ga-text-2xl-size);
+        line-height: var(--ga-text-2xl-line-height);
+        letter-spacing: var(--ga-text-2xl-tracking);
+        font-weight: 400;
+        margin: 0 0 var(--ga-size-spacing-06);
+        color: var(--ga-color-text-headings);
+      }
+
+
+    `];he([m({type:String})],K.prototype,"userName",2);he([m({type:Object})],K.prototype,"translations",2);K=he([O("wizard-step-welcome")],K);var it=Object.defineProperty,st=Object.getOwnPropertyDescriptor,b=(t,e,r,a)=>{for(var i=a>1?void 0:a?st(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&it(e,r,i),i};const M=["NO","SE","DK","FI","NL"];let f=class extends S{constructor(){super(...arguments),this.locale="en-GB",this.customerInfo=null,this.editingContact=!1,this.countryDropdownOpen=!1,this.fieldErrors={},this.editName="",this.editAddress1="",this.editAddress2="",this.editPostalCode="",this.editCity="",this.editCountryCode="",this.editWebUrl="",this.editContactEmail="",this.localCustomer=null}getCountryLabel(t){try{return new Intl.DisplayNames([this.locale],{type:"region"}).of(t)??t}catch{return t}}handleNext(){this.dispatchEvent(new CustomEvent("next",{bubbles:!0,composed:!0}))}handleSaveAndClose(){this.dispatchEvent(new CustomEvent("save-and-close",{bubbles:!0,composed:!0}))}handleEditContact(){const t=this.localCustomer??this.customerInfo.customer;this.editName=t.name,this.editAddress1=t.address1,this.editAddress2=t.address2,this.editPostalCode=t.postalCode,this.editCity=t.city,this.editCountryCode=t.countryCode??"",this.editWebUrl=t.webUrl,this.editContactEmail=t.contactEmail,this.editingContact=!0}handleSaveChanges(){if(!this.validateForm())return;const t=this.localCustomer??this.customerInfo.customer;this.localCustomer={...t,name:this.editName,address1:this.editAddress1,address2:this.editAddress2,postalCode:this.editPostalCode,city:this.editCity,countryCode:this.editCountryCode,webUrl:this.editWebUrl,contactEmail:this.editContactEmail},this.editingContact=!1;const e={name:this.editName,address1:this.editAddress1,address2:this.editAddress2,postalCode:this.editPostalCode,city:this.editCity,countryCode:this.editCountryCode||void 0,emailAddress:this.editContactEmail,webAddress:this.editWebUrl};this.dispatchEvent(new CustomEvent("edit-customer",{detail:e,bubbles:!0,composed:!0}))}handleCancelEdit(){this.editingContact=!1,this.countryDropdownOpen=!1,this.fieldErrors={}}validateField(t,e){const r=this.translations,a={...this.fieldErrors};t==="contactEmail"?e.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)?delete a.contactEmail:a.contactEmail=r.company.emailInvalid:a.contactEmail=r.company.fieldRequired:e.trim()?delete a[t]:a[t]=r.company.fieldRequired,this.fieldErrors=a}clearFieldError(t){if(this.fieldErrors[t]){const{[t]:e,...r}=this.fieldErrors;this.fieldErrors=r}}validateForm(){const t=this.translations,e={};return this.editName.trim()||(e.name=t.company.fieldRequired),this.editAddress1.trim()||(e.address1=t.company.fieldRequired),this.editPostalCode.trim()||(e.postalCode=t.company.fieldRequired),this.editCity.trim()||(e.city=t.company.fieldRequired),this.editWebUrl.trim()||(e.webUrl=t.company.fieldRequired),this.editContactEmail.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.editContactEmail)||(e.contactEmail=t.company.emailInvalid):e.contactEmail=t.company.fieldRequired,this.fieldErrors=e,Object.keys(e).length===0}toggleCountryDropdown(){this.countryDropdownOpen=!this.countryDropdownOpen}selectCountry(t){this.editCountryCode=t,this.countryDropdownOpen=!1,this.updateComplete.then(()=>{var e,r;(r=(e=this.shadowRoot)==null?void 0:e.querySelector(".select-trigger"))==null||r.focus()})}handleCountryFocusOut(t){t.currentTarget.contains(t.relatedTarget)||(this.countryDropdownOpen=!1)}handleCountryKeydown(t){const e=M.indexOf(this.editCountryCode);if(t.key==="ArrowDown"){t.preventDefault(),this.countryDropdownOpen=!0;const r=Math.min(e+1,M.length-1);this.editCountryCode=M[r]}else if(t.key==="ArrowUp"){t.preventDefault(),this.countryDropdownOpen=!0;const r=Math.max(e-1,0);this.editCountryCode=M[r]}else t.key==="Escape"&&(this.countryDropdownOpen=!1)}updated(t){var e;if(t.has("editingContact"))if(this.editingContact)this.updateComplete.then(()=>{var a;const r=(a=this.shadowRoot)==null?void 0:a.querySelector(".company-name-input");r==null||r.focus()});else{const r=(e=this.shadowRoot)==null?void 0:e.querySelector(".edit-contact-btn");r==null||r.focus()}}handleStepKeydown(t){t.key==="Escape"&&this.editingContact&&(t.preventDefault(),this.handleCancelEdit())}render(){const t=this.translations;if(!this.customerInfo)return d`
+        <div class="step-content">
+          <h2>${t.company.title}</h2>
+          <p>${t.company.description}</p>
+          <hr class="section-divider" />
+          <div class="loading-placeholder">
+            <p>${t.common.loading}</p>
+          </div>
+        </div>
+        <div class="wizard-actions">
+          <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+            ${t.common.saveAndClose}
+          </button>
+          <button type="button" class="btn-primary" disabled>
+            ${t.common.confirm}
+          </button>
+        </div>
+      `;const{customer:e,subscriptions:r}=this.customerInfo,a=this.localCustomer??e,i=a.name.split(" ").map(s=>s[0]).join("").toUpperCase().substring(0,2);return d`
+      <div class="step-content" @keydown=${this.handleStepKeydown}>
+        <h2>${t.company.title}</h2>
+        <p>${t.company.description}</p>
+
+        <hr class="section-divider" />
+
+        <div class="company-header">
+          <div class="company-avatar" aria-hidden="true">${i}</div>
+          ${this.editingContact?d`<div class="company-name-wrapper">
+                <input
+                  class="form-input company-name-input ${this.fieldErrors.name?"has-error":""}"
+                  type="text"
+                  aria-label=${t.company.companyNameLabel}
+                  aria-invalid=${this.fieldErrors.name?"true":"false"}
+                  .value=${this.editName}
+                  @input=${s=>{this.editName=s.target.value,this.clearFieldError("name")}}
+                  @blur=${s=>{this.validateField("name",s.target.value)}}
+                />
+                ${this.fieldErrors.name?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.name}</span></span>`:""}
+              </div>`:d`<h3 class="company-name">${a.name}</h3>`}
+        </div>
+
+        <div class="company-columns">
+          <!-- Left column: Contact info or edit form -->
+          <div class="contact-column">
+            ${this.editingContact?d`
+              <div class="edit-form" role="group" aria-label=${t.company.editFormLabel}>
+                <div class="form-field">
+                  <input
+                    class="form-input ${this.fieldErrors.address1?"has-error":""}"
+                    type="text"
+                    aria-label=${t.company.address1Label}
+                    aria-invalid=${this.fieldErrors.address1?"true":"false"}
+                    .value=${this.editAddress1}
+                    @input=${s=>{this.editAddress1=s.target.value,this.clearFieldError("address1")}}
+                    @blur=${s=>{this.validateField("address1",s.target.value)}}
+                  />
+                  ${this.fieldErrors.address1?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.address1}</span></span>`:""}
+                </div>
+                <input
+                  class="form-input"
+                  type="text"
+                  aria-label=${t.company.address2Placeholder}
+                  .value=${this.editAddress2}
+                  placeholder=${t.company.address2Placeholder}
+                  @input=${s=>{this.editAddress2=s.target.value}}
+                />
+                <div class="form-field">
+                  <div class="postal-city-row" role="group" aria-label=${t.company.addressGroupLabel}>
+                  <input
+                    class="form-input input-postal ${this.fieldErrors.postalCode?"has-error":""}"
+                    type="text"
+                    inputmode="numeric"
+                    pattern="[0-9]*"
+                    aria-label=${t.company.postalCodeLabel}
+                    aria-invalid=${this.fieldErrors.postalCode?"true":"false"}
+                    .value=${this.editPostalCode}
+                    @input=${s=>{this.editPostalCode=s.target.value,this.clearFieldError("postalCode")}}
+                    @blur=${s=>{this.validateField("postalCode",s.target.value)}}
+                  />
+                  <input
+                    class="form-input input-city ${this.fieldErrors.city?"has-error":""}"
+                    type="text"
+                    aria-label=${t.company.cityLabel}
+                    aria-invalid=${this.fieldErrors.city?"true":"false"}
+                    .value=${this.editCity}
+                    @input=${s=>{this.editCity=s.target.value,this.clearFieldError("city")}}
+                    @blur=${s=>{this.validateField("city",s.target.value)}}
+                  />
+                  </div>
+                  ${this.fieldErrors.postalCode?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.postalCode}</span></span>`:""}
+                  ${this.fieldErrors.city?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.city}</span></span>`:""}
+                </div>
+                <div
+                  class="select-wrapper"
+                  @focusout=${this.handleCountryFocusOut}
+                >
+                  <button
+                    type="button"
+                    class="form-input select-trigger"
+                    aria-haspopup="listbox"
+                    aria-expanded=${String(this.countryDropdownOpen)}
+                    aria-label=${t.company.countryLabel}
+                    @click=${this.toggleCountryDropdown}
+                    @keydown=${this.handleCountryKeydown}
+                  >
+                    <span>${this.editCountryCode?this.getCountryLabel(this.editCountryCode):""}</span>
+                    ${h.chevronDown()}
+                  </button>
+                  ${this.countryDropdownOpen?d`
+                    <ul class="dropdown-menu" role="listbox" aria-label=${t.company.countryLabel}>
+                      ${M.map(s=>d`
+                        <li
+                          class="dropdown-option"
+                          role="option"
+                          aria-selected=${String(s===this.editCountryCode)}
+                          tabindex="0"
+                          @click=${()=>this.selectCountry(s)}
+                          @keydown=${o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.selectCountry(s))}}
+                        >
+                          <span class="dropdown-option-icon">${s===this.editCountryCode?h.check():""}</span>
+                          ${this.getCountryLabel(s)}
+                        </li>
+                      `)}
+                    </ul>
+                  `:""}
+                </div>
+                <div class="form-field">
+                  <input
+                    class="form-input ${this.fieldErrors.webUrl?"has-error":""}"
+                    type="text"
+                    aria-label=${t.company.webUrlLabel}
+                    aria-invalid=${this.fieldErrors.webUrl?"true":"false"}
+                    .value=${this.editWebUrl}
+                    @input=${s=>{this.editWebUrl=s.target.value,this.clearFieldError("webUrl")}}
+                    @blur=${s=>{this.validateField("webUrl",s.target.value)}}
+                  />
+                  ${this.fieldErrors.webUrl?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.webUrl}</span></span>`:""}
+                </div>
+                <div class="form-field">
+                  <input
+                    class="form-input ${this.fieldErrors.contactEmail?"has-error":""}"
+                    type="email"
+                    aria-label=${t.company.emailLabel}
+                    aria-invalid=${this.fieldErrors.contactEmail?"true":"false"}
+                    .value=${this.editContactEmail}
+                    @input=${s=>{this.editContactEmail=s.target.value,this.clearFieldError("contactEmail")}}
+                    @blur=${s=>{this.validateField("contactEmail",s.target.value)}}
+                  />
+                  ${this.fieldErrors.contactEmail?d`<span class="field-error">${h.octagonAlert()}<span class="field-error-text">${this.fieldErrors.contactEmail}</span></span>`:""}
+                </div>
+                <div class="edit-actions">
+                  <button type="button" class="btn-primary" @click=${this.handleSaveChanges}>
+                    ${t.company.saveChanges}
+                  </button>
+                  <button type="button" class="btn-secondary" @click=${this.handleCancelEdit}>
+                    ${t.company.cancelEdit}
+                  </button>
+                </div>
+              </div>
+            `:d`
+              <div class="contact-info">
+                <div class="contact-group">
+                  <p>${a.address1}</p>
+                  ${a.address2?d`<p>${a.address2}</p>`:""}
+                  <p>${a.postalCode} ${a.city}</p>
+                  <p>${this.getCountryLabel(a.countryCode)}</p>
+                </div>
+                <div class="contact-group">
+                  <p>${a.webUrl}</p>
+                  <p>${a.contactEmail}</p>
+                </div>
+              </div>
+              <button class="edit-contact-btn" type="button" aria-label=${t.company.editContactLabel} aria-expanded=${String(this.editingContact)} title=${t.company.editContactLabel} @click=${this.handleEditContact}>
+                ${h.pencil()}
+              </button>
+            `}
+          </div>
+
+          <!-- Right column: Subscription card -->
+          <div class="subscription-card">
+            <h4 class="subscription-title">${t.company.subscriptionLabel}</h4>
+            <ul class="subscription-list">
+              ${r.map(s=>d`
+                <li>
+                  ${h.check()}
+                  ${s}
+                </li>
+              `)}
+            </ul>
+            ${this.editingContact?d`
+              <div class="plan-notification" role="note">
+                <div class="plan-notification-icon">${h.info()}</div>
+                <p class="plan-notification-text">
+                  ${(()=>{const s=t.company.managePlanMessage.split("{partnerName}"),o=this.customerInfo.partner.name;return d`${s[0]}<strong>${o}</strong>${s[1]}`})()}
+                </p>
+              </div>
+            `:""}
+          </div>
+        </div>
+      </div>
+
+      <hr class="section-divider" />
+      
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${t.common.saveAndClose}
+        </button>
+        <button type="button" class="btn-primary" ?disabled=${this.editingContact} @click=${this.handleNext}>
+          ${t.common.confirm}
+        </button>
+      </div>
+    `}};f.styles=[D,Z,J,E`
+      :host {
+        --avatar-size: var(--ga-size-spacing-09);
+      }
+
+      .step-content > p {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+        margin: 0 0 var(--ga-size-spacing-06);
+      }
+
+      /* Separator between description and company info */
+      .section-divider {
+        border: none;
+        border-top: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);
+        margin: 0 0 var(--ga-size-spacing-06);
+      }
+
+      /* Loading state */
+      .loading-placeholder {
+        padding: var(--ga-size-spacing-05);
+        background: var(--ga-color-neutral-10);
+        border-radius: var(--ga-radius);
+        color: var(--ga-color-neutral-60);
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+      }
+
+      /* Company header: avatar + name */
+      .company-header {
+        display: flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-05);
+        margin-bottom: var(--ga-size-spacing-07);
+      }
+
+      .company-avatar {
+        width: var(--avatar-size);
+        height: var(--avatar-size);
+        border-radius: var(--ga-radius-round);
+        background: transparent;
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-text-headings);
+        color: var(--ga-color-text-headings);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: var(--ga-text-md-size);
+        font-weight: 600;
+        flex-shrink: 0;
+      }
+
+      .company-name {
+        font-size: var(--ga-text-xl-size);
+        line-height: var(--ga-text-xl-line-height);
+        letter-spacing: var(--ga-text-xl-tracking);
+        font-weight: 400;
+        margin: 0;
+        color: var(--ga-color-text-headings);
+      }
+
+      /* Two-column layout for contact + subscription */
+      .company-columns {
+        display: flex;
+        gap: var(--ga-size-spacing-07);
+        align-items: flex-start;
+        padding-bottom: var(--ga-size-spacing-04);
+        padding-left: var(--ga-size-spacing-10);
+        padding-right: var(--ga-size-spacing-10);
+      }
+
+      /* Contact column: fixed width */
+      .contact-column {
+        width: var(--ga-size-content-xs);
+        flex-shrink: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-05);
+      }
+
+      /* Edit button: standalone icon button */
+      .edit-contact-btn {
+        all: unset;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: var(--ga-size-spacing-07);
+        height: var(--ga-size-spacing-07);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);
+        border-radius: var(--ga-radius);
+        cursor: pointer;
+        color: var(--ga-color-text-body);
+      }
+
+      .edit-contact-btn:hover {
+        background: var(--ga-color-neutral-10);
+      }
+
+      .edit-contact-btn:focus-visible {
+        outline: var(--ga-size-border-width-md) solid var(--ga-color-primary);
+        outline-offset: var(--ga-size-border-width-md);
+      }
+
+      .edit-contact-btn svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+      }
+
+      /* Edit form */
+      .edit-form {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-05);
+      }
+
+      .form-field {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .form-input {
+        width: 100%;
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-04);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);
+        border-radius: var(--ga-radius);
+        font-size: var(--ga-text-md-size);
+        font-family: var(--ga-font-family-primary);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-action);
+        background: var(--ga-color-white);
+        box-sizing: border-box;
+        outline: none;
+        transition: border-color 0.2s;
+      }
+
+      .form-input:focus {
+        border-color: var(--ga-color-border-focus);
+        box-shadow: 0 0 0 var(--ga-size-border-width-md) var(--ga-color-white), 0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-focus);
+      }
+
+      .form-input.has-error {
+        border-color: var(--ga-color-border-error);
+        background: var(--ga-color-surface-error);
+      }
+
+      .form-input.has-error:focus {
+        border-color: var(--ga-color-border-error);
+        box-shadow: 0 0 0 var(--ga-size-border-width-md) var(--ga-color-white), 0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-error);
+      }
+
+      .postal-city-row {
+        display: flex;
+        gap: var(--ga-size-spacing-03);
+      }
+
+      .input-postal {
+        width: var(--ga-size-spacing-10);
+        flex-shrink: 0;
+      }
+
+      .input-city {
+        flex: 1;
+      }
+
+      .input-country {
+        max-width: var(--ga-size-content-2xs);
+      }
+
+      /* Country custom dropdown */
+      .select-wrapper {
+        position: relative;
+        max-width: var(--ga-size-content-2xs);
+      }
+
+      .select-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        text-align: left;
+        cursor: pointer;
+        width: 100%;
+        padding-right: var(--ga-size-spacing-04);
+      }
+
+      .select-trigger svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+        flex-shrink: 0;
+        color: var(--ga-color-text-action);
+      }
+
+      .dropdown-menu {
+        position: absolute;
+        top: calc(100% + var(--ga-size-spacing-01));
+        left: 0;
+        right: 0;
+        background: var(--ga-color-surface-primary);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);
+        border-radius: var(--ga-radius);
+        box-shadow: var(--ga-shadow-dropdown);
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        z-index: 10;
+        overflow: hidden;
+      }
+
+      .dropdown-option {
+        display: flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-03);
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-04);
+        font-size: var(--ga-text-md-size);
+        font-family: var(--ga-font-family-primary);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+        cursor: pointer;
+        list-style: none;
+        outline: none;
+        position: relative;
+      }
+
+      .dropdown-option[aria-selected='true'] {
+        background: var(--ga-color-surface-selected);
+      }
+
+      .dropdown-option:hover {
+        background: var(--ga-color-surface-action-hover-2);
+        color: var(--ga-color-text-action-hover);
+      }
+
+      .dropdown-option:focus {
+        box-shadow: inset 0 0 0 var(--ga-size-border-width-md) var(--ga-color-border-focus);
+      }
+
+      .dropdown-option-icon {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--ga-color-text-body);
+      }
+
+      .dropdown-option-icon svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+      }
+
+      .company-name-wrapper {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+      }
+
+      .company-name-input {
+        width: 100%;
+      }
+
+      .edit-actions {
+        display: flex;
+        gap: var(--ga-size-spacing-05);
+        align-items: center;
+        margin-top: var(--ga-size-spacing-03);
+      }
+
+      /* Subscription card */
+      .subscription-card {
+        flex: 1;
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);
+        border-radius: var(--ga-radius);
+        background: var(--ga-color-white);
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-03);
+      }
+
+      .subscription-title {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        font-weight: 700;
+        color: var(--ga-color-text-body);
+        margin: 0;
+      }
+
+      /* Contact info lines */
+      .contact-info {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-05);
+      }
+
+      .contact-group {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-01);
+      }
+
+      .contact-info p {
+        margin: 0;
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+      }
+
+      /* Subscription list */
+      .subscription-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--ga-size-spacing-03);
+      }
+
+      .subscription-list li {
+        display: flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-03);
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+      }
+
+      .subscription-list li svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+        color: var(--ga-color-text-body);
+        flex-shrink: 0;
+      }
+
+      .plan-notification {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--ga-size-spacing-05);
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);
+        background: var(--ga-color-surface-information);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-border-information);
+        border-radius: var(--ga-radius);
+      }
+
+      .plan-notification-icon {
+        color: var(--ga-color-icon-information);
+        flex-shrink: 0;
+        padding-top: var(--ga-size-spacing-03);
+      }
+
+      .plan-notification-icon svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+      }
+
+      .plan-notification-text {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        color: var(--ga-color-text-body);
+        margin: var(--ga-size-spacing-03) 0;
+      }
+
+      /* Wizard actions row */
+      .wizard-actions {
+        margin-top: 0;
+      }
+
+    `];b([m({type:Object})],f.prototype,"translations",2);b([m({type:String})],f.prototype,"locale",2);b([m({type:Object})],f.prototype,"customerInfo",2);b([u()],f.prototype,"editingContact",2);b([u()],f.prototype,"countryDropdownOpen",2);b([u()],f.prototype,"fieldErrors",2);b([u()],f.prototype,"editName",2);b([u()],f.prototype,"editAddress1",2);b([u()],f.prototype,"editAddress2",2);b([u()],f.prototype,"editPostalCode",2);b([u()],f.prototype,"editCity",2);b([u()],f.prototype,"editCountryCode",2);b([u()],f.prototype,"editWebUrl",2);b([u()],f.prototype,"editContactEmail",2);b([u()],f.prototype,"localCustomer",2);f=b([O("wizard-step1-company")],f);var ot=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,z=(t,e,r,a)=>{for(var i=a>1?void 0:a?nt(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&ot(e,r,i),i};let w=class extends S{constructor(){super(...arguments),this.httpService=null,this.customerId="",this.locale="en-GB",this.currentUser=null,this.existingAdmins=[],this.isLoadingAdmins=!1,this.rows=[],this.nextId=1,this.lookingUpIds=new Set,this.isConfirming=!1,this.rowErrors=new Map,this._loadSequence=0}updated(t){t.has("httpService")||t.has("customerId")?this.loadExistingAdmins():t.has("currentUser")&&this.existingAdmins.length>0&&(this.existingAdmins=this.sortAdmins([...this.existingAdmins]))}sortAdmins(t){var r;const e=(r=this.currentUser)==null?void 0:r.email.toLowerCase();return e?t.sort((a,i)=>{const s=a.email.toLowerCase()===e,o=i.email.toLowerCase()===e;return s&&o?0:s?-1:o?1:0}):t}async loadExistingAdmins(){if(!this.httpService||!this.customerId)return;const t=++this._loadSequence;this.isLoadingAdmins=!0;try{const e=await this.httpService.getAdministrators(this.customerId);if(t!==this._loadSequence)return;this.existingAdmins=this.sortAdmins([...e.content])}catch{}finally{t===this._loadSequence&&(this.isLoadingAdmins=!1)}}get hasOpenRow(){return this.rows.some(t=>!t.isDone)}get validAdminCount(){return this.rows.filter(t=>t.isDone&&(t.state==="found"||t.state==="not-found"&&t.firstName.trim()!==""&&t.lastName.trim()!=="")).length}get canConfirm(){return!this.hasOpenRow&&!this.isConfirming&&!this.isLoadingAdmins}get canAddMore(){return!this.hasOpenRow&&!this.isConfirming}get confirmButtonLabel(){const t=this.translations,e=this.validAdminCount;return e===0?t.common.confirm:(e===1?t.administrators.confirmSingular:t.administrators.confirmPlural).replace("{count}",String(e))}async addRow(){var r;if(!this.canAddMore)return;const t=this.nextId++;this.rows=[...this.rows,{id:t,state:"lookup",isDone:!1,email:"",firstName:"",lastName:""}],await this.updateComplete;const e=(r=this.shadowRoot)==null?void 0:r.querySelectorAll('input[type="email"]');e&&e.length>0&&e[e.length-1].focus()}removeRow(t){this.rows=this.rows.filter(r=>r.id!==t);const e=new Map(this.rowErrors);e.delete(t),this.rowErrors=e}doneRow(t){const e=this.rows.find(r=>r.id===t);if(e&&e.state!=="lookup"){if(e.state==="not-found"){const r=this.validateRowRequiredField(t,"firstName",e.firstName),a=this.validateRowRequiredField(t,"lastName",e.lastName);if(!r||!a)return}this.rows=this.rows.map(r=>r.id===t?{...r,isDone:!0,email:r.email.trim(),firstName:r.firstName.trim(),lastName:r.lastName.trim()}:r)}}editRow(t){this.rows=this.rows.map(e=>e.id===t?{...e,isDone:!1}:e)}updateRowEmail(t,e){this.rows=this.rows.map(a=>a.id===t?{...a,email:e,state:"lookup",firstName:"",lastName:""}:a);const r=new Map(this.rowErrors);r.delete(t),this.rowErrors=r}updateFirstName(t,e){this.rows=this.rows.map(r=>r.id===t?{...r,firstName:e}:r),this.clearRowFieldError(t,"firstName")}updateLastName(t,e){this.rows=this.rows.map(r=>r.id===t?{...r,lastName:e}:r),this.clearRowFieldError(t,"lastName")}setRowFieldError(t,e,r){const a=new Map(this.rowErrors);a.set(t,{...a.get(t)??{},[e]:r}),this.rowErrors=a}clearRowFieldError(t,e){const r=this.rowErrors.get(t);if(!(r!=null&&r[e]))return;const{[e]:a,...i}=r,s=new Map(this.rowErrors);Object.keys(i).length===0?s.delete(t):s.set(t,i),this.rowErrors=s}validateRowEmail(t,e){const r=this.translations;return e.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim())?(this.clearRowFieldError(t,"email"),!0):(this.setRowFieldError(t,"email",r.company.emailInvalid),!1):(this.setRowFieldError(t,"email",r.company.fieldRequired),!1)}validateRowRequiredField(t,e,r){const a=this.translations;return r.trim()?(this.clearRowFieldError(t,e),!0):(this.setRowFieldError(t,e,a.company.fieldRequired),!1)}validateAllRows(){let t=!0;for(const e of this.rows)e.state==="not-found"&&(this.validateRowRequiredField(e.id,"firstName",e.firstName)||(t=!1),this.validateRowRequiredField(e.id,"lastName",e.lastName)||(t=!1));return t}async lookupUser(t){var a,i,s,o,l,n;const e=this.rows.find(p=>p.id===t);if(!e||!this.httpService)return;if(!this.validateRowEmail(t,e.email)){(i=(a=this.shadowRoot)==null?void 0:a.querySelector(`input[data-email-row-id="${t}"]`))==null||i.focus();return}const r=e.email.trim();this.lookingUpIds=new Set([...this.lookingUpIds,t]);try{const p=await this.httpService.getUserByEmail(r),c=this.rows.find(g=>g.id===t);if(!c||c.email.trim()!==r)return;p?(this.rows=this.rows.map(g=>g.id===t?{...g,state:"found",firstName:p.firstName,lastName:p.lastName}:g),await this.updateComplete,(o=(s=this.shadowRoot)==null?void 0:s.querySelector(`button[data-done-row-id="${t}"]`))==null||o.focus()):(this.rows=this.rows.map(g=>g.id===t?{...g,state:"not-found",firstName:"",lastName:""}:g),await this.updateComplete,(n=(l=this.shadowRoot)==null?void 0:l.querySelector(`input[data-row-id="${t}"]`))==null||n.focus())}catch{}finally{const p=new Set(this.lookingUpIds);p.delete(t),this.lookingUpIds=p}}async handleConfirm(){if(!this.canConfirm||!this.httpService||!this.customerId||!this.validateAllRows())return;this.isConfirming=!0;const t=this.rows.filter(e=>e.state==="found"||e.state==="not-found"&&e.firstName.trim()&&e.lastName.trim());try{if(t.length>0){const e=t.map(r=>({email:r.email.trim(),firstName:r.firstName.trim(),lastName:r.lastName.trim(),languageCode:this.locale}));await this.httpService.addCustomerAdministrators(this.customerId,e)}this.dispatchEvent(new CustomEvent("next",{bubbles:!0,composed:!0}))}catch{}finally{this.isConfirming=!1}}handleSaveAndClose(){this.dispatchEvent(new CustomEvent("save-and-close",{bubbles:!0,composed:!0}))}renderExistingAdminRow(t,e){var i;const r=this.translations,a=((i=this.currentUser)==null?void 0:i.email.toLowerCase())===t.email.toLowerCase();return d`
+      <div class="admin-row admin-row--done">
+        <span class="row-num">${e}</span>
+        <div class="cell-email">
+          <span class="name-text">${t.email}</span>
+        </div>
+        <div class="cell-name">
+          <span class="name-text">${t.firstName}</span>
+        </div>
+        <div class="cell-name-last">
+          <span class="name-text">${t.lastName}</span>
+        </div>
+        <div class="cell-action">
+          ${a?d`
+            <div class="you-tag" aria-label=${r.administrators.youLabel}>
+              <span>${h.userRound()}</span>
+              <span>${r.administrators.youLabel}</span>
+            </div>
+          `:v}
+        </div>
+      </div>
+    `}renderLookupRow(t,e){const r=this.translations,a=this.lookingUpIds.has(t.id),i=t.email.trim().length>0,s=this.rowErrors.get(t.id)??{};return d`
+      <div class="admin-row">
+        <span class="row-num">${e}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${s.email?"has-error":""}"
+            type="email"
+            data-email-row-id=${t.id}
+            .value=${t.email}
+            placeholder=${r.company.emailLabel}
+            aria-label=${r.company.emailLabel}
+            aria-invalid=${s.email?"true":"false"}
+            @input=${o=>this.updateRowEmail(t.id,o.target.value)}
+            @blur=${o=>this.validateRowEmail(t.id,o.target.value)}
+          />
+          <span class="field-error ${s.email?"":"field-error--empty"}" aria-hidden=${s.email?"false":"true"}>${h.octagonAlert()}<span class="field-error-text">${s.email??""}</span></span>
+        </div>
+        <div class="cell-lookup-btn">
+          <button
+            type="button"
+            class="btn-add-name"
+            @click=${()=>this.lookupUser(t.id)}
+            ?disabled=${!i||a}
+            aria-label=${r.administrators.addNameButton}
+          >
+            ${r.administrators.addNameButton}
+          </button>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            class="btn-icon"
+            @click=${()=>this.removeRow(t.id)}
+            aria-label=${r.administrators.deleteRowLabel}
+          >
+            ${h.trash()}
+          </button>
+        </div>
+      </div>
+    `}renderFoundRow(t,e){const r=this.translations;if(t.isDone)return d`
+        <div class="admin-row admin-row--done">
+          <span class="row-num">${e}</span>
+          <div class="cell-email">
+            <span class="name-text">${t.email}</span>
+          </div>
+          <div class="cell-name">
+            <span class="name-text">${t.firstName}</span>
+          </div>
+          <div class="cell-name-last">
+            <span class="name-text">${t.lastName}</span>
+          </div>
+          <div class="cell-action">
+            <button
+              type="button"
+              class="btn-edit"
+              @click=${()=>this.editRow(t.id)}
+              aria-label=${r.administrators.editButton}
+            >
+              ${r.administrators.editButton}
+            </button>
+          </div>
+        </div>
+      `;const a=this.lookingUpIds.has(t.id),i=this.rowErrors.get(t.id)??{};return d`
+      <div class="admin-row">
+        <span class="row-num">${e}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${i.email?"has-error":""}"
+            type="email"
+            .value=${t.email}
+            placeholder=${r.company.emailLabel}
+            aria-label=${r.company.emailLabel}
+            aria-invalid=${i.email?"true":"false"}
+            ?disabled=${a}
+            @input=${s=>this.updateRowEmail(t.id,s.target.value)}
+            @blur=${s=>this.validateRowEmail(t.id,s.target.value)}
+          />
+          <span class="field-error ${i.email?"":"field-error--empty"}" aria-hidden=${i.email?"false":"true"}>${h.octagonAlert()}<span class="field-error-text">${i.email??""}</span></span>
+        </div>
+        <div class="cell-name">
+          <span class="name-text">${t.firstName}</span>
+        </div>
+        <div class="cell-name-last">
+          <span class="name-text">${t.lastName}</span>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            data-trash-row-id=${t.id}
+            class="btn-icon"
+            @click=${()=>this.removeRow(t.id)}
+            aria-label=${r.administrators.deleteRowLabel}
+          >
+            ${h.trash()}
+          </button>
+          <button
+            type="button"
+            data-done-row-id=${t.id}
+            class="btn-done"
+            @click=${()=>this.doneRow(t.id)}
+            aria-label=${r.administrators.doneButton}
+          >
+            ${r.administrators.doneButton}
+          </button>
+        </div>
+      </div>
+    `}renderNotFoundRow(t,e){const r=this.translations,a=this.rowErrors.get(t.id)??{};return t.isDone?d`
+        <div class="admin-row admin-row--done">
+          <span class="row-num">${e}</span>
+          <div class="cell-email">
+            <span class="name-text">${t.email}</span>
+          </div>
+          <div class="cell-name">
+            <span class="name-text">${t.firstName}</span>
+          </div>
+          <div class="cell-name-last">
+            <span class="name-text">${t.lastName}</span>
+          </div>
+          <div class="cell-action">
+            <button
+              type="button"
+              class="btn-edit"
+              @click=${()=>this.editRow(t.id)}
+              aria-label=${r.administrators.editButton}
+            >
+              ${r.administrators.editButton}
+            </button>
+          </div>
+        </div>
+      `:d`
+      <div class="admin-row">
+        <span class="row-num">${e}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${a.email?"has-error":""}"
+            type="email"
+            .value=${t.email}
+            placeholder=${r.company.emailLabel}
+            aria-label=${r.company.emailLabel}
+            aria-invalid=${a.email?"true":"false"}
+            @input=${i=>this.updateRowEmail(t.id,i.target.value)}
+            @blur=${i=>this.validateRowEmail(t.id,i.target.value)}
+          />
+          <span class="field-error ${a.email?"":"field-error--empty"}" aria-hidden=${a.email?"false":"true"}>${h.octagonAlert()}<span class="field-error-text">${a.email??""}</span></span>
+        </div>
+        <div class="cell-name">
+          <input
+            data-row-id=${t.id}
+            class="grid-input ${a.firstName?"has-error":""}"
+            type="text"
+            .value=${t.firstName}
+            placeholder=${r.administrators.firstNameLabel}
+            aria-label=${r.administrators.firstNameLabel}
+            aria-invalid=${a.firstName?"true":"false"}
+            @input=${i=>this.updateFirstName(t.id,i.target.value)}
+          />
+          <span class="field-error ${a.firstName?"":"field-error--empty"}" aria-hidden=${a.firstName?"false":"true"}>${h.octagonAlert()}<span class="field-error-text">${a.firstName??""}</span></span>
+        </div>
+        <div class="cell-name-last">
+          <input
+            class="grid-input ${a.lastName?"has-error":""}"
+            type="text"
+            .value=${t.lastName}
+            placeholder=${r.administrators.lastNameLabel}
+            aria-label=${r.administrators.lastNameLabel}
+            aria-invalid=${a.lastName?"true":"false"}
+            @input=${i=>this.updateLastName(t.id,i.target.value)}
+          />
+          <span class="field-error ${a.lastName?"":"field-error--empty"}" aria-hidden=${a.lastName?"false":"true"}>${h.octagonAlert()}<span class="field-error-text">${a.lastName??""}</span></span>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            class="btn-icon"
+            @click=${()=>this.removeRow(t.id)}
+            aria-label=${r.administrators.deleteRowLabel}
+          >
+            ${h.trash()}
+          </button>
+          <button
+            type="button"
+            class="btn-done"
+            @click=${()=>this.doneRow(t.id)}
+            aria-label=${r.administrators.doneButton}
+          >
+            ${r.administrators.doneButton}
+          </button>
+        </div>
+      </div>
+    `}renderAdminRow(t,e){switch(t.state){case"lookup":return this.renderLookupRow(t,e);case"found":return this.renderFoundRow(t,e);case"not-found":return this.renderNotFoundRow(t,e)}}render(){const t=this.translations,e=this.existingAdmins.length+1;return d`
+      <div class="step-content">
+        <h2>${t.administrators.title}</h2>
+        <p>${t.administrators.description}</p>
+
+        <div class="admin-table">
+          ${this.existingAdmins.map((r,a)=>this.renderExistingAdminRow(r,a+1))}
+          ${this.rows.map((r,a)=>this.renderAdminRow(r,e+a))}
+          <div class="table-footer">
+            <button
+              type="button"
+              class="btn-add-row"
+              @click=${this.addRow}
+              ?disabled=${!this.canAddMore}
+              aria-label=${t.administrators.addAdministratorButton}
+            >
+              ${h.plus()}
+              ${t.administrators.addAdministratorButton}
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${t.common.saveAndClose}
+        </button>
+        <button
+          type="button"
+          class="btn-primary"
+          @click=${this.handleConfirm}
+          ?disabled=${!this.canConfirm}
+        >
+          ${this.confirmButtonLabel}
+        </button>
+      </div>
+    `}};w.styles=[D,Z,J,E`
+      .step-content > p {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        letter-spacing: var(--ga-text-md-tracking);
+        color: var(--ga-color-text-body);
+        margin: 0 0 var(--ga-size-spacing-07);
+      }
+
+      /* ── Table panel ── */
+      .admin-table {
+        background: var(--ga-color-surface-page);
+        border-radius: var(--ga-radius);
+        overflow: hidden;
+      }
+
+      /* ── Shared row layout ── */
+      .admin-row {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--ga-size-spacing-04);
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-05);
+        min-height: var(--ga-size-56);
+      }
+
+      .admin-row + .admin-row {
+        border-top: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);
+      }
+
+      .admin-row--done {
+        align-items: center;
+      }
+
+      .row-num {
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        width: var(--ga-size-spacing-05);
+        text-align: right;
+        flex-shrink: 0;
+        align-self: flex-start;
+        padding-top: var(--ga-size-spacing-04);
+      }
+
+      .admin-row--done .row-num {
+        align-self: auto;
+        padding-top: 0;
+      }
+
+      /* Column widths */
+      .cell-email {
+        flex: 0 0 var(--ga-size-content-xs);
+        min-width: 0;
+      }
+
+      .cell-name,
+      .cell-name-last {
+        flex: 1 1 0;
+        min-width: 0;
+      }
+
+      .cell-lookup-btn {
+        flex: 1 1 0;
+      }
+
+      .cell-action {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: var(--ga-size-spacing-02);
+        min-width: var(--ga-size-spacing-10);
+      }
+
+      /* Name displayed as plain text (found state) */
+      .name-text {
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        display: block;
+        padding: 0 var(--ga-size-spacing-02);
+      }
+
+      /* Editable input field */
+      .grid-input {
+        background: var(--ga-color-white);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);
+        border-radius: var(--ga-radius);
+        height: var(--ga-size-40);
+        padding: 0 var(--ga-size-spacing-04);
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        width: 100%;
+        box-sizing: border-box;
+        outline: none;
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .grid-input:focus {
+        border-color: var(--ga-color-border-focus);
+        outline: var(--ga-size-border-width-md) solid var(--ga-color-border-focus);
+        outline-offset: var(--ga-size-border-width-md);
+      }
+
+      .grid-input.has-error {
+        border-color: var(--ga-color-border-error);
+        background: var(--ga-color-surface-error);
+      }
+
+      .grid-input.has-error:focus {
+        border-color: var(--ga-color-border-error);
+      }
+
+      /* ── "You" tag ── */
+      .you-tag {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-02);
+        background: var(--ga-color-utility-green-light);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-utility-green);
+        border-radius: var(--ga-radius);
+        padding: var(--ga-size-spacing-01) var(--ga-size-spacing-02);
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        white-space: nowrap;
+      }
+
+      .you-tag svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+        flex-shrink: 0;
+      }
+
+      /* ── Add-name ghost button ── */
+      .btn-add-name {
+        background: transparent;
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-primary);
+        border-radius: var(--ga-radius);
+        color: var(--ga-color-primary);
+        font-size: var(--ga-text-sm-size);
+        font-weight: 500;
+        height: var(--ga-size-40);
+        padding: 0 var(--ga-size-spacing-04);
+        cursor: pointer;
+        white-space: nowrap;
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .btn-add-name:hover:not(:disabled) {
+        background: var(--ga-color-surface-page);
+      }
+
+      .btn-add-name:focus-visible,
+      .btn-done:focus-visible,
+      .btn-edit:focus-visible,
+      .btn-icon:focus-visible,
+      .btn-add-row:focus-visible {
+        outline: var(--ga-size-border-width-md) solid var(--ga-color-border-focus);
+        outline-offset: var(--ga-size-border-width-md);
+      }
+
+      .btn-add-name:disabled {
+        border-color: var(--ga-color-border-disabled);
+        color: var(--ga-color-text-disabled);
+        cursor: not-allowed;
+      }
+
+      /* ── Done / Edit row action buttons ── */
+      .btn-done {
+        background: var(--ga-color-primary-70);
+        color: var(--ga-color-secondary-10);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-primary-70);
+        border-radius: var(--ga-radius);
+        font-size: var(--ga-text-sm-size);
+        font-weight: 500;
+        height: var(--ga-size-40);
+        padding: 0 var(--ga-size-spacing-04);
+        cursor: pointer;
+        white-space: nowrap;
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .btn-done:hover {
+        background: var(--ga-color-primary-90);
+        border-color: var(--ga-color-primary-90);
+      }
+
+      .btn-edit {
+        background: var(--ga-color-white);
+        color: var(--ga-color-text-body);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);
+        border-radius: var(--ga-radius);
+        font-size: var(--ga-text-sm-size);
+        font-weight: 500;
+        height: var(--ga-size-40);
+        padding: 0 var(--ga-size-spacing-04);
+        cursor: pointer;
+        white-space: nowrap;
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .btn-edit:hover {
+        background: var(--ga-color-secondary-10);
+      }
+
+      /* ── Trash icon button ── */
+      .btn-icon {
+        background: transparent;
+        border: none;
+        padding: var(--ga-size-spacing-02);
+        cursor: pointer;
+        color: var(--ga-color-primary);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: var(--ga-radius);
+      }
+
+      .btn-icon:hover {
+        background: var(--ga-color-surface-page);
+      }
+
+      .btn-icon svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+      }
+
+      /* ── Table footer row (Add Administrator button) ── */
+      .table-footer {
+        border-top: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-05);
+        display: flex;
+        align-items: center;
+      }
+
+      .btn-add-row {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-02);
+        background: transparent;
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-primary);
+        color: var(--ga-color-primary);
+        font-size: var(--ga-text-md-size);
+        font-weight: 500;
+        padding: var(--ga-size-spacing-03) var(--ga-size-spacing-05);
+        cursor: pointer;
+        border-radius: var(--ga-radius);
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .btn-add-row:hover:not(:disabled) {
+        background: var(--ga-color-surface-page);
+      }
+
+      .btn-add-row:disabled {
+        color: var(--ga-color-text-disabled);
+        border-color: var(--ga-color-neutral-30);
+        cursor: not-allowed;
+      }
+
+      .btn-add-row svg {
+        width: var(--ga-size-16);
+        height: var(--ga-size-16);
+      }
+
+
+    `];z([m({type:Object})],w.prototype,"translations",2);z([m({type:Object})],w.prototype,"httpService",2);z([m({type:String})],w.prototype,"customerId",2);z([m({type:String})],w.prototype,"locale",2);z([m({type:Object})],w.prototype,"currentUser",2);z([u()],w.prototype,"existingAdmins",2);z([u()],w.prototype,"isLoadingAdmins",2);z([u()],w.prototype,"rows",2);z([u()],w.prototype,"nextId",2);z([u()],w.prototype,"lookingUpIds",2);z([u()],w.prototype,"isConfirming",2);z([u()],w.prototype,"rowErrors",2);w=z([O("wizard-step2-administrators")],w);var lt=Object.defineProperty,dt=Object.getOwnPropertyDescriptor,A=(t,e,r,a)=>{for(var i=a>1?void 0:a?dt(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&lt(e,r,i),i};let k=class extends S{constructor(){super(...arguments),this.httpService=null,this.customerId="",this.partnerId="",this.partnerName="",this.consultants=[],this.isLoading=!1,this.isConfirming=!1,this.selectedIds=new Set,this.searchTerm="",this._loadSequence=0}updated(t){(t.has("httpService")||t.has("partnerId"))&&this.loadConsultants()}async loadConsultants(){if(!this.httpService||!this.partnerId){++this._loadSequence,this.consultants=[],this.selectedIds=new Set,this.searchTerm="",this.isLoading=!1;return}const t=++this._loadSequence;this.isLoading=!0,this.consultants=[],this.selectedIds=new Set,this.searchTerm="";try{const e=await this.httpService.getPartnerConsultants(this.partnerId);if(t!==this._loadSequence)return;this.consultants=e.content}catch{}finally{t===this._loadSequence&&(this.isLoading=!1)}}get filteredConsultants(){const t=this.searchTerm.trim().toLowerCase();return t?this.consultants.filter(e=>`${e.firstName} ${e.lastName}`.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):this.consultants}get confirmButtonLabel(){const t=this.translations,e=this.selectedIds.size;return e===0?t.common.confirm:(e===1?t.partnerAccess.confirmSingular:t.partnerAccess.confirmPlural).replace("{count}",String(e))}toggleConsultant(t){const e=new Set(this.selectedIds);e.has(t)?e.delete(t):e.add(t),this.selectedIds=e}async handleConfirm(){if(!(this.isConfirming||this.isLoading)&&!(!this.httpService||!this.customerId)){this.isConfirming=!0;try{const t=this.consultants.filter(e=>this.selectedIds.has(e.id));t.length>0&&await this.httpService.addCustomerConsultants(this.customerId,t),this.dispatchEvent(new CustomEvent("complete",{bubbles:!0,composed:!0}))}catch{}finally{this.isConfirming=!1}}}handleSaveAndClose(){this.dispatchEvent(new CustomEvent("save-and-close",{bubbles:!0,composed:!0}))}renderConsultantRow(t){const e=this.selectedIds.has(t.id),r=`${t.firstName} ${t.lastName}`;return d`
+      <label class="consultant-row ${e?"consultant-row--selected":""}" role="listitem">
+        <input
+          type="checkbox"
+          class="sr-only"
+          .checked=${e}
+          @change=${()=>this.toggleConsultant(t.id)}
+        />
+        <span class="checkbox-visual ${e?"checkbox-visual--checked":""}">
+          ${e?h.check():v}
+        </span>
+        <span class="consultant-name">${r}</span>
+        <span class="consultant-email">${t.email}</span>
+      </label>
+    `}render(){const t=this.translations;return d`
+      <div class="step-content">
+        <h2>${t.partnerAccess.title}</h2>
+        <p>${(()=>{const e=t.partnerAccess.description.split("{partnerName}");return e.length===1?t.partnerAccess.description:d`${e.map((r,a)=>a<e.length-1?d`${r}<strong>${this.partnerName}</strong>`:r)}`})()}</p>
+
+        <div class="search-row">
+          <div class="search-wrapper">
+            <span class="search-icon" aria-hidden="true">${h.search()}</span>
+            <input
+              type="search"
+              class="search-input"
+              placeholder=${t.partnerAccess.findConsultantPlaceholder}
+              aria-label=${t.partnerAccess.findConsultantPlaceholder}
+              .value=${this.searchTerm}
+              @input=${e=>{this.searchTerm=e.target.value}}
+            />
+          </div>
+        </div>
+
+        <div class="consultant-list" role="list" aria-label=${t.partnerAccess.title}>
+          ${this.isLoading?d`<div class="loading-row" role="listitem">${t.partnerAccess.loading}</div>`:this.filteredConsultants.map(e=>this.renderConsultantRow(e))}
+        </div>
+      </div>
+
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${t.common.saveAndClose}
+        </button>
+        <button
+          type="button"
+          class="btn-primary"
+          @click=${this.handleConfirm}
+          ?disabled=${this.isConfirming||this.isLoading||!this.httpService||!this.customerId}
+        >
+          ${this.confirmButtonLabel}
+        </button>
+      </div>
+    `}};k.styles=[D,Z,J,E`
+      .step-content > p {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        color: var(--ga-color-text-body);
+        margin: 0 0 var(--ga-size-spacing-07);
+      }
+
+      /* ── Search row ── */
+      .search-row {
+        display: flex;
+        justify-content: flex-end;
+        margin-bottom: var(--ga-size-spacing-03);
+      }
+
+      .search-wrapper {
+        position: relative;
+        width: var(--ga-size-content-xs);
+      }
+
+      .search-icon {
+        position: absolute;
+        left: var(--ga-size-spacing-03);
+        top: 50%;
+        transform: translateY(-50%);
+        color: var(--ga-color-icon-action);
+        display: flex;
+        align-items: center;
+        pointer-events: none;
+      }
+
+      .search-icon svg {
+        width: var(--ga-size-spacing-05);
+        height: var(--ga-size-spacing-05);
+      }
+
+      .search-input {
+        width: 100%;
+        box-sizing: border-box;
+        height: var(--ga-size-40);
+        padding: 0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);
+        border-radius: var(--ga-radius);
+        background: var(--ga-color-white);
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        outline: none;
+        font-family: var(--vsn-customer-onboarding-wizard-font-family);
+      }
+
+      .search-input::placeholder {
+        color: var(--ga-color-neutral-60);
+      }
+
+      .search-input:focus {
+        border-color: var(--ga-color-border-focus);
+      }
+
+      /* ── Consultant list panel ── */
+      .consultant-list {
+        background: var(--ga-color-surface-page);
+        border-radius: var(--ga-radius);
+        overflow: hidden;
+      }
+
+      /* ── Consultant row ── */
+      .consultant-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ga-size-spacing-03);
+        height: var(--ga-size-56);
+        padding: 0 var(--ga-size-spacing-05);
+        cursor: pointer;
+      }
+
+      .consultant-row + .consultant-row {
+        border-top: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);
+      }
+
+      .consultant-row--selected {
+        background: var(--ga-color-surface-selected);
+      }
+
+      .consultant-row:hover:not(.consultant-row--selected) {
+        background: var(--ga-color-neutral-10);
+      }
+
+      .consultant-row:focus-within .checkbox-visual {
+        outline: var(--ga-size-border-width-md) solid var(--ga-color-border-focus);
+        outline-offset: var(--ga-size-border-width-sm);
+      }
+
+      /* ── Checkbox ── */
+      .checkbox-visual {
+        flex-shrink: 0;
+        width: var(--ga-size-16);
+        height: var(--ga-size-16);
+        border: var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);
+        border-radius: var(--ga-radius);
+        background: var(--ga-color-white);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        pointer-events: none;
+      }
+
+      .checkbox-visual--checked {
+        background: var(--ga-color-primary-70);
+        border-color: var(--ga-color-primary-70);
+      }
+
+      .checkbox-visual svg {
+        width: var(--ga-size-12);
+        height: var(--ga-size-12);
+        color: var(--ga-color-white);
+        stroke-width: var(--ga-size-border-width-lg);
+      }
+
+      /* Visually hidden native checkbox (for accessibility) */
+      .sr-only {
+        position: absolute;
+        width: var(--ga-size-border-width-sm);
+        height: var(--ga-size-border-width-sm);
+        padding: 0;
+        margin: calc(var(--ga-size-border-width-sm) * -1);
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+      }
+
+      /* ── Consultant info columns ── */
+      .consultant-name,
+      .consultant-email {
+        flex: 1 1 0;
+        min-width: 0;
+        font-size: var(--ga-text-sm-size);
+        line-height: var(--ga-text-sm-line-height);
+        color: var(--ga-color-text-body);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .consultant-email {
+        text-align: left;
+      }
+
+      /* ── Loading state ── */
+      .loading-row {
+        padding: var(--ga-size-spacing-05);
+        text-align: center;
+        font-size: var(--ga-text-sm-size);
+        color: var(--ga-color-neutral-60);
+      }
+
+
+
+    `];A([m({type:Object})],k.prototype,"translations",2);A([m({type:Object})],k.prototype,"httpService",2);A([m({type:String})],k.prototype,"customerId",2);A([m({type:String})],k.prototype,"partnerId",2);A([m({type:String})],k.prototype,"partnerName",2);A([u()],k.prototype,"consultants",2);A([u()],k.prototype,"isLoading",2);A([u()],k.prototype,"isConfirming",2);A([u()],k.prototype,"selectedIds",2);A([u()],k.prototype,"searchTerm",2);k=A([O("wizard-step3-partner-access")],k);var ct=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,je=(t,e,r,a)=>{for(var i=a>1?void 0:a?gt(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&ct(e,r,i),i};let re=class extends S{handleClose(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleGoToAdmin(){this.dispatchEvent(new CustomEvent("close",{detail:{redirect:!0},bubbles:!0,composed:!0}))}render(){const t=this.translations;return d`
+      <div class="step-content">
+        <h2>${t.complete.title}</h2>
+        <p>${t.complete.message1}</p>
+        <p>${t.complete.message2}</p>
+        
+        <button type="button" class="btn-primary primary-action" @click=${this.handleGoToAdmin}>
+          ${t.complete.goToAdminButton}
+        </button>
+      </div>
+      
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleClose}>
+          ${t.common.close}
+        </button>
+      </div>
+    `}};re.styles=[D,Z,J,E`
+      .step-content h2 {
+        font-weight: var(--ga-font-weight-semibold);
+        margin: 0 0 var(--ga-size-spacing-06);
+      }
+
+      .step-content p {
+        font-size: var(--ga-text-md-size);
+        line-height: var(--ga-text-md-line-height);
+        color: var(--ga-color-text-body);
+        margin: 0 0 var(--ga-size-spacing-04);
+      }
+
+      .primary-action {
+        margin-top: var(--ga-size-spacing-06);
+      }
+    `];je([m({type:Object})],re.prototype,"translations",2);re=je([O("wizard-step-complete")],re);var pt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,$=(t,e,r,a)=>{for(var i=a>1?void 0:a?ut(e,r):e,s=t.length-1,o;s>=0;s--)(o=t[s])&&(i=(a?o(e,r,i):o(i))||i);return a&&i&&pt(e,r,i),i};let y=class extends S{constructor(){super(...arguments),this.locale="en-GB",this.baseUrl="",this.adminUrl="",this.taskId="",this.customerId="",this.step="welcome",this.userName="User",this.currentUserProfile=null,this.currentStep=0,this.completedSteps=new Set,this.errorState=null,this.customerInfo=null,this.visible=!0,this.i18n=new et,this.errorMessageListener=null}get steps(){const t=this.i18n.getTranslations();return[{id:1,label:t.steps.company},{id:2,label:t.steps.administrators},{id:3,label:t.steps.partnerAccess}]}connectedCallback(){super.connectedCallback(),this.currentStep=y.stepMap[this.step]??0,this.httpService=new tt(this.baseUrl,{},this),this.i18n.setLocale(this.locale),this.initializeWithAuth(),this.setupErrorMessageListener()}disconnectedCallback(){super.disconnectedCallback(),this.removeErrorMessageListener()}setupErrorMessageListener(){this.errorMessageListener=(t=>{const{errorKey:e}=t.detail;this.errorState={errorKey:e}}),this.addEventListener("error-message",this.errorMessageListener)}removeErrorMessageListener(){this.errorMessageListener&&(this.removeEventListener("error-message",this.errorMessageListener),this.errorMessageListener=null)}dismissError(){this.errorState=null}async initializeWithAuth(){try{const t=await this.requestAuthToken();if(!t){console.warn("[CustomerOnboardingWizard] No authentication token provided by host application");return}this.httpService.setAuthToken(t),await this.loadUserProfile(),this.loadDataForStep(this.currentStep)}catch(t){console.error("Failed to initialize component:",t)}}requestAuthToken(){return new Promise(t=>{let e=!1;const r=setTimeout(()=>{e||(e=!0,t(null))},5e3),a=new CustomEvent("request-token",{detail:{callback:i=>{e||(e=!0,clearTimeout(r),t(i))}},bubbles:!0,composed:!0});this.dispatchEvent(a)})}async loadUserProfile(){try{const t=await this.httpService.getUserProfile();this.currentUserProfile=t,this.userName=`${t.firstName} ${t.lastName}`}catch(t){console.error("Failed to load user profile:",t)}}async loadCustomerInfo(){if(!this.customerId){console.warn("[CustomerOnboardingWizard] No customerId provided, skipping customer info load");return}try{this.customerInfo=await this.httpService.getCustomerInfo(this.customerId)}catch(t){console.error("Failed to load customer info:",t)}}updateToken(t){this.httpService.setAuthToken(t)}willUpdate(t){t.has("locale")&&(this.i18n.setLocale(this.locale)||(this.locale=this.i18n.getLocale()))}loadDataForStep(t){t>=1&&!this.customerInfo&&this.customerId&&this.loadCustomerInfo()}handleStartSetup(){this.currentStep=1,this.loadDataForStep(1)}handleNext(){if(this.currentStep===1&&!this.customerInfo){console.warn("[CustomerOnboardingWizard] Cannot proceed: customer info not loaded");return}this.currentStep<3&&(this.completedSteps.add(this.currentStep),this.currentStep++,this.requestUpdate())}handleComplete(){this.completedSteps.add(this.currentStep),this.currentStep=4}handleSaveAndClose(){const e={0:"welcome",1:"company",2:"administrators",3:"partner-access"}[this.currentStep];this.visible=!1,this.dispatchEvent(new CustomEvent("wizard-closed",{detail:{completed:!1,currentStep:this.currentStep},bubbles:!0,composed:!0})),e&&this.taskId&&this.httpService.saveProgress(this.taskId,e).catch(()=>{})}handleEditCustomer(t){this.customerId&&this.httpService.editCustomer(this.customerId,t.detail).catch(()=>{})}navigate(t){window.location.href=t}handleClose(t){var i;const r=((i=t.detail)==null?void 0:i.redirect)===!0?this.adminUrl:"";this.dispatchEvent(new CustomEvent("wizard-closed",{detail:{completed:!0},bubbles:!0,composed:!0}));const a=s=>{try{const{protocol:o}=new URL(s);(o==="https:"||o==="http:")&&this.navigate(s)}catch{}};this.taskId?this.httpService.deleteTask(this.taskId).then(()=>{this.visible=!1,r&&a(r)}).catch(()=>{this.visible=!1}):(this.visible=!1,r&&a(r))}getStepClass(t){return this.completedSteps.has(t)?"completed":this.currentStep===t?"active":""}getLineSegmentClass(t){const e=t+1;return this.completedSteps.has(e)?"completed":this.currentStep===e?"active":""}renderStepIndicators(t){return this.currentStep===0||this.currentStep===4?d`
+        <div class="step-indicators">
+          <div class="line-row">
+            ${this.steps.map(()=>d`
+              <div class="line-segment ${this.currentStep===4?"completed":""}"></div>
+            `)}
+          </div>
+          <div class="steps-row" role="list" aria-label=${t.steps.progressLabel}>
+            ${this.steps.map(e=>d`
+              <div class="step-wrapper" role="listitem">
+                <div class="step-indicator ${this.currentStep===4?"completed":""}">
+                  <div class="step-icon">
+                    ${this.currentStep===4?h.circleCheckBig():h.circleDashed()}
+                  </div>
+                  <span class="step-label">${e.label}</span>
+                </div>
+              </div>
+            `)}
+          </div>
+        </div>
+      `:d`
+      <div class="step-indicators">
+        <div class="line-row">
+          ${this.steps.map((e,r)=>d`
+            <div class="line-segment ${this.getLineSegmentClass(r)}"></div>
+          `)}
+        </div>
+        <div class="steps-row" role="list" aria-label=${t.steps.progressLabel}>
+          ${this.steps.map(e=>d`
+            <div class="step-wrapper" role="listitem">
+              <div class="step-indicator ${this.getStepClass(e.id)}" aria-current=${this.currentStep===e.id?"step":v}>
+                <div class="step-icon">
+                  ${this.completedSteps.has(e.id)?h.circleCheckBig():this.currentStep===e.id?h.circleDotDashed():h.circleDashed()}
+                </div>
+                <span class="step-label">${e.label}</span>
+              </div>
+            </div>
+          `)}
+        </div>
+      </div>
+    `}render(){var e,r,a,i;const t=this.i18n.getTranslations();return d`
+      ${this.visible?d`
+      <div class="overlay">
+        <div class="wizard-container" role="dialog" aria-modal="true" aria-labelledby="wizard-title">
+          <h1 class="wizard-title" id="wizard-title">${t.wizard.title}</h1>
+          ${this.renderErrorBanner(t)}
+          ${this.renderStepIndicators(t)}
+          
+          ${this.currentStep===0?d`
+            <wizard-step-welcome
+              .userName=${this.userName}
+              .translations=${t}
+              @start-setup=${this.handleStartSetup}
+              @save-and-close=${this.handleSaveAndClose}
+            ></wizard-step-welcome>
+          `:""}
+          
+          ${this.currentStep===1?d`
+            <wizard-step1-company
+              .translations=${t}
+              .locale=${this.locale}
+              .customerInfo=${this.customerInfo}
+              @next=${this.handleNext}
+              @save-and-close=${this.handleSaveAndClose}
+              @edit-customer=${this.handleEditCustomer}
+            ></wizard-step1-company>
+          `:""}
+          
+          ${this.currentStep===2?d`
+            <wizard-step2-administrators
+              .translations=${t}
+              .httpService=${this.httpService}
+              .customerId=${this.customerId}
+              .locale=${this.locale}
+              .currentUser=${this.currentUserProfile}
+              @next=${this.handleNext}
+              @save-and-close=${this.handleSaveAndClose}
+            ></wizard-step2-administrators>
+          `:""}
+          
+          ${this.currentStep===3?d`
+            <wizard-step3-partner-access
+              .translations=${t}
+              .httpService=${this.httpService}
+              .customerId=${this.customerId}
+              .partnerId=${((r=(e=this.customerInfo)==null?void 0:e.partner)==null?void 0:r.partnerId)??""}
+              .partnerName=${((i=(a=this.customerInfo)==null?void 0:a.partner)==null?void 0:i.name)??""}
+              @complete=${this.handleComplete}
+              @save-and-close=${this.handleSaveAndClose}
+            ></wizard-step3-partner-access>
+          `:""}
+          
+          ${this.currentStep===4?d`
+            <wizard-step-complete
+              .translations=${t}
+              @close=${this.handleClose}
+            ></wizard-step-complete>
+          `:""}
+        </div>
+      </div>
+      `:""}
+    `}renderErrorBanner(t){if(!this.errorState)return d``;const e=t.errors[this.errorState.errorKey];return d`
+      <div class="error-banner" role="alert">
+        <div class="error-content">
+          <div class="error-icon">
+            ${h.octagonAlert()}
+          </div>
+          <div class="error-text-container">
+            <div class="error-title">${e.title}</div>
+            <div class="error-message">${e.message}</div>
+          </div>
+        </div>
+        <button type="button" class="error-dismiss" @click=${this.dismissError} aria-label=${t.common.dismissError}>
+          ${h.x()}
+        </button>
+      </div>
+    `}};y.stepMap={welcome:0,company:1,administrators:2,"partner-access":3,complete:4};y.styles=[D,E`
+    :host {
+      display: block;
+      font-family: var(--vsn-customer-onboarding-wizard-font-family);
+    }
+
+    .overlay {
+      position: fixed;
+      inset: 0;
+      background: var(--ga-color-surface-page);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+    }
+
+    .wizard-container {
+      background: var(--ga-color-white);
+      width: 780px;
+      min-height: 520px;
+      padding: var(--ga-size-spacing-08) var(--ga-size-spacing-10);
+      border-radius: var(--ga-radius);
+      border: 1px solid var(--ga-color-cyan-80);
+    }
+
+    h1.wizard-title {
+      font-size: var(--ga-text-2xl-size);
+      line-height: var(--ga-text-2xl-line-height);
+      font-weight: 600;
+      margin: 0 0 var(--ga-size-spacing-07);
+      color: var(--ga-color-text-headings);
+      text-align: left;
+      letter-spacing: -0.27px
+    }
+
+    /* Error Banner */
+    .error-banner {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--ga-size-spacing-04);
+      padding: var(--ga-size-spacing-05);
+      margin-bottom: var(--ga-size-spacing-06);
+      background-color: #FEF2F2;
+      border: 1px solid #FCA5A5;
+      border-radius: var(--ga-radius);
+      animation: slideDown 0.3s ease-out;
+    }
+
+    @keyframes slideDown {
+      from {
+        opacity: 0;
+        transform: translateY(-10px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    .error-content {
+      display: flex;
+      align-items: flex-start;
+      gap: var(--ga-size-spacing-04);
+      flex: 1;
+    }
+
+    .error-icon {
+      width: 24px;
+      height: 24px;
+      color: var(--ga-color-error);
+      flex-shrink: 0;
+    }
+
+    .error-icon svg {
+      width: 24px;
+      height: 24px;
+    }
+
+    .error-text-container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ga-size-spacing-01);
+      flex: 1;
+    }
+
+    .error-title {
+      font-size: var(--ga-text-sm-size);
+      line-height: var(--ga-text-sm-line-height);
+      color: var(--ga-color-cyan-90);
+      font-weight: 600;
+      margin: 0;
+    }
+
+    .error-message {
+      font-size: var(--ga-text-sm-size);
+      line-height: var(--ga-text-sm-line-height);
+      color: var(--ga-color-cyan-90);
+      font-weight: 400;
+      margin: 0;
+    }
+
+    .error-dismiss {
+      background: none;
+      border: none;
+      padding: 0;
+      cursor: pointer;
+      color: var(--ga-color-red-60);
+      width: 24px;
+      height: 24px;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.7;
+      transition: opacity 0.2s;
+    }
+
+    .error-dismiss:hover {
+      opacity: 1;
+    }
+
+    .error-dismiss svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    /* Step Indicators */
+    .step-indicators {
+      display: flex;
+      flex-direction: column;
+      margin-bottom: var(--ga-size-spacing-10);
+    }
+
+    .line-row {
+      display: flex;
+      gap: 0;
+      margin-bottom: var(--ga-size-spacing-04);
+    }
+
+    .line-segment {
+      flex: 1;
+      border-bottom: 2px solid var(--ga-color-neutral-30);
+      margin: 0;
+      padding: 0;
+    }
+
+    .line-segment.completed {
+      border-bottom-color: var(--ga-color-success);
+    }
+
+    .line-segment.active {
+      border-bottom-color: var(--ga-color-primary);
+      border-bottom-width: 4px;
+      margin-bottom: -2px;
+    }
+
+    .steps-row {
+      display: flex;
+      gap: 0;
+    }
+
+    .step-wrapper {
+      flex: 1;
+      display: flex;
+      align-items: center;
+    }
+
+    .step-indicator {
+      display: flex;
+      align-items: center;
+      gap: var(--ga-size-spacing-03);
+    }
+
+    .step-icon {
+      width: 24px;
+      height: 24px;
+      border-radius: var(--ga-radius-round);
+      background: transparent;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      color: var(--ga-color-primary);
+    }
+
+    .step-indicator.active .step-icon {
+      color: var(--ga-color-primary);
+    }
+
+    .step-indicator.completed .step-icon {
+      color: var(--ga-color-success);
+    }
+
+    .step-label {
+      font-size: var(--ga-text-md-size);
+      font-weight: 500;
+      color: var(--ga-color-primary);
+      white-space: nowrap;
+      letter-spacing: -0.1px
+    }
+
+    .step-indicator.active .step-label {
+      color: var(--ga-color-text-headings);
+      font-weight: 500;
+    }
+  `];$([m({type:String})],y.prototype,"locale",2);$([m({type:String})],y.prototype,"baseUrl",2);$([m({type:String})],y.prototype,"adminUrl",2);$([m({type:String})],y.prototype,"taskId",2);$([m({type:String})],y.prototype,"customerId",2);$([m({type:String})],y.prototype,"step",2);$([u()],y.prototype,"userName",2);$([u()],y.prototype,"currentUserProfile",2);$([u()],y.prototype,"currentStep",2);$([u()],y.prototype,"completedSteps",2);$([u()],y.prototype,"errorState",2);$([u()],y.prototype,"customerInfo",2);$([u()],y.prototype,"visible",2);y=$([O("vsn-customer-onboarding-wizard")],y);