@alviere/ui 0.11.2 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -0
- package/dist/index.js +1601 -435
- 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 +24 -4
package/dist/index.js
CHANGED
|
@@ -6246,6 +6246,18 @@ class SchemaValidator {
|
|
|
6246
6246
|
errors.push(error);
|
|
6247
6247
|
}
|
|
6248
6248
|
}
|
|
6249
|
+
if (schema.minValue !== void 0) {
|
|
6250
|
+
const error = this.validateMinValue(value, schema.minValue, fieldName);
|
|
6251
|
+
if (error) {
|
|
6252
|
+
errors.push(error);
|
|
6253
|
+
}
|
|
6254
|
+
}
|
|
6255
|
+
if (schema.maxValue !== void 0) {
|
|
6256
|
+
const error = this.validateMaxValue(value, schema.maxValue, fieldName);
|
|
6257
|
+
if (error) {
|
|
6258
|
+
errors.push(error);
|
|
6259
|
+
}
|
|
6260
|
+
}
|
|
6249
6261
|
if (schema.postalCode) {
|
|
6250
6262
|
const error = this.validatePostalCode(value, schema.postalCode);
|
|
6251
6263
|
if (error) {
|
|
@@ -6274,9 +6286,26 @@ class SchemaValidator {
|
|
|
6274
6286
|
* Validate against a custom pattern
|
|
6275
6287
|
*/
|
|
6276
6288
|
validatePattern(value, rule) {
|
|
6277
|
-
const
|
|
6289
|
+
const pattern = this.resolvePattern(rule);
|
|
6290
|
+
if (!pattern) {
|
|
6291
|
+
return "Invalid pattern validation configuration.";
|
|
6292
|
+
}
|
|
6293
|
+
const error = validator.pattern(value, pattern, rule.message);
|
|
6278
6294
|
return error;
|
|
6279
6295
|
}
|
|
6296
|
+
resolvePattern(rule) {
|
|
6297
|
+
if (rule.regex instanceof RegExp) {
|
|
6298
|
+
return rule.regex;
|
|
6299
|
+
}
|
|
6300
|
+
if (typeof rule.regex !== "string") {
|
|
6301
|
+
return null;
|
|
6302
|
+
}
|
|
6303
|
+
try {
|
|
6304
|
+
return new RegExp(rule.regex, rule.flags);
|
|
6305
|
+
} catch {
|
|
6306
|
+
return null;
|
|
6307
|
+
}
|
|
6308
|
+
}
|
|
6280
6309
|
/**
|
|
6281
6310
|
* Validate minimum length
|
|
6282
6311
|
*/
|
|
@@ -6297,6 +6326,38 @@ class SchemaValidator {
|
|
|
6297
6326
|
const error = validator.max_length(value, rule.value, fieldName);
|
|
6298
6327
|
return error && rule.message ? rule.message : error;
|
|
6299
6328
|
}
|
|
6329
|
+
parseNumericValue(value) {
|
|
6330
|
+
if (value === void 0 || value === null) return null;
|
|
6331
|
+
const normalizedValue = typeof value === "string" ? value.trim() : String(value).trim();
|
|
6332
|
+
if (normalizedValue === "") return null;
|
|
6333
|
+
const parsed = Number(normalizedValue);
|
|
6334
|
+
if (!Number.isFinite(parsed)) return null;
|
|
6335
|
+
return parsed;
|
|
6336
|
+
}
|
|
6337
|
+
validateMinValue(value, rule, fieldName) {
|
|
6338
|
+
const minValue = typeof rule === "number" ? rule : rule.value;
|
|
6339
|
+
const customMessage = typeof rule === "number" ? void 0 : rule.message;
|
|
6340
|
+
const numericValue = this.parseNumericValue(value);
|
|
6341
|
+
if (numericValue === null) {
|
|
6342
|
+
return customMessage || `${fieldName || "Value"} must be a valid number`;
|
|
6343
|
+
}
|
|
6344
|
+
if (numericValue < minValue) {
|
|
6345
|
+
return customMessage || `${fieldName || "Value"} must be at least ${minValue}`;
|
|
6346
|
+
}
|
|
6347
|
+
return null;
|
|
6348
|
+
}
|
|
6349
|
+
validateMaxValue(value, rule, fieldName) {
|
|
6350
|
+
const maxValue = typeof rule === "number" ? rule : rule.value;
|
|
6351
|
+
const customMessage = typeof rule === "number" ? void 0 : rule.message;
|
|
6352
|
+
const numericValue = this.parseNumericValue(value);
|
|
6353
|
+
if (numericValue === null) {
|
|
6354
|
+
return customMessage || `${fieldName || "Value"} must be a valid number`;
|
|
6355
|
+
}
|
|
6356
|
+
if (numericValue > maxValue) {
|
|
6357
|
+
return customMessage || `${fieldName || "Value"} must be at most ${maxValue}`;
|
|
6358
|
+
}
|
|
6359
|
+
return null;
|
|
6360
|
+
}
|
|
6300
6361
|
/**
|
|
6301
6362
|
* Validate postal code
|
|
6302
6363
|
*/
|
|
@@ -6358,18 +6419,18 @@ const amexLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2
|
|
|
6358
6419
|
const discoverLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discover</title><path d="M14.58 12a2.023 2.023 0 1 1-2.025-2.023h.002c1.118 0 2.023.906 2.023 2.023zm-5.2-2.001c-1.124 0-2.025.884-2.025 1.99 0 1.118.878 1.984 2.007 1.984.319 0 .593-.063.93-.221v-.873c-.296.297-.559.416-.895.416-.747 0-1.277-.542-1.277-1.312 0-.73.547-1.306 1.243-1.306.354 0 .622.126.93.428v-.873a1.898 1.898 0 0 0-.913-.233zm-3.352 1.545c-.445-.165-.576-.273-.576-.479 0-.239.233-.422.553-.422.222 0 .405.091.598.308l.388-.508a1.665 1.665 0 0 0-1.117-.422c-.673 0-1.186.467-1.186 1.089 0 .524.239.792.936 1.043.291.103.438.171.513.217a.456.456 0 0 1 .222.394c0 .308-.245.536-.576.536-.354 0-.639-.177-.809-.507l-.479.461c.342.502.752.724 1.317.724.771 0 1.311-.513 1.311-1.249-.002-.603-.252-.876-1.095-1.185zM24 10.3a.29.29 0 0 1-.288.291.29.29 0 0 1-.291-.291v-.003A.29.29 0 1 1 24 10.3zm-.059.001a.235.235 0 0 0-.231-.239.234.234 0 0 0-.232.239c0 .132.104.239.232.239a.235.235 0 0 0 .231-.239zM3.472 13.887h.742v-3.803h-.742v3.803zm12.702-1.248l-1.014-2.554h-.81l1.614 3.9h.399l1.643-3.9h-.804l-1.028 2.554zm2.166 1.248h2.104v-.644h-1.362v-1.027h1.312v-.644h-1.312v-.844h1.362v-.644H18.34v3.803zm5.409-3.557l.11.138h-.097l-.094-.13v.13h-.08v-.334h.107c.081 0 .126.036.126.103.001.046-.025.08-.072.093zm-.006-.092c0-.029-.021-.043-.06-.043h-.014v.087h.014c.039 0 .06-.014.06-.044zm-1.228 2.047l1.197 1.602H22.8l-1.027-1.528h-.097v1.528h-.741v-3.803h1.1c.855 0 1.346.411 1.346 1.123 0 .583-.308.965-.866 1.078zm.103-1.038c0-.37-.251-.563-.713-.563h-.228v1.152h.217c.473-.001.724-.207.724-.589zm-19.487.742a1.91 1.91 0 0 1-.69 1.46c-.365.303-.781.439-1.357.439H.001v-3.803H1.09c1.202 0 2.041.781 2.041 1.904zm-.764-.006c0-.364-.154-.718-.411-.947-.245-.222-.536-.308-1.015-.308H.742v2.515h.199c.479 0 .782-.092 1.015-.302.256-.228.411-.593.411-.958z"/></svg>';
|
|
6359
6420
|
const dinersLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Diners Club</title><path d="M16.506 11.982a6.026 6.026 0 0 0-3.866-5.618V17.6a6.025 6.025 0 0 0 3.866-5.618zM8.33 17.598V6.365a6.03 6.03 0 0 0-3.863 5.617 6.028 6.028 0 0 0 3.863 5.616zm2.156-15.113A9.497 9.497 0 0 0 .99 11.982a9.495 9.495 0 0 0 9.495 9.494c5.245 0 9.495-4.25 9.496-9.494a9.499 9.499 0 0 0-9.496-9.497Zm-.023 19.888C4.723 22.4 0 17.75 0 12.09 0 5.905 4.723 1.626 10.463 1.627h2.69C18.822 1.627 24 5.903 24 12.09c0 5.658-5.176 10.283-10.848 10.283"/></svg>';
|
|
6360
6421
|
const jcbLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>JCB</title><path d="M13.05 9.8643c.9723.0736 1.7257.3671 2.3545.6843v-1.31s-1.2577-.3162-2.4408-.368c-4.1256-.1849-5.295 1.4344-5.295 3.1292 0 1.6947 1.1694 3.3145 5.295 3.1296 1.1831-.0536 2.4408-.3694 2.4408-.3694v-1.3086c-.6193.3081-1.3826.6107-2.3545.683-1.6793.1272-2.6898-.6907-2.6898-2.1342 0-1.4448 1.0105-2.2613 2.6898-2.1354m7.685 4.1223c-.0513.0105-.1581.02-.215.02h-1.8005V12.376H20.52c.0568 0 .1636.01.2149.02a.8056.8056 0 01.6325.7951c0 .4162-.2872.721-.6325.796zm-2.0155-4.0374h1.6325c.059 0 .1454.0077.1772.0137.3376.0572.6256.3307.6256.7392 0 .409-.288.6815-.626.7392a1.571 1.571 0 01-.1773.0137h-1.6311V9.9506zm3.4994 1.9856v-.0364c.9133-.1331 1.4149-.726 1.4149-1.4199 0-.8828-.7343-1.3916-1.7293-1.4416-.0772-.0032-.203-.011-.3044-.011h-5.3323v5.9467h5.7548c1.13 0 1.9774-.6043 1.9774-1.5466 0-.8701-.7724-1.4222-1.781-1.4917zm-17.8644.6788c0 .8787-.5906 1.5311-1.6656 1.5311-.917 0-1.8174-.2726-2.6889-.6938V14.76s1.4021.383 3.191.383c2.9714 0 3.8374-1.125 3.8374-2.529V9.0266H4.3541v3.5876Z"/></svg>';
|
|
6361
|
-
var root_2$
|
|
6362
|
-
var root_1$
|
|
6363
|
-
var root_3$
|
|
6364
|
-
var root_4$
|
|
6365
|
-
var root$
|
|
6366
|
-
const $$css$
|
|
6422
|
+
var root_2$f = /* @__PURE__ */ from_html(`<span class="alviere-card-pan-input__required svelte-36vkx7">*</span>`);
|
|
6423
|
+
var root_1$j = /* @__PURE__ */ from_html(`<label class="alviere-card-pan-input__label svelte-36vkx7"> <!></label>`);
|
|
6424
|
+
var root_3$f = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__card-icon svelte-36vkx7"><!></div>`);
|
|
6425
|
+
var root_4$d = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__error svelte-36vkx7" role="alert"> </div>`);
|
|
6426
|
+
var root$j = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-card-pan-input__input svelte-36vkx7" spellcheck="false" maxlength="23"/> <!></div> <!></div>`);
|
|
6427
|
+
const $$css$m = {
|
|
6367
6428
|
hash: "svelte-36vkx7",
|
|
6368
|
-
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%);}.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:#ffc107;line-height:1.25;}.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;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;}`
|
|
6429
|
+
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%);}.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__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;}`
|
|
6369
6430
|
};
|
|
6370
6431
|
function CardPanInput($$anchor, $$props) {
|
|
6371
6432
|
push($$props, true);
|
|
6372
|
-
append_styles$1($$anchor, $$css$
|
|
6433
|
+
append_styles$1($$anchor, $$css$m);
|
|
6373
6434
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Card Number"), placeholder = prop($$props, "placeholder", 15, "Card number"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "cc-number"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({}));
|
|
6374
6435
|
const baseInput = createEnhancedBaseInputMixin({
|
|
6375
6436
|
value: value(),
|
|
@@ -6686,16 +6747,16 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6686
6747
|
flushSync();
|
|
6687
6748
|
}
|
|
6688
6749
|
};
|
|
6689
|
-
var div = root$
|
|
6750
|
+
var div = root$j();
|
|
6690
6751
|
var node = child(div);
|
|
6691
6752
|
{
|
|
6692
6753
|
var consequent_1 = ($$anchor2) => {
|
|
6693
|
-
var label_1 = root_1$
|
|
6754
|
+
var label_1 = root_1$j();
|
|
6694
6755
|
var text2 = child(label_1);
|
|
6695
6756
|
var node_1 = sibling(text2);
|
|
6696
6757
|
{
|
|
6697
6758
|
var consequent = ($$anchor3) => {
|
|
6698
|
-
var span = root_2$
|
|
6759
|
+
var span = root_2$f();
|
|
6699
6760
|
append($$anchor3, span);
|
|
6700
6761
|
};
|
|
6701
6762
|
if_block(node_1, ($$render) => {
|
|
@@ -6726,7 +6787,7 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6726
6787
|
var node_2 = sibling(input_1, 2);
|
|
6727
6788
|
{
|
|
6728
6789
|
var consequent_2 = ($$anchor2) => {
|
|
6729
|
-
var div_2 = root_3$
|
|
6790
|
+
var div_2 = root_3$f();
|
|
6730
6791
|
var node_3 = child(div_2);
|
|
6731
6792
|
html(node_3, () => get$1(detectedCardType).icon);
|
|
6732
6793
|
reset(div_2);
|
|
@@ -6741,7 +6802,7 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6741
6802
|
var node_4 = sibling(div_1, 2);
|
|
6742
6803
|
{
|
|
6743
6804
|
var consequent_3 = ($$anchor2) => {
|
|
6744
|
-
var div_3 = root_4$
|
|
6805
|
+
var div_3 = root_4$d();
|
|
6745
6806
|
var text_1 = child(div_3, true);
|
|
6746
6807
|
reset(div_3);
|
|
6747
6808
|
template_effect(() => {
|
|
@@ -6760,6 +6821,7 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6760
6821
|
classes = set_class(div_1, 1, "alviere-card-pan-input__wrapper svelte-36vkx7", null, classes, {
|
|
6761
6822
|
"alviere-card-pan-input__wrapper--focused": baseInput.state.isFocused,
|
|
6762
6823
|
"alviere-card-pan-input__wrapper--disabled": disabled(),
|
|
6824
|
+
"alviere-card-pan-input__wrapper--readonly": readonly(),
|
|
6763
6825
|
"alviere-card-pan-input__wrapper--valid": baseInput.computed.effectiveValidationState === "valid",
|
|
6764
6826
|
"alviere-card-pan-input__wrapper--invalid": baseInput.computed.effectiveValidationState === "invalid"
|
|
6765
6827
|
});
|
|
@@ -6813,18 +6875,18 @@ customElements.define("alviere-card-pan-input", create_custom_element(
|
|
|
6813
6875
|
],
|
|
6814
6876
|
true
|
|
6815
6877
|
));
|
|
6816
|
-
var root_2$
|
|
6817
|
-
var root_1$
|
|
6818
|
-
var root_3$
|
|
6819
|
-
var root_4$
|
|
6820
|
-
var root$
|
|
6821
|
-
const $$css$
|
|
6878
|
+
var root_2$e = /* @__PURE__ */ from_html(`<span class="alviere-cvv-input__required svelte-15mfii7">*</span>`);
|
|
6879
|
+
var root_1$i = /* @__PURE__ */ from_html(`<label class="alviere-cvv-input__label svelte-15mfii7"> <!></label>`);
|
|
6880
|
+
var root_3$e = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__code-type svelte-15mfii7"> </div>`);
|
|
6881
|
+
var root_4$c = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__error svelte-15mfii7" role="alert"> </div>`);
|
|
6882
|
+
var root$i = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-cvv-input__input svelte-15mfii7" spellcheck="false"/> <!></div> <!></div>`);
|
|
6883
|
+
const $$css$l = {
|
|
6822
6884
|
hash: "svelte-15mfii7",
|
|
6823
|
-
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%);}.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:#ffc107;line-height:1.25;}.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;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;}`
|
|
6885
|
+
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%);}.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__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;}`
|
|
6824
6886
|
};
|
|
6825
6887
|
function CardCVVInput($$anchor, $$props) {
|
|
6826
6888
|
push($$props, true);
|
|
6827
|
-
append_styles$1($$anchor, $$css$
|
|
6889
|
+
append_styles$1($$anchor, $$css$l);
|
|
6828
6890
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Security Code"), placeholder = prop($$props, "placeholder", 15, "123"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "cc-csc"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), cardType = prop($$props, "cardType", 15, "");
|
|
6829
6891
|
const baseInput = createEnhancedBaseInputMixin({
|
|
6830
6892
|
value: value(),
|
|
@@ -7119,16 +7181,16 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7119
7181
|
flushSync();
|
|
7120
7182
|
}
|
|
7121
7183
|
};
|
|
7122
|
-
var div = root$
|
|
7184
|
+
var div = root$i();
|
|
7123
7185
|
var node = child(div);
|
|
7124
7186
|
{
|
|
7125
7187
|
var consequent_1 = ($$anchor2) => {
|
|
7126
|
-
var label_1 = root_1$
|
|
7188
|
+
var label_1 = root_1$i();
|
|
7127
7189
|
var text2 = child(label_1);
|
|
7128
7190
|
var node_1 = sibling(text2);
|
|
7129
7191
|
{
|
|
7130
7192
|
var consequent = ($$anchor3) => {
|
|
7131
|
-
var span = root_2$
|
|
7193
|
+
var span = root_2$e();
|
|
7132
7194
|
append($$anchor3, span);
|
|
7133
7195
|
};
|
|
7134
7196
|
if_block(node_1, ($$render) => {
|
|
@@ -7159,7 +7221,7 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7159
7221
|
var node_2 = sibling(input, 2);
|
|
7160
7222
|
{
|
|
7161
7223
|
var consequent_2 = ($$anchor2) => {
|
|
7162
|
-
var div_2 = root_3$
|
|
7224
|
+
var div_2 = root_3$e();
|
|
7163
7225
|
var text_1 = child(div_2, true);
|
|
7164
7226
|
reset(div_2);
|
|
7165
7227
|
template_effect(
|
|
@@ -7179,7 +7241,7 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7179
7241
|
var node_3 = sibling(div_1, 2);
|
|
7180
7242
|
{
|
|
7181
7243
|
var consequent_3 = ($$anchor2) => {
|
|
7182
|
-
var div_3 = root_4$
|
|
7244
|
+
var div_3 = root_4$c();
|
|
7183
7245
|
var text_2 = child(div_3, true);
|
|
7184
7246
|
reset(div_3);
|
|
7185
7247
|
template_effect(() => {
|
|
@@ -7199,6 +7261,7 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7199
7261
|
classes = set_class(div_1, 1, "alviere-cvv-input__wrapper svelte-15mfii7", null, classes, {
|
|
7200
7262
|
"alviere-cvv-input__wrapper--focused": baseInput.state.isFocused,
|
|
7201
7263
|
"alviere-cvv-input__wrapper--disabled": disabled(),
|
|
7264
|
+
"alviere-cvv-input__wrapper--readonly": readonly(),
|
|
7202
7265
|
"alviere-cvv-input__wrapper--valid": baseInput.computed.effectiveValidationState === "valid",
|
|
7203
7266
|
"alviere-cvv-input__wrapper--invalid": baseInput.computed.effectiveValidationState === "invalid"
|
|
7204
7267
|
});
|
|
@@ -7258,13 +7321,13 @@ customElements.define("alviere-card-cvv-input", create_custom_element(
|
|
|
7258
7321
|
],
|
|
7259
7322
|
true
|
|
7260
7323
|
));
|
|
7261
|
-
var root_2$
|
|
7262
|
-
var root_1$
|
|
7263
|
-
var root_3$
|
|
7264
|
-
var root$
|
|
7265
|
-
const $$css$
|
|
7324
|
+
var root_2$d = /* @__PURE__ */ from_html(`<span class="alviere-exp-input__required svelte-1i578bj">*</span>`);
|
|
7325
|
+
var root_1$h = /* @__PURE__ */ from_html(`<label class="alviere-exp-input__label svelte-1i578bj"> <!></label>`);
|
|
7326
|
+
var root_3$d = /* @__PURE__ */ from_html(`<div class="alviere-exp-input__error svelte-1i578bj" role="alert"> </div>`);
|
|
7327
|
+
var root$h = /* @__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>`);
|
|
7328
|
+
const $$css$k = {
|
|
7266
7329
|
hash: "svelte-1i578bj",
|
|
7267
|
-
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%);}.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:#ffc107;line-height:1.25;}.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;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 {
|
|
7330
|
+
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%);}.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__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 {
|
|
7268
7331
|
animation: svelte-1i578bj-fadeIn 0.2s ease-in-out;}
|
|
7269
7332
|
@keyframes svelte-1i578bj-fadeIn {
|
|
7270
7333
|
from {
|
|
@@ -7279,7 +7342,7 @@ const $$css$j = {
|
|
|
7279
7342
|
};
|
|
7280
7343
|
function CardExpInput($$anchor, $$props) {
|
|
7281
7344
|
push($$props, true);
|
|
7282
|
-
append_styles$1($$anchor, $$css$
|
|
7345
|
+
append_styles$1($$anchor, $$css$k);
|
|
7283
7346
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Expiry Date"), placeholder = prop($$props, "placeholder", 15, "MM/YY"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "cc-exp"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({}));
|
|
7284
7347
|
const baseInput = createEnhancedBaseInputMixin({
|
|
7285
7348
|
value: value(),
|
|
@@ -7581,16 +7644,16 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7581
7644
|
flushSync();
|
|
7582
7645
|
}
|
|
7583
7646
|
};
|
|
7584
|
-
var div = root$
|
|
7647
|
+
var div = root$h();
|
|
7585
7648
|
var node = child(div);
|
|
7586
7649
|
{
|
|
7587
7650
|
var consequent_1 = ($$anchor2) => {
|
|
7588
|
-
var label_1 = root_1$
|
|
7651
|
+
var label_1 = root_1$h();
|
|
7589
7652
|
var text2 = child(label_1);
|
|
7590
7653
|
var node_1 = sibling(text2);
|
|
7591
7654
|
{
|
|
7592
7655
|
var consequent = ($$anchor3) => {
|
|
7593
|
-
var span = root_2$
|
|
7656
|
+
var span = root_2$d();
|
|
7594
7657
|
append($$anchor3, span);
|
|
7595
7658
|
};
|
|
7596
7659
|
if_block(node_1, ($$render) => {
|
|
@@ -7624,7 +7687,7 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7624
7687
|
var node_2 = sibling(div_1, 2);
|
|
7625
7688
|
{
|
|
7626
7689
|
var consequent_2 = ($$anchor2) => {
|
|
7627
|
-
var div_2 = root_3$
|
|
7690
|
+
var div_2 = root_3$d();
|
|
7628
7691
|
var text_1 = child(div_2, true);
|
|
7629
7692
|
reset(div_2);
|
|
7630
7693
|
template_effect(() => {
|
|
@@ -7643,6 +7706,7 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7643
7706
|
classes = set_class(div_1, 1, "alviere-exp-input__wrapper svelte-1i578bj", null, classes, {
|
|
7644
7707
|
"alviere-exp-input__wrapper--focused": baseInput.state.isFocused,
|
|
7645
7708
|
"alviere-exp-input__wrapper--disabled": disabled(),
|
|
7709
|
+
"alviere-exp-input__wrapper--readonly": readonly(),
|
|
7646
7710
|
"alviere-exp-input__wrapper--valid": baseInput.computed.effectiveValidationState === "valid",
|
|
7647
7711
|
"alviere-exp-input__wrapper--invalid": baseInput.computed.effectiveValidationState === "invalid"
|
|
7648
7712
|
});
|
|
@@ -7896,28 +7960,28 @@ const X = [
|
|
|
7896
7960
|
["path", { d: "M18 6 6 18" }],
|
|
7897
7961
|
["path", { d: "m6 6 12 12" }]
|
|
7898
7962
|
];
|
|
7899
|
-
var root_1$
|
|
7900
|
-
var root_2$
|
|
7901
|
-
var root_3$
|
|
7963
|
+
var root_1$g = /* @__PURE__ */ from_html(`<label class="alviere-text-input__label svelte-1auzwdn"> </label>`);
|
|
7964
|
+
var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
|
|
7965
|
+
var root_3$c = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
|
|
7902
7966
|
var root_5$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__action-button svelte-1auzwdn"><span class="alviere-text-input__action-icon svelte-1auzwdn">?</span></button>`);
|
|
7903
7967
|
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>`);
|
|
7904
7968
|
var root_8$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="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>`);
|
|
7905
7969
|
var root_6$3 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
|
|
7906
|
-
var root_4$
|
|
7970
|
+
var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
|
|
7907
7971
|
var root_9$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
|
|
7908
7972
|
var root_10$2 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
|
|
7909
7973
|
var root_11$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__help svelte-1auzwdn"><!> </div>`);
|
|
7910
7974
|
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>`);
|
|
7911
7975
|
var root_13$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__warning svelte-1auzwdn" role="status"><!> </div>`);
|
|
7912
|
-
var root$
|
|
7913
|
-
const $$css$
|
|
7976
|
+
var root$g = /* @__PURE__ */ from_html(`<div><div><!> <!> <!> <!> <!></div> <div class="alviere-text-input__validation-messages svelte-1auzwdn"><!> <!> <!></div></div>`);
|
|
7977
|
+
const $$css$j = {
|
|
7914
7978
|
hash: "svelte-1auzwdn",
|
|
7915
|
-
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%);}.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:#ffc107;line-height:1.25;}.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 .alviere-text-input__label:where(.svelte-1auzwdn) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-text-input__wrapper--focused.svelte-1auzwdn .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;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),
|
|
7979
|
+
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%);}.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__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),
|
|
7916
7980
|
.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {padding-right:calc(0.75rem + var(--alviere-text-input-actions-width, 0px));}.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__required:where(.svelte-1auzwdn) {right:calc(1rem + var(--alviere-text-input-actions-width, 0px));}.alviere-text-input__input.svelte-1auzwdn, .alviere-text-input__textarea.svelte-1auzwdn {resize:none;}.alviere-text-input__textarea.svelte-1auzwdn {min-height:2.5rem;line-height:1.75rem;resize:vertical;}.alviere-text-input__character-count.svelte-1auzwdn {position:absolute;bottom:0.25rem;right:0.25rem;font-size:1rem;color:#71717a;background:rgba(255, 255, 255, 0.9);padding:0.125rem 0.25rem;border-radius:0.125rem;pointer-events:none;}.alviere-text-input__help.svelte-1auzwdn {margin-top:0.25rem;font-size:0.75rem;color:#71717a;line-height:1.25;display:flex;align-items:flex-start;gap:0.25rem;}.alviere-text-input__help.svelte-1auzwdn svg {width:1rem;height:1rem;}.alviere-text-input__wrapper--textarea.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:3rem;padding-bottom:1.5rem;}.alviere-text-input__wrapper--textarea.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:2.5rem;}.alviere-text-input__wrapper--textarea.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:4rem;}.alviere-text-input__character-count.svelte-1auzwdn {font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-weight:500;opacity:0.8;transition:opacity 150ms ease-in-out;}.alviere-text-input__wrapper--focused.svelte-1auzwdn .alviere-text-input__character-count:where(.svelte-1auzwdn) {opacity:1;}.alviere-text-input__wrapper--textarea--valid.svelte-1auzwdn::after, .alviere-text-input__wrapper--textarea--invalid.svelte-1auzwdn::after {top:0.5rem;transform:none;}.alviere-text-input__actions.svelte-1auzwdn {position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.25rem;z-index:1;}.alviere-text-input__action-button.svelte-1auzwdn, .alviere-text-input__reveal-button.svelte-1auzwdn {background:transparent;border:none;cursor:pointer;padding:0;margin:0;height:1.75rem;width:1.75rem;display:inline-flex;align-items:center;justify-content:center;color:#71717a;}.alviere-text-input__action-button.svelte-1auzwdn {border-radius:999px;border:1px solid #d4d4d8;font-size:0.9rem;line-height:1;}.alviere-text-input__action-icon.svelte-1auzwdn {font-weight:500;}`
|
|
7917
7981
|
};
|
|
7918
7982
|
function TextInput($$anchor, $$props) {
|
|
7919
7983
|
push($$props, true);
|
|
7920
|
-
append_styles$1($$anchor, $$css$
|
|
7984
|
+
append_styles$1($$anchor, $$css$j);
|
|
7921
7985
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, ""), placeholder = prop($$props, "placeholder", 15, ""), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), sensitive = prop($$props, "sensitive", 15, false), maxlength = prop($$props, "maxlength", 15, void 0), minlength = prop($$props, "minlength", 15, void 0), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15), type = prop($$props, "type", 15, "text"), rows = prop($$props, "rows", 15, 3), cols = prop($$props, "cols", 15, void 0), resize = prop($$props, "resize", 15, "vertical"), blockPaste = prop($$props, "blockPaste", 15, false), suffixActionLabel = prop($$props, "suffixActionLabel", 15, ""), suffixActionAriaLabel = prop($$props, "suffixActionAriaLabel", 15, ""), suffixActionHandler = prop($$props, "suffixActionHandler", 15, void 0);
|
|
7922
7986
|
const fallbackId = `text-input-${Math.random().toString(36).slice(2, 10)}`;
|
|
7923
7987
|
const getInputId = () => id() || name() || fallbackId;
|
|
@@ -8416,13 +8480,13 @@ function TextInput($$anchor, $$props) {
|
|
|
8416
8480
|
flushSync();
|
|
8417
8481
|
}
|
|
8418
8482
|
};
|
|
8419
|
-
var div = root$
|
|
8483
|
+
var div = root$g();
|
|
8420
8484
|
var div_1 = child(div);
|
|
8421
8485
|
let classes;
|
|
8422
8486
|
var node = child(div_1);
|
|
8423
8487
|
{
|
|
8424
8488
|
var consequent = ($$anchor2) => {
|
|
8425
|
-
var label_1 = root_1$
|
|
8489
|
+
var label_1 = root_1$g();
|
|
8426
8490
|
var text2 = child(label_1, true);
|
|
8427
8491
|
reset(label_1);
|
|
8428
8492
|
template_effect(
|
|
@@ -8441,7 +8505,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8441
8505
|
var node_1 = sibling(node, 2);
|
|
8442
8506
|
{
|
|
8443
8507
|
var consequent_1 = ($$anchor2) => {
|
|
8444
|
-
var textarea = root_2$
|
|
8508
|
+
var textarea = root_2$c();
|
|
8445
8509
|
remove_textarea_child(textarea);
|
|
8446
8510
|
textarea.__input = handleInput;
|
|
8447
8511
|
textarea.__change = handleChange;
|
|
@@ -8478,7 +8542,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8478
8542
|
append($$anchor2, textarea);
|
|
8479
8543
|
};
|
|
8480
8544
|
var alternate = ($$anchor2) => {
|
|
8481
|
-
var input = root_3$
|
|
8545
|
+
var input = root_3$c();
|
|
8482
8546
|
remove_input_defaults(input);
|
|
8483
8547
|
input.__input = handleInput;
|
|
8484
8548
|
input.__change = handleChange;
|
|
@@ -8520,7 +8584,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8520
8584
|
var node_2 = sibling(node_1, 2);
|
|
8521
8585
|
{
|
|
8522
8586
|
var consequent_5 = ($$anchor2) => {
|
|
8523
|
-
var div_2 = root_4$
|
|
8587
|
+
var div_2 = root_4$b();
|
|
8524
8588
|
var node_3 = child(div_2);
|
|
8525
8589
|
{
|
|
8526
8590
|
var consequent_2 = ($$anchor3) => {
|
|
@@ -8735,16 +8799,16 @@ customElements.define("alviere-text-input", create_custom_element(
|
|
|
8735
8799
|
],
|
|
8736
8800
|
true
|
|
8737
8801
|
));
|
|
8738
|
-
var root_1$
|
|
8739
|
-
var root_2$
|
|
8740
|
-
var root$
|
|
8741
|
-
const $$css$
|
|
8802
|
+
var root_1$f = /* @__PURE__ */ from_html(`<div class="success-message svelte-1aekat9">✅ Payment instrument created successfully! <br/> <small class="svelte-1aekat9"> </small></div>`);
|
|
8803
|
+
var root_2$b = /* @__PURE__ */ from_html(`<div class="error-message svelte-1aekat9"> </div>`);
|
|
8804
|
+
var root$f = /* @__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>`);
|
|
8805
|
+
const $$css$i = {
|
|
8742
8806
|
hash: "svelte-1aekat9",
|
|
8743
8807
|
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;}'
|
|
8744
8808
|
};
|
|
8745
8809
|
function AddPaymentInstrument($$anchor, $$props) {
|
|
8746
8810
|
push($$props, true);
|
|
8747
|
-
append_styles$1($$anchor, $$css$
|
|
8811
|
+
append_styles$1($$anchor, $$css$i);
|
|
8748
8812
|
let jwt = prop($$props, "jwt", 15, ""), accountUuid = prop($$props, "accountUuid", 15, ""), debug = prop($$props, "debug", 15, false), onsuccess = prop($$props, "onsuccess", 15), onerror = prop($$props, "onerror", 15);
|
|
8749
8813
|
let formData = /* @__PURE__ */ state(proxy({
|
|
8750
8814
|
pan: "",
|
|
@@ -8912,11 +8976,11 @@ function AddPaymentInstrument($$anchor, $$props) {
|
|
|
8912
8976
|
flushSync();
|
|
8913
8977
|
}
|
|
8914
8978
|
};
|
|
8915
|
-
var div = root$
|
|
8979
|
+
var div = root$f();
|
|
8916
8980
|
var node = sibling(child(div), 2);
|
|
8917
8981
|
{
|
|
8918
8982
|
var consequent = ($$anchor2) => {
|
|
8919
|
-
var div_1 = root_1$
|
|
8983
|
+
var div_1 = root_1$f();
|
|
8920
8984
|
var small = sibling(child(div_1), 3);
|
|
8921
8985
|
var text2 = child(small);
|
|
8922
8986
|
reset(small);
|
|
@@ -8934,7 +8998,7 @@ function AddPaymentInstrument($$anchor, $$props) {
|
|
|
8934
8998
|
var node_1 = sibling(node, 2);
|
|
8935
8999
|
{
|
|
8936
9000
|
var consequent_1 = ($$anchor2) => {
|
|
8937
|
-
var div_2 = root_2$
|
|
9001
|
+
var div_2 = root_2$b();
|
|
8938
9002
|
var text_1 = child(div_2);
|
|
8939
9003
|
reset(div_2);
|
|
8940
9004
|
template_effect(() => set_text(text_1, `❌ ${get$1(error) ?? ""}`));
|
|
@@ -9269,32 +9333,268 @@ customElements.define("alviere-add-payment-instrument", create_custom_element(
|
|
|
9269
9333
|
[],
|
|
9270
9334
|
true
|
|
9271
9335
|
));
|
|
9272
|
-
|
|
9273
|
-
|
|
9274
|
-
|
|
9275
|
-
|
|
9336
|
+
const E164_MAX_LENGTH = 16;
|
|
9337
|
+
function hasValidationRules(schema) {
|
|
9338
|
+
return Object.keys(schema || {}).length > 0;
|
|
9339
|
+
}
|
|
9340
|
+
function resolvePatternRegex(schema) {
|
|
9341
|
+
const patternRule = schema.pattern;
|
|
9342
|
+
if (!patternRule) return null;
|
|
9343
|
+
if (patternRule.regex instanceof RegExp) {
|
|
9344
|
+
return patternRule.regex;
|
|
9345
|
+
}
|
|
9346
|
+
if (typeof patternRule.regex !== "string") {
|
|
9347
|
+
return null;
|
|
9348
|
+
}
|
|
9349
|
+
try {
|
|
9350
|
+
return new RegExp(patternRule.regex, patternRule.flags);
|
|
9351
|
+
} catch {
|
|
9352
|
+
return null;
|
|
9353
|
+
}
|
|
9354
|
+
}
|
|
9355
|
+
function resolveMaxLengthRule(schema) {
|
|
9356
|
+
const rule = schema.maxLength;
|
|
9357
|
+
if (typeof rule === "number" && Number.isFinite(rule) && rule >= 0) {
|
|
9358
|
+
return rule;
|
|
9359
|
+
}
|
|
9360
|
+
if (typeof rule === "object" && rule !== null && typeof rule.value === "number" && Number.isFinite(rule.value) && rule.value >= 0) {
|
|
9361
|
+
return rule.value;
|
|
9362
|
+
}
|
|
9363
|
+
return void 0;
|
|
9364
|
+
}
|
|
9365
|
+
function splitTopLevelAlternatives(source2) {
|
|
9366
|
+
const alternatives = [];
|
|
9367
|
+
let start = 0;
|
|
9368
|
+
let escaped = false;
|
|
9369
|
+
let groupDepth = 0;
|
|
9370
|
+
let classDepth = 0;
|
|
9371
|
+
for (let i = 0; i < source2.length; i += 1) {
|
|
9372
|
+
const char = source2[i];
|
|
9373
|
+
if (escaped) {
|
|
9374
|
+
escaped = false;
|
|
9375
|
+
continue;
|
|
9376
|
+
}
|
|
9377
|
+
if (char === "\\") {
|
|
9378
|
+
escaped = true;
|
|
9379
|
+
continue;
|
|
9380
|
+
}
|
|
9381
|
+
if (classDepth > 0) {
|
|
9382
|
+
if (char === "]") classDepth -= 1;
|
|
9383
|
+
continue;
|
|
9384
|
+
}
|
|
9385
|
+
if (char === "[") {
|
|
9386
|
+
classDepth += 1;
|
|
9387
|
+
continue;
|
|
9388
|
+
}
|
|
9389
|
+
if (char === "(") {
|
|
9390
|
+
groupDepth += 1;
|
|
9391
|
+
continue;
|
|
9392
|
+
}
|
|
9393
|
+
if (char === ")" && groupDepth > 0) {
|
|
9394
|
+
groupDepth -= 1;
|
|
9395
|
+
continue;
|
|
9396
|
+
}
|
|
9397
|
+
if (char === "|" && groupDepth === 0 && classDepth === 0) {
|
|
9398
|
+
alternatives.push(source2.slice(start, i));
|
|
9399
|
+
start = i + 1;
|
|
9400
|
+
}
|
|
9401
|
+
}
|
|
9402
|
+
alternatives.push(source2.slice(start));
|
|
9403
|
+
return alternatives;
|
|
9404
|
+
}
|
|
9405
|
+
function findMatchingBracket(source2, startIndex) {
|
|
9406
|
+
let escaped = false;
|
|
9407
|
+
for (let i = startIndex + 1; i < source2.length; i += 1) {
|
|
9408
|
+
const char = source2[i];
|
|
9409
|
+
if (escaped) {
|
|
9410
|
+
escaped = false;
|
|
9411
|
+
continue;
|
|
9412
|
+
}
|
|
9413
|
+
if (char === "\\") {
|
|
9414
|
+
escaped = true;
|
|
9415
|
+
continue;
|
|
9416
|
+
}
|
|
9417
|
+
if (char === "]") {
|
|
9418
|
+
return i;
|
|
9419
|
+
}
|
|
9420
|
+
}
|
|
9421
|
+
return -1;
|
|
9422
|
+
}
|
|
9423
|
+
function findMatchingParen(source2, startIndex) {
|
|
9424
|
+
let depth = 0;
|
|
9425
|
+
let escaped = false;
|
|
9426
|
+
let classDepth = 0;
|
|
9427
|
+
for (let i = startIndex; i < source2.length; i += 1) {
|
|
9428
|
+
const char = source2[i];
|
|
9429
|
+
if (escaped) {
|
|
9430
|
+
escaped = false;
|
|
9431
|
+
continue;
|
|
9432
|
+
}
|
|
9433
|
+
if (char === "\\") {
|
|
9434
|
+
escaped = true;
|
|
9435
|
+
continue;
|
|
9436
|
+
}
|
|
9437
|
+
if (classDepth > 0) {
|
|
9438
|
+
if (char === "]") classDepth -= 1;
|
|
9439
|
+
continue;
|
|
9440
|
+
}
|
|
9441
|
+
if (char === "[") {
|
|
9442
|
+
classDepth += 1;
|
|
9443
|
+
continue;
|
|
9444
|
+
}
|
|
9445
|
+
if (char === "(") {
|
|
9446
|
+
depth += 1;
|
|
9447
|
+
continue;
|
|
9448
|
+
}
|
|
9449
|
+
if (char === ")") {
|
|
9450
|
+
depth -= 1;
|
|
9451
|
+
if (depth === 0) {
|
|
9452
|
+
return i;
|
|
9453
|
+
}
|
|
9454
|
+
}
|
|
9455
|
+
}
|
|
9456
|
+
return -1;
|
|
9457
|
+
}
|
|
9458
|
+
function parseQuantifier(source2, startIndex) {
|
|
9459
|
+
const nextChar = source2[startIndex];
|
|
9460
|
+
if (!nextChar) {
|
|
9461
|
+
return { maxMultiplier: 1, nextIndex: startIndex };
|
|
9462
|
+
}
|
|
9463
|
+
if (nextChar === "?" || nextChar === "*") {
|
|
9464
|
+
return {
|
|
9465
|
+
maxMultiplier: nextChar === "?" ? 1 : void 0,
|
|
9466
|
+
nextIndex: startIndex + 1
|
|
9467
|
+
};
|
|
9468
|
+
}
|
|
9469
|
+
if (nextChar === "+") {
|
|
9470
|
+
return {
|
|
9471
|
+
maxMultiplier: void 0,
|
|
9472
|
+
nextIndex: startIndex + 1
|
|
9473
|
+
};
|
|
9474
|
+
}
|
|
9475
|
+
const rangeMatch = source2.slice(startIndex).match(/^\{(\d+)(,(\d*)?)?\}/);
|
|
9476
|
+
if (!rangeMatch) {
|
|
9477
|
+
return { maxMultiplier: 1, nextIndex: startIndex };
|
|
9478
|
+
}
|
|
9479
|
+
const hasComma = Boolean(rangeMatch[2]);
|
|
9480
|
+
const upperBound = rangeMatch[3];
|
|
9481
|
+
const maxMultiplier = hasComma && upperBound === "" ? void 0 : Number.parseInt(upperBound || rangeMatch[1], 10);
|
|
9482
|
+
return {
|
|
9483
|
+
maxMultiplier,
|
|
9484
|
+
nextIndex: startIndex + rangeMatch[0].length
|
|
9485
|
+
};
|
|
9486
|
+
}
|
|
9487
|
+
function parseSequenceMaxLength(source2) {
|
|
9488
|
+
let i = 0;
|
|
9489
|
+
let total = 0;
|
|
9490
|
+
while (i < source2.length) {
|
|
9491
|
+
const char = source2[i];
|
|
9492
|
+
if (char === "^" || char === "$") {
|
|
9493
|
+
i += 1;
|
|
9494
|
+
continue;
|
|
9495
|
+
}
|
|
9496
|
+
let atomMax = 1;
|
|
9497
|
+
let nextIndex = i + 1;
|
|
9498
|
+
if (char === "\\") {
|
|
9499
|
+
const escaped = source2[i + 1];
|
|
9500
|
+
if (!escaped) return void 0;
|
|
9501
|
+
atomMax = escaped === "b" || escaped === "B" ? 0 : 1;
|
|
9502
|
+
nextIndex = i + 2;
|
|
9503
|
+
} else if (char === "[") {
|
|
9504
|
+
const end = findMatchingBracket(source2, i);
|
|
9505
|
+
if (end === -1) return void 0;
|
|
9506
|
+
atomMax = 1;
|
|
9507
|
+
nextIndex = end + 1;
|
|
9508
|
+
} else if (char === "(") {
|
|
9509
|
+
const end = findMatchingParen(source2, i);
|
|
9510
|
+
if (end === -1) return void 0;
|
|
9511
|
+
const inner = source2.slice(i + 1, end);
|
|
9512
|
+
if (inner.startsWith("?=") || inner.startsWith("?!") || inner.startsWith("?<=") || inner.startsWith("?<!")) {
|
|
9513
|
+
atomMax = 0;
|
|
9514
|
+
} else {
|
|
9515
|
+
const groupSource = inner.startsWith("?:") ? inner.slice(2) : inner;
|
|
9516
|
+
const groupMax = inferRegexMaxLengthFromSource(groupSource);
|
|
9517
|
+
if (groupMax === void 0) return void 0;
|
|
9518
|
+
atomMax = groupMax;
|
|
9519
|
+
}
|
|
9520
|
+
nextIndex = end + 1;
|
|
9521
|
+
}
|
|
9522
|
+
const quantifier = parseQuantifier(source2, nextIndex);
|
|
9523
|
+
if (quantifier.maxMultiplier === void 0) return void 0;
|
|
9524
|
+
total += atomMax * quantifier.maxMultiplier;
|
|
9525
|
+
i = quantifier.nextIndex;
|
|
9526
|
+
}
|
|
9527
|
+
return total;
|
|
9528
|
+
}
|
|
9529
|
+
function inferRegexMaxLengthFromSource(source2) {
|
|
9530
|
+
const alternatives = splitTopLevelAlternatives(source2);
|
|
9531
|
+
if (alternatives.length === 0) return 0;
|
|
9532
|
+
let maxLength = 0;
|
|
9533
|
+
for (const alternative of alternatives) {
|
|
9534
|
+
const alternativeMax = parseSequenceMaxLength(alternative);
|
|
9535
|
+
if (alternativeMax === void 0) return void 0;
|
|
9536
|
+
maxLength = Math.max(maxLength, alternativeMax);
|
|
9537
|
+
}
|
|
9538
|
+
return maxLength;
|
|
9539
|
+
}
|
|
9540
|
+
function inferRegexMaxLength(regex) {
|
|
9541
|
+
return inferRegexMaxLengthFromSource(regex.source);
|
|
9542
|
+
}
|
|
9543
|
+
function getPhoneInputMaxLength(schema) {
|
|
9544
|
+
const effectiveSchema = schema || {};
|
|
9545
|
+
const hasRules = hasValidationRules(effectiveSchema);
|
|
9546
|
+
const limits = [];
|
|
9547
|
+
if (!hasRules || effectiveSchema.phone) {
|
|
9548
|
+
limits.push(E164_MAX_LENGTH);
|
|
9549
|
+
}
|
|
9550
|
+
const explicitMax = resolveMaxLengthRule(effectiveSchema);
|
|
9551
|
+
if (explicitMax !== void 0) {
|
|
9552
|
+
limits.push(explicitMax);
|
|
9553
|
+
}
|
|
9554
|
+
const patternRegex = resolvePatternRegex(effectiveSchema);
|
|
9555
|
+
if (patternRegex) {
|
|
9556
|
+
const patternMax = inferRegexMaxLength(patternRegex);
|
|
9557
|
+
if (patternMax !== void 0) {
|
|
9558
|
+
limits.push(patternMax);
|
|
9559
|
+
}
|
|
9560
|
+
}
|
|
9561
|
+
if (!limits.length) {
|
|
9562
|
+
return void 0;
|
|
9563
|
+
}
|
|
9564
|
+
return Math.min(...limits);
|
|
9565
|
+
}
|
|
9566
|
+
var root_1$e = /* @__PURE__ */ from_html(`<label class="alviere-phone-input__label svelte-15yozux"> </label>`);
|
|
9567
|
+
var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__character-count svelte-15yozux"> </span>`);
|
|
9568
|
+
var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
|
|
9569
|
+
var root_4$a = /* @__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>`);
|
|
9276
9570
|
var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"> </div>`);
|
|
9277
|
-
var root$
|
|
9278
|
-
const $$css$
|
|
9571
|
+
var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
|
|
9572
|
+
const $$css$h = {
|
|
9279
9573
|
hash: "svelte-15yozux",
|
|
9280
|
-
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%);}.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:#
|
|
9281
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux),
|
|
9282
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-date-of-birth-input__label:where(.svelte-15yozux),
|
|
9283
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-
|
|
9284
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux
|
|
9285
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux)::placeholder,
|
|
9286
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-
|
|
9287
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-
|
|
9288
|
-
.alviere-phone-input__wrapper--focused.svelte-15yozux
|
|
9574
|
+
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%);}.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__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),
|
|
9575
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-15yozux),
|
|
9576
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__label:where(.svelte-15yozux),
|
|
9577
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__label:where(.svelte-15yozux),
|
|
9578
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-15yozux),
|
|
9579
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__label:where(.svelte-15yozux) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-15yozux)::placeholder,
|
|
9580
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__input:where(.svelte-15yozux)::placeholder,
|
|
9581
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__input:where(.svelte-15yozux)::placeholder,
|
|
9582
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__input:where(.svelte-15yozux)::placeholder,
|
|
9583
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-15yozux)::placeholder,
|
|
9584
|
+
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__input:where(.svelte-15yozux)::placeholder {opacity:1;}.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-text-input__label:where(.svelte-15yozux),
|
|
9289
9585
|
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux),
|
|
9290
9586
|
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-date-of-birth-input__label:where(.svelte-15yozux),
|
|
9587
|
+
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-ein-input__label:where(.svelte-15yozux),
|
|
9291
9588
|
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-search-select__label:where(.svelte-15yozux),
|
|
9292
|
-
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-currency-input__label:where(.svelte-15yozux) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-phone-input__wrapper--disabled.svelte-15yozux {background:#f4f4f5;cursor:not-allowed;}.alviere-phone-input__wrapper--readonly.svelte-15yozux {background:#f4f4f5;cursor:default;}.alviere-phone-input__wrapper--valid.svelte-15yozux {border-color:#436b1d;}.alviere-phone-input__wrapper--invalid.svelte-15yozux {border-color:#b3311f;}.alviere-phone-input__wrapper--warning.svelte-15yozux {border-color:#ffc107;}.alviere-phone-input__input.svelte-15yozux {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-phone-input__input.svelte-15yozux::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-phone-input__input.svelte-15yozux:disabled {cursor:not-allowed;color:#52525b;}.alviere-phone-input__input.svelte-15yozux:read-only {cursor:default;color:#3f3f46;}.alviere-phone-input__validation-messages.svelte-15yozux {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:2.5rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.25rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input.svelte-15yozux:focus-within .alviere-phone-input__wrapper:where(.svelte-15yozux):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__character-count.svelte-15yozux {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:#
|
|
9589
|
+
.alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-currency-input__label:where(.svelte-15yozux) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-phone-input__wrapper--disabled.svelte-15yozux {background:#f4f4f5;cursor:not-allowed;}.alviere-phone-input__wrapper--readonly.svelte-15yozux {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-phone-input__wrapper--valid.svelte-15yozux {border-color:#436b1d;}.alviere-phone-input__wrapper--invalid.svelte-15yozux {border-color:#b3311f;}.alviere-phone-input__wrapper--warning.svelte-15yozux {border-color:#ffc107;}.alviere-phone-input__input.svelte-15yozux {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-phone-input__input.svelte-15yozux::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-phone-input__input.svelte-15yozux:disabled {cursor:not-allowed;color:#52525b;}.alviere-phone-input__input.svelte-15yozux:read-only {cursor:default;color:#3f3f46;}.alviere-phone-input__validation-messages.svelte-15yozux {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:2.5rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.25rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input.svelte-15yozux:focus-within .alviere-phone-input__wrapper:where(.svelte-15yozux):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__character-count.svelte-15yozux {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:#3f3f46;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.05em;opacity:1;}.alviere-exp-input--sm.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-exp-input--lg.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {opacity:1;}.alviere-phone-input__success-message.svelte-15yozux {margin-top:0.25rem;font-size:1.125rem;color:#436b1d;line-height:1.25;}`
|
|
9293
9590
|
};
|
|
9294
9591
|
function PhoneInput($$anchor, $$props) {
|
|
9295
9592
|
push($$props, true);
|
|
9296
|
-
append_styles$1($$anchor, $$css$
|
|
9593
|
+
append_styles$1($$anchor, $$css$h);
|
|
9297
9594
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Phone Number"), placeholder = prop($$props, "placeholder", 15, "Enter phone number"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "tel"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
|
|
9595
|
+
function getEffectiveValidationSchema(schema) {
|
|
9596
|
+
return Object.keys(schema || {}).length > 0 ? schema : { phone: true };
|
|
9597
|
+
}
|
|
9298
9598
|
const baseInput = createEnhancedBaseInputMixin({
|
|
9299
9599
|
get value() {
|
|
9300
9600
|
return value();
|
|
@@ -9315,15 +9615,12 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9315
9615
|
componentName: "PhoneInput",
|
|
9316
9616
|
componentType: "phone",
|
|
9317
9617
|
customValidator: (val) => {
|
|
9318
|
-
const
|
|
9319
|
-
if (phoneError) {
|
|
9320
|
-
return { isValid: false, error: phoneError };
|
|
9321
|
-
}
|
|
9322
|
-
const result = validateWithSchema(val, validationSchema(), label());
|
|
9618
|
+
const result = validateWithSchema(val, getEffectiveValidationSchema(validationSchema()), label());
|
|
9323
9619
|
return { isValid: result.isValid, error: result.firstError };
|
|
9324
9620
|
}
|
|
9325
9621
|
});
|
|
9326
9622
|
let characterCount = /* @__PURE__ */ user_derived(() => value().length);
|
|
9623
|
+
let maxLength = /* @__PURE__ */ user_derived(() => getPhoneInputMaxLength(getEffectiveValidationSchema(validationSchema())));
|
|
9327
9624
|
let eventDispatcher = /* @__PURE__ */ user_derived(() => useEventDispatcher(baseInput.state.inputElement));
|
|
9328
9625
|
function createEventDetail() {
|
|
9329
9626
|
return {
|
|
@@ -9345,9 +9642,6 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9345
9642
|
onMount(() => {
|
|
9346
9643
|
if (!baseInput.state.inputElement) return;
|
|
9347
9644
|
});
|
|
9348
|
-
user_effect(() => {
|
|
9349
|
-
set(characterCount, value().length);
|
|
9350
|
-
});
|
|
9351
9645
|
function handleInput(event2) {
|
|
9352
9646
|
uiLogger.info("PhoneInput: handleInput", event2);
|
|
9353
9647
|
const target = event2.target;
|
|
@@ -9360,8 +9654,8 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9360
9654
|
const cleanedAfterPlus = afterPlus.replace(/[^\d]/g, "");
|
|
9361
9655
|
newValue = "+" + cleanedAfterPlus;
|
|
9362
9656
|
}
|
|
9363
|
-
if (newValue.length >
|
|
9364
|
-
newValue = newValue.substring(0,
|
|
9657
|
+
if (get$1(maxLength) !== void 0 && newValue.length > get$1(maxLength)) {
|
|
9658
|
+
newValue = newValue.substring(0, get$1(maxLength));
|
|
9365
9659
|
}
|
|
9366
9660
|
value(newValue);
|
|
9367
9661
|
target.value = newValue;
|
|
@@ -9417,7 +9711,8 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9417
9711
|
baseInput.computed.effectiveValidationState === "invalid" ? "alviere-phone-input__wrapper--invalid" : "",
|
|
9418
9712
|
baseInput.computed.effectiveValidationState === "valid" ? "alviere-phone-input__wrapper--valid" : "",
|
|
9419
9713
|
baseInput.computed.effectiveValidationState === "warning" ? "alviere-phone-input__wrapper--warning" : "",
|
|
9420
|
-
disabled() ? "alviere-phone-input__wrapper--disabled" : ""
|
|
9714
|
+
disabled() ? "alviere-phone-input__wrapper--disabled" : "",
|
|
9715
|
+
readonly() ? "alviere-phone-input__wrapper--readonly" : ""
|
|
9421
9716
|
].filter(Boolean).join(" "));
|
|
9422
9717
|
function focus() {
|
|
9423
9718
|
var _a2;
|
|
@@ -9626,12 +9921,12 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9626
9921
|
flushSync();
|
|
9627
9922
|
}
|
|
9628
9923
|
};
|
|
9629
|
-
var div = root$
|
|
9924
|
+
var div = root$e();
|
|
9630
9925
|
var div_1 = child(div);
|
|
9631
9926
|
var node = child(div_1);
|
|
9632
9927
|
{
|
|
9633
9928
|
var consequent = ($$anchor2) => {
|
|
9634
|
-
var label_1 = root_1$
|
|
9929
|
+
var label_1 = root_1$e();
|
|
9635
9930
|
var text2 = child(label_1, true);
|
|
9636
9931
|
reset(label_1);
|
|
9637
9932
|
template_effect(() => {
|
|
@@ -9656,14 +9951,14 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9656
9951
|
var node_1 = sibling(input, 2);
|
|
9657
9952
|
{
|
|
9658
9953
|
var consequent_1 = ($$anchor2) => {
|
|
9659
|
-
var span = root_2$
|
|
9954
|
+
var span = root_2$a();
|
|
9660
9955
|
var text_1 = child(span);
|
|
9661
9956
|
reset(span);
|
|
9662
|
-
template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}
|
|
9957
|
+
template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}/${get$1(maxLength) ?? ""}`));
|
|
9663
9958
|
append($$anchor2, span);
|
|
9664
9959
|
};
|
|
9665
9960
|
if_block(node_1, ($$render) => {
|
|
9666
|
-
if (get$1(characterCount) > 0) $$render(consequent_1);
|
|
9961
|
+
if (get$1(characterCount) > 0 && get$1(maxLength) !== void 0) $$render(consequent_1);
|
|
9667
9962
|
});
|
|
9668
9963
|
}
|
|
9669
9964
|
reset(div_1);
|
|
@@ -9671,7 +9966,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9671
9966
|
var node_2 = child(div_2);
|
|
9672
9967
|
{
|
|
9673
9968
|
var consequent_2 = ($$anchor2) => {
|
|
9674
|
-
var div_3 = root_3$
|
|
9969
|
+
var div_3 = root_3$b();
|
|
9675
9970
|
append($$anchor2, div_3);
|
|
9676
9971
|
};
|
|
9677
9972
|
if_block(node_2, ($$render) => {
|
|
@@ -9681,7 +9976,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9681
9976
|
var node_3 = sibling(node_2, 2);
|
|
9682
9977
|
{
|
|
9683
9978
|
var consequent_3 = ($$anchor2) => {
|
|
9684
|
-
var div_4 = root_4$
|
|
9979
|
+
var div_4 = root_4$a();
|
|
9685
9980
|
var text_2 = sibling(child(div_4));
|
|
9686
9981
|
reset(div_4);
|
|
9687
9982
|
template_effect(() => {
|
|
@@ -9723,6 +10018,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9723
10018
|
input.disabled = disabled();
|
|
9724
10019
|
input.readOnly = readonly();
|
|
9725
10020
|
set_attribute(input, "autocomplete", autocomplete());
|
|
10021
|
+
set_attribute(input, "maxlength", get$1(maxLength));
|
|
9726
10022
|
set_class(input, 1, `alviere-phone-input__input alviere-phone-input__input--${size() ?? ""}`, "svelte-15yozux");
|
|
9727
10023
|
set_attribute(input, "aria-describedby", baseInput.state.validationState === "invalid" ? `${id() || "phone-input"}-error` : baseInput.state.validationState === "warning" ? `${id() || "phone-input"}-warning` : void 0);
|
|
9728
10024
|
});
|
|
@@ -9771,30 +10067,33 @@ customElements.define("alviere-phone-input", create_custom_element(
|
|
|
9771
10067
|
],
|
|
9772
10068
|
true
|
|
9773
10069
|
));
|
|
9774
|
-
var root_1$
|
|
9775
|
-
var root_2$
|
|
9776
|
-
var root_3$
|
|
9777
|
-
var root_4$
|
|
9778
|
-
var root$
|
|
9779
|
-
const $$css$
|
|
10070
|
+
var root_1$d = /* @__PURE__ */ from_html(`<label class="alviere-date-of-birth-input__label svelte-1ooun91"> </label>`);
|
|
10071
|
+
var root_2$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__required svelte-1ooun91">Required</div>`);
|
|
10072
|
+
var root_3$a = /* @__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>`);
|
|
10073
|
+
var root_4$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__warning svelte-1ooun91" role="status"> </div>`);
|
|
10074
|
+
var root$d = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" maxlength="10"/></div> <div class="alviere-date-of-birth-input__validation-messages svelte-1ooun91"><!> <!> <!></div></div>`);
|
|
10075
|
+
const $$css$g = {
|
|
9780
10076
|
hash: "svelte-1ooun91",
|
|
9781
|
-
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%);}.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:#
|
|
9782
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-phone-input__label:where(.svelte-1ooun91),
|
|
9783
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91),
|
|
9784
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-
|
|
9785
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91
|
|
9786
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-
|
|
9787
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-
|
|
9788
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91 .alviere-
|
|
9789
|
-
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91
|
|
10077
|
+
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%);}.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__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),
|
|
10078
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-1ooun91),
|
|
10079
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__label:where(.svelte-1ooun91),
|
|
10080
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__label:where(.svelte-1ooun91),
|
|
10081
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-1ooun91),
|
|
10082
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__label:where(.svelte-1ooun91) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-1ooun91)::placeholder,
|
|
10083
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__input:where(.svelte-1ooun91)::placeholder,
|
|
10084
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__input:where(.svelte-1ooun91)::placeholder,
|
|
10085
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__input:where(.svelte-1ooun91)::placeholder,
|
|
10086
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-1ooun91)::placeholder,
|
|
10087
|
+
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__input:where(.svelte-1ooun91)::placeholder {opacity:1;}.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-text-input__label:where(.svelte-1ooun91),
|
|
9790
10088
|
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-phone-input__label:where(.svelte-1ooun91),
|
|
9791
10089
|
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91),
|
|
10090
|
+
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-ein-input__label:where(.svelte-1ooun91),
|
|
9792
10091
|
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-search-select__label:where(.svelte-1ooun91),
|
|
9793
|
-
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-currency-input__label:where(.svelte-1ooun91) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-date-of-birth-input__wrapper--disabled.svelte-1ooun91 {background:#f4f4f5;cursor:not-allowed;}.alviere-date-of-birth-input__wrapper--readonly.svelte-1ooun91 {background:#f4f4f5;cursor:default;}.alviere-date-of-birth-input__wrapper--valid.svelte-1ooun91 {border-color:#436b1d;}.alviere-date-of-birth-input__wrapper--invalid.svelte-1ooun91 {border-color:#b3311f;}.alviere-date-of-birth-input__wrapper--warning.svelte-1ooun91 {border-color:#ffc107;}.alviere-date-of-birth-input__input.svelte-1ooun91 {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-date-of-birth-input__input.svelte-1ooun91::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-date-of-birth-input__input.svelte-1ooun91:disabled {cursor:not-allowed;color:#52525b;}.alviere-date-of-birth-input__input.svelte-1ooun91:read-only {cursor:default;color:#3f3f46;}.alviere-date-of-birth-input__validation-messages.svelte-1ooun91 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:2.5rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91) {font-size:1rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:3.25rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.25rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:3.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91) {font-size:1.25rem;}.alviere-date-of-birth-input.svelte-1ooun91:focus-within .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-date-of-birth-input__success-message.svelte-1ooun91 {color:#436b1d;font-size:0.875rem;margin-top:0.25rem;font-weight:500;}`
|
|
10092
|
+
.alviere-date-of-birth-input__wrapper--dirty.svelte-1ooun91 .alviere-currency-input__label:where(.svelte-1ooun91) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-date-of-birth-input__wrapper--disabled.svelte-1ooun91 {background:#f4f4f5;cursor:not-allowed;}.alviere-date-of-birth-input__wrapper--readonly.svelte-1ooun91 {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-date-of-birth-input__wrapper--valid.svelte-1ooun91 {border-color:#436b1d;}.alviere-date-of-birth-input__wrapper--invalid.svelte-1ooun91 {border-color:#b3311f;}.alviere-date-of-birth-input__wrapper--warning.svelte-1ooun91 {border-color:#ffc107;}.alviere-date-of-birth-input__input.svelte-1ooun91 {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-date-of-birth-input__input.svelte-1ooun91::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-date-of-birth-input__input.svelte-1ooun91:disabled {cursor:not-allowed;color:#52525b;}.alviere-date-of-birth-input__input.svelte-1ooun91:read-only {cursor:default;color:#3f3f46;}.alviere-date-of-birth-input__validation-messages.svelte-1ooun91 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:2.5rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-date-of-birth-input--sm.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91) {font-size:1rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:3.25rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1rem;}.alviere-date-of-birth-input--md.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.25rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91) {min-height:3.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__input:where(.svelte-1ooun91) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__textarea:where(.svelte-1ooun91) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-date-of-birth-input--lg.svelte-1ooun91 .alviere-date-of-birth-input__label:where(.svelte-1ooun91) {font-size:1.25rem;}.alviere-date-of-birth-input.svelte-1ooun91:focus-within .alviere-date-of-birth-input__wrapper:where(.svelte-1ooun91):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-date-of-birth-input__success-message.svelte-1ooun91 {color:#436b1d;font-size:0.875rem;margin-top:0.25rem;font-weight:500;}`
|
|
9794
10093
|
};
|
|
9795
10094
|
function DateOfBirthInput($$anchor, $$props) {
|
|
9796
10095
|
push($$props, true);
|
|
9797
|
-
append_styles$1($$anchor, $$css$
|
|
10096
|
+
append_styles$1($$anchor, $$css$g);
|
|
9798
10097
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Date of Birth"), placeholder = prop($$props, "placeholder", 15, "YYYY-MM-DD"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "bday"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
|
|
9799
10098
|
const baseInput = createEnhancedBaseInputMixin({
|
|
9800
10099
|
get value() {
|
|
@@ -9919,6 +10218,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
9919
10218
|
baseInput.computed.effectiveValidationState === "valid" ? "alviere-date-of-birth-input__wrapper--valid" : "",
|
|
9920
10219
|
baseInput.computed.effectiveValidationState === "warning" ? "alviere-date-of-birth-input__wrapper--warning" : "",
|
|
9921
10220
|
disabled() ? "alviere-date-of-birth-input__wrapper--disabled" : "",
|
|
10221
|
+
readonly() ? "alviere-date-of-birth-input__wrapper--readonly" : "",
|
|
9922
10222
|
value() !== "" ? "alviere-date-of-birth-input__wrapper--dirty" : ""
|
|
9923
10223
|
].filter(Boolean).join(" "));
|
|
9924
10224
|
function focus() {
|
|
@@ -10137,12 +10437,12 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10137
10437
|
flushSync();
|
|
10138
10438
|
}
|
|
10139
10439
|
};
|
|
10140
|
-
var div = root$
|
|
10440
|
+
var div = root$d();
|
|
10141
10441
|
var div_1 = child(div);
|
|
10142
10442
|
var node = child(div_1);
|
|
10143
10443
|
{
|
|
10144
10444
|
var consequent = ($$anchor2) => {
|
|
10145
|
-
var label_1 = root_1$
|
|
10445
|
+
var label_1 = root_1$d();
|
|
10146
10446
|
var text2 = child(label_1, true);
|
|
10147
10447
|
reset(label_1);
|
|
10148
10448
|
template_effect(() => {
|
|
@@ -10169,7 +10469,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10169
10469
|
var node_1 = child(div_2);
|
|
10170
10470
|
{
|
|
10171
10471
|
var consequent_1 = ($$anchor2) => {
|
|
10172
|
-
var div_3 = root_2$
|
|
10472
|
+
var div_3 = root_2$9();
|
|
10173
10473
|
append($$anchor2, div_3);
|
|
10174
10474
|
};
|
|
10175
10475
|
if_block(node_1, ($$render) => {
|
|
@@ -10179,7 +10479,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10179
10479
|
var node_2 = sibling(node_1, 2);
|
|
10180
10480
|
{
|
|
10181
10481
|
var consequent_2 = ($$anchor2) => {
|
|
10182
|
-
var div_4 = root_3$
|
|
10482
|
+
var div_4 = root_3$a();
|
|
10183
10483
|
var text_1 = sibling(child(div_4));
|
|
10184
10484
|
reset(div_4);
|
|
10185
10485
|
template_effect(() => {
|
|
@@ -10195,7 +10495,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10195
10495
|
var node_3 = sibling(node_2, 2);
|
|
10196
10496
|
{
|
|
10197
10497
|
var consequent_3 = ($$anchor2) => {
|
|
10198
|
-
var div_5 = root_4$
|
|
10498
|
+
var div_5 = root_4$9();
|
|
10199
10499
|
var text_2 = child(div_5, true);
|
|
10200
10500
|
reset(div_5);
|
|
10201
10501
|
template_effect(() => {
|
|
@@ -10269,30 +10569,33 @@ customElements.define("alviere-date-of-birth-input", create_custom_element(
|
|
|
10269
10569
|
],
|
|
10270
10570
|
true
|
|
10271
10571
|
));
|
|
10272
|
-
var root_1$
|
|
10273
|
-
var root_2$
|
|
10274
|
-
var root_3$
|
|
10275
|
-
var root_4$
|
|
10276
|
-
var root$
|
|
10277
|
-
const $$css$
|
|
10572
|
+
var root_1$c = /* @__PURE__ */ from_html(`<label class="alviere-currency-input__label svelte-qcuhgv"> </label>`);
|
|
10573
|
+
var root_2$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__required svelte-qcuhgv">Required</div>`);
|
|
10574
|
+
var root_3$9 = /* @__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>`);
|
|
10575
|
+
var root_4$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__help-text"> </div>`);
|
|
10576
|
+
var root$c = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/></div> <div class="alviere-currency-input__validation-messages svelte-qcuhgv"><!> <!> <!></div></div>`);
|
|
10577
|
+
const $$css$f = {
|
|
10278
10578
|
hash: "svelte-qcuhgv",
|
|
10279
|
-
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%);}.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:#
|
|
10280
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-phone-input__label:where(.svelte-qcuhgv),
|
|
10281
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-date-of-birth-input__label:where(.svelte-qcuhgv),
|
|
10282
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-
|
|
10283
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv
|
|
10284
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-
|
|
10285
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-
|
|
10286
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv .alviere-
|
|
10287
|
-
.alviere-currency-input__wrapper--focused.svelte-qcuhgv
|
|
10579
|
+
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%);}.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__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),
|
|
10580
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-qcuhgv),
|
|
10581
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__label:where(.svelte-qcuhgv),
|
|
10582
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__label:where(.svelte-qcuhgv),
|
|
10583
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-qcuhgv),
|
|
10584
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__label:where(.svelte-qcuhgv) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-qcuhgv)::placeholder,
|
|
10585
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__input:where(.svelte-qcuhgv)::placeholder,
|
|
10586
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__input:where(.svelte-qcuhgv)::placeholder,
|
|
10587
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__input:where(.svelte-qcuhgv)::placeholder,
|
|
10588
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-qcuhgv)::placeholder,
|
|
10589
|
+
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__input:where(.svelte-qcuhgv)::placeholder {opacity:1;}.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-text-input__label:where(.svelte-qcuhgv),
|
|
10288
10590
|
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-phone-input__label:where(.svelte-qcuhgv),
|
|
10289
10591
|
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-date-of-birth-input__label:where(.svelte-qcuhgv),
|
|
10592
|
+
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-ein-input__label:where(.svelte-qcuhgv),
|
|
10290
10593
|
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-search-select__label:where(.svelte-qcuhgv),
|
|
10291
|
-
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-currency-input__wrapper--disabled.svelte-qcuhgv {background:#f4f4f5;cursor:not-allowed;}.alviere-currency-input__wrapper--readonly.svelte-qcuhgv {background:#f4f4f5;cursor:default;}.alviere-currency-input__wrapper--valid.svelte-qcuhgv {border-color:#436b1d;}.alviere-currency-input__wrapper--invalid.svelte-qcuhgv {border-color:#b3311f;}.alviere-currency-input__wrapper--warning.svelte-qcuhgv {border-color:#ffc107;}.alviere-currency-input__input.svelte-qcuhgv {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-currency-input__input.svelte-qcuhgv::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-currency-input__input.svelte-qcuhgv:disabled {cursor:not-allowed;color:#52525b;}.alviere-currency-input__input.svelte-qcuhgv:read-only {cursor:default;color:#3f3f46;}.alviere-currency-input__validation-messages.svelte-qcuhgv {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:2.5rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {font-size:1rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:3.25rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.25rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:3.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {font-size:1.25rem;}.alviere-currency-input.svelte-qcuhgv:focus-within .alviere-currency-input__wrapper:where(.svelte-qcuhgv):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-currency-input__input.svelte-qcuhgv {font-variant-numeric:tabular-nums;letter-spacing:0.02em;}`
|
|
10594
|
+
.alviere-currency-input__wrapper--dirty.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-currency-input__wrapper--disabled.svelte-qcuhgv {background:#f4f4f5;cursor:not-allowed;}.alviere-currency-input__wrapper--readonly.svelte-qcuhgv {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-currency-input__wrapper--valid.svelte-qcuhgv {border-color:#436b1d;}.alviere-currency-input__wrapper--invalid.svelte-qcuhgv {border-color:#b3311f;}.alviere-currency-input__wrapper--warning.svelte-qcuhgv {border-color:#ffc107;}.alviere-currency-input__input.svelte-qcuhgv {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-currency-input__input.svelte-qcuhgv::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-currency-input__input.svelte-qcuhgv:disabled {cursor:not-allowed;color:#52525b;}.alviere-currency-input__input.svelte-qcuhgv:read-only {cursor:default;color:#3f3f46;}.alviere-currency-input__validation-messages.svelte-qcuhgv {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:2.5rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-currency-input--sm.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {font-size:1rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:3.25rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1rem;}.alviere-currency-input--md.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.25rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__wrapper:where(.svelte-qcuhgv) {min-height:3.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__input:where(.svelte-qcuhgv) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__textarea:where(.svelte-qcuhgv) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-currency-input--lg.svelte-qcuhgv .alviere-currency-input__label:where(.svelte-qcuhgv) {font-size:1.25rem;}.alviere-currency-input.svelte-qcuhgv:focus-within .alviere-currency-input__wrapper:where(.svelte-qcuhgv):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-currency-input__input.svelte-qcuhgv {font-variant-numeric:tabular-nums;letter-spacing:0.02em;}`
|
|
10292
10595
|
};
|
|
10293
10596
|
function CurrencyInput($$anchor, $$props) {
|
|
10294
10597
|
push($$props, true);
|
|
10295
|
-
append_styles$1($$anchor, $$css$
|
|
10598
|
+
append_styles$1($$anchor, $$css$f);
|
|
10296
10599
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Amount"), placeholder = prop($$props, "placeholder", 15, "0.00"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15), currency = prop($$props, "currency", 15, "USD"), locale = prop($$props, "locale", 15, "en-US");
|
|
10297
10600
|
let rawNumericValue = /* @__PURE__ */ state(0);
|
|
10298
10601
|
function getCurrencySymbol() {
|
|
@@ -10501,6 +10804,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10501
10804
|
baseInput.state.errorMessage ? "alviere-currency-input__wrapper--invalid" : "",
|
|
10502
10805
|
!baseInput.state.errorMessage && value() && get$1(rawNumericValue) > 0 ? "alviere-currency-input__wrapper--valid" : "",
|
|
10503
10806
|
disabled() ? "alviere-currency-input__wrapper--disabled" : "",
|
|
10807
|
+
readonly() ? "alviere-currency-input__wrapper--readonly" : "",
|
|
10504
10808
|
value() !== "" ? "alviere-currency-input__wrapper--dirty" : ""
|
|
10505
10809
|
].filter(Boolean).join(" "));
|
|
10506
10810
|
function focus() {
|
|
@@ -10747,12 +11051,12 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10747
11051
|
flushSync();
|
|
10748
11052
|
}
|
|
10749
11053
|
};
|
|
10750
|
-
var div = root$
|
|
11054
|
+
var div = root$c();
|
|
10751
11055
|
var div_1 = child(div);
|
|
10752
11056
|
var node = child(div_1);
|
|
10753
11057
|
{
|
|
10754
11058
|
var consequent = ($$anchor2) => {
|
|
10755
|
-
var label_1 = root_1$
|
|
11059
|
+
var label_1 = root_1$c();
|
|
10756
11060
|
var text2 = child(label_1, true);
|
|
10757
11061
|
reset(label_1);
|
|
10758
11062
|
template_effect(() => {
|
|
@@ -10779,7 +11083,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10779
11083
|
var node_1 = child(div_2);
|
|
10780
11084
|
{
|
|
10781
11085
|
var consequent_1 = ($$anchor2) => {
|
|
10782
|
-
var div_3 = root_2$
|
|
11086
|
+
var div_3 = root_2$8();
|
|
10783
11087
|
append($$anchor2, div_3);
|
|
10784
11088
|
};
|
|
10785
11089
|
if_block(node_1, ($$render) => {
|
|
@@ -10789,7 +11093,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10789
11093
|
var node_2 = sibling(node_1, 2);
|
|
10790
11094
|
{
|
|
10791
11095
|
var consequent_2 = ($$anchor2) => {
|
|
10792
|
-
var div_4 = root_3$
|
|
11096
|
+
var div_4 = root_3$9();
|
|
10793
11097
|
var text_1 = sibling(child(div_4));
|
|
10794
11098
|
reset(div_4);
|
|
10795
11099
|
template_effect(() => {
|
|
@@ -10805,7 +11109,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10805
11109
|
var node_3 = sibling(node_2, 2);
|
|
10806
11110
|
{
|
|
10807
11111
|
var consequent_3 = ($$anchor2) => {
|
|
10808
|
-
var div_5 = root_4$
|
|
11112
|
+
var div_5 = root_4$8();
|
|
10809
11113
|
var text_2 = child(div_5, true);
|
|
10810
11114
|
reset(div_5);
|
|
10811
11115
|
template_effect(() => set_text(text_2, helpText()));
|
|
@@ -10838,8 +11142,582 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
10838
11142
|
return pop($$exports);
|
|
10839
11143
|
}
|
|
10840
11144
|
delegate(["input", "change", "keydown"]);
|
|
10841
|
-
customElements.define("alviere-currency-input", create_custom_element(
|
|
10842
|
-
CurrencyInput,
|
|
11145
|
+
customElements.define("alviere-currency-input", create_custom_element(
|
|
11146
|
+
CurrencyInput,
|
|
11147
|
+
{
|
|
11148
|
+
value: {},
|
|
11149
|
+
label: {},
|
|
11150
|
+
placeholder: {},
|
|
11151
|
+
disabled: {},
|
|
11152
|
+
required: {},
|
|
11153
|
+
readonly: {},
|
|
11154
|
+
size: {},
|
|
11155
|
+
id: {},
|
|
11156
|
+
name: {},
|
|
11157
|
+
autocomplete: {},
|
|
11158
|
+
validationState: {},
|
|
11159
|
+
errorMessage: {},
|
|
11160
|
+
helpText: {},
|
|
11161
|
+
validationSchema: {},
|
|
11162
|
+
oninput: {},
|
|
11163
|
+
onchange: {},
|
|
11164
|
+
onfocus: {},
|
|
11165
|
+
onblur: {},
|
|
11166
|
+
currency: {},
|
|
11167
|
+
locale: {}
|
|
11168
|
+
},
|
|
11169
|
+
[],
|
|
11170
|
+
[
|
|
11171
|
+
"focus",
|
|
11172
|
+
"blur",
|
|
11173
|
+
"isValid",
|
|
11174
|
+
"getValidationError",
|
|
11175
|
+
"getValidationSchema",
|
|
11176
|
+
"setValidationSchema",
|
|
11177
|
+
"clear",
|
|
11178
|
+
"select",
|
|
11179
|
+
"setSelectionRange",
|
|
11180
|
+
"getFormattedValue",
|
|
11181
|
+
"getRawValue",
|
|
11182
|
+
"getValueInMajorUnits",
|
|
11183
|
+
"getValueInMinorUnits",
|
|
11184
|
+
"setValue",
|
|
11185
|
+
"setValueInMajorUnits",
|
|
11186
|
+
"getComponentMetadata"
|
|
11187
|
+
],
|
|
11188
|
+
true
|
|
11189
|
+
));
|
|
11190
|
+
const linear = (x) => x;
|
|
11191
|
+
function fade(node, { delay = 0, duration = 400, easing = linear } = {}) {
|
|
11192
|
+
const o = +getComputedStyle(node).opacity;
|
|
11193
|
+
return {
|
|
11194
|
+
delay,
|
|
11195
|
+
duration,
|
|
11196
|
+
easing,
|
|
11197
|
+
css: (t) => `opacity: ${t * o}`
|
|
11198
|
+
};
|
|
11199
|
+
}
|
|
11200
|
+
var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-ein-input__label svelte-w5ixut"> </label>`);
|
|
11201
|
+
var root_2$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__required svelte-w5ixut">Required</div>`);
|
|
11202
|
+
var root_3$8 = /* @__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>`);
|
|
11203
|
+
var root_4$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__warning svelte-w5ixut" role="status"> </div>`);
|
|
11204
|
+
var root$b = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/> <span class="alviere-ein-input__format-hint svelte-w5ixut">XX-XXXXXXX</span></div> <div class="alviere-ein-input__validation-messages svelte-w5ixut"><!> <!> <!></div></div>`);
|
|
11205
|
+
const $$css$e = {
|
|
11206
|
+
hash: "svelte-w5ixut",
|
|
11207
|
+
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%);}.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__wrapper.svelte-w5ixut {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-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),
|
|
11208
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-w5ixut),
|
|
11209
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__label:where(.svelte-w5ixut),
|
|
11210
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__label:where(.svelte-w5ixut),
|
|
11211
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-w5ixut),
|
|
11212
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__label:where(.svelte-w5ixut) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-w5ixut)::placeholder,
|
|
11213
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__input:where(.svelte-w5ixut)::placeholder,
|
|
11214
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__input:where(.svelte-w5ixut)::placeholder,
|
|
11215
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__input:where(.svelte-w5ixut)::placeholder,
|
|
11216
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-w5ixut)::placeholder,
|
|
11217
|
+
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-currency-input__input:where(.svelte-w5ixut)::placeholder {opacity:1;}.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-text-input__label:where(.svelte-w5ixut),
|
|
11218
|
+
.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-phone-input__label:where(.svelte-w5ixut),
|
|
11219
|
+
.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-date-of-birth-input__label:where(.svelte-w5ixut),
|
|
11220
|
+
.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut),
|
|
11221
|
+
.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-search-select__label:where(.svelte-w5ixut),
|
|
11222
|
+
.alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-currency-input__label:where(.svelte-w5ixut) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut {background:#f4f4f5;cursor:not-allowed;}.alviere-ein-input__wrapper--readonly.svelte-w5ixut {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-ein-input__wrapper--valid.svelte-w5ixut {border-color:#436b1d;}.alviere-ein-input__wrapper--invalid.svelte-w5ixut {border-color:#b3311f;}.alviere-ein-input__wrapper--warning.svelte-w5ixut {border-color:#ffc107;}.alviere-ein-input__input.svelte-w5ixut {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-ein-input__input.svelte-w5ixut::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-ein-input__input.svelte-w5ixut:disabled {cursor:not-allowed;color:#52525b;}.alviere-ein-input__input.svelte-w5ixut:read-only {cursor:default;color:#3f3f46;}.alviere-ein-input__validation-messages.svelte-w5ixut {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:2.5rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.25rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input.svelte-w5ixut:focus-within .alviere-ein-input__wrapper:where(.svelte-w5ixut):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__input.svelte-w5ixut {letter-spacing:0.06em;}.alviere-ein-input__format-hint.svelte-w5ixut {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.08em;opacity:0.85;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-ein-input__wrapper--focused.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {opacity:1;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut), .alviere-ein-input__wrapper--readonly.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut) {opacity:0.6;}`
|
|
11223
|
+
};
|
|
11224
|
+
function EinInput($$anchor, $$props) {
|
|
11225
|
+
push($$props, true);
|
|
11226
|
+
append_styles$1($$anchor, $$css$e);
|
|
11227
|
+
const MAX_EIN_DIGITS = 9;
|
|
11228
|
+
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "EIN"), placeholder = prop($$props, "placeholder", 15, "XX-XXXXXXX"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "off"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
|
|
11229
|
+
function toEinDigits(input) {
|
|
11230
|
+
return (input || "").replace(/\D/g, "").slice(0, MAX_EIN_DIGITS);
|
|
11231
|
+
}
|
|
11232
|
+
function formatEin(input) {
|
|
11233
|
+
const digits = toEinDigits(input);
|
|
11234
|
+
if (digits.length <= 2) return digits;
|
|
11235
|
+
return `${digits.slice(0, 2)}-${digits.slice(2)}`;
|
|
11236
|
+
}
|
|
11237
|
+
function getCursorFromDigitCount(formatted, digitsCount) {
|
|
11238
|
+
if (digitsCount <= 0) return 0;
|
|
11239
|
+
let seenDigits = 0;
|
|
11240
|
+
for (let i = 0; i < formatted.length; i++) {
|
|
11241
|
+
if (/\d/.test(formatted[i])) {
|
|
11242
|
+
seenDigits += 1;
|
|
11243
|
+
}
|
|
11244
|
+
if (seenDigits >= digitsCount) {
|
|
11245
|
+
return i + 1;
|
|
11246
|
+
}
|
|
11247
|
+
}
|
|
11248
|
+
return formatted.length;
|
|
11249
|
+
}
|
|
11250
|
+
function setCursorPosition(element2, position) {
|
|
11251
|
+
setTimeout(
|
|
11252
|
+
() => {
|
|
11253
|
+
element2.setSelectionRange(position, position);
|
|
11254
|
+
},
|
|
11255
|
+
0
|
|
11256
|
+
);
|
|
11257
|
+
}
|
|
11258
|
+
const baseInput = createEnhancedBaseInputMixin({
|
|
11259
|
+
get value() {
|
|
11260
|
+
return value();
|
|
11261
|
+
},
|
|
11262
|
+
required: required(),
|
|
11263
|
+
disabled: disabled(),
|
|
11264
|
+
readonly: readonly(),
|
|
11265
|
+
get validationState() {
|
|
11266
|
+
return validationState();
|
|
11267
|
+
},
|
|
11268
|
+
get errorMessage() {
|
|
11269
|
+
return errorMessage();
|
|
11270
|
+
},
|
|
11271
|
+
helpText: helpText(),
|
|
11272
|
+
label: label(),
|
|
11273
|
+
get validationSchema() {
|
|
11274
|
+
return validationSchema();
|
|
11275
|
+
},
|
|
11276
|
+
componentName: "EinInput",
|
|
11277
|
+
componentType: "general",
|
|
11278
|
+
customValidator: (val) => {
|
|
11279
|
+
const digits = toEinDigits(val);
|
|
11280
|
+
if (digits.length > 0 && digits.length !== MAX_EIN_DIGITS) {
|
|
11281
|
+
return {
|
|
11282
|
+
isValid: false,
|
|
11283
|
+
error: "Please enter a valid EIN (XX-XXXXXXX)"
|
|
11284
|
+
};
|
|
11285
|
+
}
|
|
11286
|
+
const result = validateWithSchema(digits, validationSchema(), label());
|
|
11287
|
+
return { isValid: result.isValid, error: result.firstError };
|
|
11288
|
+
}
|
|
11289
|
+
});
|
|
11290
|
+
user_effect(() => {
|
|
11291
|
+
const formatted = formatEin(value());
|
|
11292
|
+
if (formatted !== value()) {
|
|
11293
|
+
value(formatted);
|
|
11294
|
+
}
|
|
11295
|
+
});
|
|
11296
|
+
const wrapperClasses = /* @__PURE__ */ user_derived(() => [
|
|
11297
|
+
"alviere-ein-input__wrapper",
|
|
11298
|
+
value() !== "" ? "alviere-ein-input__wrapper--dirty" : "",
|
|
11299
|
+
baseInput.state.isFocused ? "alviere-ein-input__wrapper--focused" : "",
|
|
11300
|
+
baseInput.computed.effectiveValidationState === "invalid" ? "alviere-ein-input__wrapper--invalid" : "",
|
|
11301
|
+
baseInput.computed.effectiveValidationState === "valid" ? "alviere-ein-input__wrapper--valid" : "",
|
|
11302
|
+
baseInput.computed.effectiveValidationState === "warning" ? "alviere-ein-input__wrapper--warning" : "",
|
|
11303
|
+
disabled() ? "alviere-ein-input__wrapper--disabled" : "",
|
|
11304
|
+
readonly() ? "alviere-ein-input__wrapper--readonly" : ""
|
|
11305
|
+
].filter(Boolean).join(" "));
|
|
11306
|
+
let eventDispatcher = /* @__PURE__ */ user_derived(() => useEventDispatcher(baseInput.state.inputElement));
|
|
11307
|
+
function getInputId() {
|
|
11308
|
+
return id() || "ein-input";
|
|
11309
|
+
}
|
|
11310
|
+
function createEventDetail() {
|
|
11311
|
+
const digits = toEinDigits(value());
|
|
11312
|
+
return {
|
|
11313
|
+
value: value(),
|
|
11314
|
+
rawValue: digits,
|
|
11315
|
+
isValid: baseInput.state.isValid,
|
|
11316
|
+
validationState: baseInput.state.validationState,
|
|
11317
|
+
errorMessage: baseInput.state.errorMessage,
|
|
11318
|
+
hasInteracted: baseInput.state.hasInteracted,
|
|
11319
|
+
characterCount: digits.length,
|
|
11320
|
+
maxLength: MAX_EIN_DIGITS
|
|
11321
|
+
};
|
|
11322
|
+
}
|
|
11323
|
+
function handleInput(event2) {
|
|
11324
|
+
var _a2;
|
|
11325
|
+
const target = event2.target;
|
|
11326
|
+
const inputValue = target.value;
|
|
11327
|
+
const cursorPos = (_a2 = target.selectionStart) !== null && _a2 !== void 0 ? _a2 : inputValue.length;
|
|
11328
|
+
const digitsBeforeCursor = toEinDigits(inputValue.slice(0, cursorPos)).length;
|
|
11329
|
+
const digits = toEinDigits(inputValue);
|
|
11330
|
+
const formatted = formatEin(digits);
|
|
11331
|
+
value(formatted);
|
|
11332
|
+
target.value = formatted;
|
|
11333
|
+
setCursorPosition(target, getCursorFromDigitCount(formatted, digitsBeforeCursor));
|
|
11334
|
+
baseInput.handlers.handleInput(event2);
|
|
11335
|
+
get$1(eventDispatcher).dispatch(ComponentEvents.TEXT_INPUT, createEventDetail());
|
|
11336
|
+
if (oninput()) {
|
|
11337
|
+
oninput()(event2);
|
|
11338
|
+
}
|
|
11339
|
+
}
|
|
11340
|
+
function handleFocus(event2) {
|
|
11341
|
+
baseInput.handlers.handleFocus(event2);
|
|
11342
|
+
get$1(eventDispatcher).dispatch(ComponentEvents.TEXT_FOCUS, createEventDetail());
|
|
11343
|
+
if (onfocus()) {
|
|
11344
|
+
onfocus()(event2);
|
|
11345
|
+
}
|
|
11346
|
+
}
|
|
11347
|
+
function handleBlur(event2) {
|
|
11348
|
+
baseInput.handlers.handleBlur(event2);
|
|
11349
|
+
get$1(eventDispatcher).dispatch(ComponentEvents.TEXT_BLUR, createEventDetail());
|
|
11350
|
+
if (onblur()) {
|
|
11351
|
+
onblur()(event2);
|
|
11352
|
+
}
|
|
11353
|
+
}
|
|
11354
|
+
function handleChange(event2) {
|
|
11355
|
+
baseInput.handlers.handleChange(event2);
|
|
11356
|
+
get$1(eventDispatcher).dispatch(ComponentEvents.TEXT_CHANGE, createEventDetail());
|
|
11357
|
+
if (onchange()) {
|
|
11358
|
+
onchange()(event2);
|
|
11359
|
+
}
|
|
11360
|
+
}
|
|
11361
|
+
function handleKeyDown(event2) {
|
|
11362
|
+
if (event2.metaKey || event2.ctrlKey || event2.altKey) {
|
|
11363
|
+
return;
|
|
11364
|
+
}
|
|
11365
|
+
const allowedKeys = [
|
|
11366
|
+
"Backspace",
|
|
11367
|
+
"Delete",
|
|
11368
|
+
"Tab",
|
|
11369
|
+
"Escape",
|
|
11370
|
+
"Enter",
|
|
11371
|
+
"ArrowLeft",
|
|
11372
|
+
"ArrowRight",
|
|
11373
|
+
"ArrowUp",
|
|
11374
|
+
"ArrowDown",
|
|
11375
|
+
"Home",
|
|
11376
|
+
"End"
|
|
11377
|
+
];
|
|
11378
|
+
if (allowedKeys.includes(event2.key)) {
|
|
11379
|
+
return;
|
|
11380
|
+
}
|
|
11381
|
+
if (!/^\d$/.test(event2.key) && event2.key !== "-") {
|
|
11382
|
+
event2.preventDefault();
|
|
11383
|
+
return;
|
|
11384
|
+
}
|
|
11385
|
+
if (/^\d$/.test(event2.key)) {
|
|
11386
|
+
const target = event2.target;
|
|
11387
|
+
const hasSelection = (target.selectionStart || 0) !== (target.selectionEnd || 0);
|
|
11388
|
+
const currentDigits = toEinDigits(target.value);
|
|
11389
|
+
if (currentDigits.length >= MAX_EIN_DIGITS && !hasSelection) {
|
|
11390
|
+
event2.preventDefault();
|
|
11391
|
+
}
|
|
11392
|
+
}
|
|
11393
|
+
}
|
|
11394
|
+
function focus() {
|
|
11395
|
+
var _a2;
|
|
11396
|
+
(_a2 = baseInput.state.inputElement) === null || _a2 === void 0 ? void 0 : _a2.focus();
|
|
11397
|
+
}
|
|
11398
|
+
function blur() {
|
|
11399
|
+
var _a2;
|
|
11400
|
+
(_a2 = baseInput.state.inputElement) === null || _a2 === void 0 ? void 0 : _a2.blur();
|
|
11401
|
+
}
|
|
11402
|
+
function isValid() {
|
|
11403
|
+
return baseInput.state.isValid;
|
|
11404
|
+
}
|
|
11405
|
+
function getValidationError() {
|
|
11406
|
+
return baseInput.state.errorMessage || null;
|
|
11407
|
+
}
|
|
11408
|
+
function getValidationSchema() {
|
|
11409
|
+
return validationSchema();
|
|
11410
|
+
}
|
|
11411
|
+
function setValidationSchema(schema) {
|
|
11412
|
+
validationSchema(schema);
|
|
11413
|
+
}
|
|
11414
|
+
function clear() {
|
|
11415
|
+
value("");
|
|
11416
|
+
if (baseInput.state.inputElement) {
|
|
11417
|
+
baseInput.state.inputElement.value = "";
|
|
11418
|
+
}
|
|
11419
|
+
}
|
|
11420
|
+
function select() {
|
|
11421
|
+
if (baseInput.state.inputElement && "select" in baseInput.state.inputElement) {
|
|
11422
|
+
baseInput.state.inputElement.select();
|
|
11423
|
+
}
|
|
11424
|
+
}
|
|
11425
|
+
function setSelectionRange(start, end) {
|
|
11426
|
+
if (baseInput.state.inputElement && "setSelectionRange" in baseInput.state.inputElement) {
|
|
11427
|
+
baseInput.state.inputElement.setSelectionRange(start, end);
|
|
11428
|
+
}
|
|
11429
|
+
}
|
|
11430
|
+
function getFormattedValue() {
|
|
11431
|
+
return formatEin(value());
|
|
11432
|
+
}
|
|
11433
|
+
function getRawValue() {
|
|
11434
|
+
return toEinDigits(value());
|
|
11435
|
+
}
|
|
11436
|
+
function setRawValue(rawValue) {
|
|
11437
|
+
const formatted = formatEin(rawValue);
|
|
11438
|
+
value(formatted);
|
|
11439
|
+
if (baseInput.state.inputElement) {
|
|
11440
|
+
baseInput.state.inputElement.value = formatted;
|
|
11441
|
+
}
|
|
11442
|
+
}
|
|
11443
|
+
function getComponentMetadata() {
|
|
11444
|
+
return {
|
|
11445
|
+
name: "EinInput",
|
|
11446
|
+
type: "general",
|
|
11447
|
+
standardsVersion: "1.0.0",
|
|
11448
|
+
hasStandardizedAPI: true,
|
|
11449
|
+
capabilities: {
|
|
11450
|
+
hasTextManipulation: true,
|
|
11451
|
+
hasSpecializedMethods: true,
|
|
11452
|
+
methodNames: [
|
|
11453
|
+
"focus",
|
|
11454
|
+
"blur",
|
|
11455
|
+
"isValid",
|
|
11456
|
+
"getValidationError",
|
|
11457
|
+
"getValidationSchema",
|
|
11458
|
+
"setValidationSchema",
|
|
11459
|
+
"clear",
|
|
11460
|
+
"select",
|
|
11461
|
+
"setSelectionRange",
|
|
11462
|
+
"getFormattedValue",
|
|
11463
|
+
"getRawValue",
|
|
11464
|
+
"setRawValue"
|
|
11465
|
+
]
|
|
11466
|
+
}
|
|
11467
|
+
};
|
|
11468
|
+
}
|
|
11469
|
+
var $$exports = {
|
|
11470
|
+
focus,
|
|
11471
|
+
blur,
|
|
11472
|
+
isValid,
|
|
11473
|
+
getValidationError,
|
|
11474
|
+
getValidationSchema,
|
|
11475
|
+
setValidationSchema,
|
|
11476
|
+
clear,
|
|
11477
|
+
select,
|
|
11478
|
+
setSelectionRange,
|
|
11479
|
+
getFormattedValue,
|
|
11480
|
+
getRawValue,
|
|
11481
|
+
setRawValue,
|
|
11482
|
+
getComponentMetadata,
|
|
11483
|
+
get value() {
|
|
11484
|
+
return value();
|
|
11485
|
+
},
|
|
11486
|
+
set value($$value = "") {
|
|
11487
|
+
value($$value);
|
|
11488
|
+
flushSync();
|
|
11489
|
+
},
|
|
11490
|
+
get label() {
|
|
11491
|
+
return label();
|
|
11492
|
+
},
|
|
11493
|
+
set label($$value = "EIN") {
|
|
11494
|
+
label($$value);
|
|
11495
|
+
flushSync();
|
|
11496
|
+
},
|
|
11497
|
+
get placeholder() {
|
|
11498
|
+
return placeholder();
|
|
11499
|
+
},
|
|
11500
|
+
set placeholder($$value = "XX-XXXXXXX") {
|
|
11501
|
+
placeholder($$value);
|
|
11502
|
+
flushSync();
|
|
11503
|
+
},
|
|
11504
|
+
get disabled() {
|
|
11505
|
+
return disabled();
|
|
11506
|
+
},
|
|
11507
|
+
set disabled($$value = false) {
|
|
11508
|
+
disabled($$value);
|
|
11509
|
+
flushSync();
|
|
11510
|
+
},
|
|
11511
|
+
get required() {
|
|
11512
|
+
return required();
|
|
11513
|
+
},
|
|
11514
|
+
set required($$value = false) {
|
|
11515
|
+
required($$value);
|
|
11516
|
+
flushSync();
|
|
11517
|
+
},
|
|
11518
|
+
get readonly() {
|
|
11519
|
+
return readonly();
|
|
11520
|
+
},
|
|
11521
|
+
set readonly($$value = false) {
|
|
11522
|
+
readonly($$value);
|
|
11523
|
+
flushSync();
|
|
11524
|
+
},
|
|
11525
|
+
get size() {
|
|
11526
|
+
return size();
|
|
11527
|
+
},
|
|
11528
|
+
set size($$value = "md") {
|
|
11529
|
+
size($$value);
|
|
11530
|
+
flushSync();
|
|
11531
|
+
},
|
|
11532
|
+
get id() {
|
|
11533
|
+
return id();
|
|
11534
|
+
},
|
|
11535
|
+
set id($$value = "") {
|
|
11536
|
+
id($$value);
|
|
11537
|
+
flushSync();
|
|
11538
|
+
},
|
|
11539
|
+
get name() {
|
|
11540
|
+
return name();
|
|
11541
|
+
},
|
|
11542
|
+
set name($$value = "") {
|
|
11543
|
+
name($$value);
|
|
11544
|
+
flushSync();
|
|
11545
|
+
},
|
|
11546
|
+
get autocomplete() {
|
|
11547
|
+
return autocomplete();
|
|
11548
|
+
},
|
|
11549
|
+
set autocomplete($$value = "off") {
|
|
11550
|
+
autocomplete($$value);
|
|
11551
|
+
flushSync();
|
|
11552
|
+
},
|
|
11553
|
+
get validationState() {
|
|
11554
|
+
return validationState();
|
|
11555
|
+
},
|
|
11556
|
+
set validationState($$value = "neutral") {
|
|
11557
|
+
validationState($$value);
|
|
11558
|
+
flushSync();
|
|
11559
|
+
},
|
|
11560
|
+
get errorMessage() {
|
|
11561
|
+
return errorMessage();
|
|
11562
|
+
},
|
|
11563
|
+
set errorMessage($$value = "") {
|
|
11564
|
+
errorMessage($$value);
|
|
11565
|
+
flushSync();
|
|
11566
|
+
},
|
|
11567
|
+
get helpText() {
|
|
11568
|
+
return helpText();
|
|
11569
|
+
},
|
|
11570
|
+
set helpText($$value = "") {
|
|
11571
|
+
helpText($$value);
|
|
11572
|
+
flushSync();
|
|
11573
|
+
},
|
|
11574
|
+
get validationSchema() {
|
|
11575
|
+
return validationSchema();
|
|
11576
|
+
},
|
|
11577
|
+
set validationSchema($$value = {}) {
|
|
11578
|
+
validationSchema($$value);
|
|
11579
|
+
flushSync();
|
|
11580
|
+
},
|
|
11581
|
+
get oninput() {
|
|
11582
|
+
return oninput();
|
|
11583
|
+
},
|
|
11584
|
+
set oninput($$value) {
|
|
11585
|
+
oninput($$value);
|
|
11586
|
+
flushSync();
|
|
11587
|
+
},
|
|
11588
|
+
get onchange() {
|
|
11589
|
+
return onchange();
|
|
11590
|
+
},
|
|
11591
|
+
set onchange($$value) {
|
|
11592
|
+
onchange($$value);
|
|
11593
|
+
flushSync();
|
|
11594
|
+
},
|
|
11595
|
+
get onfocus() {
|
|
11596
|
+
return onfocus();
|
|
11597
|
+
},
|
|
11598
|
+
set onfocus($$value) {
|
|
11599
|
+
onfocus($$value);
|
|
11600
|
+
flushSync();
|
|
11601
|
+
},
|
|
11602
|
+
get onblur() {
|
|
11603
|
+
return onblur();
|
|
11604
|
+
},
|
|
11605
|
+
set onblur($$value) {
|
|
11606
|
+
onblur($$value);
|
|
11607
|
+
flushSync();
|
|
11608
|
+
}
|
|
11609
|
+
};
|
|
11610
|
+
var div = root$b();
|
|
11611
|
+
var div_1 = child(div);
|
|
11612
|
+
var node = child(div_1);
|
|
11613
|
+
{
|
|
11614
|
+
var consequent = ($$anchor2) => {
|
|
11615
|
+
var label_1 = root_1$b();
|
|
11616
|
+
var text2 = child(label_1, true);
|
|
11617
|
+
reset(label_1);
|
|
11618
|
+
template_effect(
|
|
11619
|
+
($0) => {
|
|
11620
|
+
set_attribute(label_1, "for", $0);
|
|
11621
|
+
set_text(text2, label());
|
|
11622
|
+
},
|
|
11623
|
+
[getInputId]
|
|
11624
|
+
);
|
|
11625
|
+
append($$anchor2, label_1);
|
|
11626
|
+
};
|
|
11627
|
+
if_block(node, ($$render) => {
|
|
11628
|
+
if (label()) $$render(consequent);
|
|
11629
|
+
});
|
|
11630
|
+
}
|
|
11631
|
+
var input_1 = sibling(node, 2);
|
|
11632
|
+
remove_input_defaults(input_1);
|
|
11633
|
+
input_1.__input = handleInput;
|
|
11634
|
+
input_1.__change = handleChange;
|
|
11635
|
+
input_1.__keydown = handleKeyDown;
|
|
11636
|
+
bind_this(input_1, ($$value) => baseInput.state.inputElement = $$value, () => {
|
|
11637
|
+
var _a2;
|
|
11638
|
+
return (_a2 = baseInput == null ? void 0 : baseInput.state) == null ? void 0 : _a2.inputElement;
|
|
11639
|
+
});
|
|
11640
|
+
next(2);
|
|
11641
|
+
reset(div_1);
|
|
11642
|
+
var div_2 = sibling(div_1, 2);
|
|
11643
|
+
var node_1 = child(div_2);
|
|
11644
|
+
{
|
|
11645
|
+
var consequent_1 = ($$anchor2) => {
|
|
11646
|
+
var div_3 = root_2$7();
|
|
11647
|
+
append($$anchor2, div_3);
|
|
11648
|
+
};
|
|
11649
|
+
if_block(node_1, ($$render) => {
|
|
11650
|
+
if (required() && baseInput.computed.effectiveValidationState === "neutral") $$render(consequent_1);
|
|
11651
|
+
});
|
|
11652
|
+
}
|
|
11653
|
+
var node_2 = sibling(node_1, 2);
|
|
11654
|
+
{
|
|
11655
|
+
var consequent_2 = ($$anchor2) => {
|
|
11656
|
+
var div_4 = root_3$8();
|
|
11657
|
+
var text_1 = sibling(child(div_4));
|
|
11658
|
+
reset(div_4);
|
|
11659
|
+
template_effect(
|
|
11660
|
+
($0) => {
|
|
11661
|
+
set_attribute(div_4, "id", `${$0 ?? ""}-error`);
|
|
11662
|
+
set_text(text_1, ` ${baseInput.state.errorMessage ?? ""}`);
|
|
11663
|
+
},
|
|
11664
|
+
[getInputId]
|
|
11665
|
+
);
|
|
11666
|
+
append($$anchor2, div_4);
|
|
11667
|
+
};
|
|
11668
|
+
if_block(node_2, ($$render) => {
|
|
11669
|
+
if (baseInput.state.validationState === "invalid") $$render(consequent_2);
|
|
11670
|
+
});
|
|
11671
|
+
}
|
|
11672
|
+
var node_3 = sibling(node_2, 2);
|
|
11673
|
+
{
|
|
11674
|
+
var consequent_3 = ($$anchor2) => {
|
|
11675
|
+
var div_5 = root_4$7();
|
|
11676
|
+
var text_2 = child(div_5, true);
|
|
11677
|
+
reset(div_5);
|
|
11678
|
+
template_effect(
|
|
11679
|
+
($0) => {
|
|
11680
|
+
set_attribute(div_5, "id", `${$0 ?? ""}-warning`);
|
|
11681
|
+
set_text(text_2, baseInput.state.errorMessage);
|
|
11682
|
+
},
|
|
11683
|
+
[getInputId]
|
|
11684
|
+
);
|
|
11685
|
+
append($$anchor2, div_5);
|
|
11686
|
+
};
|
|
11687
|
+
if_block(node_3, ($$render) => {
|
|
11688
|
+
if (baseInput.state.validationState === "warning") $$render(consequent_3);
|
|
11689
|
+
});
|
|
11690
|
+
}
|
|
11691
|
+
reset(div_2);
|
|
11692
|
+
reset(div);
|
|
11693
|
+
template_effect(
|
|
11694
|
+
($0, $1) => {
|
|
11695
|
+
set_class(div, 1, `alviere-ein-input alviere-ein-input--${size() ?? ""}`, "svelte-w5ixut");
|
|
11696
|
+
set_class(div_1, 1, clsx(get$1(wrapperClasses)), "svelte-w5ixut");
|
|
11697
|
+
set_attribute(input_1, "id", $0);
|
|
11698
|
+
set_attribute(input_1, "name", name());
|
|
11699
|
+
set_attribute(input_1, "placeholder", baseInput.state.isFocused ? placeholder() : "");
|
|
11700
|
+
set_value(input_1, value());
|
|
11701
|
+
input_1.required = required();
|
|
11702
|
+
input_1.disabled = disabled();
|
|
11703
|
+
input_1.readOnly = readonly();
|
|
11704
|
+
set_attribute(input_1, "autocomplete", autocomplete());
|
|
11705
|
+
set_class(input_1, 1, `alviere-ein-input__input alviere-ein-input__input--${size() ?? ""}`, "svelte-w5ixut");
|
|
11706
|
+
set_attribute(input_1, "aria-describedby", $1);
|
|
11707
|
+
},
|
|
11708
|
+
[
|
|
11709
|
+
getInputId,
|
|
11710
|
+
() => baseInput.state.validationState === "invalid" ? `${getInputId()}-error` : baseInput.state.validationState === "warning" ? `${getInputId()}-warning` : void 0
|
|
11711
|
+
]
|
|
11712
|
+
);
|
|
11713
|
+
event$1("focus", input_1, handleFocus);
|
|
11714
|
+
event$1("blur", input_1, handleBlur);
|
|
11715
|
+
append($$anchor, div);
|
|
11716
|
+
return pop($$exports);
|
|
11717
|
+
}
|
|
11718
|
+
delegate(["input", "change", "keydown"]);
|
|
11719
|
+
customElements.define("alviere-ein-input", create_custom_element(
|
|
11720
|
+
EinInput,
|
|
10843
11721
|
{
|
|
10844
11722
|
value: {},
|
|
10845
11723
|
label: {},
|
|
@@ -10858,9 +11736,7 @@ customElements.define("alviere-currency-input", create_custom_element(
|
|
|
10858
11736
|
oninput: {},
|
|
10859
11737
|
onchange: {},
|
|
10860
11738
|
onfocus: {},
|
|
10861
|
-
onblur: {}
|
|
10862
|
-
currency: {},
|
|
10863
|
-
locale: {}
|
|
11739
|
+
onblur: {}
|
|
10864
11740
|
},
|
|
10865
11741
|
[],
|
|
10866
11742
|
[
|
|
@@ -10875,24 +11751,11 @@ customElements.define("alviere-currency-input", create_custom_element(
|
|
|
10875
11751
|
"setSelectionRange",
|
|
10876
11752
|
"getFormattedValue",
|
|
10877
11753
|
"getRawValue",
|
|
10878
|
-
"
|
|
10879
|
-
"getValueInMinorUnits",
|
|
10880
|
-
"setValue",
|
|
10881
|
-
"setValueInMajorUnits",
|
|
11754
|
+
"setRawValue",
|
|
10882
11755
|
"getComponentMetadata"
|
|
10883
11756
|
],
|
|
10884
11757
|
true
|
|
10885
11758
|
));
|
|
10886
|
-
const linear = (x) => x;
|
|
10887
|
-
function fade(node, { delay = 0, duration = 400, easing = linear } = {}) {
|
|
10888
|
-
const o = +getComputedStyle(node).opacity;
|
|
10889
|
-
return {
|
|
10890
|
-
delay,
|
|
10891
|
-
duration,
|
|
10892
|
-
easing,
|
|
10893
|
-
css: (t) => `opacity: ${t * o}`
|
|
10894
|
-
};
|
|
10895
|
-
}
|
|
10896
11759
|
var root_1$a = /* @__PURE__ */ from_html(`<label class="alviere-search-select__label svelte-roni7d"> </label>`);
|
|
10897
11760
|
var root_2$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__display-value svelte-roni7d"> </div>`);
|
|
10898
11761
|
var root_3$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-search-select__clear-button svelte-roni7d" aria-label="Clear selection"><!></button>`);
|
|
@@ -10907,10 +11770,10 @@ var root_13$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__wa
|
|
|
10907
11770
|
var root$a = /* @__PURE__ */ from_html(`<div><div class="alviere-search-select__container svelte-roni7d"><div><!> <input type="text" class="alviere-search-select__input svelte-roni7d" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-controls="search-select-dropdown"/> <!> <div class="alviere-search-select__actions svelte-roni7d"><!> <div><!></div></div></div> <!></div> <div class="alviere-search-select__validation-messages svelte-roni7d"><!> <!> <!> <!></div></div>`);
|
|
10908
11771
|
const $$css$d = {
|
|
10909
11772
|
hash: "svelte-roni7d",
|
|
10910
|
-
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%);}.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:#
|
|
10911
|
-
.alviere-search-select__wrapper--focused.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}
|
|
10912
|
-
.alviere-search-select__wrapper--focused.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d)::placeholder {opacity:1;}
|
|
10913
|
-
.alviere-search-select__wrapper--dirty.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-search-select__wrapper--disabled.svelte-roni7d {background:#f4f4f5;cursor:not-allowed;}.alviere-search-select__wrapper--readonly.svelte-roni7d {background:#f4f4f5;cursor:default;}.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#436b1d;}.alviere-search-select__wrapper--invalid.svelte-roni7d {border-color:#b3311f;}.alviere-search-select__wrapper--warning.svelte-roni7d {border-color:#ffc107;}.alviere-search-select__input.svelte-roni7d {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-search-select__input.svelte-roni7d::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-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__validation-messages.svelte-roni7d {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:2.5rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.25rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1.25rem;}.alviere-search-select.svelte-roni7d:focus-within .alviere-search-select__wrapper:where(.svelte-roni7d):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-search-select__container.svelte-roni7d {position:relative;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;}.alviere-search-select__wrapper.svelte-roni7d:hover:not(.alviere-search-select__wrapper--disabled) {border-color:#3f3f46;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.15);}.alviere-search-select__wrapper--disabled.svelte-roni7d {cursor:not-allowed;opacity:0.7;}.alviere-search-select__wrapper--disabled.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#52525b;}.alviere-search-select__input.svelte-roni7d {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-search-select__input.svelte-roni7d::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-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__input.svelte-roni7d {flex:1;border:none;outline:none;background:transparent;margin:0;width:100%;height:100%;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 0.2s ease;}.alviere-search-select__input.svelte-roni7d:focus::placeholder {opacity:1;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__display-value.svelte-roni7d {position:absolute;left:0.75rem;right:3rem;padding-top:1rem;top:50%;transform:translateY(-50%);color:#18181b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__actions.svelte-roni7d {position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0.25rem;z-index:2;}.alviere-search-select__clear-button.svelte-roni7d {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#e4e4e7;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;
|
|
11773
|
+
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%);}.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__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;}
|
|
11774
|
+
.alviere-search-select__wrapper--focused.svelte-roni7d:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}
|
|
11775
|
+
.alviere-search-select__wrapper--focused.svelte-roni7d:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-roni7d)::placeholder {opacity:1;}
|
|
11776
|
+
.alviere-search-select__wrapper--dirty.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-search-select__wrapper--disabled.svelte-roni7d {background:#f4f4f5;cursor:not-allowed;}.alviere-search-select__wrapper--readonly.svelte-roni7d {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#436b1d;}.alviere-search-select__wrapper--invalid.svelte-roni7d {border-color:#b3311f;}.alviere-search-select__wrapper--warning.svelte-roni7d {border-color:#ffc107;}.alviere-search-select__input.svelte-roni7d {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-search-select__input.svelte-roni7d::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-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__validation-messages.svelte-roni7d {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:2.5rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.25rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1.25rem;}.alviere-search-select.svelte-roni7d:focus-within .alviere-search-select__wrapper:where(.svelte-roni7d):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-search-select__container.svelte-roni7d {position:relative;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;}.alviere-search-select__wrapper.svelte-roni7d:hover:not(.alviere-search-select__wrapper--disabled):not(.alviere-search-select__wrapper--readonly) {border-color:#3f3f46;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.15);}.alviere-search-select__wrapper--disabled.svelte-roni7d {cursor:not-allowed;opacity:0.7;}.alviere-search-select__wrapper--disabled.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#52525b;}.alviere-search-select__input.svelte-roni7d {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-search-select__input.svelte-roni7d::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-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__input.svelte-roni7d {flex:1;border:none;outline:none;background:transparent;margin:0;width:100%;height:100%;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 0.2s ease;}.alviere-search-select__input.svelte-roni7d:focus::placeholder {opacity:1;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__display-value.svelte-roni7d {position:absolute;left:0.75rem;right:3rem;padding-top:1rem;top:50%;transform:translateY(-50%);color:#18181b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__actions.svelte-roni7d {position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0.25rem;z-index:2;}.alviere-search-select__clear-button.svelte-roni7d {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#e4e4e7;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;min-width:24px;min-height:24px;padding:0;border-radius:50%;cursor:pointer;transition:all 150ms ease-in-out;margin-right:0.5rem;appearance:none;border:none;}.alviere-search-select__clear-button.svelte-roni7d svg {width:0.75rem;height:0.75rem;}.alviere-search-select__clear-button.svelte-roni7d:hover {background-color:#d4d4d8;color:#27272a;}.alviere-search-select__clear-button.svelte-roni7d:focus {outline:none;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.25);}.alviere-search-select__dropdown-arrow.svelte-roni7d {color:#71717a;font-size:1rem;transition:transform 150ms ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;}.alviere-search-select__dropdown-arrow.open.svelte-roni7d {transform:rotate(180deg);}.alviere-search-select__dropdown.svelte-roni7d {position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#ffffff;border:1px solid #52525b;border-top:none;border-radius:0 0 0.25rem 0.25rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);overflow:hidden;
|
|
10914
11777
|
animation: svelte-roni7d-dropdownFadeIn 150ms ease-in-out ease;}.alviere-search-select__options-list.svelte-roni7d {max-height:12.5rem;overflow-y:auto;}.alviere-search-select__option-item.svelte-roni7d {padding:0.5rem 1rem;cursor:pointer;transition:background-color 150ms ease-in-out;border-bottom:1px solid #f4f4f5;}.alviere-search-select__option-item.svelte-roni7d:hover {background-color:#fafafa;}.alviere-search-select__option-item.selected.svelte-roni7d {background-color:rgba(34, 126, 158, 0.1);color:#227e9e;font-weight:500;}.alviere-search-select__option-item.highlighted.svelte-roni7d {background-color:rgba(34, 126, 158, 0.1);}.alviere-search-select__option-item.svelte-roni7d:last-child {border-bottom:none;}.alviere-search-select__loading-message.svelte-roni7d, .alviere-search-select__no-options-message.svelte-roni7d {padding:1.5rem 1rem;text-align:center;color:#71717a;font-style:italic;}.alviere-search-select__help.svelte-roni7d {margin-top:0.25rem;font-size:0.75rem;color:#71717a;line-height:1.25;display:flex;align-items:flex-start;gap:0.25rem;}.alviere-search-select__help.svelte-roni7d svg {width:1rem;height:1rem;}.alviere-search-select__error.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}
|
|
10915
11778
|
|
|
10916
11779
|
@keyframes svelte-roni7d-dropdownFadeIn {
|
|
@@ -11620,6 +12483,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
11620
12483
|
"alviere-search-select__wrapper--invalid": baseInput.state.validationState === "invalid",
|
|
11621
12484
|
"alviere-search-select__wrapper--warning": baseInput.state.validationState === "warning",
|
|
11622
12485
|
"alviere-search-select__wrapper--disabled": disabled(),
|
|
12486
|
+
"alviere-search-select__wrapper--readonly": readonly(),
|
|
11623
12487
|
"alviere-search-select__wrapper--dirty": !!get$1(displayValue)()
|
|
11624
12488
|
})
|
|
11625
12489
|
]
|
|
@@ -12293,7 +13157,7 @@ function createAccountStatusGuard(config) {
|
|
|
12293
13157
|
}
|
|
12294
13158
|
const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "alphabetic": true }, "last_name": { "required": "Last Name is required", "alphabetic": true }, "email_address": { "required": "Email Address is required", "email": true } }, "fieldMeta": { "first_name": { "label": "First Name" }, "last_name": { "label": "Last Name" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "consumer_information" }, "layout": [{ "label": "Peronal Information", "group": "consumer_information", "rows": [{ "fields": ["first_name", "last_name"] }, { "fields": ["email_address"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 2e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_DEBIT_AUTHORIZATION" }] } } }] };
|
|
12295
13159
|
const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_name": { "required": "Business Name is required", "alphabetic": true }, "business_type": { "required": "Business Type is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "ein": {} }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "business_information" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["ein"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_DEBIT_AUTHORIZATION" }] } } }] };
|
|
12296
|
-
const PAYEE = { "profileId": "PAYEE", "config": { "labels": { "finalText": "Process complete" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_type": { "required": "Business Type is required" }, "business_name": { "required": "Business Name is required"
|
|
13160
|
+
const PAYEE = { "profileId": "PAYEE", "config": { "labels": { "finalText": "Process complete" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_type": { "required": "Business Type is required" }, "business_name": { "required": "Business Name is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "nature_of_business": { "required": "Nature of Business is required", "numeric": "Nature of Business must only contain numbers", "minValue": { "value": 11, "message": "Nature of Business must be between 11 and 999999" }, "maxValue": { "value": 999999, "message": "Nature of Business must be between 11 and 999999" } }, "ein": { "required": "EIN is required", "numeric": "EIN must only contain numbers" }, "email_address": { "email": true }, "phone_number": { "phone": true }, "website": { "url": true }, "line_1": { "required": "Address Line 1 is required", "pattern": { "regex": "^.{2,40}$", "message": "Address Line 1 must be between 2 and 40 characters" } }, "line_2": { "pattern": { "regex": "^.{1,30}$", "message": "Address Line 2 must be between 1 and 30 characters" } }, "city": { "required": "City is required" }, "state": { "required": "State is required" }, "postal_code": { "required": "Postal Code is required", "pattern": { "regex": "^.{5,9}$", "message": "Postal Code must be between 5 and 9 characters" } } }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "nature_of_business": { "label": "Nature of Business (NAICS)" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "phone_number": { "label": "Phone Number" }, "website": { "label": "Website" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State" }, "postal_code": { "label": "Postal Code" } }, "config": { "labels": { "createAccountLabel": "Create Account", "creatingAccountLabel": "Creating Account...", "updateAccountLabel": "Update Account", "updatingAccountLabel": "Updating Account..." }, "groups": { "information": "business_information", "primary_address": "primary_address" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["nature_of_business", "ein"] }, { "fields": ["email_address", "phone_number"] }, { "fields": ["website"] }] }, { "label": "Address", "group": "primary_address", "rows": [{ "fields": ["line_1"] }, { "fields": ["line_2"] }, { "fields": ["city", "state"] }, { "fields": ["postal_code"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE", "CREATED"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "START_ONBOARDING", "config": { "legalTexts": { "required": true, "documents": [{ "type": "TERMS_AND_CONDITIONS" }, { "type": "PRIVACY_POLICY" }] }, "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Manual review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" } }, "config": { "labels": { "finalizeButton": "Finalize Onboarding" }, "requireRoutingAndAccountConfirmation": true } }] };
|
|
12297
13161
|
const recipesJson = {
|
|
12298
13162
|
INDIVIDUAL_PAYER,
|
|
12299
13163
|
BUSINESS_PAYER,
|
|
@@ -12494,7 +13358,7 @@ const accountConfigs = {
|
|
|
12494
13358
|
stepType: "CREATE_BUSINESS_ACCOUNT",
|
|
12495
13359
|
formName: "CreateBusinessAccount",
|
|
12496
13360
|
fieldSchemas: {
|
|
12497
|
-
business_name: { required: "Business Name is required"
|
|
13361
|
+
business_name: { required: "Business Name is required" },
|
|
12498
13362
|
business_type: { required: "Business Type is required" },
|
|
12499
13363
|
country_of_incorporation: { required: "Country of Incorporation is required" },
|
|
12500
13364
|
state_of_incorporation: { required: "State of Incorporation is required" }
|
|
@@ -12506,6 +13370,9 @@ const accountConfigs = {
|
|
|
12506
13370
|
state_of_incorporation: "State of Incorporation",
|
|
12507
13371
|
nature_of_business: "Nature of Business (NAICS)",
|
|
12508
13372
|
ein: "EIN",
|
|
13373
|
+
email_address: "Email Address",
|
|
13374
|
+
phone_number: "Phone Number",
|
|
13375
|
+
website: "Website",
|
|
12509
13376
|
incorporation_date: "Incorporation Date",
|
|
12510
13377
|
line_1: "Address Line 1",
|
|
12511
13378
|
city: "City",
|
|
@@ -12519,9 +13386,13 @@ const accountConfigs = {
|
|
|
12519
13386
|
country_of_incorporation: "Select country of incorporation",
|
|
12520
13387
|
state_of_incorporation: "Select state of incorporation",
|
|
12521
13388
|
nature_of_business: "Enter nature of business",
|
|
12522
|
-
ein: "
|
|
13389
|
+
ein: "XX-XXXXXXX",
|
|
13390
|
+
email_address: "Enter email address",
|
|
13391
|
+
phone_number: "+1 202 647 4000",
|
|
13392
|
+
website: "https://www.example.com",
|
|
12523
13393
|
incorporation_date: "YYYY-MM-DD",
|
|
12524
13394
|
line_1: "Enter address line 1",
|
|
13395
|
+
line_2: "Enter address line 2",
|
|
12525
13396
|
city: "Enter city",
|
|
12526
13397
|
state: "Enter state",
|
|
12527
13398
|
postal_code: "Enter postal code",
|
|
@@ -12533,9 +13404,13 @@ const accountConfigs = {
|
|
|
12533
13404
|
country_of_incorporation: { component: "select", options: countryOptions },
|
|
12534
13405
|
state_of_incorporation: { component: "select", options: usStates },
|
|
12535
13406
|
nature_of_business: { component: "text" },
|
|
12536
|
-
ein: { component: "
|
|
13407
|
+
ein: { component: "ein" },
|
|
13408
|
+
email_address: { component: "text", email: true },
|
|
13409
|
+
phone_number: { component: "phone" },
|
|
13410
|
+
website: { component: "text" },
|
|
12537
13411
|
incorporation_date: { component: "dob" },
|
|
12538
13412
|
line_1: { component: "text" },
|
|
13413
|
+
line_2: { component: "text" },
|
|
12539
13414
|
city: { component: "text" },
|
|
12540
13415
|
state: { component: "select", options: usStates },
|
|
12541
13416
|
postal_code: { component: "text" },
|
|
@@ -12597,71 +13472,197 @@ const accountConfigs = {
|
|
|
12597
13472
|
}
|
|
12598
13473
|
};
|
|
12599
13474
|
const DEFAULT_PENDING_USER_MESSAGE = "Action is required before you can continue. Please review and update your information.";
|
|
12600
|
-
|
|
13475
|
+
const DEFAULT_FIELD_ALERT_MESSAGE = "Please review and update this field.";
|
|
13476
|
+
const ADDRESS_FIELD_KEYS = ["line_1", "line_2", "city", "state", "postal_code", "country"];
|
|
13477
|
+
const FIELD_ALIASES = {
|
|
13478
|
+
email: "email_address",
|
|
13479
|
+
phone: "phone_number",
|
|
13480
|
+
phone_number: "phone_number",
|
|
13481
|
+
website_url: "website",
|
|
13482
|
+
url: "website",
|
|
13483
|
+
address_line_1: "line_1",
|
|
13484
|
+
address_line_2: "line_2",
|
|
13485
|
+
line1: "line_1",
|
|
13486
|
+
line2: "line_2",
|
|
13487
|
+
zip_code: "postal_code",
|
|
13488
|
+
zipcode: "postal_code"
|
|
13489
|
+
};
|
|
13490
|
+
function normalizeFieldKey(field) {
|
|
13491
|
+
const normalized = field.trim().replace(/^information\.(business_information|consumer_information)\./, "").replace(/^primary_address\./, "").replace(/[.\s-]+/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1_$2").toLowerCase();
|
|
13492
|
+
return FIELD_ALIASES[normalized] || normalized;
|
|
13493
|
+
}
|
|
13494
|
+
function createFieldAlertMessage(fieldKey) {
|
|
13495
|
+
const label = fieldKey.replace(/_/g, " ");
|
|
13496
|
+
return `Please review and update your ${label}.`;
|
|
13497
|
+
}
|
|
13498
|
+
function applyRequestedFields(base, options) {
|
|
13499
|
+
var _a2;
|
|
13500
|
+
if (!options) {
|
|
13501
|
+
return base;
|
|
13502
|
+
}
|
|
13503
|
+
const requested = options.requestedFields || [];
|
|
13504
|
+
const hasAvailableFilter = !!((_a2 = options.availableFieldKeys) == null ? void 0 : _a2.length);
|
|
13505
|
+
const availableFieldSet = new Set((options.availableFieldKeys || []).map(normalizeFieldKey));
|
|
13506
|
+
if (!requested.length && !options.alertFieldMessages) {
|
|
13507
|
+
return base;
|
|
13508
|
+
}
|
|
13509
|
+
const mergedAlertFields = { ...base.alertFields };
|
|
13510
|
+
const missingRequiredFieldSet = new Set(base.missingRequiredFields);
|
|
13511
|
+
const normalizedMessageByField = Object.fromEntries(
|
|
13512
|
+
Object.entries(options.alertFieldMessages || {}).map(([field, message]) => [
|
|
13513
|
+
normalizeFieldKey(field),
|
|
13514
|
+
message
|
|
13515
|
+
])
|
|
13516
|
+
);
|
|
13517
|
+
const normalizedRequested = requested.map(normalizeFieldKey);
|
|
13518
|
+
const fieldsToFlag = Array.from(
|
|
13519
|
+
/* @__PURE__ */ new Set([...Object.keys(normalizedMessageByField), ...normalizedRequested])
|
|
13520
|
+
);
|
|
13521
|
+
for (const fieldKey of fieldsToFlag) {
|
|
13522
|
+
if (!fieldKey) continue;
|
|
13523
|
+
if (hasAvailableFilter && !availableFieldSet.has(fieldKey)) continue;
|
|
13524
|
+
const customMessage = normalizedMessageByField[fieldKey];
|
|
13525
|
+
const fallbackMessage = mergedAlertFields[fieldKey] || createFieldAlertMessage(fieldKey) || DEFAULT_FIELD_ALERT_MESSAGE;
|
|
13526
|
+
mergedAlertFields[fieldKey] = customMessage || fallbackMessage;
|
|
13527
|
+
missingRequiredFieldSet.add(fieldKey);
|
|
13528
|
+
}
|
|
13529
|
+
return {
|
|
13530
|
+
...base,
|
|
13531
|
+
alertFields: mergedAlertFields,
|
|
13532
|
+
missingRequiredFields: Array.from(missingRequiredFieldSet)
|
|
13533
|
+
};
|
|
13534
|
+
}
|
|
13535
|
+
function createSingleFieldMismatchResult(reason) {
|
|
13536
|
+
const match = reason.match(/^([A-Z0-9_]+)_MISMATCH$/);
|
|
13537
|
+
if (!match) {
|
|
13538
|
+
return null;
|
|
13539
|
+
}
|
|
13540
|
+
const fieldKey = normalizeFieldKey(match[1]);
|
|
13541
|
+
if (!fieldKey || fieldKey === "address") {
|
|
13542
|
+
return null;
|
|
13543
|
+
}
|
|
13544
|
+
return {
|
|
13545
|
+
message: DEFAULT_PENDING_USER_MESSAGE,
|
|
13546
|
+
alertFields: {
|
|
13547
|
+
[fieldKey]: createFieldAlertMessage(fieldKey)
|
|
13548
|
+
},
|
|
13549
|
+
missingRequiredFields: [fieldKey]
|
|
13550
|
+
};
|
|
13551
|
+
}
|
|
13552
|
+
function createCustomPendingUserResult(options) {
|
|
13553
|
+
const normalizedAvailableFieldKeys = Array.from(
|
|
13554
|
+
new Set(((options == null ? void 0 : options.availableFieldKeys) || []).map(normalizeFieldKey).filter(Boolean))
|
|
13555
|
+
);
|
|
13556
|
+
const fieldsToAlert = normalizedAvailableFieldKeys.length ? normalizedAvailableFieldKeys : Array.from(ADDRESS_FIELD_KEYS);
|
|
13557
|
+
const alertFields = Object.fromEntries(
|
|
13558
|
+
fieldsToAlert.map((fieldKey) => [fieldKey, createFieldAlertMessage(fieldKey)])
|
|
13559
|
+
);
|
|
13560
|
+
const missingRequiredFields = Array.from(
|
|
13561
|
+
/* @__PURE__ */ new Set([...normalizedAvailableFieldKeys, ...ADDRESS_FIELD_KEYS])
|
|
13562
|
+
);
|
|
13563
|
+
return {
|
|
13564
|
+
message: DEFAULT_PENDING_USER_MESSAGE,
|
|
13565
|
+
alertFields,
|
|
13566
|
+
missingRequiredFields
|
|
13567
|
+
};
|
|
13568
|
+
}
|
|
13569
|
+
function getPendingUserAction(reason, options) {
|
|
13570
|
+
let result;
|
|
12601
13571
|
switch (reason) {
|
|
12602
13572
|
case "BUSINESS_TYPE_MISMATCH":
|
|
12603
|
-
|
|
13573
|
+
result = {
|
|
12604
13574
|
message: "Your business type needs to be updated before you can continue.",
|
|
12605
13575
|
alertFields: {
|
|
12606
13576
|
business_type: "Please update your business type to match your business."
|
|
12607
13577
|
},
|
|
12608
13578
|
missingRequiredFields: ["business_type"]
|
|
12609
13579
|
};
|
|
13580
|
+
break;
|
|
12610
13581
|
case "ADDRESS_MISMATCH": {
|
|
12611
|
-
|
|
13582
|
+
result = {
|
|
12612
13583
|
message: "Your Address is matching records",
|
|
12613
13584
|
alertFields: {
|
|
12614
13585
|
line_1: "Please check you address",
|
|
13586
|
+
line_2: "Please check your address",
|
|
12615
13587
|
city: "Please check your address",
|
|
12616
13588
|
state: "Please check your address",
|
|
12617
13589
|
postal_code: "Please check your address"
|
|
12618
13590
|
},
|
|
12619
|
-
missingRequiredFields: ["line_1", "city", "state", "postal_code"]
|
|
13591
|
+
missingRequiredFields: ["line_1", "line_2", "city", "state", "postal_code"]
|
|
13592
|
+
};
|
|
13593
|
+
break;
|
|
13594
|
+
}
|
|
13595
|
+
case "REQUIRES_WEBSITE_ADDRESS": {
|
|
13596
|
+
result = {
|
|
13597
|
+
message: "Your website needs to be updated",
|
|
13598
|
+
alertFields: {
|
|
13599
|
+
website: "Please update your website"
|
|
13600
|
+
},
|
|
13601
|
+
missingRequiredFields: []
|
|
13602
|
+
};
|
|
13603
|
+
break;
|
|
13604
|
+
}
|
|
13605
|
+
case "REQUIRES_PHONE_NUMBER": {
|
|
13606
|
+
result = {
|
|
13607
|
+
message: "Your phone number needs to be updated",
|
|
13608
|
+
alertFields: {
|
|
13609
|
+
phone_number: "Please update your phone number"
|
|
13610
|
+
},
|
|
13611
|
+
missingRequiredFields: []
|
|
12620
13612
|
};
|
|
13613
|
+
break;
|
|
12621
13614
|
}
|
|
12622
13615
|
case "INVALID_TAX_ID":
|
|
12623
|
-
|
|
13616
|
+
result = {
|
|
12624
13617
|
message: "Your EIN needs to be updated before you can continue",
|
|
12625
13618
|
alertFields: {
|
|
12626
13619
|
ein: "Please update your EIN"
|
|
12627
13620
|
},
|
|
12628
13621
|
missingRequiredFields: ["ein"]
|
|
12629
13622
|
};
|
|
13623
|
+
break;
|
|
12630
13624
|
case "COUNTRY_OF_INCORPORATION_MISMATCH":
|
|
12631
|
-
|
|
13625
|
+
result = {
|
|
12632
13626
|
message: "The country of incorporation provided does not matches records, please check",
|
|
12633
13627
|
alertFields: {
|
|
12634
13628
|
country_of_incorporation: "Please update country of incorporation"
|
|
12635
13629
|
},
|
|
12636
13630
|
missingRequiredFields: ["country_of_incorporation"]
|
|
12637
13631
|
};
|
|
13632
|
+
break;
|
|
12638
13633
|
case "STATE_OF_INCORPORATION_MISMATCH":
|
|
12639
|
-
|
|
13634
|
+
result = {
|
|
12640
13635
|
message: "The state of incorporation provided does not match records, please check",
|
|
12641
13636
|
alertFields: {
|
|
12642
13637
|
state_of_incorporation: "Please update state of incorporation"
|
|
12643
13638
|
},
|
|
12644
13639
|
missingRequiredFields: ["state_of_incorporation"]
|
|
12645
13640
|
};
|
|
13641
|
+
break;
|
|
12646
13642
|
case "REQUIRES_NAICS_CONFIRMATION":
|
|
12647
|
-
|
|
13643
|
+
result = {
|
|
12648
13644
|
message: "The NAICS provided does not match records, please check",
|
|
12649
13645
|
alertFields: {
|
|
12650
13646
|
nature_of_business: "Please update the NAICS number"
|
|
12651
13647
|
},
|
|
12652
13648
|
missingRequiredFields: ["nature_of_business"]
|
|
12653
13649
|
};
|
|
13650
|
+
break;
|
|
12654
13651
|
case "REQUIRES_MULTIPLE_INFORMATION":
|
|
12655
|
-
|
|
13652
|
+
result = {
|
|
12656
13653
|
message: "The information provided doesn't match records, please check",
|
|
12657
13654
|
alertFields: {
|
|
12658
13655
|
business_type: "Please update the business type",
|
|
12659
13656
|
business_name: "Please update the business name",
|
|
13657
|
+
email_address: "Please update the email address",
|
|
13658
|
+
website: "Please update the website",
|
|
13659
|
+
phone_number: "Please update the phone number",
|
|
12660
13660
|
country_of_incorporation: "Please update the country of incorporation",
|
|
12661
13661
|
state_of_incorporation: "Please update the state of incorporation",
|
|
12662
13662
|
nature_of_business: "Please update the NAICS number",
|
|
12663
13663
|
ein: "Please update the EIN",
|
|
12664
13664
|
line_1: "Please update the address",
|
|
13665
|
+
line_2: "Please update address line 2",
|
|
12665
13666
|
city: "Please update the city",
|
|
12666
13667
|
state: "Please update the state",
|
|
12667
13668
|
postal_code: "Please update the postal code"
|
|
@@ -12669,38 +13670,49 @@ function getPendingUserAction(reason) {
|
|
|
12669
13670
|
missingRequiredFields: [
|
|
12670
13671
|
"business_type",
|
|
12671
13672
|
"business_name",
|
|
13673
|
+
"email_address",
|
|
13674
|
+
"website",
|
|
13675
|
+
"phone_number",
|
|
12672
13676
|
"country_of_incorporation",
|
|
12673
13677
|
"state_of_incorporation",
|
|
12674
13678
|
"nature_of_business",
|
|
12675
13679
|
"ein",
|
|
12676
13680
|
"line_1",
|
|
13681
|
+
"line_2",
|
|
12677
13682
|
"city",
|
|
12678
13683
|
"state",
|
|
12679
13684
|
"postal_code"
|
|
12680
13685
|
]
|
|
12681
13686
|
};
|
|
13687
|
+
break;
|
|
13688
|
+
case "CUSTOM":
|
|
13689
|
+
result = createCustomPendingUserResult(options);
|
|
13690
|
+
break;
|
|
12682
13691
|
case void 0:
|
|
12683
13692
|
case null:
|
|
12684
|
-
|
|
13693
|
+
result = {
|
|
12685
13694
|
message: DEFAULT_PENDING_USER_MESSAGE,
|
|
12686
13695
|
alertFields: {},
|
|
12687
13696
|
missingRequiredFields: []
|
|
12688
13697
|
};
|
|
13698
|
+
break;
|
|
12689
13699
|
default:
|
|
12690
|
-
|
|
13700
|
+
result = createSingleFieldMismatchResult(reason) || {
|
|
12691
13701
|
message: DEFAULT_PENDING_USER_MESSAGE,
|
|
12692
13702
|
alertFields: {},
|
|
12693
13703
|
missingRequiredFields: []
|
|
12694
13704
|
};
|
|
13705
|
+
break;
|
|
12695
13706
|
}
|
|
13707
|
+
return applyRequestedFields(result, options);
|
|
12696
13708
|
}
|
|
12697
13709
|
var root_1$9 = /* @__PURE__ */ from_html(`<h2 class="svelte-oq2xej"> </h2>`);
|
|
12698
13710
|
var root_2$5 = /* @__PURE__ */ from_html(`<div><alviere-spinner><span slot="message"><!></span></alviere-spinner></div>`, 2);
|
|
12699
13711
|
var root_13$2 = /* @__PURE__ */ from_html(`<div class="form-row svelte-oq2xej"></div>`);
|
|
12700
13712
|
var root_11$1 = /* @__PURE__ */ from_html(`<div class="form-section svelte-oq2xej"><h3 class="svelte-oq2xej"> </h3> <!></div>`);
|
|
12701
|
-
var
|
|
12702
|
-
var
|
|
12703
|
-
var
|
|
13713
|
+
var root_24$1 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
|
|
13714
|
+
var root_25$1 = /* @__PURE__ */ from_html(`<p><span class="validation-hint svelte-oq2xej">Please fill in all required fields to continue</span></p>`);
|
|
13715
|
+
var root_26 = /* @__PURE__ */ from_html(`<span class="validation-error">Please fix the errors above</span>`);
|
|
12704
13716
|
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);
|
|
12705
13717
|
const $$css$c = {
|
|
12706
13718
|
hash: "svelte-oq2xej",
|
|
@@ -12776,7 +13788,8 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12776
13788
|
return Object.assign({}, baseInitialFormData);
|
|
12777
13789
|
}
|
|
12778
13790
|
recipeFields.forEach((key) => {
|
|
12779
|
-
|
|
13791
|
+
const prefillValue = getPrefillValueForKey(key, prefillInfo, get$1(accountType));
|
|
13792
|
+
data[key] = normalizeFieldValue(key, prefillValue);
|
|
12780
13793
|
});
|
|
12781
13794
|
return data;
|
|
12782
13795
|
};
|
|
@@ -12846,7 +13859,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12846
13859
|
return get$1(fieldConfigs)().find((f) => (f === null || f === void 0 ? void 0 : f.key) === fieldKey);
|
|
12847
13860
|
};
|
|
12848
13861
|
let statusGuard = null;
|
|
12849
|
-
const
|
|
13862
|
+
const ADDRESS_FIELD_KEYS2 = [
|
|
12850
13863
|
"line_1",
|
|
12851
13864
|
"line_2",
|
|
12852
13865
|
"city",
|
|
@@ -12854,6 +13867,87 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12854
13867
|
"postal_code",
|
|
12855
13868
|
"country"
|
|
12856
13869
|
];
|
|
13870
|
+
const PENDING_USER_FIELD_LIST_KEYS = [
|
|
13871
|
+
"missing_required_fields",
|
|
13872
|
+
"missingRequiredFields",
|
|
13873
|
+
"requested_fields",
|
|
13874
|
+
"requestedFields",
|
|
13875
|
+
"required_fields",
|
|
13876
|
+
"requiredFields",
|
|
13877
|
+
"fields_to_update",
|
|
13878
|
+
"fieldsToUpdate",
|
|
13879
|
+
"action_required_fields",
|
|
13880
|
+
"actionRequiredFields"
|
|
13881
|
+
];
|
|
13882
|
+
const PENDING_USER_FIELD_MESSAGE_KEYS = [
|
|
13883
|
+
"alert_fields",
|
|
13884
|
+
"alertFields",
|
|
13885
|
+
"status_reason_details",
|
|
13886
|
+
"statusReasonDetails",
|
|
13887
|
+
"requested_field_messages",
|
|
13888
|
+
"requestedFieldMessages"
|
|
13889
|
+
];
|
|
13890
|
+
function normalizePendingFieldKey(value) {
|
|
13891
|
+
if (typeof value !== "string") return null;
|
|
13892
|
+
const normalized = value.trim().replace(/^information\.(business_information|consumer_information)\./, "").replace(/^primary_address\./, "").replace(/[.\s-]+/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1_$2").toLowerCase();
|
|
13893
|
+
if (!normalized) return null;
|
|
13894
|
+
const aliases = {
|
|
13895
|
+
email: "email_address",
|
|
13896
|
+
phone: "phone_number",
|
|
13897
|
+
website_url: "website",
|
|
13898
|
+
url: "website",
|
|
13899
|
+
line1: "line_1",
|
|
13900
|
+
line2: "line_2",
|
|
13901
|
+
address_line_1: "line_1",
|
|
13902
|
+
address_line_2: "line_2",
|
|
13903
|
+
zip_code: "postal_code",
|
|
13904
|
+
zipcode: "postal_code"
|
|
13905
|
+
};
|
|
13906
|
+
return aliases[normalized] || normalized;
|
|
13907
|
+
}
|
|
13908
|
+
function extractPendingUserRequestedFields(account) {
|
|
13909
|
+
const accountRecord = account;
|
|
13910
|
+
const fields = /* @__PURE__ */ new Set();
|
|
13911
|
+
const addField = (value) => {
|
|
13912
|
+
const normalized = normalizePendingFieldKey(value);
|
|
13913
|
+
if (normalized) fields.add(normalized);
|
|
13914
|
+
};
|
|
13915
|
+
for (const key of PENDING_USER_FIELD_LIST_KEYS) {
|
|
13916
|
+
const source2 = accountRecord === null || accountRecord === void 0 ? void 0 : accountRecord[key];
|
|
13917
|
+
if (Array.isArray(source2)) {
|
|
13918
|
+
source2.forEach(addField);
|
|
13919
|
+
continue;
|
|
13920
|
+
}
|
|
13921
|
+
if (typeof source2 === "string") {
|
|
13922
|
+
source2.split(",").map((part) => part.trim()).filter(Boolean).forEach(addField);
|
|
13923
|
+
}
|
|
13924
|
+
}
|
|
13925
|
+
for (const key of PENDING_USER_FIELD_MESSAGE_KEYS) {
|
|
13926
|
+
const source2 = accountRecord === null || accountRecord === void 0 ? void 0 : accountRecord[key];
|
|
13927
|
+
if (source2 && typeof source2 === "object" && !Array.isArray(source2)) {
|
|
13928
|
+
Object.keys(source2).forEach(addField);
|
|
13929
|
+
}
|
|
13930
|
+
}
|
|
13931
|
+
return Array.from(fields);
|
|
13932
|
+
}
|
|
13933
|
+
function extractPendingUserFieldMessages(account) {
|
|
13934
|
+
const accountRecord = account;
|
|
13935
|
+
const messages = {};
|
|
13936
|
+
for (const key of PENDING_USER_FIELD_MESSAGE_KEYS) {
|
|
13937
|
+
const source2 = accountRecord === null || accountRecord === void 0 ? void 0 : accountRecord[key];
|
|
13938
|
+
if (!source2 || typeof source2 !== "object" || Array.isArray(source2)) {
|
|
13939
|
+
continue;
|
|
13940
|
+
}
|
|
13941
|
+
for (const [field, message] of Object.entries(source2)) {
|
|
13942
|
+
const normalizedField = normalizePendingFieldKey(field);
|
|
13943
|
+
if (!normalizedField || typeof message !== "string" || !message.trim()) {
|
|
13944
|
+
continue;
|
|
13945
|
+
}
|
|
13946
|
+
messages[normalizedField] = message.trim();
|
|
13947
|
+
}
|
|
13948
|
+
}
|
|
13949
|
+
return messages;
|
|
13950
|
+
}
|
|
12857
13951
|
function getRequiredFieldKeys() {
|
|
12858
13952
|
const profileFields = get$1(resolvedProfileFields)() || {};
|
|
12859
13953
|
return Object.keys(profileFields).filter((key) => {
|
|
@@ -12884,8 +13978,26 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12884
13978
|
}
|
|
12885
13979
|
return value;
|
|
12886
13980
|
}
|
|
13981
|
+
function normalizeEinDigits(value) {
|
|
13982
|
+
if (value === null || value === void 0 || value === "") return value;
|
|
13983
|
+
return String(value).replace(/\D/g, "");
|
|
13984
|
+
}
|
|
13985
|
+
function normalizeFieldValue(fieldName, value) {
|
|
13986
|
+
if (fieldName === "ein") {
|
|
13987
|
+
return normalizeEinDigits(value);
|
|
13988
|
+
}
|
|
13989
|
+
return value;
|
|
13990
|
+
}
|
|
12887
13991
|
function buildAccountInformationPayload(formData) {
|
|
12888
|
-
const payload = Object.fromEntries(Object.entries(formData).filter(([key, value]) => !
|
|
13992
|
+
const payload = Object.fromEntries(Object.entries(formData).filter(([key, value]) => !ADDRESS_FIELD_KEYS2.includes(key) && isValuePresent(value)));
|
|
13993
|
+
if ("ein" in payload) {
|
|
13994
|
+
const normalizedEin = normalizeEinDigits(payload.ein);
|
|
13995
|
+
if (isValuePresent(normalizedEin)) {
|
|
13996
|
+
payload.ein = normalizedEin;
|
|
13997
|
+
} else {
|
|
13998
|
+
delete payload.ein;
|
|
13999
|
+
}
|
|
14000
|
+
}
|
|
12889
14001
|
if ("nature_of_business" in payload) {
|
|
12890
14002
|
payload.nature_of_business = coerceNatureOfBusiness(payload.nature_of_business);
|
|
12891
14003
|
}
|
|
@@ -12894,7 +14006,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12894
14006
|
function buildAddressPayload(formData) {
|
|
12895
14007
|
var _a3;
|
|
12896
14008
|
const addressEntries = Object.entries(formData).filter(([key, value]) => {
|
|
12897
|
-
return
|
|
14009
|
+
return ADDRESS_FIELD_KEYS2.includes(key) && isValuePresent(value);
|
|
12898
14010
|
});
|
|
12899
14011
|
if (addressEntries.length === 0) {
|
|
12900
14012
|
return null;
|
|
@@ -12912,9 +14024,12 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12912
14024
|
primary: true
|
|
12913
14025
|
};
|
|
12914
14026
|
}
|
|
12915
|
-
function
|
|
14027
|
+
function getPrimaryAddress(account) {
|
|
12916
14028
|
var _a3, _b2;
|
|
12917
|
-
|
|
14029
|
+
return ((_a3 = account === null || account === void 0 ? void 0 : account.addresses) === null || _a3 === void 0 ? void 0 : _a3.find((address) => address.primary)) || ((_b2 = account === null || account === void 0 ? void 0 : account.addresses) === null || _b2 === void 0 ? void 0 : _b2[0]);
|
|
14030
|
+
}
|
|
14031
|
+
function buildPrefillDataFromAccount(account) {
|
|
14032
|
+
const primaryAddress = getPrimaryAddress(account);
|
|
12918
14033
|
return {
|
|
12919
14034
|
information: account.information || {},
|
|
12920
14035
|
primary_address: primaryAddress ? {
|
|
@@ -12949,9 +14064,23 @@ function CreateAccount($$anchor, $$props) {
|
|
|
12949
14064
|
set(accountToUpdate, account, true);
|
|
12950
14065
|
set(isAutoSubmitting, false);
|
|
12951
14066
|
set(pendingUserReason, statusReason || "UNKNOWN", true);
|
|
12952
|
-
const
|
|
14067
|
+
const requestedFields = extractPendingUserRequestedFields(account);
|
|
14068
|
+
const alertFieldMessages = extractPendingUserFieldMessages(account);
|
|
14069
|
+
const pendingAction = getPendingUserAction(statusReason, {
|
|
14070
|
+
requestedFields,
|
|
14071
|
+
alertFieldMessages,
|
|
14072
|
+
availableFieldKeys: Object.keys(get$1(resolvedProfileFields)() || {})
|
|
14073
|
+
});
|
|
12953
14074
|
set(pendingUserMessage, pendingAction.message, true);
|
|
12954
14075
|
set(missingRequiredFields, pendingAction.missingRequiredFields, true);
|
|
14076
|
+
set(
|
|
14077
|
+
requestedUpdateFields,
|
|
14078
|
+
Array.from(/* @__PURE__ */ new Set([
|
|
14079
|
+
...pendingAction.missingRequiredFields,
|
|
14080
|
+
...Object.keys(pendingAction.alertFields)
|
|
14081
|
+
])),
|
|
14082
|
+
true
|
|
14083
|
+
);
|
|
12955
14084
|
set(alertFields, pendingAction.alertFields, true);
|
|
12956
14085
|
dispatchActionRequired(account, get$1(pendingUserReason), pendingAction.message);
|
|
12957
14086
|
if (options.emitSuccess) {
|
|
@@ -13065,7 +14194,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13065
14194
|
}
|
|
13066
14195
|
lastPrefillSync = { prefillRef: prefillSnapshot, fieldKeySignature };
|
|
13067
14196
|
Object.entries(initData).forEach(([key, value]) => {
|
|
13068
|
-
baseForm.handlers.handleFieldChange(key, value);
|
|
14197
|
+
baseForm.handlers.handleFieldChange(key, normalizeFieldValue(key, value));
|
|
13069
14198
|
});
|
|
13070
14199
|
});
|
|
13071
14200
|
const baseForm = createBaseFormMixin({
|
|
@@ -13097,7 +14226,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13097
14226
|
return statusKind !== "action_required";
|
|
13098
14227
|
},
|
|
13099
14228
|
submitHandler: async (formData) => {
|
|
13100
|
-
var _a3, _b2, _c2, _d2, _e2, _f2;
|
|
14229
|
+
var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
|
|
13101
14230
|
if (!baseForm.state.alviereCore) {
|
|
13102
14231
|
throw new AlcoreApiError(AlcoreErrorCodes.ALVIERE_CORE_NOT_INITIALIZED, "AlviereCore not initialized");
|
|
13103
14232
|
}
|
|
@@ -13111,6 +14240,18 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13111
14240
|
if (get$1(accountToUpdate) === null || get$1(accountToUpdate) === void 0 ? void 0 : get$1(accountToUpdate).account_uuid) {
|
|
13112
14241
|
const updateAccountType = ((_a3 = get$1(accountToUpdate).information) === null || _a3 === void 0 ? void 0 : _a3.business_information) ? "business" : "consumer";
|
|
13113
14242
|
const accountInfo2 = buildAccountInformationPayload(formData);
|
|
14243
|
+
let existingAddress = getPrimaryAddress(get$1(accountToUpdate));
|
|
14244
|
+
if (!(existingAddress === null || existingAddress === void 0 ? void 0 : existingAddress.address_uuid)) {
|
|
14245
|
+
try {
|
|
14246
|
+
const addressResult = await accountsService.getAddresses(get$1(accountToUpdate).account_uuid);
|
|
14247
|
+
existingAddress = ((_b2 = addressResult === null || addressResult === void 0 ? void 0 : addressResult.addresses) === null || _b2 === void 0 ? void 0 : _b2.find((address) => address.primary)) || ((_c2 = addressResult === null || addressResult === void 0 ? void 0 : addressResult.addresses) === null || _c2 === void 0 ? void 0 : _c2[0]);
|
|
14248
|
+
if (existingAddress && get$1(accountToUpdate)) {
|
|
14249
|
+
set(accountToUpdate, Object.assign(Object.assign({}, get$1(accountToUpdate)), { addresses: [existingAddress] }), true);
|
|
14250
|
+
}
|
|
14251
|
+
} catch (error) {
|
|
14252
|
+
uiLogger.warn("⚠️ Failed to refresh existing addresses before update, will fallback to createAddress if needed:", error);
|
|
14253
|
+
}
|
|
14254
|
+
}
|
|
13114
14255
|
const updateRequest = {
|
|
13115
14256
|
information: { [`${updateAccountType}_information`]: accountInfo2 }
|
|
13116
14257
|
/**
|
|
@@ -13118,14 +14259,25 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13118
14259
|
*/
|
|
13119
14260
|
//profile: prefillData.profile || accountToUpdate.profile || undefined,
|
|
13120
14261
|
};
|
|
13121
|
-
(
|
|
14262
|
+
(_e2 = (_d2 = baseForm.state.alviereCore) === null || _d2 === void 0 ? void 0 : _d2.getLogger()) === null || _e2 === void 0 ? void 0 : _e2.info(`🔍 Updating ${updateAccountType} account using AlviereCore...`);
|
|
13122
14263
|
const response2 = await accountsService.updateAccount(get$1(accountToUpdate).account_uuid, updateRequest);
|
|
13123
14264
|
dispatchAccountEvent(response2.account.account_uuid, response2.account.status);
|
|
13124
14265
|
const addressPayload = buildAddressPayload(formData);
|
|
13125
|
-
const
|
|
13126
|
-
|
|
13127
|
-
|
|
13128
|
-
|
|
14266
|
+
const hasAddressUpdateFields = get$1(missingRequiredFields).some((key) => ADDRESS_FIELD_KEYS2.includes(key));
|
|
14267
|
+
const shouldUpsertAddress = addressPayload && (hasAddressUpdateFields || !(existingAddress === null || existingAddress === void 0 ? void 0 : existingAddress.address_uuid));
|
|
14268
|
+
uiLogger.info("SHOULD UPSERT ADDRESS", shouldUpsertAddress, addressPayload);
|
|
14269
|
+
if (shouldUpsertAddress && addressPayload) {
|
|
14270
|
+
if (existingAddress === null || existingAddress === void 0 ? void 0 : existingAddress.address_uuid) {
|
|
14271
|
+
const updatedAddress = await accountsService.updateAddress(get$1(accountToUpdate).account_uuid, existingAddress.address_uuid, addressPayload);
|
|
14272
|
+
if ((updatedAddress === null || updatedAddress === void 0 ? void 0 : updatedAddress.address) && get$1(accountToUpdate)) {
|
|
14273
|
+
set(accountToUpdate, Object.assign(Object.assign({}, get$1(accountToUpdate)), { addresses: [updatedAddress.address] }), true);
|
|
14274
|
+
}
|
|
14275
|
+
} else {
|
|
14276
|
+
const createdAddress = await accountsService.createAddress(get$1(accountToUpdate).account_uuid, addressPayload);
|
|
14277
|
+
if ((createdAddress === null || createdAddress === void 0 ? void 0 : createdAddress.address) && get$1(accountToUpdate)) {
|
|
14278
|
+
set(accountToUpdate, Object.assign(Object.assign({}, get$1(accountToUpdate)), { addresses: [createdAddress.address] }), true);
|
|
14279
|
+
}
|
|
14280
|
+
}
|
|
13129
14281
|
}
|
|
13130
14282
|
const statusKind2 = statusGuard.evaluateStatus(response2.account.status);
|
|
13131
14283
|
const shouldPoll2 = (get$1(pollingConfig) === null || get$1(pollingConfig) === void 0 ? void 0 : get$1(pollingConfig).enabled) === true;
|
|
@@ -13174,7 +14326,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13174
14326
|
account_type: get$1(accountTypeUpper),
|
|
13175
14327
|
parent_account_uuid: businessUuid()
|
|
13176
14328
|
};
|
|
13177
|
-
(
|
|
14329
|
+
(_g2 = (_f2 = baseForm.state.alviereCore) === null || _f2 === void 0 ? void 0 : _f2.getLogger()) === null || _g2 === void 0 ? void 0 : _g2.info(`🔍 Creating ${get$1(accountType)} account using AlviereCore...`);
|
|
13178
14330
|
const response = await accountsService.createAccount(accountRequest);
|
|
13179
14331
|
if (response.account.account_uuid && get$1(hostElement)) {
|
|
13180
14332
|
const createdEvent = new CustomEvent(ComponentEvents.ACCOUNT, {
|
|
@@ -13259,19 +14411,20 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13259
14411
|
onBarrier: dispatchBarrier
|
|
13260
14412
|
});
|
|
13261
14413
|
function handleFieldChangeWithDebug(fieldName, value) {
|
|
14414
|
+
const normalizedValue = normalizeFieldValue(fieldName, value);
|
|
13262
14415
|
if (get$1(alertFields)[fieldName]) {
|
|
13263
14416
|
const next2 = Object.assign({}, get$1(alertFields));
|
|
13264
14417
|
delete next2[fieldName];
|
|
13265
14418
|
set(alertFields, next2, true);
|
|
13266
14419
|
}
|
|
13267
|
-
baseForm.handlers.handleFieldChange(fieldName,
|
|
14420
|
+
baseForm.handlers.handleFieldChange(fieldName, normalizedValue);
|
|
13268
14421
|
if (!debug()) {
|
|
13269
14422
|
return;
|
|
13270
14423
|
}
|
|
13271
14424
|
const validationErrors = baseForm.state.validationErrors;
|
|
13272
14425
|
uiLogger.info("🧪 Form validation state:", {
|
|
13273
14426
|
fieldName,
|
|
13274
|
-
value,
|
|
14427
|
+
value: normalizedValue,
|
|
13275
14428
|
errors: validationErrors,
|
|
13276
14429
|
errorKeys: Object.keys(validationErrors),
|
|
13277
14430
|
isValid: baseForm.state.isValid,
|
|
@@ -13314,12 +14467,20 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13314
14467
|
// Shows spinner when skipping due to existing account
|
|
13315
14468
|
);
|
|
13316
14469
|
let missingRequiredFields = /* @__PURE__ */ state(proxy([]));
|
|
14470
|
+
let requestedUpdateFields = /* @__PURE__ */ state(proxy([]));
|
|
13317
14471
|
let shouldSkipExistingAccount = /* @__PURE__ */ state(false);
|
|
13318
14472
|
let accountToUpdate = /* @__PURE__ */ state(null);
|
|
13319
14473
|
let pendingUserReason = /* @__PURE__ */ state(null);
|
|
13320
14474
|
let pendingUserMessage = /* @__PURE__ */ state(null);
|
|
13321
14475
|
let alertFields = /* @__PURE__ */ state(proxy({}));
|
|
13322
14476
|
const isUpdateMode = /* @__PURE__ */ user_derived(() => !!get$1(accountToUpdate));
|
|
14477
|
+
const isPendingReadOnlyMode = /* @__PURE__ */ user_derived(() => !!get$1(pendingUserReason) && get$1(requestedUpdateFields).length > 0);
|
|
14478
|
+
function isFieldReadOnly(fieldKey) {
|
|
14479
|
+
if (!fieldKey || !get$1(isPendingReadOnlyMode)) {
|
|
14480
|
+
return false;
|
|
14481
|
+
}
|
|
14482
|
+
return !get$1(requestedUpdateFields).includes(fieldKey);
|
|
14483
|
+
}
|
|
13323
14484
|
const getFieldValidationState = (fieldKey) => {
|
|
13324
14485
|
if (!fieldKey) return "neutral";
|
|
13325
14486
|
if (baseForm.state.validationErrors[fieldKey]) return "invalid";
|
|
@@ -13478,6 +14639,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13478
14639
|
uiLogger.info("🔍 Checking if account exists and is active...", accountUuidToCheck);
|
|
13479
14640
|
uiLogger.warn("🔍 Debug:", debug());
|
|
13480
14641
|
set(missingRequiredFields, [], true);
|
|
14642
|
+
set(requestedUpdateFields, [], true);
|
|
13481
14643
|
set(shouldSkipExistingAccount, false);
|
|
13482
14644
|
set(accountToUpdate, null);
|
|
13483
14645
|
set(pendingUserReason, null);
|
|
@@ -13714,7 +14876,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13714
14876
|
reset(h3);
|
|
13715
14877
|
var node_7 = sibling(h3, 2);
|
|
13716
14878
|
{
|
|
13717
|
-
var
|
|
14879
|
+
var consequent_11 = ($$anchor3) => {
|
|
13718
14880
|
var fragment_4 = comment();
|
|
13719
14881
|
var node_8 = first_child(fragment_4);
|
|
13720
14882
|
each(node_8, 17, () => get$1(group).rows, index, ($$anchor4, row) => {
|
|
@@ -13743,11 +14905,11 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13743
14905
|
});
|
|
13744
14906
|
let $4 = /* @__PURE__ */ user_derived(() => {
|
|
13745
14907
|
var _a3;
|
|
13746
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
14908
|
+
return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13747
14909
|
});
|
|
13748
14910
|
let $5 = /* @__PURE__ */ user_derived(() => {
|
|
13749
14911
|
var _a3;
|
|
13750
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
14912
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
|
|
13751
14913
|
});
|
|
13752
14914
|
let $6 = /* @__PURE__ */ user_derived(() => {
|
|
13753
14915
|
var _a3;
|
|
@@ -13757,7 +14919,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13757
14919
|
var _a3;
|
|
13758
14920
|
return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13759
14921
|
});
|
|
13760
|
-
|
|
14922
|
+
EinInput($$anchor6, {
|
|
13761
14923
|
get label() {
|
|
13762
14924
|
return get$1($0);
|
|
13763
14925
|
},
|
|
@@ -13770,10 +14932,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13770
14932
|
get required() {
|
|
13771
14933
|
return get$1($3);
|
|
13772
14934
|
},
|
|
13773
|
-
get
|
|
14935
|
+
get readonly() {
|
|
13774
14936
|
return get$1($4);
|
|
13775
14937
|
},
|
|
13776
|
-
get
|
|
14938
|
+
get helpText() {
|
|
13777
14939
|
return get$1($5);
|
|
13778
14940
|
},
|
|
13779
14941
|
oninput: (e) => {
|
|
@@ -13789,7 +14951,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13789
14951
|
});
|
|
13790
14952
|
}
|
|
13791
14953
|
};
|
|
13792
|
-
var
|
|
14954
|
+
var alternate_7 = ($$anchor6) => {
|
|
13793
14955
|
var fragment_7 = comment();
|
|
13794
14956
|
var node_10 = first_child(fragment_7);
|
|
13795
14957
|
{
|
|
@@ -13805,54 +14967,68 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13805
14967
|
});
|
|
13806
14968
|
let $2 = /* @__PURE__ */ user_derived(() => {
|
|
13807
14969
|
var _a3;
|
|
13808
|
-
return (
|
|
14970
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.placeholder;
|
|
13809
14971
|
});
|
|
13810
14972
|
let $3 = /* @__PURE__ */ user_derived(() => {
|
|
13811
14973
|
var _a3;
|
|
13812
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
14974
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.required;
|
|
13813
14975
|
});
|
|
13814
14976
|
let $4 = /* @__PURE__ */ user_derived(() => {
|
|
13815
14977
|
var _a3;
|
|
13816
|
-
return
|
|
14978
|
+
return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13817
14979
|
});
|
|
13818
14980
|
let $5 = /* @__PURE__ */ user_derived(() => {
|
|
13819
14981
|
var _a3;
|
|
13820
|
-
return
|
|
14982
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
|
|
13821
14983
|
});
|
|
13822
14984
|
let $6 = /* @__PURE__ */ user_derived(() => {
|
|
13823
14985
|
var _a3;
|
|
13824
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
14986
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.inputType;
|
|
13825
14987
|
});
|
|
13826
|
-
|
|
14988
|
+
let $7 = /* @__PURE__ */ user_derived(() => {
|
|
14989
|
+
var _a3;
|
|
14990
|
+
return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
14991
|
+
});
|
|
14992
|
+
let $8 = /* @__PURE__ */ user_derived(() => {
|
|
14993
|
+
var _a3;
|
|
14994
|
+
return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
14995
|
+
});
|
|
14996
|
+
TextInput($$anchor7, {
|
|
13827
14997
|
get label() {
|
|
13828
14998
|
return get$1($0);
|
|
13829
14999
|
},
|
|
13830
15000
|
get value() {
|
|
13831
15001
|
return get$1($1);
|
|
13832
15002
|
},
|
|
13833
|
-
get
|
|
15003
|
+
get placeholder() {
|
|
13834
15004
|
return get$1($2);
|
|
13835
15005
|
},
|
|
13836
|
-
get
|
|
15006
|
+
get required() {
|
|
13837
15007
|
return get$1($3);
|
|
13838
15008
|
},
|
|
13839
|
-
|
|
13840
|
-
var _a3;
|
|
13841
|
-
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.detail.value);
|
|
13842
|
-
},
|
|
13843
|
-
get validationState() {
|
|
15009
|
+
get readonly() {
|
|
13844
15010
|
return get$1($4);
|
|
13845
15011
|
},
|
|
13846
|
-
get
|
|
15012
|
+
get helpText() {
|
|
13847
15013
|
return get$1($5);
|
|
13848
15014
|
},
|
|
13849
|
-
get
|
|
15015
|
+
get type() {
|
|
13850
15016
|
return get$1($6);
|
|
15017
|
+
},
|
|
15018
|
+
oninput: (e) => {
|
|
15019
|
+
var _a3;
|
|
15020
|
+
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
|
|
15021
|
+
},
|
|
15022
|
+
get validationState() {
|
|
15023
|
+
return get$1($7);
|
|
15024
|
+
},
|
|
15025
|
+
get errorMessage() {
|
|
15026
|
+
return get$1($8);
|
|
13851
15027
|
}
|
|
13852
15028
|
});
|
|
13853
15029
|
}
|
|
13854
15030
|
};
|
|
13855
|
-
var
|
|
15031
|
+
var alternate_6 = ($$anchor7) => {
|
|
13856
15032
|
var fragment_9 = comment();
|
|
13857
15033
|
var node_11 = first_child(fragment_9);
|
|
13858
15034
|
{
|
|
@@ -13868,15 +15044,15 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13868
15044
|
});
|
|
13869
15045
|
let $2 = /* @__PURE__ */ user_derived(() => {
|
|
13870
15046
|
var _a3;
|
|
13871
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
15047
|
+
return ((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.options) || [];
|
|
13872
15048
|
});
|
|
13873
15049
|
let $3 = /* @__PURE__ */ user_derived(() => {
|
|
13874
15050
|
var _a3;
|
|
13875
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
15051
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.placeholder;
|
|
13876
15052
|
});
|
|
13877
15053
|
let $4 = /* @__PURE__ */ user_derived(() => {
|
|
13878
15054
|
var _a3;
|
|
13879
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
15055
|
+
return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13880
15056
|
});
|
|
13881
15057
|
let $5 = /* @__PURE__ */ user_derived(() => {
|
|
13882
15058
|
var _a3;
|
|
@@ -13886,36 +15062,43 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13886
15062
|
var _a3;
|
|
13887
15063
|
return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13888
15064
|
});
|
|
13889
|
-
|
|
15065
|
+
let $7 = /* @__PURE__ */ user_derived(() => {
|
|
15066
|
+
var _a3;
|
|
15067
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
|
|
15068
|
+
});
|
|
15069
|
+
SearchSelect($$anchor8, {
|
|
13890
15070
|
get label() {
|
|
13891
15071
|
return get$1($0);
|
|
13892
15072
|
},
|
|
13893
15073
|
get value() {
|
|
13894
15074
|
return get$1($1);
|
|
13895
15075
|
},
|
|
13896
|
-
get
|
|
15076
|
+
get options() {
|
|
13897
15077
|
return get$1($2);
|
|
13898
15078
|
},
|
|
13899
|
-
get
|
|
15079
|
+
get placeholder() {
|
|
13900
15080
|
return get$1($3);
|
|
13901
15081
|
},
|
|
13902
|
-
get
|
|
15082
|
+
get readonly() {
|
|
13903
15083
|
return get$1($4);
|
|
13904
15084
|
},
|
|
13905
|
-
|
|
15085
|
+
onchange: (e) => {
|
|
13906
15086
|
var _a3;
|
|
13907
|
-
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.
|
|
15087
|
+
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.detail.value);
|
|
13908
15088
|
},
|
|
13909
15089
|
get validationState() {
|
|
13910
15090
|
return get$1($5);
|
|
13911
15091
|
},
|
|
13912
15092
|
get errorMessage() {
|
|
13913
15093
|
return get$1($6);
|
|
15094
|
+
},
|
|
15095
|
+
get helpText() {
|
|
15096
|
+
return get$1($7);
|
|
13914
15097
|
}
|
|
13915
15098
|
});
|
|
13916
15099
|
}
|
|
13917
15100
|
};
|
|
13918
|
-
var
|
|
15101
|
+
var alternate_5 = ($$anchor8) => {
|
|
13919
15102
|
var fragment_11 = comment();
|
|
13920
15103
|
var node_12 = first_child(fragment_11);
|
|
13921
15104
|
{
|
|
@@ -13939,17 +15122,25 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13939
15122
|
});
|
|
13940
15123
|
let $4 = /* @__PURE__ */ user_derived(() => {
|
|
13941
15124
|
var _a3;
|
|
13942
|
-
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.
|
|
15125
|
+
return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13943
15126
|
});
|
|
13944
15127
|
let $5 = /* @__PURE__ */ user_derived(() => {
|
|
13945
15128
|
var _a3;
|
|
13946
|
-
return
|
|
15129
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
|
|
13947
15130
|
});
|
|
13948
15131
|
let $6 = /* @__PURE__ */ user_derived(() => {
|
|
15132
|
+
var _a3;
|
|
15133
|
+
return get$1(fieldSchemas)[(_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key] || {};
|
|
15134
|
+
});
|
|
15135
|
+
let $7 = /* @__PURE__ */ user_derived(() => {
|
|
15136
|
+
var _a3;
|
|
15137
|
+
return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
15138
|
+
});
|
|
15139
|
+
let $8 = /* @__PURE__ */ user_derived(() => {
|
|
13949
15140
|
var _a3;
|
|
13950
15141
|
return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
13951
15142
|
});
|
|
13952
|
-
|
|
15143
|
+
PhoneInput($$anchor9, {
|
|
13953
15144
|
get label() {
|
|
13954
15145
|
return get$1($0);
|
|
13955
15146
|
},
|
|
@@ -13962,27 +15153,115 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13962
15153
|
get required() {
|
|
13963
15154
|
return get$1($3);
|
|
13964
15155
|
},
|
|
13965
|
-
get
|
|
15156
|
+
get readonly() {
|
|
13966
15157
|
return get$1($4);
|
|
13967
15158
|
},
|
|
15159
|
+
get helpText() {
|
|
15160
|
+
return get$1($5);
|
|
15161
|
+
},
|
|
15162
|
+
get validationSchema() {
|
|
15163
|
+
return get$1($6);
|
|
15164
|
+
},
|
|
13968
15165
|
oninput: (e) => {
|
|
13969
15166
|
var _a3;
|
|
13970
15167
|
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
|
|
13971
15168
|
},
|
|
13972
15169
|
get validationState() {
|
|
13973
|
-
return get$1($
|
|
15170
|
+
return get$1($7);
|
|
13974
15171
|
},
|
|
13975
15172
|
get errorMessage() {
|
|
13976
|
-
return get$1($
|
|
15173
|
+
return get$1($8);
|
|
13977
15174
|
}
|
|
13978
15175
|
});
|
|
13979
15176
|
}
|
|
13980
15177
|
};
|
|
15178
|
+
var alternate_4 = ($$anchor9) => {
|
|
15179
|
+
var fragment_13 = comment();
|
|
15180
|
+
var node_13 = first_child(fragment_13);
|
|
15181
|
+
{
|
|
15182
|
+
var consequent_10 = ($$anchor10) => {
|
|
15183
|
+
{
|
|
15184
|
+
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15185
|
+
var _a3;
|
|
15186
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.label;
|
|
15187
|
+
});
|
|
15188
|
+
let $1 = /* @__PURE__ */ user_derived(() => {
|
|
15189
|
+
var _a3;
|
|
15190
|
+
return baseForm.state.formData[(_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key];
|
|
15191
|
+
});
|
|
15192
|
+
let $2 = /* @__PURE__ */ user_derived(() => {
|
|
15193
|
+
var _a3;
|
|
15194
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.placeholder;
|
|
15195
|
+
});
|
|
15196
|
+
let $3 = /* @__PURE__ */ user_derived(() => {
|
|
15197
|
+
var _a3;
|
|
15198
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.required;
|
|
15199
|
+
});
|
|
15200
|
+
let $4 = /* @__PURE__ */ user_derived(() => {
|
|
15201
|
+
var _a3;
|
|
15202
|
+
return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
15203
|
+
});
|
|
15204
|
+
let $5 = /* @__PURE__ */ user_derived(() => {
|
|
15205
|
+
var _a3;
|
|
15206
|
+
return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
|
|
15207
|
+
});
|
|
15208
|
+
let $6 = /* @__PURE__ */ user_derived(() => {
|
|
15209
|
+
var _a3;
|
|
15210
|
+
return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
15211
|
+
});
|
|
15212
|
+
let $7 = /* @__PURE__ */ user_derived(() => {
|
|
15213
|
+
var _a3;
|
|
15214
|
+
return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
|
|
15215
|
+
});
|
|
15216
|
+
DateOfBirthInput($$anchor10, {
|
|
15217
|
+
get label() {
|
|
15218
|
+
return get$1($0);
|
|
15219
|
+
},
|
|
15220
|
+
get value() {
|
|
15221
|
+
return get$1($1);
|
|
15222
|
+
},
|
|
15223
|
+
get placeholder() {
|
|
15224
|
+
return get$1($2);
|
|
15225
|
+
},
|
|
15226
|
+
get required() {
|
|
15227
|
+
return get$1($3);
|
|
15228
|
+
},
|
|
15229
|
+
get readonly() {
|
|
15230
|
+
return get$1($4);
|
|
15231
|
+
},
|
|
15232
|
+
get helpText() {
|
|
15233
|
+
return get$1($5);
|
|
15234
|
+
},
|
|
15235
|
+
oninput: (e) => {
|
|
15236
|
+
var _a3;
|
|
15237
|
+
return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
|
|
15238
|
+
},
|
|
15239
|
+
get validationState() {
|
|
15240
|
+
return get$1($6);
|
|
15241
|
+
},
|
|
15242
|
+
get errorMessage() {
|
|
15243
|
+
return get$1($7);
|
|
15244
|
+
}
|
|
15245
|
+
});
|
|
15246
|
+
}
|
|
15247
|
+
};
|
|
15248
|
+
if_block(
|
|
15249
|
+
node_13,
|
|
15250
|
+
($$render) => {
|
|
15251
|
+
var _a3;
|
|
15252
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "dob") $$render(consequent_10);
|
|
15253
|
+
},
|
|
15254
|
+
true
|
|
15255
|
+
);
|
|
15256
|
+
}
|
|
15257
|
+
append($$anchor9, fragment_13);
|
|
15258
|
+
};
|
|
13981
15259
|
if_block(
|
|
13982
15260
|
node_12,
|
|
13983
15261
|
($$render) => {
|
|
13984
15262
|
var _a3;
|
|
13985
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "
|
|
15263
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "phone") $$render(consequent_9);
|
|
15264
|
+
else $$render(alternate_4, false);
|
|
13986
15265
|
},
|
|
13987
15266
|
true
|
|
13988
15267
|
);
|
|
@@ -13993,8 +15272,8 @@ function CreateAccount($$anchor, $$props) {
|
|
|
13993
15272
|
node_11,
|
|
13994
15273
|
($$render) => {
|
|
13995
15274
|
var _a3;
|
|
13996
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "
|
|
13997
|
-
else $$render(
|
|
15275
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "select") $$render(consequent_8);
|
|
15276
|
+
else $$render(alternate_5, false);
|
|
13998
15277
|
},
|
|
13999
15278
|
true
|
|
14000
15279
|
);
|
|
@@ -14005,8 +15284,8 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14005
15284
|
node_10,
|
|
14006
15285
|
($$render) => {
|
|
14007
15286
|
var _a3;
|
|
14008
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "
|
|
14009
|
-
else $$render(
|
|
15287
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "text") $$render(consequent_7);
|
|
15288
|
+
else $$render(alternate_6, false);
|
|
14010
15289
|
},
|
|
14011
15290
|
true
|
|
14012
15291
|
);
|
|
@@ -14015,8 +15294,8 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14015
15294
|
};
|
|
14016
15295
|
if_block(node_9, ($$render) => {
|
|
14017
15296
|
var _a3;
|
|
14018
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "
|
|
14019
|
-
else $$render(
|
|
15297
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "ein") $$render(consequent_6);
|
|
15298
|
+
else $$render(alternate_7, false);
|
|
14020
15299
|
});
|
|
14021
15300
|
}
|
|
14022
15301
|
append($$anchor5, fragment_5);
|
|
@@ -14027,7 +15306,7 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14027
15306
|
append($$anchor3, fragment_4);
|
|
14028
15307
|
};
|
|
14029
15308
|
if_block(node_7, ($$render) => {
|
|
14030
|
-
if (get$1(group).rows) $$render(
|
|
15309
|
+
if (get$1(group).rows) $$render(consequent_11);
|
|
14031
15310
|
});
|
|
14032
15311
|
}
|
|
14033
15312
|
reset(div_2);
|
|
@@ -14036,37 +15315,37 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14036
15315
|
});
|
|
14037
15316
|
var div_4 = sibling(node_6, 2);
|
|
14038
15317
|
var div_5 = child(div_4);
|
|
14039
|
-
var
|
|
15318
|
+
var node_14 = child(div_5);
|
|
14040
15319
|
{
|
|
14041
|
-
var
|
|
14042
|
-
var span_1 =
|
|
15320
|
+
var consequent_12 = ($$anchor2) => {
|
|
15321
|
+
var span_1 = root_24$1();
|
|
14043
15322
|
var text_7 = child(span_1, true);
|
|
14044
15323
|
reset(span_1);
|
|
14045
15324
|
template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
|
|
14046
15325
|
append($$anchor2, span_1);
|
|
14047
15326
|
};
|
|
14048
|
-
if_block(
|
|
14049
|
-
if (get$1(pendingUserMessage)) $$render(
|
|
15327
|
+
if_block(node_14, ($$render) => {
|
|
15328
|
+
if (get$1(pendingUserMessage)) $$render(consequent_12);
|
|
14050
15329
|
});
|
|
14051
15330
|
}
|
|
14052
|
-
var
|
|
15331
|
+
var node_15 = sibling(node_14, 2);
|
|
14053
15332
|
{
|
|
14054
|
-
var
|
|
14055
|
-
var p =
|
|
15333
|
+
var consequent_13 = ($$anchor2) => {
|
|
15334
|
+
var p = root_25$1();
|
|
14056
15335
|
append($$anchor2, p);
|
|
14057
15336
|
};
|
|
14058
|
-
if_block(
|
|
14059
|
-
if (!baseForm.computed.canSubmit) $$render(
|
|
15337
|
+
if_block(node_15, ($$render) => {
|
|
15338
|
+
if (!baseForm.computed.canSubmit) $$render(consequent_13);
|
|
14060
15339
|
});
|
|
14061
15340
|
}
|
|
14062
|
-
var
|
|
15341
|
+
var node_16 = sibling(node_15, 2);
|
|
14063
15342
|
{
|
|
14064
|
-
var
|
|
14065
|
-
var span_2 =
|
|
15343
|
+
var consequent_14 = ($$anchor2) => {
|
|
15344
|
+
var span_2 = root_26();
|
|
14066
15345
|
append($$anchor2, span_2);
|
|
14067
15346
|
};
|
|
14068
|
-
if_block(
|
|
14069
|
-
if (baseForm.computed.hasErrors) $$render(
|
|
15347
|
+
if_block(node_16, ($$render) => {
|
|
15348
|
+
if (baseForm.computed.hasErrors) $$render(consequent_14);
|
|
14070
15349
|
});
|
|
14071
15350
|
}
|
|
14072
15351
|
reset(div_5);
|
|
@@ -14076,9 +15355,9 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14076
15355
|
set_custom_element_data(alviere_button, "variant", "primary");
|
|
14077
15356
|
set_custom_element_data(alviere_button, "size", "md");
|
|
14078
15357
|
template_effect(() => set_custom_element_data(alviere_button, "handler", baseForm.handlers.handleSubmit));
|
|
14079
|
-
var
|
|
15358
|
+
var node_17 = child(alviere_button);
|
|
14080
15359
|
{
|
|
14081
|
-
var
|
|
15360
|
+
var consequent_15 = ($$anchor2) => {
|
|
14082
15361
|
var text_8 = text();
|
|
14083
15362
|
template_effect(($0) => set_text(text_8, $0), [
|
|
14084
15363
|
() => {
|
|
@@ -14088,15 +15367,15 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14088
15367
|
]);
|
|
14089
15368
|
append($$anchor2, text_8);
|
|
14090
15369
|
};
|
|
14091
|
-
var
|
|
14092
|
-
var
|
|
14093
|
-
var
|
|
15370
|
+
var alternate_9 = ($$anchor2) => {
|
|
15371
|
+
var fragment_16 = comment();
|
|
15372
|
+
var node_18 = first_child(fragment_16);
|
|
14094
15373
|
{
|
|
14095
|
-
var
|
|
15374
|
+
var consequent_16 = ($$anchor3) => {
|
|
14096
15375
|
var text_9 = text("Waiting for Account Activation...");
|
|
14097
15376
|
append($$anchor3, text_9);
|
|
14098
15377
|
};
|
|
14099
|
-
var
|
|
15378
|
+
var alternate_8 = ($$anchor3) => {
|
|
14100
15379
|
var text_10 = text();
|
|
14101
15380
|
template_effect(($0) => set_text(text_10, $0), [
|
|
14102
15381
|
() => {
|
|
@@ -14107,19 +15386,19 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14107
15386
|
append($$anchor3, text_10);
|
|
14108
15387
|
};
|
|
14109
15388
|
if_block(
|
|
14110
|
-
|
|
15389
|
+
node_18,
|
|
14111
15390
|
($$render) => {
|
|
14112
|
-
if (baseForm.state.isPolling) $$render(
|
|
14113
|
-
else $$render(
|
|
15391
|
+
if (baseForm.state.isPolling) $$render(consequent_16);
|
|
15392
|
+
else $$render(alternate_8, false);
|
|
14114
15393
|
},
|
|
14115
15394
|
true
|
|
14116
15395
|
);
|
|
14117
15396
|
}
|
|
14118
|
-
append($$anchor2,
|
|
15397
|
+
append($$anchor2, fragment_16);
|
|
14119
15398
|
};
|
|
14120
|
-
if_block(
|
|
14121
|
-
if (baseForm.state.isLoading) $$render(
|
|
14122
|
-
else $$render(
|
|
15399
|
+
if_block(node_17, ($$render) => {
|
|
15400
|
+
if (baseForm.state.isLoading) $$render(consequent_15);
|
|
15401
|
+
else $$render(alternate_9, false);
|
|
14123
15402
|
});
|
|
14124
15403
|
}
|
|
14125
15404
|
reset(alviere_button);
|
|
@@ -14284,104 +15563,6 @@ customElements.define("alviere-create-consumer-account", create_custom_element(
|
|
|
14284
15563
|
true
|
|
14285
15564
|
));
|
|
14286
15565
|
const bankInfoCache = /* @__PURE__ */ new Map();
|
|
14287
|
-
const COMMON_ROUTING_NUMBERS = {
|
|
14288
|
-
// Federal Reserve Banks (these are the actual routing numbers)
|
|
14289
|
-
"011000015": {
|
|
14290
|
-
routing_number: "011000015",
|
|
14291
|
-
name: "Federal Reserve Bank",
|
|
14292
|
-
city: "Atlanta"
|
|
14293
|
-
},
|
|
14294
|
-
"021001208": {
|
|
14295
|
-
routing_number: "021001208",
|
|
14296
|
-
name: "Federal Reserve Bank",
|
|
14297
|
-
city: "East Rutherford"
|
|
14298
|
-
},
|
|
14299
|
-
"021000322": {
|
|
14300
|
-
routing_number: "021000322",
|
|
14301
|
-
name: "Bank of America, N.A.",
|
|
14302
|
-
city: "Richmond"
|
|
14303
|
-
},
|
|
14304
|
-
"031000503": {
|
|
14305
|
-
routing_number: "031000503",
|
|
14306
|
-
name: "Wells Fargo Bank",
|
|
14307
|
-
city: "Minneapolis"
|
|
14308
|
-
},
|
|
14309
|
-
"041000014": {
|
|
14310
|
-
routing_number: "041000014",
|
|
14311
|
-
name: "Federal Reserve Bank",
|
|
14312
|
-
city: "Atlanta"
|
|
14313
|
-
},
|
|
14314
|
-
"051000017": {
|
|
14315
|
-
routing_number: "051000017",
|
|
14316
|
-
name: "Bank of A merica, N.A.",
|
|
14317
|
-
city: "Henrico"
|
|
14318
|
-
},
|
|
14319
|
-
"061000104": {
|
|
14320
|
-
routing_number: "061000104",
|
|
14321
|
-
name: "Suntrust",
|
|
14322
|
-
city: "Orlando"
|
|
14323
|
-
},
|
|
14324
|
-
"071000013": {
|
|
14325
|
-
routing_number: "071000013",
|
|
14326
|
-
name: "JPMorgan Chase",
|
|
14327
|
-
city: "Belleville"
|
|
14328
|
-
},
|
|
14329
|
-
"081000032": {
|
|
14330
|
-
routing_number: "081000032",
|
|
14331
|
-
name: "Bank of America, N.A.",
|
|
14332
|
-
city: "Henrico"
|
|
14333
|
-
},
|
|
14334
|
-
"091000019": {
|
|
14335
|
-
routing_number: "091000019",
|
|
14336
|
-
name: "Wells Fargo Bank",
|
|
14337
|
-
city: "Minneapolis"
|
|
14338
|
-
},
|
|
14339
|
-
"111000025": {
|
|
14340
|
-
routing_number: "111000025",
|
|
14341
|
-
name: "Bank of America, N.A.",
|
|
14342
|
-
city: "Henrico"
|
|
14343
|
-
},
|
|
14344
|
-
"121058313": {
|
|
14345
|
-
routing_number: "121058313",
|
|
14346
|
-
name: "Federal Reserve Bank SF- B, S & R",
|
|
14347
|
-
city: "San Francisco"
|
|
14348
|
-
},
|
|
14349
|
-
// Major commercial banks (verified routing numbers)
|
|
14350
|
-
"021000021": {
|
|
14351
|
-
routing_number: "021000021",
|
|
14352
|
-
name: "JPMorgan Chase Bank",
|
|
14353
|
-
city: "Tampa"
|
|
14354
|
-
},
|
|
14355
|
-
"026009593": {
|
|
14356
|
-
routing_number: "026009593",
|
|
14357
|
-
name: "Bank of America, N.A.",
|
|
14358
|
-
city: "Richmond"
|
|
14359
|
-
},
|
|
14360
|
-
"121000248": {
|
|
14361
|
-
routing_number: "121000248",
|
|
14362
|
-
name: "Wells Fargo Bank",
|
|
14363
|
-
city: "Minneapolis"
|
|
14364
|
-
},
|
|
14365
|
-
"021000089": {
|
|
14366
|
-
routing_number: "021000089",
|
|
14367
|
-
name: "Citibank",
|
|
14368
|
-
city: "New Castle"
|
|
14369
|
-
}
|
|
14370
|
-
};
|
|
14371
|
-
const FEDERAL_RESERVE_REGIONS = {
|
|
14372
|
-
"01": "Boston",
|
|
14373
|
-
"02": "New York",
|
|
14374
|
-
"03": "Philadelphia",
|
|
14375
|
-
"04": "Cleveland",
|
|
14376
|
-
"05": "Richmond",
|
|
14377
|
-
"06": "Atlanta",
|
|
14378
|
-
"07": "Chicago",
|
|
14379
|
-
"08": "St. Louis",
|
|
14380
|
-
"09": "Minneapolis",
|
|
14381
|
-
"10": "Kansas City",
|
|
14382
|
-
"11": "Dallas",
|
|
14383
|
-
"12": "San Francisco"
|
|
14384
|
-
};
|
|
14385
15566
|
async function lookupRoutingNumber(routingNumber, alviereCore) {
|
|
14386
15567
|
const cleanRouting = routingNumber.replace(/[-\s]/g, "");
|
|
14387
15568
|
if (!/^\d{9}$/.test(cleanRouting)) {
|
|
@@ -14395,74 +15576,14 @@ async function lookupRoutingNumber(routingNumber, alviereCore) {
|
|
|
14395
15576
|
const bankInfoService = alviereCore.createBankInfoService();
|
|
14396
15577
|
const apiResult = await bankInfoService.getBankInfo(cleanRouting);
|
|
14397
15578
|
if (apiResult && apiResult.bank_info) {
|
|
15579
|
+
bankInfoCache.set(cleanRouting, apiResult.bank_info);
|
|
14398
15580
|
return apiResult.bank_info;
|
|
14399
15581
|
}
|
|
14400
15582
|
} catch (error) {
|
|
14401
15583
|
alviereCore.getLogger().info(`Bank info API call failed, using local lookup: ${error}`);
|
|
14402
|
-
alviereCore.getLogger().warn(
|
|
14403
|
-
"⚠️ [DEPRECATED] Using local routing number lookup as fallback. This will be removed in a future version. Ensure API connectivity for accurate bank information."
|
|
14404
|
-
);
|
|
14405
|
-
return localLookupRoutingNumber(cleanRouting);
|
|
14406
15584
|
}
|
|
14407
15585
|
}
|
|
14408
|
-
|
|
14409
|
-
"⚠️ [DEPRECATED] Using local routing number lookup. This will be removed in a future version. Pass AlviereCore instance to lookupRoutingNumber() for API-based lookup."
|
|
14410
|
-
);
|
|
14411
|
-
return localLookupRoutingNumber(cleanRouting);
|
|
14412
|
-
}
|
|
14413
|
-
function localLookupRoutingNumber(routingNumber) {
|
|
14414
|
-
const cleanRouting = routingNumber.replace(/[-\s]/g, "");
|
|
14415
|
-
if (!/^\d{9}$/.test(cleanRouting)) {
|
|
14416
|
-
return null;
|
|
14417
|
-
}
|
|
14418
|
-
if (COMMON_ROUTING_NUMBERS[cleanRouting]) {
|
|
14419
|
-
return COMMON_ROUTING_NUMBERS[cleanRouting];
|
|
14420
|
-
}
|
|
14421
|
-
const fedSymbol = cleanRouting.substring(0, 2);
|
|
14422
|
-
if (FEDERAL_RESERVE_REGIONS[fedSymbol]) {
|
|
14423
|
-
return {
|
|
14424
|
-
routing_number: cleanRouting,
|
|
14425
|
-
name: "Federal Reserve Bank",
|
|
14426
|
-
city: FEDERAL_RESERVE_REGIONS[fedSymbol]
|
|
14427
|
-
};
|
|
14428
|
-
}
|
|
14429
|
-
const firstDigit = parseInt(cleanRouting.charAt(0));
|
|
14430
|
-
if (firstDigit === 0 || firstDigit === 1) {
|
|
14431
|
-
return {
|
|
14432
|
-
routing_number: cleanRouting,
|
|
14433
|
-
name: "Federal Reserve Bank",
|
|
14434
|
-
city: FEDERAL_RESERVE_REGIONS[fedSymbol]
|
|
14435
|
-
};
|
|
14436
|
-
} else if (firstDigit === 2 || firstDigit === 3) {
|
|
14437
|
-
return {
|
|
14438
|
-
routing_number: cleanRouting,
|
|
14439
|
-
name: "Commercial Bank",
|
|
14440
|
-
city: "Unknown"
|
|
14441
|
-
};
|
|
14442
|
-
} else if (firstDigit === 4 || firstDigit === 5) {
|
|
14443
|
-
return {
|
|
14444
|
-
routing_number: cleanRouting,
|
|
14445
|
-
name: "Thrift Institution",
|
|
14446
|
-
city: "Unknown"
|
|
14447
|
-
};
|
|
14448
|
-
} else if (firstDigit === 6 || firstDigit === 7) {
|
|
14449
|
-
return {
|
|
14450
|
-
routing_number: cleanRouting,
|
|
14451
|
-
name: "Credit Union",
|
|
14452
|
-
city: "Unknown"
|
|
14453
|
-
};
|
|
14454
|
-
} else if (firstDigit === 8) {
|
|
14455
|
-
return {
|
|
14456
|
-
routing_number: cleanRouting,
|
|
14457
|
-
name: "Special Purpose",
|
|
14458
|
-
city: "Unknown"
|
|
14459
|
-
};
|
|
14460
|
-
}
|
|
14461
|
-
return {
|
|
14462
|
-
routing_number: cleanRouting,
|
|
14463
|
-
name: "Unknown Bank",
|
|
14464
|
-
city: "Unknown"
|
|
14465
|
-
};
|
|
15586
|
+
return null;
|
|
14466
15587
|
}
|
|
14467
15588
|
function formatRoutingNumber(routingNumber) {
|
|
14468
15589
|
const cleanRouting = routingNumber.replace(/[-\s]/g, "");
|
|
@@ -14602,6 +15723,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
14602
15723
|
minLength: {
|
|
14603
15724
|
value: 3,
|
|
14604
15725
|
message: "Account number must be at least 3 digits"
|
|
15726
|
+
},
|
|
15727
|
+
maxLength: {
|
|
15728
|
+
value: 17,
|
|
15729
|
+
message: "Account number must be at most 17 digits"
|
|
14605
15730
|
}
|
|
14606
15731
|
}
|
|
14607
15732
|
};
|
|
@@ -14635,6 +15760,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
14635
15760
|
minLength: {
|
|
14636
15761
|
value: 3,
|
|
14637
15762
|
message: "Account number must be at least 3 digits"
|
|
15763
|
+
},
|
|
15764
|
+
maxLength: {
|
|
15765
|
+
value: 17,
|
|
15766
|
+
message: "Account number must be at most 17 digits"
|
|
14638
15767
|
}
|
|
14639
15768
|
}
|
|
14640
15769
|
}) : baseSchemas;
|
|
@@ -14701,6 +15830,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
14701
15830
|
let bankInfoByRouting = /* @__PURE__ */ state(proxy({}));
|
|
14702
15831
|
let isRoutingHelpOpen = /* @__PURE__ */ state(false);
|
|
14703
15832
|
let hostElement = /* @__PURE__ */ state(null);
|
|
15833
|
+
const INVALID_ROUTING_NUMBER_MESSAGE = "Routing number is not valid";
|
|
14704
15834
|
const hasCredentials = /* @__PURE__ */ user_derived(() => jwt() && accountUuid());
|
|
14705
15835
|
user_effect(() => {
|
|
14706
15836
|
const shouldShowForm = get$1(showAddForm) || !get$1(isCheckingBankAccounts) && get$1(bankAccounts).bank_accounts.length === 0;
|
|
@@ -14716,14 +15846,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
14716
15846
|
set(isLoadingBankInfo, true);
|
|
14717
15847
|
lookupRoutingNumber(routingNumber, baseForm.state.alviereCore).then((info) => {
|
|
14718
15848
|
set(bankInfo, info, true);
|
|
15849
|
+
if (!info) {
|
|
15850
|
+
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
15851
|
+
return;
|
|
15852
|
+
}
|
|
15853
|
+
if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
|
|
15854
|
+
baseForm.actions.clearFieldError("ach_routing_number");
|
|
15855
|
+
}
|
|
14719
15856
|
}).catch((error) => {
|
|
14720
15857
|
set(bankInfo, null);
|
|
14721
|
-
|
|
15858
|
+
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
15859
|
+
uiLogger.warn("Failed to lookup bank info:", error);
|
|
14722
15860
|
}).finally(() => {
|
|
14723
15861
|
set(isLoadingBankInfo, false);
|
|
14724
15862
|
});
|
|
14725
15863
|
} else {
|
|
14726
15864
|
set(bankInfo, null);
|
|
15865
|
+
if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
|
|
15866
|
+
baseForm.actions.clearFieldError("ach_routing_number");
|
|
15867
|
+
}
|
|
14727
15868
|
}
|
|
14728
15869
|
});
|
|
14729
15870
|
onMount(async () => {
|
|
@@ -14757,9 +15898,17 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
14757
15898
|
set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: null }), true);
|
|
14758
15899
|
lookupRoutingNumber(routingNumber, baseForm.state.alviereCore || void 0).then((info) => {
|
|
14759
15900
|
set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: info }), true);
|
|
15901
|
+
const currentRouting = baseForm.state.formData.ach_details.routing_number;
|
|
15902
|
+
if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== INVALID_ROUTING_NUMBER_MESSAGE) {
|
|
15903
|
+
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
15904
|
+
}
|
|
14760
15905
|
}).catch((error) => {
|
|
14761
15906
|
uiLogger.warn("Failed to lookup bank info for routing number:", routingNumber, error);
|
|
14762
15907
|
set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: null }), true);
|
|
15908
|
+
const currentRouting = baseForm.state.formData.ach_details.routing_number;
|
|
15909
|
+
if (currentRouting === routingNumber) {
|
|
15910
|
+
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
15911
|
+
}
|
|
14763
15912
|
});
|
|
14764
15913
|
});
|
|
14765
15914
|
if (currentPrimary === null || currentPrimary === void 0 ? void 0 : currentPrimary.payment_method_uuid) {
|
|
@@ -16577,21 +17726,26 @@ var root_1$3 = /* @__PURE__ */ from_html(`<div class="alviere-checkbox__label"><
|
|
|
16577
17726
|
var root$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkbox svelte-1u6cz3v"><div><input type="checkbox" class="alviere-checkbox__input-checkbox svelte-1u6cz3v"/> <div class="alviere-checkbox__input-inner svelte-1u6cz3v"><div class="alviere-checkbox__input-inner-checkmark svelte-1u6cz3v"><!></div></div></div> <!></div>`);
|
|
16578
17727
|
const $$css$5 = {
|
|
16579
17728
|
hash: "svelte-1u6cz3v",
|
|
16580
|
-
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-checkbox.svelte-1u6cz3v {display:flex;align-items:center;gap:0.5rem;position:relative;}.alviere-checkbox__input.svelte-1u6cz3v input:where(.svelte-1u6cz3v) {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;}.alviere-checkbox__input-inner.svelte-1u6cz3v {width:
|
|
17729
|
+
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-checkbox.svelte-1u6cz3v {display:flex;align-items:center;gap:0.5rem;position:relative;}.alviere-checkbox__input.svelte-1u6cz3v {position:relative;width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.alviere-checkbox__input.svelte-1u6cz3v input:where(.svelte-1u6cz3v) {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;}.alviere-checkbox__input.svelte-1u6cz3v input:where(.svelte-1u6cz3v):focus-visible + .alviere-checkbox__input-inner:where(.svelte-1u6cz3v) {outline:2px solid #227e9e;outline-offset:2px;}.alviere-checkbox__input-inner.svelte-1u6cz3v {width:16px;height:16px;border-radius:0.25rem;border:1px solid #52525b;position:relative;z-index:1;transition:all 0.2s ease-in-out;}.alviere-checkbox__input-inner-checkmark.svelte-1u6cz3v {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.6);width:100%;height:100%;opacity:0;transition:all 0.2s ease-in-out;color:#ffffff;z-index:3;}.alviere-checkbox__input-inner-checkmark.svelte-1u6cz3v svg {width:100%;height:100%;position:relative;}.alviere-checkbox__input--checked.svelte-1u6cz3v .alviere-checkbox__input-inner:where(.svelte-1u6cz3v) {background-color:#000000;}.alviere-checkbox__input--checked.svelte-1u6cz3v .alviere-checkbox__input-inner-checkmark:where(.svelte-1u6cz3v) {opacity:1;transform:translate(-50%, -50%) scale(1);}"
|
|
16581
17730
|
};
|
|
16582
17731
|
function Checkbox($$anchor, $$props) {
|
|
16583
17732
|
const $$slots = sanitize_slots($$props);
|
|
16584
17733
|
push($$props, true);
|
|
16585
17734
|
append_styles$1($$anchor, $$css$5);
|
|
16586
|
-
let name = prop($$props, "name", 15, ""), value = prop($$props, "value", 15, false), checked = prop($$props, "checked", 15, false), label = prop($$props, "label", 15, ""), disabled = prop($$props, "disabled", 15, false), onchange = prop($$props, "onchange", 15);
|
|
17735
|
+
let id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), value = prop($$props, "value", 15, false), checked = prop($$props, "checked", 15, false), label = prop($$props, "label", 15, ""), disabled = prop($$props, "disabled", 15, false), onchange = prop($$props, "onchange", 15);
|
|
16587
17736
|
let hostElement = /* @__PURE__ */ state(null);
|
|
16588
17737
|
const CheckIcon = createElement(Check);
|
|
17738
|
+
const generatedInputId = `alviere-checkbox-${Math.random().toString(36).slice(2)}`;
|
|
17739
|
+
const generatedLabelId = `${generatedInputId}-label`;
|
|
16589
17740
|
const wrapperClasses = /* @__PURE__ */ user_derived(() => [
|
|
16590
17741
|
"alviere-checkbox__input",
|
|
16591
17742
|
checked() ? "alviere-checkbox__input--checked" : "",
|
|
16592
17743
|
disabled() ? "alviere-checkbox__input--disabled" : ""
|
|
16593
17744
|
].filter(Boolean).join(" "));
|
|
16594
17745
|
const hasLabelSlot = !!($$slots === null || $$slots === void 0 ? void 0 : $$slots.label);
|
|
17746
|
+
const resolvedInputId = /* @__PURE__ */ user_derived(() => id() || generatedInputId);
|
|
17747
|
+
const resolvedLabelId = /* @__PURE__ */ user_derived(() => label() || hasLabelSlot ? generatedLabelId : "");
|
|
17748
|
+
const fallbackAriaLabel = /* @__PURE__ */ user_derived(() => !label() && !hasLabelSlot ? name() || "Checkbox" : void 0);
|
|
16595
17749
|
function handleChange(event2) {
|
|
16596
17750
|
const target = event2.target;
|
|
16597
17751
|
checked(target.checked);
|
|
@@ -16609,6 +17763,13 @@ function Checkbox($$anchor, $$props) {
|
|
|
16609
17763
|
}
|
|
16610
17764
|
}
|
|
16611
17765
|
var $$exports = {
|
|
17766
|
+
get id() {
|
|
17767
|
+
return id();
|
|
17768
|
+
},
|
|
17769
|
+
set id($$value = "") {
|
|
17770
|
+
id($$value);
|
|
17771
|
+
flushSync();
|
|
17772
|
+
},
|
|
16612
17773
|
get name() {
|
|
16613
17774
|
return name();
|
|
16614
17775
|
},
|
|
@@ -16675,6 +17836,7 @@ function Checkbox($$anchor, $$props) {
|
|
|
16675
17836
|
append($$anchor3, text$1);
|
|
16676
17837
|
});
|
|
16677
17838
|
reset(div_4);
|
|
17839
|
+
template_effect(() => set_attribute(div_4, "id", get$1(resolvedLabelId)));
|
|
16678
17840
|
append($$anchor2, div_4);
|
|
16679
17841
|
};
|
|
16680
17842
|
if_block(node_1, ($$render) => {
|
|
@@ -16685,10 +17847,13 @@ function Checkbox($$anchor, $$props) {
|
|
|
16685
17847
|
bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
|
|
16686
17848
|
template_effect(() => {
|
|
16687
17849
|
set_class(div_1, 1, clsx(get$1(wrapperClasses)), "svelte-1u6cz3v");
|
|
17850
|
+
set_attribute(input, "id", get$1(resolvedInputId));
|
|
16688
17851
|
set_checked(input, checked());
|
|
16689
17852
|
set_attribute(input, "name", name());
|
|
16690
17853
|
set_value(input, value());
|
|
16691
17854
|
input.disabled = disabled();
|
|
17855
|
+
set_attribute(input, "aria-labelledby", get$1(resolvedLabelId) || void 0);
|
|
17856
|
+
set_attribute(input, "aria-label", get$1(fallbackAriaLabel));
|
|
16692
17857
|
});
|
|
16693
17858
|
append($$anchor, div);
|
|
16694
17859
|
return pop($$exports);
|
|
@@ -16697,6 +17862,7 @@ delegate(["change"]);
|
|
|
16697
17862
|
customElements.define("alviere-checkbox", create_custom_element(
|
|
16698
17863
|
Checkbox,
|
|
16699
17864
|
{
|
|
17865
|
+
id: {},
|
|
16700
17866
|
name: {},
|
|
16701
17867
|
value: {},
|
|
16702
17868
|
checked: {},
|