@visma-swno/customer-onboarding-wizard 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -197,7 +197,7 @@ document.addEventListener('http-error', async (event) => {
|
|
|
197
197
|
**Handled Automatically**: Host application does not need to listen to this event. The component:
|
|
198
198
|
- Displays a red error banner at the top of the wizard
|
|
199
199
|
- Automatically translates error title and message to the user's selected language
|
|
200
|
-
- Supports
|
|
200
|
+
- Supports 6 translation sets: da-DK, en-US, fi-FI, nb-NO, nl-NL, sv-SE (`en-GB` is accepted and served using `en-US` translations)
|
|
201
201
|
- Banner remains visible until the user manually dismisses it by clicking the X button
|
|
202
202
|
- Allows users to report errors to support
|
|
203
203
|
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { css as
|
|
1
|
+
import { css as L, svg as b, LitElement as E, html as n, nothing as p } from "lit";
|
|
2
2
|
import { property as g, customElement as A, state as l } from "lit/decorators.js";
|
|
3
|
-
|
|
4
|
-
const N = S`: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 = {
|
|
3
|
+
L`: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;}`;
|
|
4
|
+
const N = L`: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 = {
|
|
5
5
|
circle: () => b`
|
|
6
6
|
<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">
|
|
7
7
|
<circle cx="12" cy="12" r="10"/>
|
|
@@ -818,7 +818,7 @@ class O {
|
|
|
818
818
|
* @param retryFn - Function to retry the request
|
|
819
819
|
*/
|
|
820
820
|
emitHttpError(t, a, r, i, o) {
|
|
821
|
-
var
|
|
821
|
+
var S;
|
|
822
822
|
if (t !== 401 && t !== 403)
|
|
823
823
|
return;
|
|
824
824
|
const s = {
|
|
@@ -833,7 +833,7 @@ class O {
|
|
|
833
833
|
bubbles: !0,
|
|
834
834
|
composed: !0
|
|
835
835
|
});
|
|
836
|
-
(
|
|
836
|
+
(S = this.eventTarget) == null || S.dispatchEvent(h);
|
|
837
837
|
}
|
|
838
838
|
/**
|
|
839
839
|
* Emit error message event for internal error handling
|
|
@@ -859,7 +859,7 @@ class O {
|
|
|
859
859
|
(h = this.eventTarget) == null || h.dispatchEvent(s);
|
|
860
860
|
}
|
|
861
861
|
async request(t, a = {}) {
|
|
862
|
-
const { method: r = "GET", headers: i = {}, body: o, timeout: s = 3e4 } = a, h = new AbortController(),
|
|
862
|
+
const { method: r = "GET", headers: i = {}, body: o, timeout: s = 3e4 } = a, h = new AbortController(), S = setTimeout(() => h.abort(), s), z = {
|
|
863
863
|
...this.defaultHeaders,
|
|
864
864
|
...i
|
|
865
865
|
};
|
|
@@ -871,7 +871,7 @@ class O {
|
|
|
871
871
|
body: o ? JSON.stringify(o) : void 0,
|
|
872
872
|
signal: h.signal
|
|
873
873
|
});
|
|
874
|
-
if (clearTimeout(
|
|
874
|
+
if (clearTimeout(S), !c.ok) {
|
|
875
875
|
if (c.status === 401 || c.status === 403)
|
|
876
876
|
this.emitHttpError(
|
|
877
877
|
c.status,
|
|
@@ -889,7 +889,7 @@ class O {
|
|
|
889
889
|
}
|
|
890
890
|
return c.status === 204 ? void 0 : await c.json();
|
|
891
891
|
} catch (c) {
|
|
892
|
-
if (clearTimeout(
|
|
892
|
+
if (clearTimeout(S), c instanceof q)
|
|
893
893
|
throw c;
|
|
894
894
|
if (c instanceof Error) {
|
|
895
895
|
const k = c.message.includes("aborted") ? "requestTimeout" : "networkError";
|
|
@@ -1007,7 +1007,7 @@ class O {
|
|
|
1007
1007
|
return this.request(t, { method: "PATCH", body: a, headers: r });
|
|
1008
1008
|
}
|
|
1009
1009
|
}
|
|
1010
|
-
const j =
|
|
1010
|
+
const j = L`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 = L`:host{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;}.step-content{text-align:left;flex:1;min-height:0;overflow-y:auto;}.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-05);padding-top:var(--ga-size-spacing-05);border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);gap:var(--ga-size-spacing-05);flex-shrink:0;}.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;}`;
|
|
1011
1011
|
var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, D = (e, t, a, r) => {
|
|
1012
1012
|
for (var i = r > 1 ? void 0 : r ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1013
1013
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
@@ -1039,15 +1039,11 @@ let R = class extends E {
|
|
|
1039
1039
|
const e = this.translations;
|
|
1040
1040
|
return n`
|
|
1041
1041
|
<div class="wizard-content">
|
|
1042
|
-
<
|
|
1043
|
-
<
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
<p>
|
|
1048
|
-
${e.welcome.description}
|
|
1049
|
-
</p>
|
|
1050
|
-
</div>
|
|
1042
|
+
<h2 class="welcome-message" tabindex="-1">
|
|
1043
|
+
${e.welcome.greeting}<br />
|
|
1044
|
+
<span class="user-name">${this.userName}!</span>
|
|
1045
|
+
</h2>
|
|
1046
|
+
<p>${e.welcome.description}</p>
|
|
1051
1047
|
</div>
|
|
1052
1048
|
<div class="wizard-actions">
|
|
1053
1049
|
<button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
|
|
@@ -1064,7 +1060,7 @@ R.styles = [
|
|
|
1064
1060
|
N,
|
|
1065
1061
|
j,
|
|
1066
1062
|
P,
|
|
1067
|
-
|
|
1063
|
+
L`.wizard-content{display:flex;flex-direction:column;gap:var(--ga-size-spacing-06);flex:1 1 270px;min-height:0;text-align:left;align-self:center;width:100%;max-width:var(--ga-size-content-sm);padding:0;overflow-y:auto;}.wizard-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;}.wizard-content 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:var(--ga-font-weight-normal);margin:0;color:var(--ga-color-text-headings);}.wizard-actions{border-top:none;padding-top:0;margin-top:0;}h2[tabindex="-1"]:focus{outline:none;}`
|
|
1068
1064
|
];
|
|
1069
1065
|
D([
|
|
1070
1066
|
g({ type: String })
|
|
@@ -1476,8 +1472,6 @@ let m = class extends E {
|
|
|
1476
1472
|
</div>
|
|
1477
1473
|
</div>
|
|
1478
1474
|
|
|
1479
|
-
<hr class="section-divider" />
|
|
1480
|
-
|
|
1481
1475
|
<div class="wizard-actions">
|
|
1482
1476
|
<button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>
|
|
1483
1477
|
${e.common.saveAndClose}
|
|
@@ -1493,7 +1487,7 @@ m.styles = [
|
|
|
1493
1487
|
N,
|
|
1494
1488
|
j,
|
|
1495
1489
|
P,
|
|
1496
|
-
|
|
1490
|
+
L`: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;}.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;}h2[tabindex="-1"]:focus{outline:none;}`
|
|
1497
1491
|
];
|
|
1498
1492
|
v([
|
|
1499
1493
|
g({ type: Object })
|
|
@@ -1669,7 +1663,7 @@ let f = class extends E {
|
|
|
1669
1663
|
return e;
|
|
1670
1664
|
}
|
|
1671
1665
|
async lookupUser(e) {
|
|
1672
|
-
var r, i, o, s, h,
|
|
1666
|
+
var r, i, o, s, h, S;
|
|
1673
1667
|
const t = this.rows.find((z) => z.id === e);
|
|
1674
1668
|
if (!t || !this.httpService) return;
|
|
1675
1669
|
if (!this.validateRowEmail(e, t.email)) {
|
|
@@ -1685,7 +1679,7 @@ let f = class extends E {
|
|
|
1685
1679
|
(k) => k.id === e ? { ...k, state: "found", firstName: z.firstName, lastName: z.lastName } : k
|
|
1686
1680
|
), 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(
|
|
1687
1681
|
(k) => k.id === e ? { ...k, state: "not-found", firstName: "", lastName: "" } : k
|
|
1688
|
-
), await this.updateComplete, (
|
|
1682
|
+
), await this.updateComplete, (S = (h = this.shadowRoot) == null ? void 0 : h.querySelector(`input[data-row-id="${e}"]`)) == null || S.focus());
|
|
1689
1683
|
} catch {
|
|
1690
1684
|
} finally {
|
|
1691
1685
|
const z = new Set(this.lookingUpIds);
|
|
@@ -2034,7 +2028,7 @@ f.styles = [
|
|
|
2034
2028
|
N,
|
|
2035
2029
|
j,
|
|
2036
2030
|
P,
|
|
2037
|
-
|
|
2031
|
+
L`.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);}h2[tabindex="-1"]:focus{outline:none;}`
|
|
2038
2032
|
];
|
|
2039
2033
|
x([
|
|
2040
2034
|
g({ type: Object })
|
|
@@ -2210,7 +2204,7 @@ w.styles = [
|
|
|
2210
2204
|
N,
|
|
2211
2205
|
j,
|
|
2212
2206
|
P,
|
|
2213
|
-
|
|
2207
|
+
L`.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,.no-results-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}h2[tabindex="-1"]:focus{outline:none;}`
|
|
2214
2208
|
];
|
|
2215
2209
|
$([
|
|
2216
2210
|
g({ type: Object })
|
|
@@ -2295,7 +2289,7 @@ I.styles = [
|
|
|
2295
2289
|
N,
|
|
2296
2290
|
j,
|
|
2297
2291
|
P,
|
|
2298
|
-
|
|
2292
|
+
L`.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);}h2[tabindex="-1"]:focus{outline:none;}`
|
|
2299
2293
|
];
|
|
2300
2294
|
F([
|
|
2301
2295
|
g({ type: Object })
|
|
@@ -2502,50 +2496,35 @@ let u = class extends E {
|
|
|
2502
2496
|
getStepClass(e) {
|
|
2503
2497
|
return this.completedSteps.has(e) ? "completed" : this.currentStep === e ? "active" : "";
|
|
2504
2498
|
}
|
|
2505
|
-
getLineSegmentClass(e) {
|
|
2506
|
-
const t = e + 1;
|
|
2507
|
-
return this.completedSteps.has(t) ? "completed" : this.currentStep === t ? "active" : "";
|
|
2508
|
-
}
|
|
2509
2499
|
renderStepIndicators(e) {
|
|
2510
|
-
return this.currentStep ===
|
|
2511
|
-
<div class="step-indicators">
|
|
2512
|
-
<div class="line-row">
|
|
2513
|
-
${this.steps.map(() => n`
|
|
2514
|
-
<div class="line-segment ${this.currentStep === 4 ? "completed" : ""}"></div>
|
|
2515
|
-
`)}
|
|
2516
|
-
</div>
|
|
2517
|
-
<div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
|
|
2518
|
-
${this.steps.map((t) => n`
|
|
2519
|
-
<div class="step-wrapper" role="listitem">
|
|
2520
|
-
<div class="step-indicator ${this.currentStep === 4 ? "completed" : ""}">
|
|
2521
|
-
<div class="step-icon" aria-hidden="true">
|
|
2522
|
-
${this.currentStep === 4 ? d.circleCheckBig() : d.circleDashed()}
|
|
2523
|
-
</div>
|
|
2524
|
-
<span class="step-label">${t.label}</span>
|
|
2525
|
-
</div>
|
|
2526
|
-
</div>
|
|
2527
|
-
`)}
|
|
2528
|
-
</div>
|
|
2529
|
-
</div>
|
|
2530
|
-
` : n`
|
|
2531
|
-
<div class="step-indicators">
|
|
2532
|
-
<div class="line-row">
|
|
2533
|
-
${this.steps.map((t, a) => n`
|
|
2534
|
-
<div class="line-segment ${this.getLineSegmentClass(a)}"></div>
|
|
2535
|
-
`)}
|
|
2536
|
-
</div>
|
|
2537
|
-
<div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
|
|
2500
|
+
return this.currentStep === 4 ? n`
|
|
2501
|
+
<div class="step-indicators" role="list" aria-label=${e.steps.progressLabel}>
|
|
2538
2502
|
${this.steps.map((t) => n`
|
|
2539
|
-
<div class="step-wrapper" role="listitem"
|
|
2540
|
-
<div class="step-indicator
|
|
2503
|
+
<div class="step-wrapper completed" role="listitem">
|
|
2504
|
+
<div class="step-indicator completed">
|
|
2541
2505
|
<div class="step-icon" aria-hidden="true">
|
|
2542
|
-
${
|
|
2506
|
+
${d.circleCheckBig()}
|
|
2543
2507
|
</div>
|
|
2544
2508
|
<span class="step-label">${t.label}</span>
|
|
2545
2509
|
</div>
|
|
2546
2510
|
</div>
|
|
2547
2511
|
`)}
|
|
2548
2512
|
</div>
|
|
2513
|
+
` : n`
|
|
2514
|
+
<div class="step-indicators" role="list" aria-label=${e.steps.progressLabel}>
|
|
2515
|
+
${this.steps.map((t) => {
|
|
2516
|
+
const a = this.getStepClass(t.id);
|
|
2517
|
+
return n`
|
|
2518
|
+
<div class="step-wrapper ${a}" role="listitem" aria-current=${this.currentStep === t.id ? "step" : p}>
|
|
2519
|
+
<div class="step-indicator ${a}">
|
|
2520
|
+
<div class="step-icon" aria-hidden="true">
|
|
2521
|
+
${this.completedSteps.has(t.id) ? d.circleCheckBig() : this.currentStep === t.id ? d.circleDotDashed() : d.circleDashed()}
|
|
2522
|
+
</div>
|
|
2523
|
+
<span class="step-label">${t.label}</span>
|
|
2524
|
+
</div>
|
|
2525
|
+
</div>
|
|
2526
|
+
`;
|
|
2527
|
+
})}
|
|
2549
2528
|
</div>
|
|
2550
2529
|
`;
|
|
2551
2530
|
}
|
|
@@ -2559,57 +2538,59 @@ let u = class extends E {
|
|
|
2559
2538
|
<h1 class="wizard-title" id="wizard-title">${e.wizard.title}</h1>
|
|
2560
2539
|
${this.renderErrorBanner(e)}
|
|
2561
2540
|
${this.renderStepIndicators(e)}
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2541
|
+
|
|
2542
|
+
<div class="wizard-body">
|
|
2543
|
+
${this.currentStep === 0 ? n`
|
|
2544
|
+
<wizard-step-welcome
|
|
2545
|
+
.userName=${this.userName}
|
|
2546
|
+
.translations=${e}
|
|
2547
|
+
@start-setup=${this.handleStartSetup}
|
|
2548
|
+
@save-and-close=${this.handleSaveAndClose}
|
|
2549
|
+
></wizard-step-welcome>
|
|
2550
|
+
` : ""}
|
|
2551
|
+
|
|
2552
|
+
${this.currentStep === 1 ? n`
|
|
2553
|
+
<wizard-step1-company
|
|
2554
|
+
.translations=${e}
|
|
2555
|
+
.locale=${this.locale}
|
|
2556
|
+
.customerInfo=${this.customerInfo}
|
|
2557
|
+
@next=${this.handleNext}
|
|
2558
|
+
@save-and-close=${this.handleSaveAndClose}
|
|
2559
|
+
@edit-customer=${this.handleEditCustomer}
|
|
2560
|
+
></wizard-step1-company>
|
|
2561
|
+
` : ""}
|
|
2562
|
+
|
|
2563
|
+
${this.currentStep === 2 ? n`
|
|
2564
|
+
<wizard-step2-administrators
|
|
2565
|
+
.translations=${e}
|
|
2566
|
+
.httpService=${this.httpService}
|
|
2567
|
+
.customerId=${this.customerId}
|
|
2568
|
+
.locale=${this.locale}
|
|
2569
|
+
.currentUser=${this.currentUserProfile}
|
|
2570
|
+
@next=${this.handleNext}
|
|
2571
|
+
@save-and-close=${this.handleSaveAndClose}
|
|
2572
|
+
></wizard-step2-administrators>
|
|
2573
|
+
` : ""}
|
|
2574
|
+
|
|
2575
|
+
${this.currentStep === 3 ? n`
|
|
2576
|
+
<wizard-step3-partner-access
|
|
2577
|
+
.translations=${e}
|
|
2578
|
+
.httpService=${this.httpService}
|
|
2579
|
+
.customerId=${this.customerId}
|
|
2580
|
+
.partnerId=${((a = (t = this.customerInfo) == null ? void 0 : t.partner) == null ? void 0 : a.partnerId) ?? ""}
|
|
2581
|
+
.partnerName=${((i = (r = this.customerInfo) == null ? void 0 : r.partner) == null ? void 0 : i.name) ?? ""}
|
|
2582
|
+
@complete=${this.handleComplete}
|
|
2583
|
+
@save-and-close=${this.handleSaveAndClose}
|
|
2584
|
+
></wizard-step3-partner-access>
|
|
2585
|
+
` : ""}
|
|
2586
|
+
|
|
2587
|
+
${this.currentStep === 4 ? n`
|
|
2588
|
+
<wizard-step-complete
|
|
2589
|
+
.translations=${e}
|
|
2590
|
+
@close=${this.handleClose}
|
|
2591
|
+
></wizard-step-complete>
|
|
2592
|
+
` : ""}
|
|
2593
|
+
</div>
|
|
2613
2594
|
</div>
|
|
2614
2595
|
</div>
|
|
2615
2596
|
` : ""}
|
|
@@ -2649,7 +2630,7 @@ u.stepMap = {
|
|
|
2649
2630
|
};
|
|
2650
2631
|
u.styles = [
|
|
2651
2632
|
N,
|
|
2652
|
-
|
|
2633
|
+
L`: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;max-height:90vh;box-sizing:border-box;padding:var(--ga-size-spacing-05);border-radius:var(--ga-radius);border:1px solid var(--ga-color-cyan-80);display:flex;flex-direction:column;overflow:hidden;}.wizard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}h1.wizard-title{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);font-weight:var(--ga-font-weight-semibold);margin:0;padding-bottom:var(--ga-size-spacing-06);color:var(--ga-color-text-headings);text-align:left;letter-spacing:var(--ga-text-xl-tracking);}.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:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);border-radius:var(--ga-radius);}.error-dismiss svg{width:20px;height:20px;}.step-indicators{display:flex;height:82px;align-items:flex-end;}.step-wrapper{flex:1;display:flex;align-items:flex-start;height:100%;box-sizing:border-box;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-02) var(--ga-size-spacing-03) 0;border-top:var(--ga-size-border-width-md) solid var(--ga-color-surface-disabled);}.step-wrapper.active{border-top-width:var(--ga-size-border-width-lg);border-top-color:var(--ga-color-primary);}.step-wrapper.completed{border-top-color:var(--ga-color-success);}.step-indicator{display:flex;align-items:center;gap:var(--ga-size-spacing-02);padding-left: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;}`
|
|
2653
2634
|
];
|
|
2654
2635
|
y([
|
|
2655
2636
|
g({ type: String })
|