@alviere/ui 0.18.0 → 0.18.2
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 +294 -243
- 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) => {
|
|
@@ -7987,17 +7987,17 @@ const X = [
|
|
|
7987
7987
|
var root_1$d = /* @__PURE__ */ from_html(`<label class="alviere-text-input__label svelte-1auzwdn"> </label>`);
|
|
7988
7988
|
var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
|
|
7989
7989
|
var root_3$d = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
|
|
7990
|
-
var root_5$
|
|
7990
|
+
var root_5$8 = /* @__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);
|
|
@@ -8612,7 +8612,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8612
8612
|
var node_3 = child(div_2);
|
|
8613
8613
|
{
|
|
8614
8614
|
var consequent_2 = ($$anchor3) => {
|
|
8615
|
-
var button = root_5$
|
|
8615
|
+
var button = root_5$8();
|
|
8616
8616
|
button.__click = (e) => {
|
|
8617
8617
|
var _a2;
|
|
8618
8618
|
e.stopPropagation();
|
|
@@ -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) => {
|
|
@@ -9591,9 +9591,9 @@ var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-phone-input__lab
|
|
|
9591
9591
|
var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__character-count svelte-15yozux"> </span>`);
|
|
9592
9592
|
var root_3$c = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
|
|
9593
9593
|
var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
|
|
9594
|
-
var root_5$
|
|
9594
|
+
var root_5$7 = /* @__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
|
{
|
|
@@ -10025,7 +10025,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
10025
10025
|
var node_5 = sibling(node_3, 2);
|
|
10026
10026
|
{
|
|
10027
10027
|
var consequent_4 = ($$anchor2) => {
|
|
10028
|
-
var div_5 = root_5$
|
|
10028
|
+
var div_5 = root_5$7();
|
|
10029
10029
|
var text_3 = sibling(child(div_5));
|
|
10030
10030
|
reset(div_5);
|
|
10031
10031
|
template_effect(() => {
|
|
@@ -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
|
-
var root_5$
|
|
11833
|
-
var root_11$
|
|
11832
|
+
var root_5$6 = /* @__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$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;
|
|
@@ -12435,7 +12435,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12435
12435
|
var node_6 = sibling(div_2, 2);
|
|
12436
12436
|
{
|
|
12437
12437
|
var consequent_6 = ($$anchor2) => {
|
|
12438
|
-
var div_6 = root_5$
|
|
12438
|
+
var div_6 = root_5$6();
|
|
12439
12439
|
var div_7 = child(div_6);
|
|
12440
12440
|
var node_7 = child(div_7);
|
|
12441
12441
|
{
|
|
@@ -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)));
|
|
@@ -16449,28 +16453,27 @@ const resetFlowRecipe = flowRecipeStore.reset;
|
|
|
16449
16453
|
const routingNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n \n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <!-- Header (name/address/date) -->\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <!-- Payee and amount placeholders -->\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Signature -->\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Background routing numbers (blurred) -->\n <text x="280" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">1234567890</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <!-- Routing highlight (sharp) -->\n <rect x="67" y="184" width="170" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="83" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="2">ROUTING NUMBER</text>\n <line x1="149" y1="208" x2="149" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M149 231 L144 224 L154 224 Z" fill="#38BDF8"/>\n\n <rect x="48" y="236" width="212" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A"> 901056783 </text>\n</svg>\n';
|
|
16450
16454
|
const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">901056783</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <rect x="226" y="184" width="194" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="257" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="1.5">\n ACCOUNT NUMBER\n </text>\n <line x1="321" y1="208" x2="321" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M321 231 L316 224 L326 224 Z" fill="#38BDF8"/>\n\n <rect x="212" y="236" width="224" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="264" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A">1234567890</text>\n</svg>\n';
|
|
16451
16455
|
var root_2$4 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
16452
|
-
var root_5$
|
|
16456
|
+
var root_5$5 = /* @__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);
|
|
@@ -17279,7 +17283,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17279
17283
|
var node_3 = child(div_6);
|
|
17280
17284
|
{
|
|
17281
17285
|
var consequent_2 = ($$anchor4) => {
|
|
17282
|
-
var alviere_badge_1 = root_5$
|
|
17286
|
+
var alviere_badge_1 = root_5$5();
|
|
17283
17287
|
set_custom_element_data(alviere_badge_1, "size", "sm");
|
|
17284
17288
|
set_custom_element_data(alviere_badge_1, "variant", "warning");
|
|
17285
17289
|
var text_4 = child(alviere_badge_1, true);
|
|
@@ -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);
|
|
@@ -18077,10 +18077,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18077
18077
|
var alviere_modal = sibling(div, 2);
|
|
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
|
+
template_effect(() => set_custom_element_data(alviere_modal, "description", getLabel("routingHelpDescriptionLabel", "Your routing number is the first 9 digits located on the bottom left of your checks.")));
|
|
18080
18081
|
var div_31 = child(alviere_modal);
|
|
18081
|
-
var
|
|
18082
|
-
html(
|
|
18083
|
-
var p = sibling(
|
|
18082
|
+
var node_30 = child(div_31);
|
|
18083
|
+
html(node_30, () => routingNumberHelpSvg);
|
|
18084
|
+
var p = sibling(node_30, 2);
|
|
18084
18085
|
var text_27 = child(p, true);
|
|
18085
18086
|
reset(p);
|
|
18086
18087
|
reset(div_31);
|
|
@@ -18088,10 +18089,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
18088
18089
|
var alviere_modal_1 = sibling(alviere_modal, 2);
|
|
18089
18090
|
template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
|
|
18090
18091
|
template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
|
|
18092
|
+
template_effect(() => set_custom_element_data(alviere_modal_1, "description", getLabel("accountHelpDescriptionLabel", "Your account number is the group of digits to the right of the routing number at the bottom of your checks.")));
|
|
18091
18093
|
var div_32 = child(alviere_modal_1);
|
|
18092
|
-
var
|
|
18093
|
-
html(
|
|
18094
|
-
var p_1 = sibling(
|
|
18094
|
+
var node_31 = child(div_32);
|
|
18095
|
+
html(node_31, () => accountNumberHelpSvg);
|
|
18096
|
+
var p_1 = sibling(node_31, 2);
|
|
18095
18097
|
var text_28 = child(p_1, true);
|
|
18096
18098
|
reset(p_1);
|
|
18097
18099
|
reset(div_32);
|
|
@@ -18224,14 +18226,13 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
18224
18226
|
}
|
|
18225
18227
|
var root_2$3 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18226
18228
|
var root_3$5 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-currency-input>`, 2);
|
|
18227
|
-
var root_5$
|
|
18229
|
+
var root_5$4 = /* @__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
18230
|
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
18231
|
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>`);
|
|
18232
|
+
var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-loading svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18233
|
+
var root_9$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-error svelte-1l48sab"><!> <alviere-button> </alviere-button></div>`, 2);
|
|
18234
|
+
var root_10$1 = /* @__PURE__ */ from_html(`<alviere-button> </alviere-button>`, 2);
|
|
18235
|
+
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
18236
|
const $$css$a = {
|
|
18236
18237
|
hash: "svelte-1l48sab",
|
|
18237
18238
|
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;}"
|
|
@@ -18548,7 +18549,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18548
18549
|
var node_3 = sibling(div_4, 2);
|
|
18549
18550
|
{
|
|
18550
18551
|
var consequent_3 = ($$anchor3) => {
|
|
18551
|
-
var div_5 = root_5$
|
|
18552
|
+
var div_5 = root_5$4();
|
|
18552
18553
|
var span_4 = child(div_5);
|
|
18553
18554
|
var text_4 = child(span_4, true);
|
|
18554
18555
|
reset(span_4);
|
|
@@ -18632,31 +18633,22 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18632
18633
|
if (legalTextsResolver.requiresLegalTexts) $$render(consequent_4);
|
|
18633
18634
|
});
|
|
18634
18635
|
}
|
|
18635
|
-
var
|
|
18636
|
+
var div_8 = sibling(node_4, 2);
|
|
18637
|
+
var node_5 = child(div_8);
|
|
18636
18638
|
{
|
|
18637
|
-
|
|
18638
|
-
|
|
18639
|
-
|
|
18640
|
-
{
|
|
18641
|
-
|
|
18642
|
-
Callout(node_6, {
|
|
18643
|
-
variant: "info",
|
|
18644
|
-
get message() {
|
|
18645
|
-
return get$1($0);
|
|
18646
|
-
}
|
|
18647
|
-
});
|
|
18639
|
+
let $0 = /* @__PURE__ */ user_derived(() => get$1(paymentTimingMessage) || "");
|
|
18640
|
+
Callout(node_5, {
|
|
18641
|
+
variant: "info",
|
|
18642
|
+
get message() {
|
|
18643
|
+
return get$1($0);
|
|
18648
18644
|
}
|
|
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
18645
|
});
|
|
18655
18646
|
}
|
|
18656
|
-
|
|
18647
|
+
reset(div_8);
|
|
18648
|
+
var node_6 = sibling(div_8, 2);
|
|
18657
18649
|
{
|
|
18658
|
-
var
|
|
18659
|
-
var div_9 =
|
|
18650
|
+
var consequent_5 = ($$anchor2) => {
|
|
18651
|
+
var div_9 = root_7$1();
|
|
18660
18652
|
var alviere_spinner_1 = child(div_9);
|
|
18661
18653
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
18662
18654
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
@@ -18665,21 +18657,21 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18665
18657
|
};
|
|
18666
18658
|
var alternate_2 = ($$anchor2) => {
|
|
18667
18659
|
var fragment_1 = comment();
|
|
18668
|
-
var
|
|
18660
|
+
var node_7 = first_child(fragment_1);
|
|
18669
18661
|
{
|
|
18670
|
-
var
|
|
18671
|
-
var div_10 =
|
|
18672
|
-
var
|
|
18662
|
+
var consequent_6 = ($$anchor3) => {
|
|
18663
|
+
var div_10 = root_9$2();
|
|
18664
|
+
var node_8 = child(div_10);
|
|
18673
18665
|
{
|
|
18674
18666
|
let $0 = /* @__PURE__ */ user_derived(() => getLabel("legalTextsErrorLabel", "Unable to load required agreements. Check your connection and try again."));
|
|
18675
|
-
Callout(
|
|
18667
|
+
Callout(node_8, {
|
|
18676
18668
|
variant: "warning",
|
|
18677
18669
|
get message() {
|
|
18678
18670
|
return get$1($0);
|
|
18679
18671
|
}
|
|
18680
18672
|
});
|
|
18681
18673
|
}
|
|
18682
|
-
var alviere_button = sibling(
|
|
18674
|
+
var alviere_button = sibling(node_8, 2);
|
|
18683
18675
|
set_custom_element_data(alviere_button, "variant", "secondary");
|
|
18684
18676
|
set_custom_element_data(alviere_button, "size", "md");
|
|
18685
18677
|
template_effect(() => set_custom_element_data(alviere_button, "handler", legalTextsResolver.retry));
|
|
@@ -18691,7 +18683,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18691
18683
|
append($$anchor3, div_10);
|
|
18692
18684
|
};
|
|
18693
18685
|
var alternate_1 = ($$anchor3) => {
|
|
18694
|
-
var alviere_button_1 =
|
|
18686
|
+
var alviere_button_1 = root_10$1();
|
|
18695
18687
|
set_custom_element_data(alviere_button_1, "variant", "primary");
|
|
18696
18688
|
set_custom_element_data(alviere_button_1, "size", "md");
|
|
18697
18689
|
set_custom_element_data(alviere_button_1, "handler", handlePay);
|
|
@@ -18703,9 +18695,9 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18703
18695
|
append($$anchor3, alviere_button_1);
|
|
18704
18696
|
};
|
|
18705
18697
|
if_block(
|
|
18706
|
-
|
|
18698
|
+
node_7,
|
|
18707
18699
|
($$render) => {
|
|
18708
|
-
if (legalTextsResolver.error) $$render(
|
|
18700
|
+
if (legalTextsResolver.error) $$render(consequent_6);
|
|
18709
18701
|
else $$render(alternate_1, false);
|
|
18710
18702
|
},
|
|
18711
18703
|
true
|
|
@@ -18713,8 +18705,8 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18713
18705
|
}
|
|
18714
18706
|
append($$anchor2, fragment_1);
|
|
18715
18707
|
};
|
|
18716
|
-
if_block(
|
|
18717
|
-
if (!legalTextsResolver.hasResolved) $$render(
|
|
18708
|
+
if_block(node_6, ($$render) => {
|
|
18709
|
+
if (!legalTextsResolver.hasResolved) $$render(consequent_5);
|
|
18718
18710
|
else $$render(alternate_2, false);
|
|
18719
18711
|
});
|
|
18720
18712
|
}
|
|
@@ -19403,7 +19395,7 @@ customElements.define("alviere-checkbox", create_custom_element(
|
|
|
19403
19395
|
));
|
|
19404
19396
|
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
19397
|
var root_3$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__error svelte-te6ayp"> </div>`);
|
|
19406
|
-
var root_5$
|
|
19398
|
+
var root_5$3 = /* @__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
19399
|
var root_6$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-text svelte-te6ayp"> </div>`);
|
|
19408
19400
|
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
19401
|
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>`);
|
|
@@ -19612,7 +19604,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19612
19604
|
var node_2 = first_child(fragment_2);
|
|
19613
19605
|
each(node_2, 17, () => get$1(displayItems)(), index, ($$anchor4, item) => {
|
|
19614
19606
|
const key = /* @__PURE__ */ user_derived(() => getKey(get$1(item)));
|
|
19615
|
-
var div_3 = root_5$
|
|
19607
|
+
var div_3 = root_5$3();
|
|
19616
19608
|
var alviere_checkbox = child(div_3);
|
|
19617
19609
|
template_effect(() => set_custom_element_data(alviere_checkbox, "checked", !!get$1(accepted)[get$1(key)]));
|
|
19618
19610
|
alviere_checkbox.__change = (event2) => handleToggle(get$1(item), event2);
|
|
@@ -19628,12 +19620,22 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19628
19620
|
reset(span);
|
|
19629
19621
|
reset(alviere_checkbox);
|
|
19630
19622
|
reset(div_3);
|
|
19631
|
-
template_effect(
|
|
19632
|
-
() => {
|
|
19633
|
-
|
|
19634
|
-
|
|
19635
|
-
}
|
|
19636
|
-
|
|
19623
|
+
template_effect(
|
|
19624
|
+
($0, $1) => {
|
|
19625
|
+
set_attribute(button, "aria-label", $0);
|
|
19626
|
+
set_text(text_2, $1);
|
|
19627
|
+
},
|
|
19628
|
+
[
|
|
19629
|
+
() => {
|
|
19630
|
+
var _a2;
|
|
19631
|
+
return ((_a2 = get$1(item).legalText) == null ? void 0 : _a2.title) || get$1(item).label || formatTypeLabel(get$1(item).type);
|
|
19632
|
+
},
|
|
19633
|
+
() => {
|
|
19634
|
+
var _a2;
|
|
19635
|
+
return ((_a2 = get$1(item).legalText) == null ? void 0 : _a2.title) || get$1(item).label || formatTypeLabel(get$1(item).type);
|
|
19636
|
+
}
|
|
19637
|
+
]
|
|
19638
|
+
);
|
|
19637
19639
|
append($$anchor4, div_3);
|
|
19638
19640
|
});
|
|
19639
19641
|
append($$anchor3, fragment_2);
|
|
@@ -19658,6 +19660,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19658
19660
|
var alviere_modal = sibling(div, 2);
|
|
19659
19661
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isModalOpen)));
|
|
19660
19662
|
template_effect(() => set_custom_element_data(alviere_modal, "title", get$1(modalTitle)()));
|
|
19663
|
+
set_custom_element_data(alviere_modal, "description", "Full document text follows. Use arrow keys to read.");
|
|
19661
19664
|
var node_3 = child(alviere_modal);
|
|
19662
19665
|
{
|
|
19663
19666
|
var consequent_2 = ($$anchor2) => {
|
|
@@ -19713,19 +19716,23 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19713
19716
|
}
|
|
19714
19717
|
delegate(["change", "click"]);
|
|
19715
19718
|
create_custom_element(LegalTextConsent, { documents: {}, jwt: {}, debug: {}, resolvedDocuments: {} }, [], [], true);
|
|
19716
|
-
var root_4$2 = /* @__PURE__ */ from_html(`<alviere-
|
|
19717
|
-
var
|
|
19719
|
+
var root_4$2 = /* @__PURE__ */ from_html(`<span class="alviere-modal__description svelte-14kdpon"> </span>`);
|
|
19720
|
+
var root_5$2 = /* @__PURE__ */ from_html(`<alviere-button></alviere-button>`, 2);
|
|
19721
|
+
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" role="document"><!></div> <div class="alviere-modal__footer svelte-14kdpon"><!></div></div></div>`);
|
|
19718
19722
|
const $$css$3 = {
|
|
19719
19723
|
hash: "svelte-14kdpon",
|
|
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;}"
|
|
19724
|
+
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__description.svelte-14kdpon {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.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;}"
|
|
19721
19725
|
};
|
|
19722
19726
|
function Modal($$anchor, $$props) {
|
|
19723
19727
|
push($$props, true);
|
|
19724
19728
|
append_styles$1($$anchor, $$css$3);
|
|
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);
|
|
19729
|
+
let open = prop($$props, "open", 15, false), title = prop($$props, "title", 15, ""), description = prop($$props, "description", 15, ""), dismissible = prop($$props, "dismissible", 15, true), closeOnBackdrop = prop($$props, "closeOnBackdrop", 15, true), closeOnEscape = prop($$props, "closeOnEscape", 15, true);
|
|
19726
19730
|
const dispatch = createEventDispatcher();
|
|
19727
19731
|
let hostElement = /* @__PURE__ */ state(null);
|
|
19732
|
+
let dialogElement = /* @__PURE__ */ state(null);
|
|
19728
19733
|
let titleId = /* @__PURE__ */ state(`alviere-modal-title-${Math.random().toString(36).slice(2)}`);
|
|
19734
|
+
let descriptionId = /* @__PURE__ */ state(`alviere-modal-desc-${Math.random().toString(36).slice(2)}`);
|
|
19735
|
+
let focusTimer = null;
|
|
19729
19736
|
const ensureModalRoot = () => {
|
|
19730
19737
|
if (typeof document === "undefined") {
|
|
19731
19738
|
return null;
|
|
@@ -19767,6 +19774,24 @@ function Modal($$anchor, $$props) {
|
|
|
19767
19774
|
document.body.style.overflow = previousOverflow;
|
|
19768
19775
|
};
|
|
19769
19776
|
});
|
|
19777
|
+
user_effect(() => {
|
|
19778
|
+
if (!get$1(dialogElement)) return;
|
|
19779
|
+
const prevFocus = document.activeElement;
|
|
19780
|
+
focusTimer = setTimeout(
|
|
19781
|
+
() => {
|
|
19782
|
+
focusTimer = null;
|
|
19783
|
+
get$1(dialogElement) === null || get$1(dialogElement) === void 0 ? void 0 : get$1(dialogElement).focus();
|
|
19784
|
+
},
|
|
19785
|
+
0
|
|
19786
|
+
);
|
|
19787
|
+
return () => {
|
|
19788
|
+
if (focusTimer !== null) {
|
|
19789
|
+
clearTimeout(focusTimer);
|
|
19790
|
+
focusTimer = null;
|
|
19791
|
+
}
|
|
19792
|
+
prevFocus === null || prevFocus === void 0 ? void 0 : prevFocus.focus();
|
|
19793
|
+
};
|
|
19794
|
+
});
|
|
19770
19795
|
function closeModal(reason) {
|
|
19771
19796
|
if (!open()) return;
|
|
19772
19797
|
open(false);
|
|
@@ -19797,6 +19822,13 @@ function Modal($$anchor, $$props) {
|
|
|
19797
19822
|
title($$value);
|
|
19798
19823
|
flushSync();
|
|
19799
19824
|
},
|
|
19825
|
+
get description() {
|
|
19826
|
+
return description();
|
|
19827
|
+
},
|
|
19828
|
+
set description($$value = "") {
|
|
19829
|
+
description($$value);
|
|
19830
|
+
flushSync();
|
|
19831
|
+
},
|
|
19800
19832
|
get dismissible() {
|
|
19801
19833
|
return dismissible();
|
|
19802
19834
|
},
|
|
@@ -19823,7 +19855,7 @@ function Modal($$anchor, $$props) {
|
|
|
19823
19855
|
event$1("keydown", $window, handleKeydown);
|
|
19824
19856
|
var node = first_child(fragment);
|
|
19825
19857
|
{
|
|
19826
|
-
var
|
|
19858
|
+
var consequent_2 = ($$anchor2) => {
|
|
19827
19859
|
var div = root_2$1();
|
|
19828
19860
|
var button = child(div);
|
|
19829
19861
|
button.__click = handleBackdropClick;
|
|
@@ -19840,7 +19872,23 @@ function Modal($$anchor, $$props) {
|
|
|
19840
19872
|
var node_2 = sibling(div_3, 2);
|
|
19841
19873
|
{
|
|
19842
19874
|
var consequent = ($$anchor3) => {
|
|
19843
|
-
var
|
|
19875
|
+
var span = root_4$2();
|
|
19876
|
+
var text_1 = child(span, true);
|
|
19877
|
+
reset(span);
|
|
19878
|
+
template_effect(() => {
|
|
19879
|
+
set_attribute(span, "id", get$1(descriptionId));
|
|
19880
|
+
set_text(text_1, description());
|
|
19881
|
+
});
|
|
19882
|
+
append($$anchor3, span);
|
|
19883
|
+
};
|
|
19884
|
+
if_block(node_2, ($$render) => {
|
|
19885
|
+
if (description()) $$render(consequent);
|
|
19886
|
+
});
|
|
19887
|
+
}
|
|
19888
|
+
var node_3 = sibling(node_2, 2);
|
|
19889
|
+
{
|
|
19890
|
+
var consequent_1 = ($$anchor3) => {
|
|
19891
|
+
var alviere_button = root_5$2();
|
|
19844
19892
|
set_custom_element_data(alviere_button, "variant", "tertiary");
|
|
19845
19893
|
set_custom_element_data(alviere_button, "size", "sm");
|
|
19846
19894
|
set_custom_element_data(alviere_button, "iconName", "X");
|
|
@@ -19848,30 +19896,32 @@ function Modal($$anchor, $$props) {
|
|
|
19848
19896
|
set_custom_element_data(alviere_button, "handler", () => closeModal("button"));
|
|
19849
19897
|
append($$anchor3, alviere_button);
|
|
19850
19898
|
};
|
|
19851
|
-
if_block(
|
|
19852
|
-
if (dismissible()) $$render(
|
|
19899
|
+
if_block(node_3, ($$render) => {
|
|
19900
|
+
if (dismissible()) $$render(consequent_1);
|
|
19853
19901
|
});
|
|
19854
19902
|
}
|
|
19855
19903
|
reset(div_2);
|
|
19856
19904
|
var div_4 = sibling(div_2, 2);
|
|
19857
|
-
var
|
|
19858
|
-
slot(
|
|
19905
|
+
var node_4 = child(div_4);
|
|
19906
|
+
slot(node_4, $$props, "default", {}, null);
|
|
19859
19907
|
reset(div_4);
|
|
19860
19908
|
var div_5 = sibling(div_4, 2);
|
|
19861
|
-
var
|
|
19862
|
-
slot(
|
|
19909
|
+
var node_5 = child(div_5);
|
|
19910
|
+
slot(node_5, $$props, "footer", {}, null);
|
|
19863
19911
|
reset(div_5);
|
|
19864
19912
|
reset(div_1);
|
|
19913
|
+
bind_this(div_1, ($$value) => set(dialogElement, $$value), () => get$1(dialogElement));
|
|
19865
19914
|
reset(div);
|
|
19866
19915
|
bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
|
|
19867
19916
|
template_effect(() => {
|
|
19868
19917
|
set_attribute(div_1, "aria-labelledby", title() ? get$1(titleId) : void 0);
|
|
19918
|
+
set_attribute(div_1, "aria-describedby", description() ? get$1(descriptionId) : void 0);
|
|
19869
19919
|
set_attribute(div_3, "id", get$1(titleId));
|
|
19870
19920
|
});
|
|
19871
19921
|
append($$anchor2, div);
|
|
19872
19922
|
};
|
|
19873
19923
|
if_block(node, ($$render) => {
|
|
19874
|
-
if (open()) $$render(
|
|
19924
|
+
if (open()) $$render(consequent_2);
|
|
19875
19925
|
});
|
|
19876
19926
|
}
|
|
19877
19927
|
append($$anchor, fragment);
|
|
@@ -19883,6 +19933,7 @@ customElements.define("alviere-modal", create_custom_element(
|
|
|
19883
19933
|
{
|
|
19884
19934
|
open: {},
|
|
19885
19935
|
title: {},
|
|
19936
|
+
description: {},
|
|
19886
19937
|
dismissible: {},
|
|
19887
19938
|
closeOnBackdrop: {},
|
|
19888
19939
|
closeOnEscape: {}
|