@visma-swno/customer-onboarding-wizard 1.0.0 → 1.0.2

package/dist/index.js

@@ -0,0 +1,2684 @@
+import { css as $, svg as v, LitElement as L, html as n, nothing as q } from "lit";
+import { property as g, customElement as S, state as l } from "lit/decorators.js";
+$`: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;}`;
+const 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);--vsn-customer-onboarding-wizard-font-family:var(--font-family,Inter,ui-sans-serif,system-ui,sans-serif);--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);--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);}}`, d = {
+  circle: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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: () => v`
+    <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>
+  `
+}, I = {
+  "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",
+      organizationNumberLabel: "Organization number",
+      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",
+      organizationNumberLabel: "Organization number",
+      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",
+      organizationNumberLabel: "Organisationsnummer",
+      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",
+      organizationNumberLabel: "Y-tunnus",
+      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",
+      organizationNumberLabel: "Organisasjonsnummer",
+      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",
+      organizationNumberLabel: "Organisatienummer",
+      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",
+      organizationNumberLabel: "Organisationsnummer",
+      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 U {
+  constructor() {
+    this.currentLocale = "en-GB";
+  }
+  /**
+   * Set the current locale
+   * Returns true when the locale is supported, otherwise falls back to en-GB and returns false.
+   */
+  setLocale(t) {
+    return I[t] ? (this.currentLocale = t, !0) : (console.warn(`Locale "${t}" not supported. Falling back to en-GB.`), this.currentLocale = "en-GB", !1);
+  }
+  /**
+   * Get the current locale
+   */
+  getLocale() {
+    return this.currentLocale;
+  }
+  /**
+   * Get translations for the current locale
+   */
+  getTranslations() {
+    return I[this.currentLocale];
+  }
+  /**
+   * Get a translation by key path
+   */
+  t(t) {
+    const a = t.split(".");
+    let r = I[this.currentLocale];
+    for (const i of a)
+      r = r == null ? void 0 : r[i];
+    return typeof r == "string" ? r : t;
+  }
+}
+class B extends Error {
+  constructor(t, a) {
+    super(`HTTP ${t}: ${a}`), this.status = t, this.name = "HttpError";
+  }
+}
+class O {
+  constructor(t, a = {}, r) {
+    if (this.authToken = null, !t)
+      throw new Error("[HttpService] baseUrl is required");
+    this.baseUrl = t, this.defaultHeaders = {
+      "Content-Type": "application/json",
+      ...a
+    }, this.eventTarget = r ?? globalThis.document;
+  }
+  /**
+   * Set the authentication token for all subsequent requests
+   * @param token - OAuth2 access token (from sessionStorage)
+   */
+  setAuthToken(t) {
+    this.authToken = t;
+  }
+  /**
+   * Get current authentication token
+   */
+  getAuthToken() {
+    return this.authToken;
+  }
+  /**
+   * Emit HTTP error event for authentication/authorization errors
+   * Only emits for 401 (Unauthorized) and 403 (Forbidden)
+   * @param status - HTTP status code (401 or 403)
+   * @param statusText - HTTP status text
+   * @param endpoint - API endpoint that failed
+   * @param method - HTTP method
+   * @param retryFn - Function to retry the request
+   */
+  emitHttpError(t, a, r, i, o) {
+    var C;
+    if (t !== 401 && t !== 403)
+      return;
+    const s = {
+      status: t,
+      statusText: a,
+      message: `HTTP ${t}: ${a}`,
+      endpoint: r,
+      method: i,
+      retry: o
+    }, z = new CustomEvent("http-error", {
+      detail: s,
+      bubbles: !0,
+      composed: !0
+    });
+    (C = this.eventTarget) == null || C.dispatchEvent(z);
+  }
+  /**
+   * Emit error message event for internal error handling
+   * Emitted for validation errors (400, 422), not-found errors (404), server errors (5xx), and network errors
+   * Component will display these errors in its UI
+   * @param status - HTTP status code or 0 for network errors
+   * @param errorKey - Translation key for the emitted error
+   * @param endpoint - API endpoint that failed
+   * @param method - HTTP method
+   */
+  emitErrorMessage(t, a, r, i) {
+    var z;
+    const o = {
+      status: t,
+      errorKey: a,
+      endpoint: r,
+      method: i
+    }, s = new CustomEvent("error-message", {
+      detail: o,
+      bubbles: !0,
+      composed: !0
+    });
+    (z = this.eventTarget) == null || z.dispatchEvent(s);
+  }
+  async request(t, a = {}) {
+    const { method: r = "GET", headers: i = {}, body: o, timeout: s = 3e4 } = a, z = new AbortController(), C = setTimeout(() => z.abort(), s), x = {
+      ...this.defaultHeaders,
+      ...i
+    };
+    this.authToken && (x.Authorization = `Bearer ${this.authToken}`);
+    try {
+      const c = await fetch(`${this.baseUrl}${t}`, {
+        method: r,
+        headers: x,
+        body: o ? JSON.stringify(o) : void 0,
+        signal: z.signal
+      });
+      if (clearTimeout(C), !c.ok) {
+        if (c.status === 401 || c.status === 403)
+          this.emitHttpError(
+            c.status,
+            c.statusText,
+            t,
+            r,
+            () => this.request(t, a)
+            // Retry function
+          );
+        else if (!(a.suppressErrorStatuses ?? []).includes(c.status)) {
+          const D = this.getErrorKey(c.status);
+          this.emitErrorMessage(c.status, D, t, r);
+        }
+        throw new B(c.status, c.statusText);
+      }
+      return c.status === 204 ? void 0 : await c.json();
+    } catch (c) {
+      if (clearTimeout(C), c instanceof B)
+        throw c;
+      if (c instanceof Error) {
+        const w = c.message.includes("aborted") ? "requestTimeout" : "networkError";
+        throw this.emitErrorMessage(0, w, t, r), new Error(`Request failed: ${c.message}`);
+      }
+      throw c;
+    }
+  }
+  /**
+   * Get error key based on status code for i18n translation
+   */
+  getErrorKey(t) {
+    return t >= 500 ? "serverError" : t === 400 ? "invalidRequest" : t === 422 ? "validationError" : t === 404 ? "notFound" : "requestFailed";
+  }
+  get(t, a) {
+    return this.request(t, { method: "GET", headers: a });
+  }
+  post(t, a, r) {
+    return this.request(t, { method: "POST", body: a, headers: r });
+  }
+  put(t, a, r) {
+    return this.request(t, { method: "PUT", body: a, headers: r });
+  }
+  delete(t, a) {
+    return this.request(t, { method: "DELETE", headers: a });
+  }
+  getUserProfile() {
+    return this.get("/api/v1/me/profile");
+  }
+  /**
+   * Get customer info for a customer
+   * @param customerId - The customer ID
+   * @returns Promise with customer, subscriptions, and partner information
+   */
+  getCustomerInfo(t) {
+    return this.get(`/api/v1/onboarding/customers/${t}`);
+  }
+  /**
+   * Get administrators for a customer
+   * @param customerId - The customer ID
+   * @returns Promise with paginated list of administrators
+   */
+  getAdministrators(t) {
+    return this.get(`/api/v1/onboarding/customers/${t}/administrators`);
+  }
+  /**
+   * Edit customer details (name, address, contact info)
+   * PUT /api/v1/customers/{customerId}
+   * @param customerId - The customer ID
+   * @param data - Fields to update
+   * @returns Promise with the parsed response body from the API
+   */
+  editCustomer(t, a) {
+    return this.put(`/api/v1/customers/${t}`, a);
+  }
+  /**
+   * Save onboarding progress for a task
+   * @param taskId - The onboarding task ID
+   * @param step - The current step name
+   */
+  saveProgress(t, a) {
+    return this.patch(`/api/v1/onboarding/tasks/${t}`, { step: a });
+  }
+  /**
+   * Delete an onboarding task after completion
+   * @param taskId - The onboarding task ID
+   */
+  deleteTask(t) {
+    return this.delete(`/api/v1/onboarding/tasks/${t}`);
+  }
+  /**
+   * Look up a user by email address.
+   * Returns null when the user does not exist (404), without triggering the
+   * error banner — a missing user is a valid business outcome here.
+   * @param email - The email address to look up
+   */
+  async getUserByEmail(t) {
+    try {
+      return await this.request(
+        `/api/v1/users/email/${encodeURIComponent(t)}`,
+        { suppressErrorStatuses: [404] }
+      );
+    } catch (a) {
+      if (a instanceof B && a.status === 404)
+        return null;
+      throw a;
+    }
+  }
+  /**
+   * Add administrators to a customer account
+   * POST /api/v1/onboarding/customers/{customerId}/administrators
+   * @param customerId - The customer ID
+   * @param admins - Array of administrator data (email, firstName, lastName, languageCode)
+   */
+  addCustomerAdministrators(t, a) {
+    return this.post(`/api/v1/onboarding/customers/${t}/administrators`, a);
+  }
+  /**
+   * Get consultants for a partner
+   * @param partnerId - The partner ID
+   * @returns Promise with paginated list of consultants
+   */
+  getPartnerConsultants(t) {
+    return this.get(`/api/v1/onboarding/partners/${t}/consultants`);
+  }
+  /**
+   * Add consultants to a customer
+   * @param customerId - The customer ID
+   * @param consultants - Array of consultant data
+   */
+  addCustomerConsultants(t, a) {
+    return this.post(`/api/v1/onboarding/customers/${t}/consultants`, a);
+  }
+  patch(t, a, r) {
+    return this.request(t, { method: "PATCH", body: a, headers: r });
+  }
+}
+const j = $`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);}`, P = $`: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 M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, F = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && M(t, a, i), i;
+};
+let N = class extends L {
+  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 e = this.translations;
+    return n`
+      <div class="wizard-content">
+        <div class="welcome-wrapper">
+          <h2 class="welcome-message">
+            ${e.welcome.greeting}<br />
+            <span class="user-name">${this.userName}!</span>
+          </h2>
+          <p>
+            ${e.welcome.description}
+          </p>
+        </div>
+      </div>
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${e.common.saveAndClose}
+        </button>
+        <button type="button" class="btn-primary" @click=${this.handleStartSetup}>
+          ${e.common.startSetup}
+        </button>
+      </div>
+    `;
+  }
+};
+N.styles = [
+  E,
+  j,
+  P,
+  $`.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);}`
+];
+F([
+  g({ type: String })
+], N.prototype, "userName", 2);
+F([
+  g({ type: Object })
+], N.prototype, "translations", 2);
+N = F([
+  S("wizard-step-welcome")
+], N);
+var _ = Object.defineProperty, G = Object.getOwnPropertyDescriptor, u = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && _(t, a, i), i;
+};
+const A = ["NO", "SE", "DK", "FI", "NL"];
+let p = class extends L {
+  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(e) {
+    try {
+      return new Intl.DisplayNames([this.locale], { type: "region" }).of(e) ?? e;
+    } catch {
+      return e;
+    }
+  }
+  handleNext() {
+    this.dispatchEvent(new CustomEvent("next", {
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  handleSaveAndClose() {
+    this.dispatchEvent(new CustomEvent("save-and-close", {
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  handleEditContact() {
+    const e = this.localCustomer ?? this.customerInfo.customer;
+    this.editName = e.name, this.editAddress1 = e.address1, this.editAddress2 = e.address2, this.editPostalCode = e.postalCode, this.editCity = e.city, this.editCountryCode = e.countryCode ?? "", this.editWebUrl = e.webUrl, this.editContactEmail = e.contactEmail, this.editingContact = !0;
+  }
+  handleSaveChanges() {
+    if (!this.validateForm()) return;
+    const e = this.localCustomer ?? this.customerInfo.customer;
+    this.localCustomer = {
+      ...e,
+      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 t = {
+      name: this.editName,
+      organizationNumber: e.organizationNumber,
+      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: t,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  handleCancelEdit() {
+    this.editingContact = !1, this.countryDropdownOpen = !1, this.fieldErrors = {};
+  }
+  validateField(e, t) {
+    const a = this.translations, r = { ...this.fieldErrors };
+    e === "contactEmail" ? t.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t) ? delete r.contactEmail : r.contactEmail = a.company.emailInvalid : r.contactEmail = a.company.fieldRequired : t.trim() ? delete r[e] : r[e] = a.company.fieldRequired, this.fieldErrors = r;
+  }
+  clearFieldError(e) {
+    if (this.fieldErrors[e]) {
+      const { [e]: t, ...a } = this.fieldErrors;
+      this.fieldErrors = a;
+    }
+  }
+  validateForm() {
+    const e = this.translations, t = {};
+    return this.editName.trim() || (t.name = e.company.fieldRequired), this.editAddress1.trim() || (t.address1 = e.company.fieldRequired), this.editPostalCode.trim() || (t.postalCode = e.company.fieldRequired), this.editCity.trim() || (t.city = e.company.fieldRequired), this.editWebUrl.trim() || (t.webUrl = e.company.fieldRequired), this.editContactEmail.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.editContactEmail) || (t.contactEmail = e.company.emailInvalid) : t.contactEmail = e.company.fieldRequired, this.fieldErrors = t, Object.keys(t).length === 0;
+  }
+  toggleCountryDropdown() {
+    this.countryDropdownOpen = !this.countryDropdownOpen;
+  }
+  selectCountry(e) {
+    this.editCountryCode = e, this.countryDropdownOpen = !1, this.updateComplete.then(() => {
+      var t, a;
+      (a = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".select-trigger")) == null || a.focus();
+    });
+  }
+  handleCountryFocusOut(e) {
+    e.currentTarget.contains(e.relatedTarget) || (this.countryDropdownOpen = !1);
+  }
+  handleCountryKeydown(e) {
+    const t = A.indexOf(this.editCountryCode);
+    if (e.key === "ArrowDown") {
+      e.preventDefault(), this.countryDropdownOpen = !0;
+      const a = Math.min(t + 1, A.length - 1);
+      this.editCountryCode = A[a];
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault(), this.countryDropdownOpen = !0;
+      const a = Math.max(t - 1, 0);
+      this.editCountryCode = A[a];
+    } else e.key === "Escape" && (this.countryDropdownOpen = !1);
+  }
+  updated(e) {
+    var t;
+    if (e.has("editingContact"))
+      if (this.editingContact)
+        this.updateComplete.then(() => {
+          var r;
+          const a = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".company-name-input");
+          a == null || a.focus();
+        });
+      else {
+        const a = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".edit-contact-btn");
+        a == null || a.focus();
+      }
+  }
+  handleStepKeydown(e) {
+    e.key === "Escape" && this.editingContact && (e.preventDefault(), this.handleCancelEdit());
+  }
+  render() {
+    const e = this.translations;
+    if (!this.customerInfo)
+      return n`
+        <div class="step-content">
+          <h2>${e.company.title}</h2>
+          <p>${e.company.description}</p>
+          <hr class="section-divider" />
+          <div class="loading-placeholder">
+            <p>${e.common.loading}</p>
+          </div>
+        </div>
+        <div class="wizard-actions">
+          <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+            ${e.common.saveAndClose}
+          </button>
+          <button type="button" class="btn-primary" disabled>
+            ${e.common.confirm}
+          </button>
+        </div>
+      `;
+    const { customer: t, subscriptions: a } = this.customerInfo, r = this.localCustomer ?? t, i = r.name.split(" ").map((o) => o[0]).join("").toUpperCase().substring(0, 2);
+    return n`
+      <div class="step-content" @keydown=${this.handleStepKeydown}>
+        <h2>${e.company.title}</h2>
+        <p>${e.company.description}</p>
+
+        <hr class="section-divider" />
+
+        <div class="company-header">
+          <div class="company-avatar" aria-hidden="true">${i}</div>
+          ${this.editingContact ? n`<div class="company-name-wrapper">
+                <input
+                  class="form-input company-name-input ${this.fieldErrors.name ? "has-error" : ""}"
+                  type="text"
+                  aria-label=${e.company.companyNameLabel}
+                  aria-invalid=${this.fieldErrors.name ? "true" : "false"}
+                  .value=${this.editName}
+                  @input=${(o) => {
+      this.editName = o.target.value, this.clearFieldError("name");
+    }}
+                  @blur=${(o) => {
+      this.validateField("name", o.target.value);
+    }}
+                />
+                ${this.fieldErrors.name ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.name}</span></span>` : ""}
+                <span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
+              </div>` : n`<div class="company-name-wrapper">
+                <h3 class="company-name">${r.name}</h3>
+                <span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
+              </div>`}
+        </div>
+
+        <div class="company-columns">
+          <!-- Left column: Contact info or edit form -->
+          <div class="contact-column">
+            ${this.editingContact ? n`
+              <div class="edit-form" role="group" aria-label=${e.company.editFormLabel}>
+                <div class="form-field">
+                  <input
+                    class="form-input ${this.fieldErrors.address1 ? "has-error" : ""}"
+                    type="text"
+                    aria-label=${e.company.address1Label}
+                    aria-invalid=${this.fieldErrors.address1 ? "true" : "false"}
+                    .value=${this.editAddress1}
+                    @input=${(o) => {
+      this.editAddress1 = o.target.value, this.clearFieldError("address1");
+    }}
+                    @blur=${(o) => {
+      this.validateField("address1", o.target.value);
+    }}
+                  />
+                  ${this.fieldErrors.address1 ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.address1}</span></span>` : ""}
+                </div>
+                <input
+                  class="form-input"
+                  type="text"
+                  aria-label=${e.company.address2Placeholder}
+                  .value=${this.editAddress2}
+                  placeholder=${e.company.address2Placeholder}
+                  @input=${(o) => {
+      this.editAddress2 = o.target.value;
+    }}
+                />
+                <div class="form-field">
+                  <div class="postal-city-row" role="group" aria-label=${e.company.addressGroupLabel}>
+                  <input
+                    class="form-input input-postal ${this.fieldErrors.postalCode ? "has-error" : ""}"
+                    type="text"
+                    inputmode="numeric"
+                    pattern="[0-9]*"
+                    aria-label=${e.company.postalCodeLabel}
+                    aria-invalid=${this.fieldErrors.postalCode ? "true" : "false"}
+                    .value=${this.editPostalCode}
+                    @input=${(o) => {
+      this.editPostalCode = o.target.value, this.clearFieldError("postalCode");
+    }}
+                    @blur=${(o) => {
+      this.validateField("postalCode", o.target.value);
+    }}
+                  />
+                  <input
+                    class="form-input input-city ${this.fieldErrors.city ? "has-error" : ""}"
+                    type="text"
+                    aria-label=${e.company.cityLabel}
+                    aria-invalid=${this.fieldErrors.city ? "true" : "false"}
+                    .value=${this.editCity}
+                    @input=${(o) => {
+      this.editCity = o.target.value, this.clearFieldError("city");
+    }}
+                    @blur=${(o) => {
+      this.validateField("city", o.target.value);
+    }}
+                  />
+                  </div>
+                  ${this.fieldErrors.postalCode ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.postalCode}</span></span>` : ""}
+                  ${this.fieldErrors.city ? n`<span class="field-error">${d.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=${e.company.countryLabel}
+                    @click=${this.toggleCountryDropdown}
+                    @keydown=${this.handleCountryKeydown}
+                  >
+                    <span>${this.editCountryCode ? this.getCountryLabel(this.editCountryCode) : ""}</span>
+                    ${d.chevronDown()}
+                  </button>
+                  ${this.countryDropdownOpen ? n`
+                    <ul class="dropdown-menu" role="listbox" aria-label=${e.company.countryLabel}>
+                      ${A.map((o) => n`
+                        <li
+                          class="dropdown-option"
+                          role="option"
+                          aria-selected=${String(o === this.editCountryCode)}
+                          tabindex="0"
+                          @click=${() => this.selectCountry(o)}
+                          @keydown=${(s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.selectCountry(o));
+    }}
+                        >
+                          <span class="dropdown-option-icon">${o === this.editCountryCode ? d.check() : ""}</span>
+                          ${this.getCountryLabel(o)}
+                        </li>
+                      `)}
+                    </ul>
+                  ` : ""}
+                </div>
+                <div class="form-field">
+                  <input
+                    class="form-input ${this.fieldErrors.webUrl ? "has-error" : ""}"
+                    type="text"
+                    aria-label=${e.company.webUrlLabel}
+                    aria-invalid=${this.fieldErrors.webUrl ? "true" : "false"}
+                    .value=${this.editWebUrl}
+                    @input=${(o) => {
+      this.editWebUrl = o.target.value, this.clearFieldError("webUrl");
+    }}
+                    @blur=${(o) => {
+      this.validateField("webUrl", o.target.value);
+    }}
+                  />
+                  ${this.fieldErrors.webUrl ? n`<span class="field-error">${d.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=${e.company.emailLabel}
+                    aria-invalid=${this.fieldErrors.contactEmail ? "true" : "false"}
+                    .value=${this.editContactEmail}
+                    @input=${(o) => {
+      this.editContactEmail = o.target.value, this.clearFieldError("contactEmail");
+    }}
+                    @blur=${(o) => {
+      this.validateField("contactEmail", o.target.value);
+    }}
+                  />
+                  ${this.fieldErrors.contactEmail ? n`<span class="field-error">${d.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}>
+                    ${e.company.saveChanges}
+                  </button>
+                  <button type="button" class="btn-secondary" @click=${this.handleCancelEdit}>
+                    ${e.company.cancelEdit}
+                  </button>
+                </div>
+              </div>
+            ` : n`
+              <div class="contact-info">
+                <div class="contact-group">
+                  <p>${r.address1}</p>
+                  ${r.address2 ? n`<p>${r.address2}</p>` : ""}
+                  <p>${r.postalCode} ${r.city}</p>
+                  <p>${this.getCountryLabel(r.countryCode)}</p>
+                </div>
+                <div class="contact-group">
+                  <p>${r.webUrl}</p>
+                  <p>${r.contactEmail}</p>
+                </div>
+              </div>
+              <button class="edit-contact-btn" type="button" aria-label=${e.company.editContactLabel} aria-expanded=${String(this.editingContact)} title=${e.company.editContactLabel} @click=${this.handleEditContact}>
+                ${d.pencil()}
+              </button>
+            `}
+          </div>
+
+          <!-- Right column: Subscription card -->
+          <div class="subscription-card">
+            <h4 class="subscription-title">${e.company.subscriptionLabel}</h4>
+            <ul class="subscription-list">
+              ${a.map((o) => n`
+                <li>
+                  ${d.check()}
+                  ${o}
+                </li>
+              `)}
+            </ul>
+            ${this.editingContact ? n`
+              <div class="plan-notification" role="note">
+                <div class="plan-notification-icon">${d.info()}</div>
+                <p class="plan-notification-text">
+                  ${(() => {
+      const o = e.company.managePlanMessage.split("{partnerName}"), s = this.customerInfo.partner.name;
+      return n`${o[0]}<strong>${s}</strong>${o[1]}`;
+    })()}
+                </p>
+              </div>
+            ` : ""}
+          </div>
+        </div>
+      </div>
+
+      <hr class="section-divider" />
+      
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${e.common.saveAndClose}
+        </button>
+        <button type="button" class="btn-primary" ?disabled=${this.editingContact} @click=${this.handleNext}>
+          ${e.common.confirm}
+        </button>
+      </div>
+    `;
+  }
+};
+p.styles = [
+  E,
+  j,
+  P,
+  $`: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);}.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-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{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);}.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{width:var(--ga-size-content-xs);flex-shrink:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.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{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);}.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;gap:var(--ga-size-spacing-03);}.org-number{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-subtle);}.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{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{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{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{margin-top:0;}`
+];
+u([
+  g({ type: Object })
+], p.prototype, "translations", 2);
+u([
+  g({ type: String })
+], p.prototype, "locale", 2);
+u([
+  g({ type: Object })
+], p.prototype, "customerInfo", 2);
+u([
+  l()
+], p.prototype, "editingContact", 2);
+u([
+  l()
+], p.prototype, "countryDropdownOpen", 2);
+u([
+  l()
+], p.prototype, "fieldErrors", 2);
+u([
+  l()
+], p.prototype, "editName", 2);
+u([
+  l()
+], p.prototype, "editAddress1", 2);
+u([
+  l()
+], p.prototype, "editAddress2", 2);
+u([
+  l()
+], p.prototype, "editPostalCode", 2);
+u([
+  l()
+], p.prototype, "editCity", 2);
+u([
+  l()
+], p.prototype, "editCountryCode", 2);
+u([
+  l()
+], p.prototype, "editWebUrl", 2);
+u([
+  l()
+], p.prototype, "editContactEmail", 2);
+u([
+  l()
+], p.prototype, "localCustomer", 2);
+p = u([
+  S("wizard-step1-company")
+], p);
+var W = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, y = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? Y(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && W(t, a, i), i;
+};
+let h = class extends L {
+  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 = /* @__PURE__ */ new Set(), this.isConfirming = !1, this.rowErrors = /* @__PURE__ */ new Map(), this._loadSequence = 0;
+  }
+  updated(e) {
+    e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUser") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
+  }
+  sortAdmins(e) {
+    var a;
+    const t = (a = this.currentUser) == null ? void 0 : a.email.toLowerCase();
+    return t ? e.sort((r, i) => {
+      const o = r.email.toLowerCase() === t, s = i.email.toLowerCase() === t;
+      return o && s ? 0 : o ? -1 : s ? 1 : 0;
+    }) : e;
+  }
+  async loadExistingAdmins() {
+    if (!this.httpService || !this.customerId) return;
+    const e = ++this._loadSequence;
+    this.isLoadingAdmins = !0;
+    try {
+      const t = await this.httpService.getAdministrators(this.customerId);
+      if (e !== this._loadSequence) return;
+      this.existingAdmins = this.sortAdmins([...t.content]);
+    } catch {
+    } finally {
+      e === this._loadSequence && (this.isLoadingAdmins = !1);
+    }
+  }
+  get hasOpenRow() {
+    return this.rows.some((e) => !e.isDone);
+  }
+  get validAdminCount() {
+    return this.rows.filter(
+      (e) => e.isDone && (e.state === "found" || e.state === "not-found" && e.firstName.trim() !== "" && e.lastName.trim() !== "")
+    ).length;
+  }
+  get canConfirm() {
+    return !this.hasOpenRow && !this.isConfirming && !this.isLoadingAdmins;
+  }
+  get canAddMore() {
+    return !this.hasOpenRow && !this.isConfirming;
+  }
+  get confirmButtonLabel() {
+    const e = this.translations, t = this.validAdminCount;
+    return t === 0 ? e.common.confirm : (t === 1 ? e.administrators.confirmSingular : e.administrators.confirmPlural).replace("{count}", String(t));
+  }
+  async addRow() {
+    var a;
+    if (!this.canAddMore) return;
+    const e = this.nextId++;
+    this.rows = [...this.rows, { id: e, state: "lookup", isDone: !1, email: "", firstName: "", lastName: "" }], await this.updateComplete;
+    const t = (a = this.shadowRoot) == null ? void 0 : a.querySelectorAll('input[type="email"]');
+    t && t.length > 0 && t[t.length - 1].focus();
+  }
+  removeRow(e) {
+    this.rows = this.rows.filter((a) => a.id !== e);
+    const t = new Map(this.rowErrors);
+    t.delete(e), this.rowErrors = t;
+  }
+  doneRow(e) {
+    const t = this.rows.find((a) => a.id === e);
+    if (t && t.state !== "lookup") {
+      if (t.state === "not-found") {
+        const a = this.validateRowRequiredField(e, "firstName", t.firstName), r = this.validateRowRequiredField(e, "lastName", t.lastName);
+        if (!a || !r) return;
+      }
+      this.rows = this.rows.map(
+        (a) => a.id === e ? { ...a, isDone: !0, email: a.email.trim(), firstName: a.firstName.trim(), lastName: a.lastName.trim() } : a
+      );
+    }
+  }
+  editRow(e) {
+    this.rows = this.rows.map((t) => t.id === e ? { ...t, isDone: !1 } : t);
+  }
+  updateRowEmail(e, t) {
+    this.rows = this.rows.map(
+      (r) => r.id === e ? { ...r, email: t, state: "lookup", firstName: "", lastName: "" } : r
+    );
+    const a = new Map(this.rowErrors);
+    a.delete(e), this.rowErrors = a;
+  }
+  updateFirstName(e, t) {
+    this.rows = this.rows.map((a) => a.id === e ? { ...a, firstName: t } : a), this.clearRowFieldError(e, "firstName");
+  }
+  updateLastName(e, t) {
+    this.rows = this.rows.map((a) => a.id === e ? { ...a, lastName: t } : a), this.clearRowFieldError(e, "lastName");
+  }
+  setRowFieldError(e, t, a) {
+    const r = new Map(this.rowErrors);
+    r.set(e, { ...r.get(e) ?? {}, [t]: a }), this.rowErrors = r;
+  }
+  clearRowFieldError(e, t) {
+    const a = this.rowErrors.get(e);
+    if (!(a != null && a[t])) return;
+    const { [t]: r, ...i } = a, o = new Map(this.rowErrors);
+    Object.keys(i).length === 0 ? o.delete(e) : o.set(e, i), this.rowErrors = o;
+  }
+  validateRowEmail(e, t) {
+    const a = this.translations;
+    return t.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()) ? (this.clearRowFieldError(e, "email"), !0) : (this.setRowFieldError(e, "email", a.company.emailInvalid), !1) : (this.setRowFieldError(e, "email", a.company.fieldRequired), !1);
+  }
+  validateRowRequiredField(e, t, a) {
+    const r = this.translations;
+    return a.trim() ? (this.clearRowFieldError(e, t), !0) : (this.setRowFieldError(e, t, r.company.fieldRequired), !1);
+  }
+  validateAllRows() {
+    let e = !0;
+    for (const t of this.rows)
+      t.state === "not-found" && (this.validateRowRequiredField(t.id, "firstName", t.firstName) || (e = !1), this.validateRowRequiredField(t.id, "lastName", t.lastName) || (e = !1));
+    return e;
+  }
+  async lookupUser(e) {
+    var r, i, o, s, z, C;
+    const t = this.rows.find((x) => x.id === e);
+    if (!t || !this.httpService) return;
+    if (!this.validateRowEmail(e, t.email)) {
+      (i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`input[data-email-row-id="${e}"]`)) == null || i.focus();
+      return;
+    }
+    const a = t.email.trim();
+    this.lookingUpIds = /* @__PURE__ */ new Set([...this.lookingUpIds, e]);
+    try {
+      const x = await this.httpService.getUserByEmail(a), c = this.rows.find((w) => w.id === e);
+      if (!c || c.email.trim() !== a) return;
+      x ? (this.rows = this.rows.map(
+        (w) => w.id === e ? { ...w, state: "found", firstName: x.firstName, lastName: x.lastName } : w
+      ), await this.updateComplete, (s = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`button[data-done-row-id="${e}"]`)) == null || s.focus()) : (this.rows = this.rows.map(
+        (w) => w.id === e ? { ...w, state: "not-found", firstName: "", lastName: "" } : w
+      ), await this.updateComplete, (C = (z = this.shadowRoot) == null ? void 0 : z.querySelector(`input[data-row-id="${e}"]`)) == null || C.focus());
+    } catch {
+    } finally {
+      const x = new Set(this.lookingUpIds);
+      x.delete(e), this.lookingUpIds = x;
+    }
+  }
+  async handleConfirm() {
+    if (!this.canConfirm || !this.httpService || !this.customerId || !this.validateAllRows()) return;
+    this.isConfirming = !0;
+    const e = this.rows.filter(
+      (t) => t.state === "found" || t.state === "not-found" && t.firstName.trim() && t.lastName.trim()
+    );
+    try {
+      if (e.length > 0) {
+        const t = e.map((a) => ({
+          email: a.email.trim(),
+          firstName: a.firstName.trim(),
+          lastName: a.lastName.trim(),
+          languageCode: this.locale
+        }));
+        await this.httpService.addCustomerAdministrators(this.customerId, t);
+      }
+      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(e, t) {
+    var i;
+    const a = this.translations, r = ((i = this.currentUser) == null ? void 0 : i.email.toLowerCase()) === e.email.toLowerCase();
+    return n`
+      <div class="admin-row admin-row--done">
+        <span class="row-num">${t}</span>
+        <div class="cell-email">
+          <span class="name-text">${e.email}</span>
+        </div>
+        <div class="cell-name">
+          <span class="name-text">${e.firstName}</span>
+        </div>
+        <div class="cell-name-last">
+          <span class="name-text">${e.lastName}</span>
+        </div>
+        <div class="cell-action">
+          ${r ? n`
+            <div class="you-tag" aria-label=${a.administrators.youLabel}>
+              <span>${d.userRound()}</span>
+              <span>${a.administrators.youLabel}</span>
+            </div>
+          ` : q}
+        </div>
+      </div>
+    `;
+  }
+  renderLookupRow(e, t) {
+    const a = this.translations, r = this.lookingUpIds.has(e.id), i = e.email.trim().length > 0, o = this.rowErrors.get(e.id) ?? {};
+    return n`
+      <div class="admin-row">
+        <span class="row-num">${t}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${o.email ? "has-error" : ""}"
+            type="email"
+            data-email-row-id=${e.id}
+            .value=${e.email}
+            placeholder=${a.company.emailLabel}
+            aria-label=${a.company.emailLabel}
+            aria-invalid=${o.email ? "true" : "false"}
+            @input=${(s) => this.updateRowEmail(e.id, s.target.value)}
+            @blur=${(s) => this.validateRowEmail(e.id, s.target.value)}
+          />
+          <span class="field-error ${o.email ? "" : "field-error--empty"}" aria-hidden=${o.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${o.email ?? ""}</span></span>
+        </div>
+        <div class="cell-lookup-btn">
+          <button
+            type="button"
+            class="btn-add-name"
+            @click=${() => this.lookupUser(e.id)}
+            ?disabled=${!i || r}
+            aria-label=${a.administrators.addNameButton}
+          >
+            ${a.administrators.addNameButton}
+          </button>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            class="btn-icon"
+            @click=${() => this.removeRow(e.id)}
+            aria-label=${a.administrators.deleteRowLabel}
+          >
+            ${d.trash()}
+          </button>
+        </div>
+      </div>
+    `;
+  }
+  renderFoundRow(e, t) {
+    const a = this.translations;
+    if (e.isDone)
+      return n`
+        <div class="admin-row admin-row--done">
+          <span class="row-num">${t}</span>
+          <div class="cell-email">
+            <span class="name-text">${e.email}</span>
+          </div>
+          <div class="cell-name">
+            <span class="name-text">${e.firstName}</span>
+          </div>
+          <div class="cell-name-last">
+            <span class="name-text">${e.lastName}</span>
+          </div>
+          <div class="cell-action">
+            <button
+              type="button"
+              class="btn-edit"
+              @click=${() => this.editRow(e.id)}
+              aria-label=${a.administrators.editButton}
+            >
+              ${a.administrators.editButton}
+            </button>
+          </div>
+        </div>
+      `;
+    const r = this.lookingUpIds.has(e.id), i = this.rowErrors.get(e.id) ?? {};
+    return n`
+      <div class="admin-row">
+        <span class="row-num">${t}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${i.email ? "has-error" : ""}"
+            type="email"
+            .value=${e.email}
+            placeholder=${a.company.emailLabel}
+            aria-label=${a.company.emailLabel}
+            aria-invalid=${i.email ? "true" : "false"}
+            ?disabled=${r}
+            @input=${(o) => this.updateRowEmail(e.id, o.target.value)}
+            @blur=${(o) => this.validateRowEmail(e.id, o.target.value)}
+          />
+          <span class="field-error ${i.email ? "" : "field-error--empty"}" aria-hidden=${i.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${i.email ?? ""}</span></span>
+        </div>
+        <div class="cell-name">
+          <span class="name-text">${e.firstName}</span>
+        </div>
+        <div class="cell-name-last">
+          <span class="name-text">${e.lastName}</span>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            data-trash-row-id=${e.id}
+            class="btn-icon"
+            @click=${() => this.removeRow(e.id)}
+            aria-label=${a.administrators.deleteRowLabel}
+          >
+            ${d.trash()}
+          </button>
+          <button
+            type="button"
+            data-done-row-id=${e.id}
+            class="btn-done"
+            @click=${() => this.doneRow(e.id)}
+            aria-label=${a.administrators.doneButton}
+          >
+            ${a.administrators.doneButton}
+          </button>
+        </div>
+      </div>
+    `;
+  }
+  renderNotFoundRow(e, t) {
+    const a = this.translations, r = this.rowErrors.get(e.id) ?? {};
+    return e.isDone ? n`
+        <div class="admin-row admin-row--done">
+          <span class="row-num">${t}</span>
+          <div class="cell-email">
+            <span class="name-text">${e.email}</span>
+          </div>
+          <div class="cell-name">
+            <span class="name-text">${e.firstName}</span>
+          </div>
+          <div class="cell-name-last">
+            <span class="name-text">${e.lastName}</span>
+          </div>
+          <div class="cell-action">
+            <button
+              type="button"
+              class="btn-edit"
+              @click=${() => this.editRow(e.id)}
+              aria-label=${a.administrators.editButton}
+            >
+              ${a.administrators.editButton}
+            </button>
+          </div>
+        </div>
+      ` : n`
+      <div class="admin-row">
+        <span class="row-num">${t}</span>
+        <div class="cell-email">
+          <input
+            class="grid-input ${r.email ? "has-error" : ""}"
+            type="email"
+            .value=${e.email}
+            placeholder=${a.company.emailLabel}
+            aria-label=${a.company.emailLabel}
+            aria-invalid=${r.email ? "true" : "false"}
+            @input=${(i) => this.updateRowEmail(e.id, i.target.value)}
+            @blur=${(i) => this.validateRowEmail(e.id, i.target.value)}
+          />
+          <span class="field-error ${r.email ? "" : "field-error--empty"}" aria-hidden=${r.email ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.email ?? ""}</span></span>
+        </div>
+        <div class="cell-name">
+          <input
+            data-row-id=${e.id}
+            class="grid-input ${r.firstName ? "has-error" : ""}"
+            type="text"
+            .value=${e.firstName}
+            placeholder=${a.administrators.firstNameLabel}
+            aria-label=${a.administrators.firstNameLabel}
+            aria-invalid=${r.firstName ? "true" : "false"}
+            @input=${(i) => this.updateFirstName(e.id, i.target.value)}
+          />
+          <span class="field-error ${r.firstName ? "" : "field-error--empty"}" aria-hidden=${r.firstName ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.firstName ?? ""}</span></span>
+        </div>
+        <div class="cell-name-last">
+          <input
+            class="grid-input ${r.lastName ? "has-error" : ""}"
+            type="text"
+            .value=${e.lastName}
+            placeholder=${a.administrators.lastNameLabel}
+            aria-label=${a.administrators.lastNameLabel}
+            aria-invalid=${r.lastName ? "true" : "false"}
+            @input=${(i) => this.updateLastName(e.id, i.target.value)}
+          />
+          <span class="field-error ${r.lastName ? "" : "field-error--empty"}" aria-hidden=${r.lastName ? "false" : "true"}>${d.octagonAlert()}<span class="field-error-text">${r.lastName ?? ""}</span></span>
+        </div>
+        <div class="cell-action">
+          <button
+            type="button"
+            class="btn-icon"
+            @click=${() => this.removeRow(e.id)}
+            aria-label=${a.administrators.deleteRowLabel}
+          >
+            ${d.trash()}
+          </button>
+          <button
+            type="button"
+            class="btn-done"
+            @click=${() => this.doneRow(e.id)}
+            aria-label=${a.administrators.doneButton}
+          >
+            ${a.administrators.doneButton}
+          </button>
+        </div>
+      </div>
+    `;
+  }
+  renderAdminRow(e, t) {
+    switch (e.state) {
+      case "lookup":
+        return this.renderLookupRow(e, t);
+      case "found":
+        return this.renderFoundRow(e, t);
+      case "not-found":
+        return this.renderNotFoundRow(e, t);
+    }
+  }
+  render() {
+    const e = this.translations, t = this.existingAdmins.length + 1;
+    return n`
+      <div class="step-content">
+        <h2>${e.administrators.title}</h2>
+        <p>${e.administrators.description}</p>
+
+        <div class="admin-table">
+          ${this.existingAdmins.map((a, r) => this.renderExistingAdminRow(a, r + 1))}
+          ${this.rows.map((a, r) => this.renderAdminRow(a, t + r))}
+          <div class="table-footer">
+            <button
+              type="button"
+              class="btn-add-row"
+              @click=${this.addRow}
+              ?disabled=${!this.canAddMore}
+              aria-label=${e.administrators.addAdministratorButton}
+            >
+              ${d.plus()}
+              ${e.administrators.addAdministratorButton}
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${e.common.saveAndClose}
+        </button>
+        <button
+          type="button"
+          class="btn-primary"
+          @click=${this.handleConfirm}
+          ?disabled=${!this.canConfirm}
+        >
+          ${this.confirmButtonLabel}
+        </button>
+      </div>
+    `;
+  }
+};
+h.styles = [
+  E,
+  j,
+  P,
+  $`.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);}.admin-table{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.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;}.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:calc(var(--ga-size-spacing-12) + var(--ga-size-spacing-03));}.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);}.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{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;}.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;}.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);}.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{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);}.admin-row:not(.admin-row--done) .name-text{line-height:var(--ga-size-40);}`
+];
+y([
+  g({ type: Object })
+], h.prototype, "translations", 2);
+y([
+  g({ type: Object })
+], h.prototype, "httpService", 2);
+y([
+  g({ type: String })
+], h.prototype, "customerId", 2);
+y([
+  g({ type: String })
+], h.prototype, "locale", 2);
+y([
+  g({ type: Object })
+], h.prototype, "currentUser", 2);
+y([
+  l()
+], h.prototype, "existingAdmins", 2);
+y([
+  l()
+], h.prototype, "isLoadingAdmins", 2);
+y([
+  l()
+], h.prototype, "rows", 2);
+y([
+  l()
+], h.prototype, "nextId", 2);
+y([
+  l()
+], h.prototype, "lookingUpIds", 2);
+y([
+  l()
+], h.prototype, "isConfirming", 2);
+y([
+  l()
+], h.prototype, "rowErrors", 2);
+h = y([
+  S("wizard-step2-administrators")
+], h);
+var K = Object.defineProperty, H = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? H(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && K(t, a, i), i;
+};
+let b = class extends L {
+  constructor() {
+    super(...arguments), this.httpService = null, this.customerId = "", this.partnerId = "", this.partnerName = "", this.consultants = [], this.isLoading = !1, this.isConfirming = !1, this.selectedIds = /* @__PURE__ */ new Set(), this.searchTerm = "", this._loadSequence = 0;
+  }
+  updated(e) {
+    (e.has("httpService") || e.has("partnerId")) && this.loadConsultants();
+  }
+  async loadConsultants() {
+    if (!this.httpService || !this.partnerId) {
+      ++this._loadSequence, this.consultants = [], this.selectedIds = /* @__PURE__ */ new Set(), this.searchTerm = "", this.isLoading = !1;
+      return;
+    }
+    const e = ++this._loadSequence;
+    this.isLoading = !0, this.consultants = [], this.selectedIds = /* @__PURE__ */ new Set(), this.searchTerm = "";
+    try {
+      const t = await this.httpService.getPartnerConsultants(this.partnerId);
+      if (e !== this._loadSequence) return;
+      this.consultants = t.content;
+    } catch {
+    } finally {
+      e === this._loadSequence && (this.isLoading = !1);
+    }
+  }
+  get filteredConsultants() {
+    const e = this.searchTerm.trim().toLowerCase();
+    return e ? this.consultants.filter(
+      (t) => `${t.firstName} ${t.lastName}`.toLowerCase().includes(e) || t.email.toLowerCase().includes(e)
+    ) : this.consultants;
+  }
+  get confirmButtonLabel() {
+    const e = this.translations, t = this.selectedIds.size;
+    return t === 0 ? e.common.confirm : (t === 1 ? e.partnerAccess.confirmSingular : e.partnerAccess.confirmPlural).replace("{count}", String(t));
+  }
+  toggleConsultant(e) {
+    const t = new Set(this.selectedIds);
+    t.has(e) ? t.delete(e) : t.add(e), this.selectedIds = t;
+  }
+  async handleConfirm() {
+    if (!(this.isConfirming || this.isLoading) && !(!this.httpService || !this.customerId)) {
+      this.isConfirming = !0;
+      try {
+        const e = this.consultants.filter((t) => this.selectedIds.has(t.id));
+        e.length > 0 && await this.httpService.addCustomerConsultants(this.customerId, e), 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(e) {
+    const t = this.selectedIds.has(e.id), a = `${e.firstName} ${e.lastName}`;
+    return n`
+      <label class="consultant-row ${t ? "consultant-row--selected" : ""}" role="listitem">
+        <input
+          type="checkbox"
+          class="sr-only"
+          .checked=${t}
+          @change=${() => this.toggleConsultant(e.id)}
+        />
+        <span class="checkbox-visual ${t ? "checkbox-visual--checked" : ""}">
+          ${t ? d.check() : q}
+        </span>
+        <span class="consultant-name">${a}</span>
+        <span class="consultant-email">${e.email}</span>
+      </label>
+    `;
+  }
+  render() {
+    const e = this.translations;
+    return n`
+      <div class="step-content">
+        <h2>${e.partnerAccess.title}</h2>
+        <p>${(() => {
+      const t = e.partnerAccess.description.split("{partnerName}");
+      return t.length === 1 ? e.partnerAccess.description : n`${t.map(
+        (a, r) => r < t.length - 1 ? n`${a}<strong>${this.partnerName}</strong>` : a
+      )}`;
+    })()}</p>
+
+        <div class="search-row">
+          <div class="search-wrapper">
+            <span class="search-icon" aria-hidden="true">${d.search()}</span>
+            <input
+              type="search"
+              class="search-input"
+              placeholder=${e.partnerAccess.findConsultantPlaceholder}
+              aria-label=${e.partnerAccess.findConsultantPlaceholder}
+              .value=${this.searchTerm}
+              @input=${(t) => {
+      this.searchTerm = t.target.value;
+    }}
+            />
+          </div>
+        </div>
+
+        <div class="consultant-list" role="list" aria-label=${e.partnerAccess.title}>
+          ${this.isLoading ? n`<div class="loading-row" role="listitem">${e.partnerAccess.loading}</div>` : this.filteredConsultants.map((t) => this.renderConsultantRow(t))}
+        </div>
+      </div>
+
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
+          ${e.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>
+    `;
+  }
+};
+b.styles = [
+  E,
+  j,
+  P,
+  $`.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{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{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.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-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);}.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-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-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}`
+];
+k([
+  g({ type: Object })
+], b.prototype, "translations", 2);
+k([
+  g({ type: Object })
+], b.prototype, "httpService", 2);
+k([
+  g({ type: String })
+], b.prototype, "customerId", 2);
+k([
+  g({ type: String })
+], b.prototype, "partnerId", 2);
+k([
+  g({ type: String })
+], b.prototype, "partnerName", 2);
+k([
+  l()
+], b.prototype, "consultants", 2);
+k([
+  l()
+], b.prototype, "isLoading", 2);
+k([
+  l()
+], b.prototype, "isConfirming", 2);
+k([
+  l()
+], b.prototype, "selectedIds", 2);
+k([
+  l()
+], b.prototype, "searchTerm", 2);
+b = k([
+  S("wizard-step3-partner-access")
+], b);
+var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, T = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? J(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && Z(t, a, i), i;
+};
+let R = class extends L {
+  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 e = this.translations;
+    return n`
+      <div class="step-content">
+        <h2>${e.complete.title}</h2>
+        <p>${e.complete.message1}</p>
+        <p>${e.complete.message2}</p>
+        
+        <button type="button" class="btn-primary primary-action" @click=${this.handleGoToAdmin}>
+          ${e.complete.goToAdminButton}
+        </button>
+      </div>
+      
+      <div class="wizard-actions">
+        <button type="button" class="btn-secondary" @click=${this.handleClose}>
+          ${e.common.close}
+        </button>
+      </div>
+    `;
+  }
+};
+R.styles = [
+  E,
+  j,
+  P,
+  $`.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);}`
+];
+T([
+  g({ type: Object })
+], R.prototype, "translations", 2);
+R = T([
+  S("wizard-step-complete")
+], R);
+var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
+  return r && i && Q(t, a, i), i;
+};
+let m = class extends L {
+  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 = /* @__PURE__ */ new Set(), this.errorState = null, this.customerInfo = null, this.visible = !0, this.i18n = new U(), this.errorMessageListener = null;
+  }
+  get steps() {
+    const e = this.i18n.getTranslations();
+    return [
+      { id: 1, label: e.steps.company },
+      { id: 2, label: e.steps.administrators },
+      { id: 3, label: e.steps.partnerAccess }
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.currentStep = m.stepMap[this.step] ?? 0, this.httpService = new O(this.baseUrl, {}, this), this.i18n.setLocale(this.locale), this.initializeWithAuth(), this.setupErrorMessageListener();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeErrorMessageListener();
+  }
+  /**
+   * Set up listener for error-message events from HttpService
+   * Listens on component element for instance-scoped events
+   */
+  setupErrorMessageListener() {
+    this.errorMessageListener = ((e) => {
+      const { errorKey: t } = e.detail;
+      this.errorState = { errorKey: t };
+    }), this.addEventListener("error-message", this.errorMessageListener);
+  }
+  /**
+   * Remove error-message listener on component disconnect
+   */
+  removeErrorMessageListener() {
+    this.errorMessageListener && (this.removeEventListener("error-message", this.errorMessageListener), this.errorMessageListener = null);
+  }
+  /**
+   * Dismiss error message manually
+   */
+  dismissError() {
+    this.errorState = null;
+  }
+  /**
+   * Initialize component with authentication token from host application
+   */
+  async initializeWithAuth() {
+    try {
+      const e = await this.requestAuthToken();
+      if (!e) {
+        console.warn("[CustomerOnboardingWizard] No authentication token provided by host application");
+        return;
+      }
+      this.httpService.setAuthToken(e), await this.loadUserProfile(), this.loadDataForStep(this.currentStep);
+    } catch (e) {
+      console.error("Failed to initialize component:", e);
+    }
+  }
+  /**
+   * Request authentication token from host application
+   * Host must listen to 'request-token' event and provide token via callback
+   * @returns Promise that resolves with the authentication token
+   */
+  requestAuthToken() {
+    return new Promise((e) => {
+      let t = !1;
+      const a = setTimeout(() => {
+        t || (t = !0, e(null));
+      }, 5e3), r = new CustomEvent("request-token", {
+        detail: {
+          callback: (i) => {
+            t || (t = !0, clearTimeout(a), e(i));
+          }
+        },
+        bubbles: !0,
+        composed: !0
+      });
+      this.dispatchEvent(r);
+    });
+  }
+  /**
+   * Load user profile from API and set userName
+   * userName is populated from getUserProfile() API call
+   * Falls back to default 'User' if request fails
+   */
+  async loadUserProfile() {
+    try {
+      const e = await this.httpService.getUserProfile();
+      this.currentUserProfile = e, this.userName = `${e.firstName} ${e.lastName}`;
+    } catch (e) {
+      console.error("Failed to load user profile:", e);
+    }
+  }
+  /**
+   * Load customer info from API
+   * customerInfo is populated from getCustomerInfo() API call
+   * Falls back to null if request fails or customerId is not provided
+   */
+  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 (e) {
+      console.error("Failed to load customer info:", e);
+    }
+  }
+  /**
+   * Update authentication token
+   * Call this method from host application to update token (e.g., after refresh)
+   * @param token - New OAuth2 access token
+   */
+  updateToken(e) {
+    this.httpService.setAuthToken(e);
+  }
+  willUpdate(e) {
+    e.has("locale") && (this.i18n.setLocale(this.locale) || (this.locale = this.i18n.getLocale()));
+  }
+  /**
+   * Load data required for the given step number.
+   * Called in two scenarios:
+   *  1. On initial load — from `initializeWithAuth()` after the auth token is set,
+   *     using the `currentStep` derived from the `step` property (direct navigation).
+   *  2. On user navigation — from `handleStartSetup()` when entering step 1.
+   *
+   * When adding data requirements for future steps (e.g. administrators for step 2),
+   * add the corresponding fetch call here with the appropriate step guard.
+   */
+  loadDataForStep(e) {
+    e >= 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 t = {
+      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
+    })), t && this.taskId && this.httpService.saveProgress(this.taskId, t).catch(() => {
+    });
+  }
+  handleEditCustomer(e) {
+    this.customerId && this.httpService.editCustomer(this.customerId, e.detail).catch(() => {
+    });
+  }
+  navigate(e) {
+    window.location.href = e;
+  }
+  handleClose(e) {
+    var i;
+    const a = ((i = e.detail) == null ? void 0 : i.redirect) === !0 ? this.adminUrl : "";
+    this.dispatchEvent(new CustomEvent("wizard-closed", {
+      detail: { completed: !0 },
+      bubbles: !0,
+      composed: !0
+    }));
+    const r = (o) => {
+      try {
+        const { protocol: s } = new URL(o);
+        (s === "https:" || s === "http:") && this.navigate(o);
+      } catch {
+      }
+    };
+    this.taskId ? this.httpService.deleteTask(this.taskId).then(() => {
+      this.visible = !1, a && r(a);
+    }).catch(() => {
+      this.visible = !1;
+    }) : (this.visible = !1, a && r(a));
+  }
+  getStepClass(e) {
+    return this.completedSteps.has(e) ? "completed" : this.currentStep === e ? "active" : "";
+  }
+  getLineSegmentClass(e) {
+    const t = e + 1;
+    return this.completedSteps.has(t) ? "completed" : this.currentStep === t ? "active" : "";
+  }
+  renderStepIndicators(e) {
+    return this.currentStep === 0 || this.currentStep === 4 ? n`
+        <div class="step-indicators">
+          <div class="line-row">
+            ${this.steps.map(() => n`
+              <div class="line-segment ${this.currentStep === 4 ? "completed" : ""}"></div>
+            `)}
+          </div>
+          <div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
+            ${this.steps.map((t) => n`
+              <div class="step-wrapper" role="listitem">
+                <div class="step-indicator ${this.currentStep === 4 ? "completed" : ""}">
+                  <div class="step-icon">
+                    ${this.currentStep === 4 ? d.circleCheckBig() : d.circleDashed()}
+                  </div>
+                  <span class="step-label">${t.label}</span>
+                </div>
+              </div>
+            `)}
+          </div>
+        </div>
+      ` : n`
+      <div class="step-indicators">
+        <div class="line-row">
+          ${this.steps.map((t, a) => n`
+            <div class="line-segment ${this.getLineSegmentClass(a)}"></div>
+          `)}
+        </div>
+        <div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
+          ${this.steps.map((t) => n`
+            <div class="step-wrapper" role="listitem">
+              <div class="step-indicator ${this.getStepClass(t.id)}" aria-current=${this.currentStep === t.id ? "step" : q}>
+                <div class="step-icon">
+                  ${this.completedSteps.has(t.id) ? d.circleCheckBig() : this.currentStep === t.id ? d.circleDotDashed() : d.circleDashed()}
+                </div>
+                <span class="step-label">${t.label}</span>
+              </div>
+            </div>
+          `)}
+        </div>
+      </div>
+    `;
+  }
+  render() {
+    var t, a, r, i;
+    const e = this.i18n.getTranslations();
+    return n`
+      ${this.visible ? n`
+      <div class="overlay">
+        <div class="wizard-container" role="dialog" aria-modal="true" aria-labelledby="wizard-title">
+          <h1 class="wizard-title" id="wizard-title">${e.wizard.title}</h1>
+          ${this.renderErrorBanner(e)}
+          ${this.renderStepIndicators(e)}
+          
+          ${this.currentStep === 0 ? n`
+            <wizard-step-welcome
+              .userName=${this.userName}
+              .translations=${e}
+              @start-setup=${this.handleStartSetup}
+              @save-and-close=${this.handleSaveAndClose}
+            ></wizard-step-welcome>
+          ` : ""}
+          
+          ${this.currentStep === 1 ? n`
+            <wizard-step1-company
+              .translations=${e}
+              .locale=${this.locale}
+              .customerInfo=${this.customerInfo}
+              @next=${this.handleNext}
+              @save-and-close=${this.handleSaveAndClose}
+              @edit-customer=${this.handleEditCustomer}
+            ></wizard-step1-company>
+          ` : ""}
+          
+          ${this.currentStep === 2 ? n`
+            <wizard-step2-administrators
+              .translations=${e}
+              .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 ? n`
+            <wizard-step3-partner-access
+              .translations=${e}
+              .httpService=${this.httpService}
+              .customerId=${this.customerId}
+              .partnerId=${((a = (t = this.customerInfo) == null ? void 0 : t.partner) == null ? void 0 : a.partnerId) ?? ""}
+              .partnerName=${((i = (r = this.customerInfo) == null ? void 0 : r.partner) == null ? void 0 : i.name) ?? ""}
+              @complete=${this.handleComplete}
+              @save-and-close=${this.handleSaveAndClose}
+            ></wizard-step3-partner-access>
+          ` : ""}
+          
+          ${this.currentStep === 4 ? n`
+            <wizard-step-complete
+              .translations=${e}
+              @close=${this.handleClose}
+            ></wizard-step-complete>
+          ` : ""}
+        </div>
+      </div>
+      ` : ""}
+    `;
+  }
+  /**
+   * Render error banner if there's an error message
+   */
+  renderErrorBanner(e) {
+    if (!this.errorState)
+      return n``;
+    const t = e.errors[this.errorState.errorKey];
+    return n`
+      <div class="error-banner" role="alert">
+        <div class="error-content">
+          <div class="error-icon">
+            ${d.octagonAlert()}
+          </div>
+          <div class="error-text-container">
+            <div class="error-title">${t.title}</div>
+            <div class="error-message">${t.message}</div>
+          </div>
+        </div>
+        <button type="button" class="error-dismiss" @click=${this.dismissError} aria-label=${e.common.dismissError}>
+          ${d.x()}
+        </button>
+      </div>
+    `;
+  }
+};
+m.stepMap = {
+  welcome: 0,
+  company: 1,
+  administrators: 2,
+  "partner-access": 3,
+  complete: 4
+};
+m.styles = [
+  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{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{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;}`
+];
+f([
+  g({ type: String })
+], m.prototype, "locale", 2);
+f([
+  g({ type: String })
+], m.prototype, "baseUrl", 2);
+f([
+  g({ type: String })
+], m.prototype, "adminUrl", 2);
+f([
+  g({ type: String })
+], m.prototype, "taskId", 2);
+f([
+  g({ type: String })
+], m.prototype, "customerId", 2);
+f([
+  g({ type: String })
+], m.prototype, "step", 2);
+f([
+  l()
+], m.prototype, "userName", 2);
+f([
+  l()
+], m.prototype, "currentUserProfile", 2);
+f([
+  l()
+], m.prototype, "currentStep", 2);
+f([
+  l()
+], m.prototype, "completedSteps", 2);
+f([
+  l()
+], m.prototype, "errorState", 2);
+f([
+  l()
+], m.prototype, "customerInfo", 2);
+f([
+  l()
+], m.prototype, "visible", 2);
+m = f([
+  S("vsn-customer-onboarding-wizard")
+], m);
+export {
+  m as CustomerOnboardingWizard,
+  O as HttpService
+};