@visma-swno/customer-onboarding-wizard 1.0.19 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/http.service.d.ts +3 -0
- package/dist/core/i18n.service.d.ts +1 -0
- package/dist/index.js +55 -34
- package/package.json +1 -1
|
@@ -76,6 +76,9 @@ export interface Consultant {
|
|
|
76
76
|
email: string;
|
|
77
77
|
firstName: string;
|
|
78
78
|
lastName: string;
|
|
79
|
+
/** True when this consultant already has access to the customer. Such rows
|
|
80
|
+
* are shown checked + disabled and are excluded from the confirm payload. */
|
|
81
|
+
alreadyAssigned: boolean;
|
|
79
82
|
}
|
|
80
83
|
export interface ConsultantsResponse {
|
|
81
84
|
content: Consultant[];
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { css as
|
|
1
|
+
import { css as S, svg as x, LitElement as _, html as n, nothing as m } from "lit";
|
|
2
2
|
import { property as g, customElement as C, state as l } from "lit/decorators.js";
|
|
3
|
-
|
|
4
|
-
const 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:calc(0.02rem * var(--ga-base-scaling-factor,1));--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:calc(0.0625rem * var(--ga-base-scaling-factor,1));--ga-size-2:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-4:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-6:calc(0.375rem * var(--ga-base-scaling-factor,1));--ga-size-8:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-10:calc(0.625rem * var(--ga-base-scaling-factor,1));--ga-size-11:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-size-12:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-14:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-size-16:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-18:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-size-20:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-size-24:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-28:calc(1.75rem * var(--ga-base-scaling-factor,1));--ga-size-32:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-36:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-size-40:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-44:calc(2.75rem * var(--ga-base-scaling-factor,1));--ga-size-48:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-56:calc(3.5rem * var(--ga-base-scaling-factor,1));--ga-size-64:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-80:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-96:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-112:calc(7rem * var(--ga-base-scaling-factor,1));--ga-size-128:calc(8rem * var(--ga-base-scaling-factor,1));--ga-size-144:calc(9rem * var(--ga-base-scaling-factor,1));--ga-size-160:calc(10rem * var(--ga-base-scaling-factor,1));--ga-size-192:calc(12rem * var(--ga-base-scaling-factor,1));--ga-size-224:calc(14rem * var(--ga-base-scaling-factor,1));--ga-size-256:calc(16rem * var(--ga-base-scaling-factor,1));--ga-size-288:calc(18rem * var(--ga-base-scaling-factor,1));--ga-size-320:calc(20rem * var(--ga-base-scaling-factor,1));--ga-size-352:calc(22rem * var(--ga-base-scaling-factor,1));--ga-size-384:calc(24rem * var(--ga-base-scaling-factor,1));--ga-size-416:calc(26rem * var(--ga-base-scaling-factor,1));--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:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-02:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-03:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-04:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-05:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-06:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-07:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-08:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-09:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-10:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-11:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-12:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-13:calc(10rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--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:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--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:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-style:normal;--ga-text-lg-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:calc(-0.011rem * var(--ga-base-scaling-factor,1));--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:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-style:normal;--ga-text-md-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:calc(-0.006rem * var(--ga-base-scaling-factor,1));--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:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-style:normal;--ga-text-sm-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--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:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--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:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-style:normal;--ga-text-xs-line-height:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:calc(0.005rem * var(--ga-base-scaling-factor,1));--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:calc(11.25rem * var(--ga-base-scaling-factor,1));--ga-size-content-xs:calc(15rem * var(--ga-base-scaling-factor,1));--ga-size-content-sm:calc(22.5rem * var(--ga-base-scaling-factor,1));--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:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--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:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(3rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--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:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--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);}}`, R = $`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);}`, d = {
|
|
3
|
+
S`: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 L = 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:calc(0.02rem * var(--ga-base-scaling-factor,1));--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:calc(0.0625rem * var(--ga-base-scaling-factor,1));--ga-size-2:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-4:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-6:calc(0.375rem * var(--ga-base-scaling-factor,1));--ga-size-8:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-10:calc(0.625rem * var(--ga-base-scaling-factor,1));--ga-size-11:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-size-12:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-14:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-size-16:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-18:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-size-20:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-size-24:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-28:calc(1.75rem * var(--ga-base-scaling-factor,1));--ga-size-32:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-36:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-size-40:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-44:calc(2.75rem * var(--ga-base-scaling-factor,1));--ga-size-48:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-56:calc(3.5rem * var(--ga-base-scaling-factor,1));--ga-size-64:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-80:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-96:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-112:calc(7rem * var(--ga-base-scaling-factor,1));--ga-size-128:calc(8rem * var(--ga-base-scaling-factor,1));--ga-size-144:calc(9rem * var(--ga-base-scaling-factor,1));--ga-size-160:calc(10rem * var(--ga-base-scaling-factor,1));--ga-size-192:calc(12rem * var(--ga-base-scaling-factor,1));--ga-size-224:calc(14rem * var(--ga-base-scaling-factor,1));--ga-size-256:calc(16rem * var(--ga-base-scaling-factor,1));--ga-size-288:calc(18rem * var(--ga-base-scaling-factor,1));--ga-size-320:calc(20rem * var(--ga-base-scaling-factor,1));--ga-size-352:calc(22rem * var(--ga-base-scaling-factor,1));--ga-size-384:calc(24rem * var(--ga-base-scaling-factor,1));--ga-size-416:calc(26rem * var(--ga-base-scaling-factor,1));--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:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-02:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-03:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-04:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-05:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-06:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-07:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-08:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-09:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-10:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-11:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-12:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-13:calc(10rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--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:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--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:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-style:normal;--ga-text-lg-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:calc(-0.011rem * var(--ga-base-scaling-factor,1));--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:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-style:normal;--ga-text-md-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:calc(-0.006rem * var(--ga-base-scaling-factor,1));--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:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-style:normal;--ga-text-sm-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--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:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--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:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-style:normal;--ga-text-xs-line-height:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:calc(0.005rem * var(--ga-base-scaling-factor,1));--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:calc(11.25rem * var(--ga-base-scaling-factor,1));--ga-size-content-xs:calc(15rem * var(--ga-base-scaling-factor,1));--ga-size-content-sm:calc(22.5rem * var(--ga-base-scaling-factor,1));--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:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--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:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(3rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--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:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--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);}}`, R = S`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);}`, d = {
|
|
5
5
|
circle: () => x`
|
|
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"/>
|
|
@@ -163,7 +163,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
163
163
|
noResultsFound: "No consultants found",
|
|
164
164
|
loading: "Loading consultants...",
|
|
165
165
|
confirmSingular: "Confirm {count} consultant",
|
|
166
|
-
confirmPlural: "Confirm {count} consultants"
|
|
166
|
+
confirmPlural: "Confirm {count} consultants",
|
|
167
|
+
alreadyAssignedLabel: "Already has access"
|
|
167
168
|
},
|
|
168
169
|
complete: {
|
|
169
170
|
title: "Setup complete!",
|
|
@@ -302,7 +303,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
302
303
|
noResultsFound: "Ingen konsulenter fundet",
|
|
303
304
|
loading: "Indlæser konsulenter...",
|
|
304
305
|
confirmSingular: "Bekræft {count} konsulent",
|
|
305
|
-
confirmPlural: "Bekræft {count} konsulenter"
|
|
306
|
+
confirmPlural: "Bekræft {count} konsulenter",
|
|
307
|
+
alreadyAssignedLabel: "Har allerede adgang"
|
|
306
308
|
},
|
|
307
309
|
complete: {
|
|
308
310
|
title: "Opsætning fuldført!",
|
|
@@ -441,7 +443,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
441
443
|
noResultsFound: "Konsultteja ei löydy",
|
|
442
444
|
loading: "Ladataan konsultteja...",
|
|
443
445
|
confirmSingular: "Vahvista {count} konsultti",
|
|
444
|
-
confirmPlural: "Vahvista {count} konsultit"
|
|
446
|
+
confirmPlural: "Vahvista {count} konsultit",
|
|
447
|
+
alreadyAssignedLabel: "Käyttöoikeus jo myönnetty"
|
|
445
448
|
},
|
|
446
449
|
complete: {
|
|
447
450
|
title: "Asetus valmis!",
|
|
@@ -580,7 +583,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
580
583
|
noResultsFound: "Ingen konsulenter funnet",
|
|
581
584
|
loading: "Laster konsulenter...",
|
|
582
585
|
confirmSingular: "Bekreft {count} konsulent",
|
|
583
|
-
confirmPlural: "Bekreft {count} konsulenter"
|
|
586
|
+
confirmPlural: "Bekreft {count} konsulenter",
|
|
587
|
+
alreadyAssignedLabel: "Har allerede tilgang"
|
|
584
588
|
},
|
|
585
589
|
complete: {
|
|
586
590
|
title: "Oppsett fullført!",
|
|
@@ -719,7 +723,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
719
723
|
noResultsFound: "Geen consultants gevonden",
|
|
720
724
|
loading: "Consultants laden...",
|
|
721
725
|
confirmSingular: "Bevestig {count} consultant",
|
|
722
|
-
confirmPlural: "Bevestig {count} consultants"
|
|
726
|
+
confirmPlural: "Bevestig {count} consultants",
|
|
727
|
+
alreadyAssignedLabel: "Heeft al toegang"
|
|
723
728
|
},
|
|
724
729
|
complete: {
|
|
725
730
|
title: "Installatie voltooid!",
|
|
@@ -858,7 +863,8 @@ const L = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
858
863
|
noResultsFound: "Inga konsulter hittades",
|
|
859
864
|
loading: "Laddar konsulter...",
|
|
860
865
|
confirmSingular: "Bekräfta {count} konsult",
|
|
861
|
-
confirmPlural: "Bekräfta {count} konsulter"
|
|
866
|
+
confirmPlural: "Bekräfta {count} konsulter",
|
|
867
|
+
alreadyAssignedLabel: "Har redan åtkomst"
|
|
862
868
|
},
|
|
863
869
|
complete: {
|
|
864
870
|
title: "Installation klar!",
|
|
@@ -1117,14 +1123,14 @@ class B {
|
|
|
1117
1123
|
// Retry function
|
|
1118
1124
|
);
|
|
1119
1125
|
else if (!(a.suppressErrorStatuses ?? []).includes(c.status)) {
|
|
1120
|
-
const P = this.getErrorKey(c.status),
|
|
1126
|
+
const P = this.getErrorKey(c.status), $ = await this.parseStructuredError(c);
|
|
1121
1127
|
this.emitErrorMessage(
|
|
1122
1128
|
c.status,
|
|
1123
1129
|
P,
|
|
1124
1130
|
t,
|
|
1125
1131
|
r,
|
|
1126
|
-
|
|
1127
|
-
|
|
1132
|
+
$ == null ? void 0 : $.code,
|
|
1133
|
+
$ == null ? void 0 : $.messageParameters
|
|
1128
1134
|
);
|
|
1129
1135
|
}
|
|
1130
1136
|
throw new U(c.status, c.statusText);
|
|
@@ -1287,7 +1293,7 @@ class B {
|
|
|
1287
1293
|
return this.request(t, { method: "PATCH", body: a, headers: r });
|
|
1288
1294
|
}
|
|
1289
1295
|
}
|
|
1290
|
-
const T =
|
|
1296
|
+
const T = S`: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;}`;
|
|
1291
1297
|
var V = Object.defineProperty, q = Object.getOwnPropertyDescriptor, F = (e, t, a, r) => {
|
|
1292
1298
|
for (var i = r > 1 ? void 0 : r ? q(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1293
1299
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
@@ -1340,7 +1346,7 @@ O.styles = [
|
|
|
1340
1346
|
L,
|
|
1341
1347
|
R,
|
|
1342
1348
|
T,
|
|
1343
|
-
|
|
1349
|
+
S`.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;}`
|
|
1344
1350
|
];
|
|
1345
1351
|
F([
|
|
1346
1352
|
g({ type: String })
|
|
@@ -1356,7 +1362,7 @@ var G = Object.defineProperty, K = Object.getOwnPropertyDescriptor, v = (e, t, a
|
|
|
1356
1362
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1357
1363
|
return r && i && G(t, a, i), i;
|
|
1358
1364
|
};
|
|
1359
|
-
const
|
|
1365
|
+
const A = ["NO", "SE", "DK", "FI", "NL"];
|
|
1360
1366
|
let u = class extends _ {
|
|
1361
1367
|
constructor() {
|
|
1362
1368
|
super(...arguments), this.locale = "en-GB", this.customer = null, this.subscriptions = { content: [], totalNumberOfRecords: 0 }, 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;
|
|
@@ -1445,17 +1451,17 @@ let u = class extends _ {
|
|
|
1445
1451
|
e.currentTarget.contains(e.relatedTarget) || (this.countryDropdownOpen = !1);
|
|
1446
1452
|
}
|
|
1447
1453
|
handleCountryKeydown(e) {
|
|
1448
|
-
const t =
|
|
1454
|
+
const t = A.indexOf(this.editCountryCode);
|
|
1449
1455
|
if (e.key === "ArrowDown") {
|
|
1450
1456
|
e.preventDefault(), this.countryDropdownOpen = !0;
|
|
1451
|
-
const a =
|
|
1457
|
+
const a = A[Math.min(t + 1, A.length - 1)];
|
|
1452
1458
|
this.editCountryCode = a, this.updateComplete.then(() => {
|
|
1453
1459
|
var r, i;
|
|
1454
1460
|
(i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-country-code="${a}"]`)) == null || i.focus();
|
|
1455
1461
|
});
|
|
1456
1462
|
} else if (e.key === "ArrowUp") {
|
|
1457
1463
|
e.preventDefault(), this.countryDropdownOpen = !0;
|
|
1458
|
-
const a =
|
|
1464
|
+
const a = A[Math.max(t - 1, 0)];
|
|
1459
1465
|
this.editCountryCode = a, this.updateComplete.then(() => {
|
|
1460
1466
|
var r, i;
|
|
1461
1467
|
(i = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-country-code="${a}"]`)) == null || i.focus();
|
|
@@ -1468,14 +1474,14 @@ let u = class extends _ {
|
|
|
1468
1474
|
e.preventDefault(), this.selectCountry(t);
|
|
1469
1475
|
else if (e.key === "ArrowDown") {
|
|
1470
1476
|
e.preventDefault();
|
|
1471
|
-
const i =
|
|
1477
|
+
const i = A.indexOf(t), o = A[Math.min(i + 1, A.length - 1)];
|
|
1472
1478
|
this.editCountryCode = o, this.updateComplete.then(() => {
|
|
1473
1479
|
var s, h;
|
|
1474
1480
|
(h = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || h.focus();
|
|
1475
1481
|
});
|
|
1476
1482
|
} else if (e.key === "ArrowUp") {
|
|
1477
1483
|
e.preventDefault();
|
|
1478
|
-
const i =
|
|
1484
|
+
const i = A.indexOf(t), o = A[Math.max(i - 1, 0)];
|
|
1479
1485
|
this.editCountryCode = o, this.updateComplete.then(() => {
|
|
1480
1486
|
var s, h;
|
|
1481
1487
|
(h = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || h.focus();
|
|
@@ -1643,7 +1649,7 @@ let u = class extends _ {
|
|
|
1643
1649
|
</button>
|
|
1644
1650
|
${this.countryDropdownOpen ? n`
|
|
1645
1651
|
<ul class="dropdown-menu" role="listbox" aria-label=${e.company.countryLabel}>
|
|
1646
|
-
${
|
|
1652
|
+
${A.map((i) => n`
|
|
1647
1653
|
<li
|
|
1648
1654
|
class="dropdown-option"
|
|
1649
1655
|
role="option"
|
|
@@ -1778,7 +1784,7 @@ u.styles = [
|
|
|
1778
1784
|
L,
|
|
1779
1785
|
R,
|
|
1780
1786
|
T,
|
|
1781
|
-
|
|
1787
|
+
S`: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-header--editing{margin-bottom:var(--ga-size-spacing-05);}.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-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);}.form-input--readonly{background:var(--ga-color-neutral-10);cursor:default;color:var(--ga-color-text-body);}.form-input--readonly.org-number{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);}.field-label-text{margin:0 0 var(--ga-size-spacing-01);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);}.company-name-input{width:var(--ga-size-content-xs);box-sizing:border-box;}.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-radius:var(--ga-radius);background:var(--ga-color-surface-page);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;}.edit-contact-btn{all:unset;display:inline-flex;align-items:center;align-self:flex-start;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-05);border:var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);border-radius:var(--ga-radius);background:var(--ga-color-white);color:var(--ga-color-text-body);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);font-family:var(--vsn-customer-onboarding-wizard-font-family);cursor:pointer;white-space:nowrap;box-sizing:border-box;}.edit-contact-btn:hover{background:var(--ga-color-secondary-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}h2[tabindex="-1"]:focus{outline:none;}`
|
|
1782
1788
|
];
|
|
1783
1789
|
v([
|
|
1784
1790
|
g({ type: Object })
|
|
@@ -2321,7 +2327,7 @@ b.styles = [
|
|
|
2321
2327
|
L,
|
|
2322
2328
|
R,
|
|
2323
2329
|
T,
|
|
2324
|
-
|
|
2330
|
+
S`.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;}`
|
|
2325
2331
|
];
|
|
2326
2332
|
E([
|
|
2327
2333
|
g({ type: Object })
|
|
@@ -2407,8 +2413,10 @@ let k = class extends _ {
|
|
|
2407
2413
|
return t === 0 ? e.common.confirm : (t === 1 ? e.partnerAccess.confirmSingular : e.partnerAccess.confirmPlural).replace("{count}", String(t));
|
|
2408
2414
|
}
|
|
2409
2415
|
toggleConsultant(e) {
|
|
2410
|
-
const t =
|
|
2411
|
-
t
|
|
2416
|
+
const t = this.consultants.find((r) => r.id === e);
|
|
2417
|
+
if (t != null && t.alreadyAssigned) return;
|
|
2418
|
+
const a = new Set(this.selectedIds);
|
|
2419
|
+
a.has(e) ? a.delete(e) : a.add(e), this.selectedIds = a;
|
|
2412
2420
|
}
|
|
2413
2421
|
async handleConfirm() {
|
|
2414
2422
|
if (!(this.isConfirming || this.isLoading) && !(!this.httpService || !this.customerId)) {
|
|
@@ -2426,20 +2434,33 @@ let k = class extends _ {
|
|
|
2426
2434
|
this.dispatchEvent(new CustomEvent("save-and-close", { bubbles: !0, composed: !0 }));
|
|
2427
2435
|
}
|
|
2428
2436
|
renderConsultantRow(e) {
|
|
2429
|
-
const t = this.selectedIds.has(e.id),
|
|
2437
|
+
const t = e.alreadyAssigned, a = t || this.selectedIds.has(e.id), r = `${e.firstName} ${e.lastName}`, i = [
|
|
2438
|
+
"consultant-row",
|
|
2439
|
+
a ? "consultant-row--selected" : "",
|
|
2440
|
+
t ? "consultant-row--disabled" : ""
|
|
2441
|
+
].filter(Boolean).join(" ");
|
|
2430
2442
|
return n`
|
|
2431
|
-
<label
|
|
2443
|
+
<label
|
|
2444
|
+
class="${i}"
|
|
2445
|
+
role="listitem"
|
|
2446
|
+
title=${t ? this.translations.partnerAccess.alreadyAssignedLabel : m}
|
|
2447
|
+
>
|
|
2432
2448
|
<input
|
|
2433
2449
|
type="checkbox"
|
|
2434
2450
|
class="sr-only"
|
|
2435
|
-
.checked=${
|
|
2451
|
+
.checked=${a}
|
|
2452
|
+
?disabled=${t}
|
|
2436
2453
|
@change=${() => this.toggleConsultant(e.id)}
|
|
2437
2454
|
/>
|
|
2438
|
-
<span
|
|
2439
|
-
${t ?
|
|
2455
|
+
<span
|
|
2456
|
+
class="checkbox-visual ${a ? "checkbox-visual--checked" : ""} ${t ? "checkbox-visual--disabled" : ""}"
|
|
2457
|
+
aria-hidden="true"
|
|
2458
|
+
>
|
|
2459
|
+
${a ? d.check() : m}
|
|
2440
2460
|
</span>
|
|
2441
|
-
<span class="consultant-name">${
|
|
2461
|
+
<span class="consultant-name">${r}</span>
|
|
2442
2462
|
<span class="consultant-email">${e.email}</span>
|
|
2463
|
+
${t ? n`<span class="assigned-label">${this.translations.partnerAccess.alreadyAssignedLabel}</span>` : m}
|
|
2443
2464
|
</label>
|
|
2444
2465
|
`;
|
|
2445
2466
|
}
|
|
@@ -2497,7 +2518,7 @@ k.styles = [
|
|
|
2497
2518
|
L,
|
|
2498
2519
|
R,
|
|
2499
2520
|
T,
|
|
2500
|
-
|
|
2521
|
+
S`.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):not(.consultant-row--disabled){background:var(--ga-color-neutral-10);}.consultant-row--disabled{cursor:default;}.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--disabled{background:var(--ga-color-neutral-60);border-color:var(--ga-color-neutral-60);}.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,.assigned-label{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{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-name{flex:7 1 0;}.consultant-email{flex:5 1 0;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;}`
|
|
2501
2522
|
];
|
|
2502
2523
|
N([
|
|
2503
2524
|
g({ type: Object })
|
|
@@ -2585,7 +2606,7 @@ I.styles = [
|
|
|
2585
2606
|
L,
|
|
2586
2607
|
R,
|
|
2587
2608
|
T,
|
|
2588
|
-
|
|
2609
|
+
S`.complete-content{display:flex;flex-direction:column;gap:var(--ga-size-spacing-06);margin:0 auto;width:100%;max-width:var(--ga-size-content-sm);min-height:270px;}.complete-content h2{margin:0;}.complete-body 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-05);}.complete-body p:last-child{margin-bottom:0;}.wizard-actions{border-top:none;}h2[tabindex="-1"]:focus{outline:none;}`
|
|
2589
2610
|
];
|
|
2590
2611
|
j([
|
|
2591
2612
|
g({ type: Object })
|
|
@@ -2934,7 +2955,7 @@ p.stepMap = {
|
|
|
2934
2955
|
p.styles = [
|
|
2935
2956
|
L,
|
|
2936
2957
|
R,
|
|
2937
|
-
|
|
2958
|
+
S`:host{display:block;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.overlay{position:fixed;inset:var(--vsn-customer-onboarding-wizard-navbar-height,var(--vsn-co-navbar-height,0px)) 0 0 0;background:var(--vsn-customer-onboarding-wizard-overlay-bg,var(--ga-color-miscellaneous-overlay));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-actions{display:flex;justify-content:flex-end;padding-top:var(--ga-size-spacing-05);border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);margin-top:var(--ga-size-spacing-05);}.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:var(--ga-color-surface-error);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-error);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;}`
|
|
2938
2959
|
];
|
|
2939
2960
|
y([
|
|
2940
2961
|
g({ type: String })
|