@alviere/ui 0.18.0 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +241 -220
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/dist/web-components.js +1 -1
- package/dist/web-components.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -6436,7 +6436,7 @@ var root_2$f = /* @__PURE__ */ from_html(`<span class="alviere-card-pan-input__r
|
|
|
6436
6436
|
var root_1$g = /* @__PURE__ */ from_html(`<label class="alviere-card-pan-input__label svelte-36vkx7"> <!></label>`);
|
|
6437
6437
|
var root_3$g = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__card-icon svelte-36vkx7"><!></div>`);
|
|
6438
6438
|
var root_4$d = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__error svelte-36vkx7" role="alert"> </div>`);
|
|
6439
|
-
var root$
|
|
6439
|
+
var root$l = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-card-pan-input__input svelte-36vkx7" spellcheck="false" maxlength="23"/> <!></div> <!></div>`);
|
|
6440
6440
|
const $$css$o = {
|
|
6441
6441
|
hash: "svelte-36vkx7",
|
|
6442
6442
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-card-pan-input.svelte-36vkx7 {position:relative;width:100%;}.alviere-card-pan-input__label.svelte-36vkx7 {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-card-pan-input__required.svelte-36vkx7 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-card-pan-input__error.svelte-36vkx7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-card-pan-input__warning.svelte-36vkx7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-card-pan-input__warning.svelte-36vkx7 svg {width:1rem;height:1rem;}.alviere-card-pan-input__wrapper.svelte-36vkx7 {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-card-pan-input__wrapper--focused.svelte-36vkx7 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-card-pan-input__wrapper--disabled.svelte-36vkx7 {background:#f4f4f5;cursor:not-allowed;}.alviere-card-pan-input__wrapper--readonly.svelte-36vkx7 {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-card-pan-input__wrapper--valid.svelte-36vkx7 {border-color:#436b1d;}.alviere-card-pan-input__wrapper--invalid.svelte-36vkx7 {border-color:#b3311f;}.alviere-card-pan-input__wrapper--warning.svelte-36vkx7 {border-color:#ffc107;}.alviere-card-pan-input__input.svelte-36vkx7 {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-card-pan-input__input.svelte-36vkx7::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-card-pan-input__input.svelte-36vkx7:disabled {cursor:not-allowed;color:#52525b;}.alviere-card-pan-input__input.svelte-36vkx7:read-only {cursor:default;color:#3f3f46;}.alviere-card-pan-input__validation-messages.svelte-36vkx7 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:2.5rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__label:where(.svelte-36vkx7) {font-size:1rem;}.alviere-card-pan-input--md.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:3.25rem;}.alviere-card-pan-input--md.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:3.75rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__label:where(.svelte-36vkx7) {font-size:1.25rem;}.alviere-card-pan-input.svelte-36vkx7:focus-within .alviere-card-pan-input__wrapper:where(.svelte-36vkx7):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-card-pan-input__input.svelte-36vkx7::placeholder {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-card-pan-input__card-icon.svelte-36vkx7 {display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:2rem;opacity:0.8;}.alviere-card-pan-input__card-icon.svelte-36vkx7 svg {width:100%;height:100%;fill:currentColor;display:block;}`
|
|
@@ -6760,7 +6760,7 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6760
6760
|
flushSync();
|
|
6761
6761
|
}
|
|
6762
6762
|
};
|
|
6763
|
-
var div = root$
|
|
6763
|
+
var div = root$l();
|
|
6764
6764
|
var node = child(div);
|
|
6765
6765
|
{
|
|
6766
6766
|
var consequent_1 = ($$anchor2) => {
|
|
@@ -6892,7 +6892,7 @@ var root_2$e = /* @__PURE__ */ from_html(`<span class="alviere-cvv-input__requir
|
|
|
6892
6892
|
var root_1$f = /* @__PURE__ */ from_html(`<label class="alviere-cvv-input__label svelte-15mfii7"> <!></label>`);
|
|
6893
6893
|
var root_3$f = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__code-type svelte-15mfii7"> </div>`);
|
|
6894
6894
|
var root_4$c = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__error svelte-15mfii7" role="alert"> </div>`);
|
|
6895
|
-
var root$
|
|
6895
|
+
var root$k = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-cvv-input__input svelte-15mfii7" spellcheck="false"/> <!></div> <!></div>`);
|
|
6896
6896
|
const $$css$n = {
|
|
6897
6897
|
hash: "svelte-15mfii7",
|
|
6898
6898
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-cvv-input.svelte-15mfii7 {position:relative;width:100%;}.alviere-cvv-input__label.svelte-15mfii7 {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-cvv-input__required.svelte-15mfii7 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-cvv-input__error.svelte-15mfii7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-cvv-input__warning.svelte-15mfii7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-cvv-input__warning.svelte-15mfii7 svg {width:1rem;height:1rem;}.alviere-cvv-input__wrapper.svelte-15mfii7 {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-cvv-input__wrapper--focused.svelte-15mfii7 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-cvv-input__wrapper--disabled.svelte-15mfii7 {background:#f4f4f5;cursor:not-allowed;}.alviere-cvv-input__wrapper--readonly.svelte-15mfii7 {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-cvv-input__wrapper--valid.svelte-15mfii7 {border-color:#436b1d;}.alviere-cvv-input__wrapper--invalid.svelte-15mfii7 {border-color:#b3311f;}.alviere-cvv-input__wrapper--warning.svelte-15mfii7 {border-color:#ffc107;}.alviere-cvv-input__input.svelte-15mfii7 {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-cvv-input__input.svelte-15mfii7::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-cvv-input__input.svelte-15mfii7:disabled {cursor:not-allowed;color:#52525b;}.alviere-cvv-input__input.svelte-15mfii7:read-only {cursor:default;color:#3f3f46;}.alviere-cvv-input__validation-messages.svelte-15mfii7 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:2.5rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__label:where(.svelte-15mfii7) {font-size:1rem;}.alviere-cvv-input--md.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:3.25rem;}.alviere-cvv-input--md.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:3.75rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__label:where(.svelte-15mfii7) {font-size:1.25rem;}.alviere-cvv-input.svelte-15mfii7:focus-within .alviere-cvv-input__wrapper:where(.svelte-15mfii7):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-cvv-input__input.svelte-15mfii7 {text-align:center;letter-spacing:0.125em;}.alviere-cvv-input__input.svelte-15mfii7::placeholder {letter-spacing:0.125em;}.alviere-cvv-input__code-type.svelte-15mfii7 {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__code-type:where(.svelte-15mfii7) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__code-type:where(.svelte-15mfii7) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-cvv-input.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {user-select:none;}`
|
|
@@ -7194,7 +7194,7 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7194
7194
|
flushSync();
|
|
7195
7195
|
}
|
|
7196
7196
|
};
|
|
7197
|
-
var div = root$
|
|
7197
|
+
var div = root$k();
|
|
7198
7198
|
var node = child(div);
|
|
7199
7199
|
{
|
|
7200
7200
|
var consequent_1 = ($$anchor2) => {
|
|
@@ -7337,7 +7337,7 @@ customElements.define("alviere-card-cvv-input", create_custom_element(
|
|
|
7337
7337
|
var root_2$d = /* @__PURE__ */ from_html(`<span class="alviere-exp-input__required svelte-1i578bj">*</span>`);
|
|
7338
7338
|
var root_1$e = /* @__PURE__ */ from_html(`<label class="alviere-exp-input__label svelte-1i578bj"> <!></label>`);
|
|
7339
7339
|
var root_3$e = /* @__PURE__ */ from_html(`<div class="alviere-exp-input__error svelte-1i578bj" role="alert"> </div>`);
|
|
7340
|
-
var root$
|
|
7340
|
+
var root$j = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" maxlength="5" class="alviere-exp-input__input svelte-1i578bj" spellcheck="false" aria-label="Card expiry date (MM/YY format)"/> <div class="alviere-exp-input__format-hint svelte-1i578bj" title="MM/YY format">MM/YY</div></div> <!></div>`);
|
|
7341
7341
|
const $$css$m = {
|
|
7342
7342
|
hash: "svelte-1i578bj",
|
|
7343
7343
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-exp-input.svelte-1i578bj {position:relative;width:100%;}.alviere-exp-input__label.svelte-1i578bj {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-exp-input__required.svelte-1i578bj {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-exp-input__error.svelte-1i578bj {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-exp-input__warning.svelte-1i578bj {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-exp-input__warning.svelte-1i578bj svg {width:1rem;height:1rem;}.alviere-exp-input__wrapper.svelte-1i578bj {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-exp-input__wrapper--focused.svelte-1i578bj {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-exp-input__wrapper--disabled.svelte-1i578bj {background:#f4f4f5;cursor:not-allowed;}.alviere-exp-input__wrapper--readonly.svelte-1i578bj {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-exp-input__wrapper--valid.svelte-1i578bj {border-color:#436b1d;}.alviere-exp-input__wrapper--invalid.svelte-1i578bj {border-color:#b3311f;}.alviere-exp-input__wrapper--warning.svelte-1i578bj {border-color:#ffc107;}.alviere-exp-input__input.svelte-1i578bj {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-exp-input__input.svelte-1i578bj::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-exp-input__input.svelte-1i578bj:disabled {cursor:not-allowed;color:#52525b;}.alviere-exp-input__input.svelte-1i578bj:read-only {cursor:default;color:#3f3f46;}.alviere-exp-input__validation-messages.svelte-1i578bj {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:2.5rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__label:where(.svelte-1i578bj) {font-size:1rem;}.alviere-exp-input--md.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:3.25rem;}.alviere-exp-input--md.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:3.75rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__label:where(.svelte-1i578bj) {font-size:1.25rem;}.alviere-exp-input.svelte-1i578bj:focus-within .alviere-exp-input__wrapper:where(.svelte-1i578bj):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-exp-input__input.svelte-1i578bj {text-align:center;letter-spacing:0.1em;min-width:4rem;}.alviere-exp-input__input.svelte-1i578bj::placeholder {letter-spacing:0.1em;opacity:0.7;}.alviere-exp-input__format-hint.svelte-1i578bj {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;color:#52525b;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.05em;opacity:0.8;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-exp-input__wrapper--focused.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {opacity:0.5;transform:scale(0.9);transition:opacity 150ms ease-in-out, transform 150ms ease-in-out;}.alviere-exp-input__validation-icon.svelte-1i578bj {
|
|
@@ -7657,7 +7657,7 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7657
7657
|
flushSync();
|
|
7658
7658
|
}
|
|
7659
7659
|
};
|
|
7660
|
-
var div = root$
|
|
7660
|
+
var div = root$j();
|
|
7661
7661
|
var node = child(div);
|
|
7662
7662
|
{
|
|
7663
7663
|
var consequent_1 = ($$anchor2) => {
|
|
@@ -7989,15 +7989,15 @@ var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__t
|
|
|
7989
7989
|
var root_3$d = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
|
|
7990
7990
|
var root_5$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__action-button svelte-1auzwdn"><span class="alviere-text-input__action-icon svelte-1auzwdn">?</span></button>`);
|
|
7991
7991
|
var root_7$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
|
|
7992
|
-
var root_8$
|
|
7992
|
+
var root_8$4 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
|
|
7993
7993
|
var root_6$6 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
|
|
7994
7994
|
var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
|
|
7995
|
-
var root_9$
|
|
7995
|
+
var root_9$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
|
|
7996
7996
|
var root_10$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
|
|
7997
|
-
var root_11$
|
|
7997
|
+
var root_11$2 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__help svelte-1auzwdn"><!> </div>`);
|
|
7998
7998
|
var root_12$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__error svelte-1auzwdn" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
7999
7999
|
var root_13$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__warning svelte-1auzwdn" role="status"><!> </div>`);
|
|
8000
|
-
var root$
|
|
8000
|
+
var root$i = /* @__PURE__ */ from_html(`<div><div><!> <!> <!> <!> <!></div> <div class="alviere-text-input__validation-messages svelte-1auzwdn"><!> <!> <!></div></div>`);
|
|
8001
8001
|
const $$css$l = {
|
|
8002
8002
|
hash: "svelte-1auzwdn",
|
|
8003
8003
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-text-input.svelte-1auzwdn {position:relative;width:100%;}.alviere-text-input__label.svelte-1auzwdn {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-text-input__required.svelte-1auzwdn {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-text-input__error.svelte-1auzwdn {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-text-input__warning.svelte-1auzwdn {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-text-input__warning.svelte-1auzwdn svg {width:1rem;height:1rem;}.alviere-text-input__wrapper.svelte-1auzwdn {position:relative;display:flex;align-items:flex-start;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-text-input__wrapper--focused.svelte-1auzwdn {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-text-input__wrapper--focused.svelte-1auzwdn:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-1auzwdn) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-text-input__wrapper--focused.svelte-1auzwdn:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-1auzwdn)::placeholder {opacity:1;}.alviere-text-input__wrapper--dirty.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-text-input__wrapper--disabled.svelte-1auzwdn {background:#f4f4f5;cursor:not-allowed;}.alviere-text-input__wrapper--readonly.svelte-1auzwdn {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-text-input__wrapper--valid.svelte-1auzwdn {border-color:#436b1d;}.alviere-text-input__wrapper--invalid.svelte-1auzwdn {border-color:#b3311f;}.alviere-text-input__wrapper--warning.svelte-1auzwdn {border-color:#ffc107;}.alviere-text-input__input.svelte-1auzwdn {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-text-input__input.svelte-1auzwdn::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-text-input__input.svelte-1auzwdn:disabled {cursor:not-allowed;color:#52525b;}.alviere-text-input__input.svelte-1auzwdn:read-only {cursor:default;color:#3f3f46;}.alviere-text-input__validation-messages.svelte-1auzwdn {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:2.5rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {font-size:1rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:3.25rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.25rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:3.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {font-size:1.25rem;}.alviere-text-input.svelte-1auzwdn:focus-within .alviere-text-input__wrapper:where(.svelte-1auzwdn):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-text-input__wrapper--textarea.svelte-1auzwdn {align-items:stretch;}.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn),
|
|
@@ -8504,7 +8504,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8504
8504
|
flushSync();
|
|
8505
8505
|
}
|
|
8506
8506
|
};
|
|
8507
|
-
var div = root$
|
|
8507
|
+
var div = root$i();
|
|
8508
8508
|
var div_1 = child(div);
|
|
8509
8509
|
let classes;
|
|
8510
8510
|
var node = child(div_1);
|
|
@@ -8640,7 +8640,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8640
8640
|
append($$anchor4, svg);
|
|
8641
8641
|
};
|
|
8642
8642
|
var alternate_1 = ($$anchor4) => {
|
|
8643
|
-
var svg_1 = root_8$
|
|
8643
|
+
var svg_1 = root_8$4();
|
|
8644
8644
|
append($$anchor4, svg_1);
|
|
8645
8645
|
};
|
|
8646
8646
|
if_block(node_5, ($$render) => {
|
|
@@ -8665,7 +8665,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8665
8665
|
var node_6 = sibling(node_2, 2);
|
|
8666
8666
|
{
|
|
8667
8667
|
var consequent_6 = ($$anchor2) => {
|
|
8668
|
-
var div_3 = root_9$
|
|
8668
|
+
var div_3 = root_9$4();
|
|
8669
8669
|
var text_1 = child(div_3);
|
|
8670
8670
|
reset(div_3);
|
|
8671
8671
|
template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}/${maxlength() ?? ""}`));
|
|
@@ -8690,7 +8690,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8690
8690
|
var node_8 = child(div_5);
|
|
8691
8691
|
{
|
|
8692
8692
|
var consequent_8 = ($$anchor2) => {
|
|
8693
|
-
var div_6 = root_11$
|
|
8693
|
+
var div_6 = root_11$2();
|
|
8694
8694
|
var node_9 = child(div_6);
|
|
8695
8695
|
html(node_9, () => infoIcon.outerHTML);
|
|
8696
8696
|
var text_2 = sibling(node_9);
|
|
@@ -8825,7 +8825,7 @@ customElements.define("alviere-text-input", create_custom_element(
|
|
|
8825
8825
|
));
|
|
8826
8826
|
var root_1$c = /* @__PURE__ */ from_html(`<div class="success-message svelte-1aekat9">✅ Payment instrument created successfully! <br/> <small class="svelte-1aekat9"> </small></div>`);
|
|
8827
8827
|
var root_2$b = /* @__PURE__ */ from_html(`<div class="error-message svelte-1aekat9"> </div>`);
|
|
8828
|
-
var root$
|
|
8828
|
+
var root$h = /* @__PURE__ */ from_html(`<div class="alviere-payment-instrument-form svelte-1aekat9"><h2 class="svelte-1aekat9">Add Payment Instrument</h2> <!> <!> <form novalidate=""><fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Card Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-row svelte-1aekat9"><div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Contact Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Billing Address</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-row svelte-1aekat9"><div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><label for="country" class="svelte-1aekat9">Country *</label> <select id="country" required class="svelte-1aekat9"><option>United States</option><option>Canada</option><option>Mexico</option></select></div></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Additional Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <div class="form-actions svelte-1aekat9"><button type="submit" class="submit-button svelte-1aekat9"> </button></div></form></div>`);
|
|
8829
8829
|
const $$css$k = {
|
|
8830
8830
|
hash: "svelte-1aekat9",
|
|
8831
8831
|
code: '@charset "UTF-8";.alviere-payment-instrument-form.svelte-1aekat9 {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;}.alviere-payment-instrument-form.svelte-1aekat9 h2:where(.svelte-1aekat9) {color:#27272a;margin-bottom:2rem;text-align:center;}.alviere-payment-instrument-form.svelte-1aekat9 fieldset:where(.svelte-1aekat9) {border:1px solid #d4d4d8;border-radius:0.25rem;padding:1.5rem;margin-bottom:2rem;background:#ffffff;}.alviere-payment-instrument-form.svelte-1aekat9 legend:where(.svelte-1aekat9) {font-weight:600;color:#3f3f46;padding:0 0.5rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-group:where(.svelte-1aekat9) {margin-bottom:1rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-row:where(.svelte-1aekat9) {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-actions:where(.svelte-1aekat9) {margin-top:24px;text-align:center;}.alviere-payment-instrument-form.svelte-1aekat9 .form-actions:where(.svelte-1aekat9) button:where(.svelte-1aekat9):disabled {opacity:0.6;cursor:not-allowed;}.alviere-payment-instrument-form.svelte-1aekat9 .success-message:where(.svelte-1aekat9) {padding:1rem;border-radius:0.25rem;margin-bottom:2rem;text-align:center;background:#d4edda;border:1px solid #c3e6cb;color:#155724;}.alviere-payment-instrument-form.svelte-1aekat9 .error-message:where(.svelte-1aekat9) {padding:1rem;border-radius:0.25rem;margin-bottom:2rem;text-align:center;background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9) {border:none;border-radius:0.25rem;font-family:"Darker Grotesque", sans-serif;font-size:1rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color 150ms ease-in-out;background:#27272a;color:#ffffff;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9):hover:not(:disabled) {background:#3f3f46;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9):disabled {background:#52525b;cursor:not-allowed;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9) {width:100%;padding:0.75rem;border:1px solid #d4d4d8;border-radius:0.25rem;font-size:1.25rem;line-height:1.5rem;transition:border-color 150ms ease-in-out;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9):focus {outline:none;border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9):disabled {background:#f4f4f5;cursor:not-allowed;}.alviere-payment-instrument-form.svelte-1aekat9 label:where(.svelte-1aekat9) {display:block;margin-bottom:0.5rem;font-weight:500;color:#3f3f46;}.alviere-payment-instrument-form.svelte-1aekat9 small:where(.svelte-1aekat9) {display:block;margin-top:4px;color:#52525b;font-size:1rem;}'
|
|
@@ -9000,7 +9000,7 @@ function AddPaymentInstrument($$anchor, $$props) {
|
|
|
9000
9000
|
flushSync();
|
|
9001
9001
|
}
|
|
9002
9002
|
};
|
|
9003
|
-
var div = root$
|
|
9003
|
+
var div = root$h();
|
|
9004
9004
|
var node = sibling(child(div), 2);
|
|
9005
9005
|
{
|
|
9006
9006
|
var consequent = ($$anchor2) => {
|
|
@@ -9593,7 +9593,7 @@ var root_3$c = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__requi
|
|
|
9593
9593
|
var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
|
|
9594
9594
|
var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__error svelte-15yozux" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
9595
9595
|
var root_6$5 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"><!> </div>`);
|
|
9596
|
-
var root$
|
|
9596
|
+
var root$g = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
|
|
9597
9597
|
const $$css$j = {
|
|
9598
9598
|
hash: "svelte-15yozux",
|
|
9599
9599
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-phone-input.svelte-15yozux {position:relative;width:100%;}.alviere-phone-input__label.svelte-15yozux {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-phone-input__required.svelte-15yozux {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-phone-input__error.svelte-15yozux {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-phone-input__warning.svelte-15yozux {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-phone-input__warning.svelte-15yozux svg {width:1rem;height:1rem;}.alviere-phone-input__wrapper.svelte-15yozux {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-phone-input__wrapper--focused.svelte-15yozux {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-15yozux),
|
|
@@ -9949,7 +9949,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9949
9949
|
flushSync();
|
|
9950
9950
|
}
|
|
9951
9951
|
};
|
|
9952
|
-
var div = root$
|
|
9952
|
+
var div = root$g();
|
|
9953
9953
|
var div_1 = child(div);
|
|
9954
9954
|
var node = child(div_1);
|
|
9955
9955
|
{
|
|
@@ -10127,7 +10127,7 @@ var root_1$a = /* @__PURE__ */ from_html(`<label class="alviere-date-of-birth-in
|
|
|
10127
10127
|
var root_2$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__required svelte-1ooun91">Required</div>`);
|
|
10128
10128
|
var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__error svelte-1ooun91" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
10129
10129
|
var root_4$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__warning svelte-1ooun91" role="status"> </div>`);
|
|
10130
|
-
var root$
|
|
10130
|
+
var root$f = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" maxlength="10"/></div> <div class="alviere-date-of-birth-input__validation-messages svelte-1ooun91"><!> <!> <!></div></div>`);
|
|
10131
10131
|
const $$css$i = {
|
|
10132
10132
|
hash: "svelte-1ooun91",
|
|
10133
10133
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-date-of-birth-input.svelte-1ooun91 {position:relative;width:100%;}.alviere-date-of-birth-input__label.svelte-1ooun91 {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-date-of-birth-input__required.svelte-1ooun91 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-date-of-birth-input__error.svelte-1ooun91 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-date-of-birth-input__warning.svelte-1ooun91 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-date-of-birth-input__warning.svelte-1ooun91 svg {width:1rem;height:1rem;}.alviere-date-of-birth-input__wrapper.svelte-1ooun91 {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-1ooun91),
|
|
@@ -10493,7 +10493,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10493
10493
|
flushSync();
|
|
10494
10494
|
}
|
|
10495
10495
|
};
|
|
10496
|
-
var div = root$
|
|
10496
|
+
var div = root$f();
|
|
10497
10497
|
var div_1 = child(div);
|
|
10498
10498
|
var node = child(div_1);
|
|
10499
10499
|
{
|
|
@@ -10629,7 +10629,7 @@ var root_1$9 = /* @__PURE__ */ from_html(`<label class="alviere-currency-input__
|
|
|
10629
10629
|
var root_2$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__required svelte-qcuhgv">Required</div>`);
|
|
10630
10630
|
var root_3$a = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__error svelte-qcuhgv" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
10631
10631
|
var root_4$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__help-text"> </div>`);
|
|
10632
|
-
var root$
|
|
10632
|
+
var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/></div> <div class="alviere-currency-input__validation-messages svelte-qcuhgv"><!> <!> <!></div></div>`);
|
|
10633
10633
|
const $$css$h = {
|
|
10634
10634
|
hash: "svelte-qcuhgv",
|
|
10635
10635
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-currency-input.svelte-qcuhgv {position:relative;width:100%;}.alviere-currency-input__label.svelte-qcuhgv {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-currency-input__required.svelte-qcuhgv {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-currency-input__error.svelte-qcuhgv {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-currency-input__warning.svelte-qcuhgv {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-currency-input__warning.svelte-qcuhgv svg {width:1rem;height:1rem;}.alviere-currency-input__wrapper.svelte-qcuhgv {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-currency-input__wrapper--focused.svelte-qcuhgv {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-qcuhgv),
|
|
@@ -11107,7 +11107,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
11107
11107
|
flushSync();
|
|
11108
11108
|
}
|
|
11109
11109
|
};
|
|
11110
|
-
var div = root$
|
|
11110
|
+
var div = root$e();
|
|
11111
11111
|
var div_1 = child(div);
|
|
11112
11112
|
var node = child(div_1);
|
|
11113
11113
|
{
|
|
@@ -11257,7 +11257,7 @@ var root_1$8 = /* @__PURE__ */ from_html(`<label class="alviere-ein-input__label
|
|
|
11257
11257
|
var root_2$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__required svelte-w5ixut">Required</div>`);
|
|
11258
11258
|
var root_3$9 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__error svelte-w5ixut" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
11259
11259
|
var root_4$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__warning svelte-w5ixut" role="status"><!> <span> </span></div>`);
|
|
11260
|
-
var root$
|
|
11260
|
+
var root$d = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/> <!></div> <div class="alviere-ein-input__validation-messages svelte-w5ixut"><!> <!></div></div>`);
|
|
11261
11261
|
const $$css$g = {
|
|
11262
11262
|
hash: "svelte-w5ixut",
|
|
11263
11263
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-ein-input.svelte-w5ixut {position:relative;width:100%;}.alviere-ein-input__label.svelte-w5ixut {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-ein-input__required.svelte-w5ixut {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-ein-input__error.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-ein-input__warning.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-ein-input__warning.svelte-w5ixut svg {width:1rem;height:1rem;}.alviere-ein-input__wrapper.svelte-w5ixut {position:relative;display:flex;align-items:"flex-start";background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-ein-input__wrapper--focused.svelte-w5ixut {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-w5ixut),
|
|
@@ -11669,7 +11669,7 @@ function EinInput($$anchor, $$props) {
|
|
|
11669
11669
|
flushSync();
|
|
11670
11670
|
}
|
|
11671
11671
|
};
|
|
11672
|
-
var div = root$
|
|
11672
|
+
var div = root$d();
|
|
11673
11673
|
var div_1 = child(div);
|
|
11674
11674
|
var node = child(div_1);
|
|
11675
11675
|
{
|
|
@@ -11827,13 +11827,13 @@ var root_2$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__dis
|
|
|
11827
11827
|
var root_3$8 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-search-select__clear-button svelte-roni7d" aria-label="Clear selection"><!></button>`);
|
|
11828
11828
|
var root_4$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
|
|
11829
11829
|
var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
|
|
11830
|
-
var root_8$
|
|
11830
|
+
var root_8$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
|
|
11831
11831
|
var root_10$3 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
|
|
11832
11832
|
var root_5$5 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
|
|
11833
|
-
var root_11$
|
|
11833
|
+
var root_11$1 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__help svelte-roni7d"> </div>`);
|
|
11834
11834
|
var root_12$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__error svelte-roni7d" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
11835
11835
|
var root_13$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__warning svelte-roni7d" role="status"><!> </div>`);
|
|
11836
|
-
var root$
|
|
11836
|
+
var root$c = /* @__PURE__ */ from_html(`<div><div class="alviere-search-select__container svelte-roni7d"><div><!> <input type="text" class="alviere-search-select__input svelte-roni7d" role="combobox" aria-haspopup="listbox"/> <!> <div class="alviere-search-select__actions svelte-roni7d"><!> <button type="button" tabindex="-1" aria-hidden="true"><!></button></div> <!></div> <!></div> <div class="alviere-search-select__validation-messages svelte-roni7d"><!> <!> <!></div></div>`);
|
|
11837
11837
|
const $$css$f = {
|
|
11838
11838
|
hash: "svelte-roni7d",
|
|
11839
11839
|
code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-search-select.svelte-roni7d {position:relative;width:100%;}.alviere-search-select__label.svelte-roni7d {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-search-select__required.svelte-roni7d {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-search-select__error.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d svg {width:1rem;height:1rem;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}
|
|
@@ -12349,7 +12349,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12349
12349
|
flushSync();
|
|
12350
12350
|
}
|
|
12351
12351
|
};
|
|
12352
|
-
var div = root$
|
|
12352
|
+
var div = root$c();
|
|
12353
12353
|
var div_1 = child(div);
|
|
12354
12354
|
var div_2 = child(div_1);
|
|
12355
12355
|
let classes;
|
|
@@ -12451,7 +12451,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12451
12451
|
var node_8 = first_child(fragment);
|
|
12452
12452
|
{
|
|
12453
12453
|
var consequent_5 = ($$anchor4) => {
|
|
12454
|
-
var div_9 = root_8$
|
|
12454
|
+
var div_9 = root_8$3();
|
|
12455
12455
|
var text_3 = child(div_9, true);
|
|
12456
12456
|
reset(div_9);
|
|
12457
12457
|
template_effect(() => set_text(text_3, noOptionsMessage()));
|
|
@@ -12522,7 +12522,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12522
12522
|
var node_10 = child(div_11);
|
|
12523
12523
|
{
|
|
12524
12524
|
var consequent_7 = ($$anchor2) => {
|
|
12525
|
-
var div_12 = root_11$
|
|
12525
|
+
var div_12 = root_11$1();
|
|
12526
12526
|
var text_5 = child(div_12, true);
|
|
12527
12527
|
reset(div_12);
|
|
12528
12528
|
template_effect(() => set_text(text_5, helpText()));
|
|
@@ -12652,6 +12652,7 @@ customElements.define("alviere-search-select", create_custom_element(
|
|
|
12652
12652
|
true
|
|
12653
12653
|
));
|
|
12654
12654
|
var root_1$6 = /* @__PURE__ */ from_html(`<div><span class="alviere-callout__icon svelte-1bs0r0z"><!></span> <span class="alviere-callout__text svelte-1bs0r0z"> </span></div>`);
|
|
12655
|
+
var root$b = /* @__PURE__ */ from_html(`<div aria-atomic="true"><!></div>`);
|
|
12655
12656
|
const $$css$e = {
|
|
12656
12657
|
hash: "svelte-1bs0r0z",
|
|
12657
12658
|
code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-callout.svelte-1bs0r0z {display:flex;align-items:center;gap:0.5rem;padding:1rem;border:1px solid;border-radius:0.25rem;background:transparent;text-align:left;font-size:0.75rem;line-height:1.25;}.alviere-callout__icon.svelte-1bs0r0z {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.alviere-callout__text.svelte-1bs0r0z {flex:1;white-space:pre-line;}.alviere-callout.svelte-1bs0r0z svg {width:1.25rem;height:1.25rem;}.alviere-callout--warning.svelte-1bs0r0z {border-color:var(--alv-color-warning, #ffeaa7);color:var(--alv-color-warning-text, #856404);}.alviere-callout--warning.svelte-1bs0r0z .alviere-callout__icon:where(.svelte-1bs0r0z) {color:var(--alv-color-warning-text, #856404);}.alviere-callout--info.svelte-1bs0r0z {border-color:var(--alv-color-info-border, #bee5eb);color:var(--alv-color-info-text, #0c5460);}.alviere-callout--info.svelte-1bs0r0z .alviere-callout__icon:where(.svelte-1bs0r0z) {color:var(--alv-color-info, #175db8);}"
|
|
@@ -12695,32 +12696,35 @@ function Callout($$anchor, $$props) {
|
|
|
12695
12696
|
flushSync();
|
|
12696
12697
|
}
|
|
12697
12698
|
};
|
|
12698
|
-
var
|
|
12699
|
-
var node =
|
|
12699
|
+
var div = root$b();
|
|
12700
|
+
var node = child(div);
|
|
12700
12701
|
{
|
|
12701
12702
|
var consequent = ($$anchor2) => {
|
|
12702
|
-
var
|
|
12703
|
-
var span = child(
|
|
12703
|
+
var div_1 = root_1$6();
|
|
12704
|
+
var span = child(div_1);
|
|
12704
12705
|
var node_1 = child(span);
|
|
12705
12706
|
html(node_1, () => get$1(icon).outerHTML);
|
|
12706
12707
|
reset(span);
|
|
12707
12708
|
var span_1 = sibling(span, 2);
|
|
12708
12709
|
var text2 = child(span_1, true);
|
|
12709
12710
|
reset(span_1);
|
|
12710
|
-
reset(
|
|
12711
|
+
reset(div_1);
|
|
12711
12712
|
template_effect(() => {
|
|
12712
|
-
set_class(
|
|
12713
|
-
set_attribute(div, "role", role());
|
|
12714
|
-
set_attribute(div, "aria-live", ariaLive());
|
|
12713
|
+
set_class(div_1, 1, clsx(get$1(calloutClass)), "svelte-1bs0r0z");
|
|
12715
12714
|
set_text(text2, get$1(normalizedMessage));
|
|
12716
12715
|
});
|
|
12717
|
-
append($$anchor2,
|
|
12716
|
+
append($$anchor2, div_1);
|
|
12718
12717
|
};
|
|
12719
12718
|
if_block(node, ($$render) => {
|
|
12720
12719
|
if (get$1(normalizedMessage)) $$render(consequent);
|
|
12721
12720
|
});
|
|
12722
12721
|
}
|
|
12723
|
-
|
|
12722
|
+
reset(div);
|
|
12723
|
+
template_effect(() => {
|
|
12724
|
+
set_attribute(div, "role", role());
|
|
12725
|
+
set_attribute(div, "aria-live", ariaLive());
|
|
12726
|
+
});
|
|
12727
|
+
append($$anchor, div);
|
|
12724
12728
|
return pop($$exports);
|
|
12725
12729
|
}
|
|
12726
12730
|
customElements.define("alviere-callout", create_custom_element(Callout, { message: {}, variant: {}, role: {}, ariaLive: {} }, [], [], true));
|
|
@@ -14148,10 +14152,10 @@ var root_3$7 = /* @__PURE__ */ from_html(`<div><alviere-spinner><span slot="mess
|
|
|
14148
14152
|
var root_12$1 = /* @__PURE__ */ from_html(`<div class="pending-user-description svelte-oq2xej"><!></div>`);
|
|
14149
14153
|
var root_15$2 = /* @__PURE__ */ from_html(`<div class="form-row svelte-oq2xej"></div>`);
|
|
14150
14154
|
var root_13$2 = /* @__PURE__ */ from_html(`<div class="form-section svelte-oq2xej"><h3 class="svelte-oq2xej"> </h3> <!></div>`);
|
|
14151
|
-
var root_27 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
|
|
14155
|
+
var root_27$1 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
|
|
14152
14156
|
var root_28$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-oq2xej"> </span>`);
|
|
14153
14157
|
var root_30 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-oq2xej"> </span>`);
|
|
14154
|
-
var root_26
|
|
14158
|
+
var root_26 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
14155
14159
|
var root$9 = /* @__PURE__ */ from_html(`<div class="alviere-create-account svelte-oq2xej"><!> <!> <!> <form novalidate=""><!> <!> <div class="form-actions svelte-oq2xej"><div class="form-status svelte-oq2xej"><!></div> <alviere-button><!></alviere-button></div></form></div>`, 2);
|
|
14156
14160
|
const $$css$c = {
|
|
14157
14161
|
hash: "svelte-oq2xej",
|
|
@@ -16083,11 +16087,11 @@ function CreateAccount($$anchor, $$props) {
|
|
|
16083
16087
|
var node_17 = child(div_6);
|
|
16084
16088
|
{
|
|
16085
16089
|
var consequent_17 = ($$anchor2) => {
|
|
16086
|
-
var fragment_20 = root_26
|
|
16090
|
+
var fragment_20 = root_26();
|
|
16087
16091
|
var node_18 = first_child(fragment_20);
|
|
16088
16092
|
{
|
|
16089
16093
|
var consequent_14 = ($$anchor3) => {
|
|
16090
|
-
var span_1 = root_27();
|
|
16094
|
+
var span_1 = root_27$1();
|
|
16091
16095
|
var text_7 = child(span_1, true);
|
|
16092
16096
|
reset(span_1);
|
|
16093
16097
|
template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
|
|
@@ -16451,26 +16455,25 @@ const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640
|
|
|
16451
16455
|
var root_2$4 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
16452
16456
|
var root_5$4 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
|
|
16453
16457
|
var root_7$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
|
|
16454
|
-
var root_8$
|
|
16458
|
+
var root_8$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value description svelte-t9z8bl"> </span></div>`);
|
|
16455
16459
|
var root_6$3 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!>`, 1);
|
|
16456
|
-
var root_9$
|
|
16460
|
+
var root_9$3 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
|
|
16457
16461
|
var root_4$5 = /* @__PURE__ */ from_html(`<alviere-list-item><div slot="leading"><alviere-badge> </alviere-badge></div> <div slot="primary-text"><span> </span></div> <div slot="badges"><!></div> <div slot="actions"><alviere-button></alviere-button> <alviere-button></alviere-button></div> <div slot="expanded-content"><div class="bank-accounts-section__card-content svelte-t9z8bl"><div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!></div></div></alviere-list-item>`, 2);
|
|
16458
16462
|
var root_10$2 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
|
|
16459
|
-
var
|
|
16460
|
-
var
|
|
16461
|
-
var
|
|
16462
|
-
var root_16$1 = /* @__PURE__ */ from_html(`<
|
|
16463
|
-
var
|
|
16464
|
-
var
|
|
16465
|
-
var root_18$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"
|
|
16466
|
-
var
|
|
16467
|
-
var
|
|
16468
|
-
var
|
|
16469
|
-
var
|
|
16470
|
-
var
|
|
16471
|
-
var root_28 = /* @__PURE__ */ from_html(`<
|
|
16472
|
-
var
|
|
16473
|
-
var root_12 = /* @__PURE__ */ from_html(`<form novalidate="" class="alviere-add-bank-account__form svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl"> </h2> <!></div> <div class="alviere-add-bank-account__form__section"><!> <div class="alviere-add-bank-account__form__row svelte-t9z8bl"><alviere-checkbox></alviere-checkbox></div></div> <div class="form-actions svelte-t9z8bl"><div class="form-status svelte-t9z8bl"><!></div> <!> <alviere-button> </alviere-button></div></form>`, 2);
|
|
16463
|
+
var root_3$6 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl"> </h2> <alviere-button> </alviere-button></div> <alviere-list></alviere-list> <div class="alviere-add-bank-account__footer svelte-t9z8bl"><!> <div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div> <alviere-button> </alviere-button></div></div>`, 2);
|
|
16464
|
+
var root_12 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label" aria-hidden="true"> </span></alviere-button>`, 2);
|
|
16465
|
+
var root_15$1 = /* @__PURE__ */ from_html(`<div class="routing-info svelte-t9z8bl"><div class="routing-info-header svelte-t9z8bl"><span class="bank-name svelte-t9z8bl"> </span></div></div>`);
|
|
16466
|
+
var root_16$1 = /* @__PURE__ */ from_html(`<alviere-spinner></alviere-spinner>`, 2);
|
|
16467
|
+
var root_14$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
16468
|
+
var root_17$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!></div>`);
|
|
16469
|
+
var root_18$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
|
|
16470
|
+
var root_20$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
|
|
16471
|
+
var root_13$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row alviere-add-bank-account__form__row--banking-info svelte-t9z8bl"><alviere-badge> </alviere-badge> <!></div> <!> <!> <!>`, 3);
|
|
16472
|
+
var root_23$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl" role="alert"> </span>`);
|
|
16473
|
+
var root_25 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl"> </span>`);
|
|
16474
|
+
var root_27 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-t9z8bl"> </span>`);
|
|
16475
|
+
var root_28 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div>`);
|
|
16476
|
+
var root_11 = /* @__PURE__ */ from_html(`<form novalidate="" class="alviere-add-bank-account__form svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl"> </h2> <!></div> <div class="alviere-add-bank-account__form__section"><!> <div class="alviere-add-bank-account__form__row svelte-t9z8bl"><alviere-checkbox></alviere-checkbox></div></div> <div class="form-actions svelte-t9z8bl"><div class="form-status svelte-t9z8bl"><!></div> <!> <alviere-button> </alviere-button></div></form>`, 2);
|
|
16474
16477
|
var root$8 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account svelte-t9z8bl"><!> <!> <!> <!></div> <alviere-modal><div class="alviere-add-bank-account__routing-help svelte-t9z8bl"><!> <p class="alviere-add-bank-account__routing-help-text svelte-t9z8bl"> </p></div></alviere-modal> <alviere-modal><div class="alviere-add-bank-account__routing-help svelte-t9z8bl"><!> <p class="alviere-add-bank-account__routing-help-text svelte-t9z8bl"> </p></div></alviere-modal>`, 3);
|
|
16475
16478
|
const $$css$b = {
|
|
16476
16479
|
hash: "svelte-t9z8bl",
|
|
@@ -17237,7 +17240,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17237
17240
|
}
|
|
17238
17241
|
var node_2 = sibling(node_1, 2);
|
|
17239
17242
|
{
|
|
17240
|
-
var
|
|
17243
|
+
var consequent_8 = ($$anchor2) => {
|
|
17241
17244
|
var div_2 = root_3$6();
|
|
17242
17245
|
var div_3 = child(div_2);
|
|
17243
17246
|
var h2 = child(div_3);
|
|
@@ -17247,6 +17250,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17247
17250
|
set_custom_element_data(alviere_button, "variant", "secondary");
|
|
17248
17251
|
set_custom_element_data(alviere_button, "handler", () => set(showAddForm, true));
|
|
17249
17252
|
set_custom_element_data(alviere_button, "iconName", "Plus");
|
|
17253
|
+
template_effect(() => set_custom_element_data(alviere_button, "ariaLabel", getLabel("addNewBankAccountLabel", "Add New Bank Account")));
|
|
17250
17254
|
var text_1 = child(alviere_button, true);
|
|
17251
17255
|
reset(alviere_button);
|
|
17252
17256
|
reset(div_3);
|
|
@@ -17370,7 +17374,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17370
17374
|
var node_6 = sibling(node_5, 2);
|
|
17371
17375
|
{
|
|
17372
17376
|
var consequent_4 = ($$anchor5) => {
|
|
17373
|
-
var div_14 = root_8$
|
|
17377
|
+
var div_14 = root_8$2();
|
|
17374
17378
|
var span_9 = child(div_14);
|
|
17375
17379
|
var text_13 = child(span_9);
|
|
17376
17380
|
reset(span_9);
|
|
@@ -17407,7 +17411,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17407
17411
|
var node_7 = sibling(node_4, 2);
|
|
17408
17412
|
{
|
|
17409
17413
|
var consequent_6 = ($$anchor4) => {
|
|
17410
|
-
var div_15 = root_9$
|
|
17414
|
+
var div_15 = root_9$3();
|
|
17411
17415
|
var span_11 = child(div_15);
|
|
17412
17416
|
var text_15 = child(span_11);
|
|
17413
17417
|
reset(span_11);
|
|
@@ -17465,28 +17469,20 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17465
17469
|
if (get$1(formError) && !get$1(isFormBusy)) $$render(consequent_7);
|
|
17466
17470
|
});
|
|
17467
17471
|
}
|
|
17468
|
-
var
|
|
17472
|
+
var div_18 = sibling(node_8, 2);
|
|
17473
|
+
let styles;
|
|
17474
|
+
var node_9 = child(div_18);
|
|
17469
17475
|
{
|
|
17470
|
-
|
|
17471
|
-
|
|
17472
|
-
|
|
17473
|
-
{
|
|
17474
|
-
|
|
17475
|
-
Callout(node_10, {
|
|
17476
|
-
variant: "info",
|
|
17477
|
-
get message() {
|
|
17478
|
-
return get$1($0);
|
|
17479
|
-
}
|
|
17480
|
-
});
|
|
17476
|
+
let $0 = /* @__PURE__ */ user_derived(() => get$1(proceedPrenoteMessage) || "");
|
|
17477
|
+
Callout(node_9, {
|
|
17478
|
+
variant: "info",
|
|
17479
|
+
get message() {
|
|
17480
|
+
return get$1($0);
|
|
17481
17481
|
}
|
|
17482
|
-
reset(div_18);
|
|
17483
|
-
append($$anchor3, div_18);
|
|
17484
|
-
};
|
|
17485
|
-
if_block(node_9, ($$render) => {
|
|
17486
|
-
if (get$1(proceedPrenoteMessage)) $$render(consequent_8);
|
|
17487
17482
|
});
|
|
17488
17483
|
}
|
|
17489
|
-
|
|
17484
|
+
reset(div_18);
|
|
17485
|
+
var alviere_button_3 = sibling(div_18, 2);
|
|
17490
17486
|
set_custom_element_data(alviere_button_3, "variant", "primary");
|
|
17491
17487
|
set_custom_element_data(alviere_button_3, "size", "md");
|
|
17492
17488
|
template_effect(() => set_custom_element_data(alviere_button_3, "disabled", !get$1(hasSelectedBankAccount)));
|
|
@@ -17527,6 +17523,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17527
17523
|
($0, $1, $2) => {
|
|
17528
17524
|
set_text(text2, `${$0 ?? ""} (${get$1(bankAccounts).bank_accounts.length ?? ""})`);
|
|
17529
17525
|
set_text(text_1, $1);
|
|
17526
|
+
styles = set_style(div_18, "", styles, {
|
|
17527
|
+
"margin-bottom": get$1(proceedPrenoteMessage) ? void 0 : "0"
|
|
17528
|
+
});
|
|
17530
17529
|
set_text(text_18, $2);
|
|
17531
17530
|
},
|
|
17532
17531
|
[
|
|
@@ -17538,21 +17537,21 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17538
17537
|
append($$anchor2, div_2);
|
|
17539
17538
|
};
|
|
17540
17539
|
if_block(node_2, ($$render) => {
|
|
17541
|
-
if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(
|
|
17540
|
+
if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_8);
|
|
17542
17541
|
});
|
|
17543
17542
|
}
|
|
17544
|
-
var
|
|
17543
|
+
var node_10 = sibling(node_2, 2);
|
|
17545
17544
|
{
|
|
17546
|
-
var
|
|
17547
|
-
var form =
|
|
17545
|
+
var consequent_24 = ($$anchor2) => {
|
|
17546
|
+
var form = root_11();
|
|
17548
17547
|
var div_19 = child(form);
|
|
17549
17548
|
var h2_1 = child(div_19);
|
|
17550
17549
|
var text_19 = child(h2_1, true);
|
|
17551
17550
|
reset(h2_1);
|
|
17552
|
-
var
|
|
17551
|
+
var node_11 = sibling(h2_1, 2);
|
|
17553
17552
|
{
|
|
17554
|
-
var
|
|
17555
|
-
var alviere_button_4 =
|
|
17553
|
+
var consequent_9 = ($$anchor3) => {
|
|
17554
|
+
var alviere_button_4 = root_12();
|
|
17556
17555
|
set_custom_element_data(alviere_button_4, "type", "button");
|
|
17557
17556
|
set_custom_element_data(alviere_button_4, "variant", "secondary");
|
|
17558
17557
|
set_custom_element_data(alviere_button_4, "handler", () => {
|
|
@@ -17560,6 +17559,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17560
17559
|
set(formError, null);
|
|
17561
17560
|
});
|
|
17562
17561
|
set_custom_element_data(alviere_button_4, "iconName", "X");
|
|
17562
|
+
template_effect(() => set_custom_element_data(alviere_button_4, "ariaLabel", getLabel("backToBankAccountsLabel", "Back to Bank Accounts")));
|
|
17563
17563
|
var span_14 = child(alviere_button_4);
|
|
17564
17564
|
var text_20 = child(span_14, true);
|
|
17565
17565
|
reset(span_14);
|
|
@@ -17569,30 +17569,30 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17569
17569
|
]);
|
|
17570
17570
|
append($$anchor3, alviere_button_4);
|
|
17571
17571
|
};
|
|
17572
|
-
if_block(
|
|
17573
|
-
if (get$1(bankAccounts).bank_accounts.length > 0) $$render(
|
|
17572
|
+
if_block(node_11, ($$render) => {
|
|
17573
|
+
if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_9);
|
|
17574
17574
|
});
|
|
17575
17575
|
}
|
|
17576
17576
|
reset(div_19);
|
|
17577
17577
|
var div_20 = sibling(div_19, 2);
|
|
17578
|
-
var
|
|
17578
|
+
var node_12 = child(div_20);
|
|
17579
17579
|
{
|
|
17580
|
-
var
|
|
17581
|
-
var fragment_3 =
|
|
17580
|
+
var consequent_18 = ($$anchor3) => {
|
|
17581
|
+
var fragment_3 = root_13$1();
|
|
17582
17582
|
var div_21 = first_child(fragment_3);
|
|
17583
17583
|
var alviere_badge_2 = child(div_21);
|
|
17584
17584
|
set_custom_element_data(alviere_badge_2, "size", "sm");
|
|
17585
17585
|
set_custom_element_data(alviere_badge_2, "variant", "tertiary");
|
|
17586
17586
|
var text_21 = child(alviere_badge_2, true);
|
|
17587
17587
|
reset(alviere_badge_2);
|
|
17588
|
-
var
|
|
17588
|
+
var node_13 = sibling(alviere_badge_2, 2);
|
|
17589
17589
|
{
|
|
17590
|
-
var
|
|
17591
|
-
var fragment_4 =
|
|
17592
|
-
var
|
|
17590
|
+
var consequent_12 = ($$anchor4) => {
|
|
17591
|
+
var fragment_4 = root_14$1();
|
|
17592
|
+
var node_14 = first_child(fragment_4);
|
|
17593
17593
|
{
|
|
17594
|
-
var
|
|
17595
|
-
var div_22 =
|
|
17594
|
+
var consequent_10 = ($$anchor5) => {
|
|
17595
|
+
var div_22 = root_15$1();
|
|
17596
17596
|
var div_23 = child(div_22);
|
|
17597
17597
|
var span_15 = child(div_23);
|
|
17598
17598
|
var text_22 = child(span_15, true);
|
|
@@ -17605,41 +17605,41 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17605
17605
|
});
|
|
17606
17606
|
append($$anchor5, div_22);
|
|
17607
17607
|
};
|
|
17608
|
-
if_block(
|
|
17609
|
-
if (get$1(bankInfo)) $$render(
|
|
17608
|
+
if_block(node_14, ($$render) => {
|
|
17609
|
+
if (get$1(bankInfo)) $$render(consequent_10);
|
|
17610
17610
|
});
|
|
17611
17611
|
}
|
|
17612
|
-
var
|
|
17612
|
+
var node_15 = sibling(node_14, 2);
|
|
17613
17613
|
{
|
|
17614
|
-
var
|
|
17615
|
-
var alviere_spinner_1 =
|
|
17614
|
+
var consequent_11 = ($$anchor5) => {
|
|
17615
|
+
var alviere_spinner_1 = root_16$1();
|
|
17616
17616
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
17617
17617
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
17618
17618
|
append($$anchor5, alviere_spinner_1);
|
|
17619
17619
|
};
|
|
17620
|
-
if_block(
|
|
17621
|
-
if (get$1(isLoadingBankInfo)) $$render(
|
|
17620
|
+
if_block(node_15, ($$render) => {
|
|
17621
|
+
if (get$1(isLoadingBankInfo)) $$render(consequent_11);
|
|
17622
17622
|
});
|
|
17623
17623
|
}
|
|
17624
17624
|
append($$anchor4, fragment_4);
|
|
17625
17625
|
};
|
|
17626
|
-
if_block(
|
|
17627
|
-
if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(
|
|
17626
|
+
if_block(node_13, ($$render) => {
|
|
17627
|
+
if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(consequent_12);
|
|
17628
17628
|
});
|
|
17629
17629
|
}
|
|
17630
17630
|
reset(div_21);
|
|
17631
|
-
var
|
|
17631
|
+
var node_16 = sibling(div_21, 2);
|
|
17632
17632
|
{
|
|
17633
|
-
var
|
|
17634
|
-
var div_24 =
|
|
17635
|
-
var
|
|
17633
|
+
var consequent_13 = ($$anchor4) => {
|
|
17634
|
+
var div_24 = root_17$1();
|
|
17635
|
+
var node_17 = child(div_24);
|
|
17636
17636
|
{
|
|
17637
17637
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
|
|
17638
17638
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
|
|
17639
17639
|
let $2 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_type"));
|
|
17640
17640
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
|
|
17641
17641
|
let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
|
|
17642
|
-
SearchSelect(
|
|
17642
|
+
SearchSelect(node_17, {
|
|
17643
17643
|
get label() {
|
|
17644
17644
|
return get$1($0);
|
|
17645
17645
|
},
|
|
@@ -17678,15 +17678,15 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17678
17678
|
reset(div_24);
|
|
17679
17679
|
append($$anchor4, div_24);
|
|
17680
17680
|
};
|
|
17681
|
-
if_block(
|
|
17682
|
-
if (get$1(shouldShowAccountType)) $$render(
|
|
17681
|
+
if_block(node_16, ($$render) => {
|
|
17682
|
+
if (get$1(shouldShowAccountType)) $$render(consequent_13);
|
|
17683
17683
|
});
|
|
17684
17684
|
}
|
|
17685
|
-
var
|
|
17685
|
+
var node_18 = sibling(node_16, 2);
|
|
17686
17686
|
{
|
|
17687
|
-
var
|
|
17688
|
-
var div_25 =
|
|
17689
|
-
var
|
|
17687
|
+
var consequent_15 = ($$anchor4) => {
|
|
17688
|
+
var div_25 = root_18$1();
|
|
17689
|
+
var node_19 = child(div_25);
|
|
17690
17690
|
{
|
|
17691
17691
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
|
|
17692
17692
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
|
|
@@ -17694,7 +17694,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17694
17694
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_routing_number"));
|
|
17695
17695
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
|
|
17696
17696
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
|
|
17697
|
-
TextInput(
|
|
17697
|
+
TextInput(node_19, {
|
|
17698
17698
|
get value() {
|
|
17699
17699
|
return baseForm.state.formData.ach_details.routing_number;
|
|
17700
17700
|
},
|
|
@@ -17744,9 +17744,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17744
17744
|
}
|
|
17745
17745
|
});
|
|
17746
17746
|
}
|
|
17747
|
-
var
|
|
17747
|
+
var node_20 = sibling(node_19, 2);
|
|
17748
17748
|
{
|
|
17749
|
-
var
|
|
17749
|
+
var consequent_14 = ($$anchor5) => {
|
|
17750
17750
|
{
|
|
17751
17751
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
|
|
17752
17752
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
|
|
@@ -17794,22 +17794,22 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17794
17794
|
});
|
|
17795
17795
|
}
|
|
17796
17796
|
};
|
|
17797
|
-
if_block(
|
|
17798
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17797
|
+
if_block(node_20, ($$render) => {
|
|
17798
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_14);
|
|
17799
17799
|
});
|
|
17800
17800
|
}
|
|
17801
17801
|
reset(div_25);
|
|
17802
17802
|
append($$anchor4, div_25);
|
|
17803
17803
|
};
|
|
17804
|
-
if_block(
|
|
17805
|
-
if (get$1(shouldShowRoutingNumber)) $$render(
|
|
17804
|
+
if_block(node_18, ($$render) => {
|
|
17805
|
+
if (get$1(shouldShowRoutingNumber)) $$render(consequent_15);
|
|
17806
17806
|
});
|
|
17807
17807
|
}
|
|
17808
|
-
var
|
|
17808
|
+
var node_21 = sibling(node_18, 2);
|
|
17809
17809
|
{
|
|
17810
|
-
var
|
|
17811
|
-
var div_26 =
|
|
17812
|
-
var
|
|
17810
|
+
var consequent_17 = ($$anchor4) => {
|
|
17811
|
+
var div_26 = root_20$1();
|
|
17812
|
+
var node_22 = child(div_26);
|
|
17813
17813
|
{
|
|
17814
17814
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
|
|
17815
17815
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_number"));
|
|
@@ -17817,7 +17817,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17817
17817
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_number"));
|
|
17818
17818
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
|
|
17819
17819
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
|
|
17820
|
-
TextInput(
|
|
17820
|
+
TextInput(node_22, {
|
|
17821
17821
|
get value() {
|
|
17822
17822
|
return baseForm.state.formData.ach_details.account_number;
|
|
17823
17823
|
},
|
|
@@ -17862,9 +17862,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17862
17862
|
onblur: () => baseForm.handlers.handleFieldBlur("ach_account_number")
|
|
17863
17863
|
});
|
|
17864
17864
|
}
|
|
17865
|
-
var
|
|
17865
|
+
var node_23 = sibling(node_22, 2);
|
|
17866
17866
|
{
|
|
17867
|
-
var
|
|
17867
|
+
var consequent_16 = ($$anchor5) => {
|
|
17868
17868
|
{
|
|
17869
17869
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
|
|
17870
17870
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
|
|
@@ -17913,25 +17913,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17913
17913
|
});
|
|
17914
17914
|
}
|
|
17915
17915
|
};
|
|
17916
|
-
if_block(
|
|
17917
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17916
|
+
if_block(node_23, ($$render) => {
|
|
17917
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_16);
|
|
17918
17918
|
});
|
|
17919
17919
|
}
|
|
17920
17920
|
reset(div_26);
|
|
17921
17921
|
append($$anchor4, div_26);
|
|
17922
17922
|
};
|
|
17923
|
-
if_block(
|
|
17924
|
-
if (get$1(shouldShowAccountNumber)) $$render(
|
|
17923
|
+
if_block(node_21, ($$render) => {
|
|
17924
|
+
if (get$1(shouldShowAccountNumber)) $$render(consequent_17);
|
|
17925
17925
|
});
|
|
17926
17926
|
}
|
|
17927
17927
|
template_effect(($0) => set_text(text_21, $0), [() => getLabel("achBadgeLabel", "ACH")]);
|
|
17928
17928
|
append($$anchor3, fragment_3);
|
|
17929
17929
|
};
|
|
17930
|
-
if_block(
|
|
17931
|
-
if (baseForm.state.formData.bankAccountType === "ACH") $$render(
|
|
17930
|
+
if_block(node_12, ($$render) => {
|
|
17931
|
+
if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_18);
|
|
17932
17932
|
});
|
|
17933
17933
|
}
|
|
17934
|
-
var div_27 = sibling(
|
|
17934
|
+
var div_27 = sibling(node_12, 2);
|
|
17935
17935
|
var alviere_checkbox = child(div_27);
|
|
17936
17936
|
template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(bankAccounts).bank_accounts.length === 0 ? true : baseForm.state.formData.primary));
|
|
17937
17937
|
template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("makePrimaryBankAccountLabel", "Make this my primary bank account")));
|
|
@@ -17948,14 +17948,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17948
17948
|
reset(div_20);
|
|
17949
17949
|
var div_28 = sibling(div_20, 2);
|
|
17950
17950
|
var div_29 = child(div_28);
|
|
17951
|
-
var
|
|
17951
|
+
var node_24 = child(div_29);
|
|
17952
17952
|
{
|
|
17953
|
-
var
|
|
17953
|
+
var consequent_22 = ($$anchor3) => {
|
|
17954
17954
|
var fragment_7 = comment();
|
|
17955
|
-
var
|
|
17955
|
+
var node_25 = first_child(fragment_7);
|
|
17956
17956
|
{
|
|
17957
|
-
var
|
|
17958
|
-
var span_16 =
|
|
17957
|
+
var consequent_19 = ($$anchor4) => {
|
|
17958
|
+
var span_16 = root_23$1();
|
|
17959
17959
|
var text_23 = child(span_16, true);
|
|
17960
17960
|
reset(span_16);
|
|
17961
17961
|
template_effect(() => set_text(text_23, get$1(formError)));
|
|
@@ -17963,10 +17963,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17963
17963
|
};
|
|
17964
17964
|
var alternate_1 = ($$anchor4) => {
|
|
17965
17965
|
var fragment_8 = comment();
|
|
17966
|
-
var
|
|
17966
|
+
var node_26 = first_child(fragment_8);
|
|
17967
17967
|
{
|
|
17968
|
-
var
|
|
17969
|
-
var span_17 =
|
|
17968
|
+
var consequent_20 = ($$anchor5) => {
|
|
17969
|
+
var span_17 = root_25();
|
|
17970
17970
|
var text_24 = child(span_17, true);
|
|
17971
17971
|
reset(span_17);
|
|
17972
17972
|
template_effect(($0) => set_text(text_24, $0), [
|
|
@@ -17976,10 +17976,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17976
17976
|
};
|
|
17977
17977
|
var alternate = ($$anchor5) => {
|
|
17978
17978
|
var fragment_9 = comment();
|
|
17979
|
-
var
|
|
17979
|
+
var node_27 = first_child(fragment_9);
|
|
17980
17980
|
{
|
|
17981
|
-
var
|
|
17982
|
-
var span_18 =
|
|
17981
|
+
var consequent_21 = ($$anchor6) => {
|
|
17982
|
+
var span_18 = root_27();
|
|
17983
17983
|
var text_25 = child(span_18, true);
|
|
17984
17984
|
reset(span_18);
|
|
17985
17985
|
template_effect(($0) => set_text(text_25, $0), [
|
|
@@ -17988,9 +17988,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17988
17988
|
append($$anchor6, span_18);
|
|
17989
17989
|
};
|
|
17990
17990
|
if_block(
|
|
17991
|
-
|
|
17991
|
+
node_27,
|
|
17992
17992
|
($$render) => {
|
|
17993
|
-
if (!baseForm.computed.canSubmit) $$render(
|
|
17993
|
+
if (!baseForm.computed.canSubmit) $$render(consequent_21);
|
|
17994
17994
|
},
|
|
17995
17995
|
true
|
|
17996
17996
|
);
|
|
@@ -17998,9 +17998,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17998
17998
|
append($$anchor5, fragment_9);
|
|
17999
17999
|
};
|
|
18000
18000
|
if_block(
|
|
18001
|
-
|
|
18001
|
+
node_26,
|
|
18002
18002
|
($$render) => {
|
|
18003
|
-
if (baseForm.computed.hasErrors) $$render(
|
|
18003
|
+
if (baseForm.computed.hasErrors) $$render(consequent_20);
|
|
18004
18004
|
else $$render(alternate, false);
|
|
18005
18005
|
},
|
|
18006
18006
|
true
|
|
@@ -18008,26 +18008,26 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18008
18008
|
}
|
|
18009
18009
|
append($$anchor4, fragment_8);
|
|
18010
18010
|
};
|
|
18011
|
-
if_block(
|
|
18012
|
-
if (get$1(formError)) $$render(
|
|
18011
|
+
if_block(node_25, ($$render) => {
|
|
18012
|
+
if (get$1(formError)) $$render(consequent_19);
|
|
18013
18013
|
else $$render(alternate_1, false);
|
|
18014
18014
|
});
|
|
18015
18015
|
}
|
|
18016
18016
|
append($$anchor3, fragment_7);
|
|
18017
18017
|
};
|
|
18018
|
-
if_block(
|
|
18019
|
-
if (!get$1(isFormBusy)) $$render(
|
|
18018
|
+
if_block(node_24, ($$render) => {
|
|
18019
|
+
if (!get$1(isFormBusy)) $$render(consequent_22);
|
|
18020
18020
|
});
|
|
18021
18021
|
}
|
|
18022
18022
|
reset(div_29);
|
|
18023
|
-
var
|
|
18023
|
+
var node_28 = sibling(div_29, 2);
|
|
18024
18024
|
{
|
|
18025
|
-
var
|
|
18026
|
-
var div_30 =
|
|
18027
|
-
var
|
|
18025
|
+
var consequent_23 = ($$anchor3) => {
|
|
18026
|
+
var div_30 = root_28();
|
|
18027
|
+
var node_29 = child(div_30);
|
|
18028
18028
|
{
|
|
18029
18029
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(addFormPrenoteMessage) || "");
|
|
18030
|
-
Callout(
|
|
18030
|
+
Callout(node_29, {
|
|
18031
18031
|
variant: "info",
|
|
18032
18032
|
get message() {
|
|
18033
18033
|
return get$1($0);
|
|
@@ -18037,11 +18037,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18037
18037
|
reset(div_30);
|
|
18038
18038
|
append($$anchor3, div_30);
|
|
18039
18039
|
};
|
|
18040
|
-
if_block(
|
|
18041
|
-
if (get$1(addFormPrenoteMessage)) $$render(
|
|
18040
|
+
if_block(node_28, ($$render) => {
|
|
18041
|
+
if (get$1(addFormPrenoteMessage)) $$render(consequent_23);
|
|
18042
18042
|
});
|
|
18043
18043
|
}
|
|
18044
|
-
var alviere_button_5 = sibling(
|
|
18044
|
+
var alviere_button_5 = sibling(node_28, 2);
|
|
18045
18045
|
set_custom_element_data(alviere_button_5, "type", "submit");
|
|
18046
18046
|
set_custom_element_data(alviere_button_5, "variant", "primary");
|
|
18047
18047
|
set_custom_element_data(alviere_button_5, "size", "md");
|
|
@@ -18068,8 +18068,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18068
18068
|
event$1("submit", form, handleAddBankAccount);
|
|
18069
18069
|
append($$anchor2, form);
|
|
18070
18070
|
};
|
|
18071
|
-
if_block(
|
|
18072
|
-
if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(
|
|
18071
|
+
if_block(node_10, ($$render) => {
|
|
18072
|
+
if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_24);
|
|
18073
18073
|
});
|
|
18074
18074
|
}
|
|
18075
18075
|
reset(div);
|
|
@@ -18078,9 +18078,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18078
18078
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isRoutingHelpOpen)));
|
|
18079
18079
|
template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
|
|
18080
18080
|
var div_31 = child(alviere_modal);
|
|
18081
|
-
var
|
|
18082
|
-
html(
|
|
18083
|
-
var p = sibling(
|
|
18081
|
+
var node_30 = child(div_31);
|
|
18082
|
+
html(node_30, () => routingNumberHelpSvg);
|
|
18083
|
+
var p = sibling(node_30, 2);
|
|
18084
18084
|
var text_27 = child(p, true);
|
|
18085
18085
|
reset(p);
|
|
18086
18086
|
reset(div_31);
|
|
@@ -18089,9 +18089,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18089
18089
|
template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
|
|
18090
18090
|
template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
|
|
18091
18091
|
var div_32 = child(alviere_modal_1);
|
|
18092
|
-
var
|
|
18093
|
-
html(
|
|
18094
|
-
var p_1 = sibling(
|
|
18092
|
+
var node_31 = child(div_32);
|
|
18093
|
+
html(node_31, () => accountNumberHelpSvg);
|
|
18094
|
+
var p_1 = sibling(node_31, 2);
|
|
18095
18095
|
var text_28 = child(p_1, true);
|
|
18096
18096
|
reset(p_1);
|
|
18097
18097
|
reset(div_32);
|
|
@@ -18227,11 +18227,10 @@ var root_3$5 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-curr
|
|
|
18227
18227
|
var root_5$3 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div>`);
|
|
18228
18228
|
var root_4$4 = /* @__PURE__ */ from_html(`<section class="alviere-checkout-confirm__summary svelte-1l48sab"><div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <!> <div class="alviere-checkout-confirm__summary-divider svelte-1l48sab" aria-hidden="true"></div> <div class="alviere-checkout-confirm__summary-row alviere-checkout-confirm__summary-row--total svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div></section>`);
|
|
18229
18229
|
var root_6$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <alviere-legal-text-consent></alviere-legal-text-consent></div>`, 2);
|
|
18230
|
-
var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-
|
|
18231
|
-
var
|
|
18232
|
-
var root_10$1 = /* @__PURE__ */ from_html(`<
|
|
18233
|
-
var
|
|
18234
|
-
var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <!></div></div>`);
|
|
18230
|
+
var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-loading svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18231
|
+
var root_9$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-error svelte-1l48sab"><!> <alviere-button> </alviere-button></div>`, 2);
|
|
18232
|
+
var root_10$1 = /* @__PURE__ */ from_html(`<alviere-button> </alviere-button>`, 2);
|
|
18233
|
+
var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <div class="alviere-checkout-confirm__timing-info svelte-1l48sab"><!></div> <!></div></div>`);
|
|
18235
18234
|
const $$css$a = {
|
|
18236
18235
|
hash: "svelte-1l48sab",
|
|
18237
18236
|
code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm__legal-texts-loading.svelte-1l48sab {display:flex;justify-content:center;padding:1rem 0;}.alviere-checkout-confirm__legal-texts-error.svelte-1l48sab {display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
|
|
@@ -18632,31 +18631,22 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18632
18631
|
if (legalTextsResolver.requiresLegalTexts) $$render(consequent_4);
|
|
18633
18632
|
});
|
|
18634
18633
|
}
|
|
18635
|
-
var
|
|
18634
|
+
var div_8 = sibling(node_4, 2);
|
|
18635
|
+
var node_5 = child(div_8);
|
|
18636
18636
|
{
|
|
18637
|
-
|
|
18638
|
-
|
|
18639
|
-
|
|
18640
|
-
{
|
|
18641
|
-
|
|
18642
|
-
Callout(node_6, {
|
|
18643
|
-
variant: "info",
|
|
18644
|
-
get message() {
|
|
18645
|
-
return get$1($0);
|
|
18646
|
-
}
|
|
18647
|
-
});
|
|
18637
|
+
let $0 = /* @__PURE__ */ user_derived(() => get$1(paymentTimingMessage) || "");
|
|
18638
|
+
Callout(node_5, {
|
|
18639
|
+
variant: "info",
|
|
18640
|
+
get message() {
|
|
18641
|
+
return get$1($0);
|
|
18648
18642
|
}
|
|
18649
|
-
reset(div_8);
|
|
18650
|
-
append($$anchor2, div_8);
|
|
18651
|
-
};
|
|
18652
|
-
if_block(node_5, ($$render) => {
|
|
18653
|
-
if (get$1(paymentTimingMessage)) $$render(consequent_5);
|
|
18654
18643
|
});
|
|
18655
18644
|
}
|
|
18656
|
-
|
|
18645
|
+
reset(div_8);
|
|
18646
|
+
var node_6 = sibling(div_8, 2);
|
|
18657
18647
|
{
|
|
18658
|
-
var
|
|
18659
|
-
var div_9 =
|
|
18648
|
+
var consequent_5 = ($$anchor2) => {
|
|
18649
|
+
var div_9 = root_7$1();
|
|
18660
18650
|
var alviere_spinner_1 = child(div_9);
|
|
18661
18651
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
18662
18652
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
@@ -18665,21 +18655,21 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18665
18655
|
};
|
|
18666
18656
|
var alternate_2 = ($$anchor2) => {
|
|
18667
18657
|
var fragment_1 = comment();
|
|
18668
|
-
var
|
|
18658
|
+
var node_7 = first_child(fragment_1);
|
|
18669
18659
|
{
|
|
18670
|
-
var
|
|
18671
|
-
var div_10 =
|
|
18672
|
-
var
|
|
18660
|
+
var consequent_6 = ($$anchor3) => {
|
|
18661
|
+
var div_10 = root_9$2();
|
|
18662
|
+
var node_8 = child(div_10);
|
|
18673
18663
|
{
|
|
18674
18664
|
let $0 = /* @__PURE__ */ user_derived(() => getLabel("legalTextsErrorLabel", "Unable to load required agreements. Check your connection and try again."));
|
|
18675
|
-
Callout(
|
|
18665
|
+
Callout(node_8, {
|
|
18676
18666
|
variant: "warning",
|
|
18677
18667
|
get message() {
|
|
18678
18668
|
return get$1($0);
|
|
18679
18669
|
}
|
|
18680
18670
|
});
|
|
18681
18671
|
}
|
|
18682
|
-
var alviere_button = sibling(
|
|
18672
|
+
var alviere_button = sibling(node_8, 2);
|
|
18683
18673
|
set_custom_element_data(alviere_button, "variant", "secondary");
|
|
18684
18674
|
set_custom_element_data(alviere_button, "size", "md");
|
|
18685
18675
|
template_effect(() => set_custom_element_data(alviere_button, "handler", legalTextsResolver.retry));
|
|
@@ -18691,7 +18681,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18691
18681
|
append($$anchor3, div_10);
|
|
18692
18682
|
};
|
|
18693
18683
|
var alternate_1 = ($$anchor3) => {
|
|
18694
|
-
var alviere_button_1 =
|
|
18684
|
+
var alviere_button_1 = root_10$1();
|
|
18695
18685
|
set_custom_element_data(alviere_button_1, "variant", "primary");
|
|
18696
18686
|
set_custom_element_data(alviere_button_1, "size", "md");
|
|
18697
18687
|
set_custom_element_data(alviere_button_1, "handler", handlePay);
|
|
@@ -18703,9 +18693,9 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18703
18693
|
append($$anchor3, alviere_button_1);
|
|
18704
18694
|
};
|
|
18705
18695
|
if_block(
|
|
18706
|
-
|
|
18696
|
+
node_7,
|
|
18707
18697
|
($$render) => {
|
|
18708
|
-
if (legalTextsResolver.error) $$render(
|
|
18698
|
+
if (legalTextsResolver.error) $$render(consequent_6);
|
|
18709
18699
|
else $$render(alternate_1, false);
|
|
18710
18700
|
},
|
|
18711
18701
|
true
|
|
@@ -18713,8 +18703,8 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18713
18703
|
}
|
|
18714
18704
|
append($$anchor2, fragment_1);
|
|
18715
18705
|
};
|
|
18716
|
-
if_block(
|
|
18717
|
-
if (!legalTextsResolver.hasResolved) $$render(
|
|
18706
|
+
if_block(node_6, ($$render) => {
|
|
18707
|
+
if (!legalTextsResolver.hasResolved) $$render(consequent_5);
|
|
18718
18708
|
else $$render(alternate_2, false);
|
|
18719
18709
|
});
|
|
18720
18710
|
}
|
|
@@ -19403,7 +19393,7 @@ customElements.define("alviere-checkbox", create_custom_element(
|
|
|
19403
19393
|
));
|
|
19404
19394
|
var root_1$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__loading svelte-te6ayp"><alviere-spinner></alviere-spinner> <span>Loading terms...</span></div>`, 2);
|
|
19405
19395
|
var root_3$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__error svelte-te6ayp"> </div>`);
|
|
19406
|
-
var root_5$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__item svelte-te6ayp"><alviere-checkbox><span slot="label" class="legal-text-consent__label svelte-te6ayp"><span>I agree to the</span> <button type="button" class="legal-text-consent__link svelte-te6ayp"> </button></span></alviere-checkbox></div>`, 2);
|
|
19396
|
+
var root_5$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__item svelte-te6ayp"><alviere-checkbox><span slot="label" class="legal-text-consent__label svelte-te6ayp"><span>I agree to the</span> <button type="button" class="legal-text-consent__link svelte-te6ayp" aria-haspopup="dialog"> </button></span></alviere-checkbox></div>`, 2);
|
|
19407
19397
|
var root_6$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-text svelte-te6ayp"> </div>`);
|
|
19408
19398
|
var root_8$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-loading svelte-te6ayp"><alviere-spinner></alviere-spinner> <span>Loading terms...</span></div>`, 2);
|
|
19409
19399
|
var root_9$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-empty svelte-te6ayp">Unable to load the legal text for this document.</div>`);
|
|
@@ -19628,12 +19618,22 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19628
19618
|
reset(span);
|
|
19629
19619
|
reset(alviere_checkbox);
|
|
19630
19620
|
reset(div_3);
|
|
19631
|
-
template_effect(
|
|
19632
|
-
() => {
|
|
19633
|
-
|
|
19634
|
-
|
|
19635
|
-
}
|
|
19636
|
-
|
|
19621
|
+
template_effect(
|
|
19622
|
+
($0, $1) => {
|
|
19623
|
+
set_attribute(button, "aria-label", $0);
|
|
19624
|
+
set_text(text_2, $1);
|
|
19625
|
+
},
|
|
19626
|
+
[
|
|
19627
|
+
() => {
|
|
19628
|
+
var _a2;
|
|
19629
|
+
return ((_a2 = get$1(item).legalText) == null ? void 0 : _a2.title) || get$1(item).label || formatTypeLabel(get$1(item).type);
|
|
19630
|
+
},
|
|
19631
|
+
() => {
|
|
19632
|
+
var _a2;
|
|
19633
|
+
return ((_a2 = get$1(item).legalText) == null ? void 0 : _a2.title) || get$1(item).label || formatTypeLabel(get$1(item).type);
|
|
19634
|
+
}
|
|
19635
|
+
]
|
|
19636
|
+
);
|
|
19637
19637
|
append($$anchor4, div_3);
|
|
19638
19638
|
});
|
|
19639
19639
|
append($$anchor3, fragment_2);
|
|
@@ -19714,7 +19714,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19714
19714
|
delegate(["change", "click"]);
|
|
19715
19715
|
create_custom_element(LegalTextConsent, { documents: {}, jwt: {}, debug: {}, resolvedDocuments: {} }, [], [], true);
|
|
19716
19716
|
var root_4$2 = /* @__PURE__ */ from_html(`<alviere-button></alviere-button>`, 2);
|
|
19717
|
-
var root_2$1 = /* @__PURE__ */ from_html(`<div class="alviere-modal svelte-14kdpon"><button type="button" class="alviere-modal__backdrop svelte-14kdpon" aria-label="Close modal" tabindex="-1"></button> <div class="alviere-modal__dialog svelte-14kdpon" role="dialog" aria-modal="true"><div class="alviere-modal__header svelte-14kdpon"><div class="alviere-modal__title svelte-14kdpon"><!></div> <!></div> <div class="alviere-modal__body svelte-14kdpon"><!></div> <div class="alviere-modal__footer svelte-14kdpon"><!></div></div></div>`);
|
|
19717
|
+
var root_2$1 = /* @__PURE__ */ from_html(`<div class="alviere-modal svelte-14kdpon"><button type="button" class="alviere-modal__backdrop svelte-14kdpon" aria-label="Close modal" tabindex="-1"></button> <div class="alviere-modal__dialog svelte-14kdpon" role="dialog" aria-modal="true" tabindex="-1"><div class="alviere-modal__header svelte-14kdpon"><div class="alviere-modal__title svelte-14kdpon"><!></div> <!></div> <div class="alviere-modal__body svelte-14kdpon"><!></div> <div class="alviere-modal__footer svelte-14kdpon"><!></div></div></div>`);
|
|
19718
19718
|
const $$css$3 = {
|
|
19719
19719
|
hash: "svelte-14kdpon",
|
|
19720
19720
|
code: ".alviere-modal.svelte-14kdpon {position:fixed;inset:0;z-index:var(--alv-z-modal, 1050);display:grid;place-items:center;}.alviere-modal__backdrop.svelte-14kdpon {position:fixed;inset:0;background:rgba(12, 18, 28, 0.6);z-index:var(--alv-z-modal-backdrop, 1040);border:none;padding:0;margin:0;}.alviere-modal__dialog.svelte-14kdpon {position:relative;z-index:var(--alv-z-modal, 1050);width:min(720px, 92vw);max-height:85vh;background:var(--alv-color-surface, #ffffff);border-radius:16px;box-shadow:0 24px 48px rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;overflow:hidden;}.alviere-modal__header.svelte-14kdpon {display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-bottom:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__title.svelte-14kdpon {font-size:1rem;font-weight:600;color:var(--alv-color-text, #1e1f24);}.alviere-modal__body.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);overflow:auto;color:var(--alv-color-text, #1e1f24);line-height:1.5;}.alviere-modal__footer.svelte-14kdpon {padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-top:1px solid var(--alv-color-border, #e6e6e6);}.alviere-modal__footer.svelte-14kdpon:empty {display:none;}"
|
|
@@ -19725,7 +19725,9 @@ function Modal($$anchor, $$props) {
|
|
|
19725
19725
|
let open = prop($$props, "open", 15, false), title = prop($$props, "title", 15, ""), dismissible = prop($$props, "dismissible", 15, true), closeOnBackdrop = prop($$props, "closeOnBackdrop", 15, true), closeOnEscape = prop($$props, "closeOnEscape", 15, true);
|
|
19726
19726
|
const dispatch = createEventDispatcher();
|
|
19727
19727
|
let hostElement = /* @__PURE__ */ state(null);
|
|
19728
|
+
let dialogElement = /* @__PURE__ */ state(null);
|
|
19728
19729
|
let titleId = /* @__PURE__ */ state(`alviere-modal-title-${Math.random().toString(36).slice(2)}`);
|
|
19730
|
+
let focusTimer = null;
|
|
19729
19731
|
const ensureModalRoot = () => {
|
|
19730
19732
|
if (typeof document === "undefined") {
|
|
19731
19733
|
return null;
|
|
@@ -19767,6 +19769,24 @@ function Modal($$anchor, $$props) {
|
|
|
19767
19769
|
document.body.style.overflow = previousOverflow;
|
|
19768
19770
|
};
|
|
19769
19771
|
});
|
|
19772
|
+
user_effect(() => {
|
|
19773
|
+
if (!get$1(dialogElement)) return;
|
|
19774
|
+
const prevFocus = document.activeElement;
|
|
19775
|
+
focusTimer = setTimeout(
|
|
19776
|
+
() => {
|
|
19777
|
+
focusTimer = null;
|
|
19778
|
+
get$1(dialogElement) === null || get$1(dialogElement) === void 0 ? void 0 : get$1(dialogElement).focus();
|
|
19779
|
+
},
|
|
19780
|
+
0
|
|
19781
|
+
);
|
|
19782
|
+
return () => {
|
|
19783
|
+
if (focusTimer !== null) {
|
|
19784
|
+
clearTimeout(focusTimer);
|
|
19785
|
+
focusTimer = null;
|
|
19786
|
+
}
|
|
19787
|
+
prevFocus === null || prevFocus === void 0 ? void 0 : prevFocus.focus();
|
|
19788
|
+
};
|
|
19789
|
+
});
|
|
19770
19790
|
function closeModal(reason) {
|
|
19771
19791
|
if (!open()) return;
|
|
19772
19792
|
open(false);
|
|
@@ -19862,6 +19882,7 @@ function Modal($$anchor, $$props) {
|
|
|
19862
19882
|
slot(node_4, $$props, "footer", {}, null);
|
|
19863
19883
|
reset(div_5);
|
|
19864
19884
|
reset(div_1);
|
|
19885
|
+
bind_this(div_1, ($$value) => set(dialogElement, $$value), () => get$1(dialogElement));
|
|
19865
19886
|
reset(div);
|
|
19866
19887
|
bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
|
|
19867
19888
|
template_effect(() => {
|