@duplicati/ngclient 0.0.88 → 0.0.89
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/{chunk-UUNZQKSW.js → chunk-2FAACUDI.js} +1 -1
- package/{chunk-Z55AE6ZP.js → chunk-2UJP6WUU.js} +1 -1
- package/{chunk-IOCSGWZ3.js → chunk-6BPJFTZW.js} +1 -1
- package/{chunk-RZ4FUSBJ.js → chunk-6CW3SAXM.js} +1 -1
- package/{chunk-F4QKO25T.js → chunk-76MZP6D5.js} +1 -1
- package/{chunk-GWK5ZGTC.js → chunk-7AHZCQM7.js} +1 -1
- package/{chunk-KD4DXWHW.js → chunk-B6FHJOT5.js} +1 -1
- package/{chunk-KL4KTR4Z.js → chunk-C4CQLUE6.js} +1 -1
- package/{chunk-H3MGI3SF.js → chunk-DJWDNTTP.js} +1 -1
- package/chunk-DJZUZAH5.js +1 -0
- package/{chunk-25GEPULG.js → chunk-DKICGIGJ.js} +1 -1
- package/{chunk-SK5UJPNU.js → chunk-DPNFOEAN.js} +1 -1
- package/chunk-DPPV7DVK.js +1 -0
- package/{chunk-Z4U4LDKL.js → chunk-EAGORY3U.js} +1 -1
- package/{chunk-UK7OJJ5S.js → chunk-EMLPXGRD.js} +1 -1
- package/{chunk-7CDKTUA7.js → chunk-FCQHE46G.js} +2 -2
- package/{chunk-O4ZJY3TF.js → chunk-H5V5U4VH.js} +1 -1
- package/{chunk-UJMJKY2E.js → chunk-JCIUBQIN.js} +1 -1
- package/{chunk-3CXMAX4S.js → chunk-JFC5Z7YL.js} +1 -1
- package/{chunk-SXPBIWPS.js → chunk-L2LZKY4R.js} +1 -1
- package/chunk-LAGOXMVK.js +1 -0
- package/chunk-LBJYPZA5.js +1 -0
- package/{chunk-GLM4XFEI.js → chunk-LRB2TMMB.js} +1 -1
- package/{chunk-BIVRH4JH.js → chunk-MMNUKDWS.js} +1 -1
- package/{chunk-G3LEXMG4.js → chunk-MTCSELIF.js} +1 -1
- package/{chunk-OEVX57MC.js → chunk-PEA355CX.js} +1 -1
- package/{chunk-AM4I6XHR.js → chunk-RS7BKRUH.js} +1 -1
- package/{chunk-5KNWZI2J.js → chunk-S3L5VJJF.js} +3 -3
- package/{chunk-Q3SDBZEH.js → chunk-SJBPW65N.js} +1 -1
- package/{chunk-DJD73EPX.js → chunk-T7LDHEC3.js} +1 -1
- package/{chunk-M5PD5WBV.js → chunk-U7UIU734.js} +1 -1
- package/{chunk-3T23UBO4.js → chunk-UPW4CQ72.js} +1 -1
- package/{chunk-5XP5TOQE.js → chunk-VP3M4CWS.js} +1 -1
- package/chunk-XTSJURO6.js +6 -0
- package/{chunk-GUJTHKVP.js → chunk-ZEMCELQ7.js} +1 -1
- package/chunk-ZI4ZJIB3.js +1 -0
- package/{chunk-FDQ7IWYZ.js → chunk-ZIKYV2TR.js} +1 -1
- package/{chunk-MHTKXCYS.js → chunk-ZSKZUTTA.js} +1 -1
- package/index.html +2 -2
- package/{main-QHLXX2KA.js → main-NR6TAXFB.js} +1 -1
- package/package.json +1 -1
- package/styles-OABXKND4.css +1 -0
- package/chunk-CDH4KG7H.js +0 -1
- package/chunk-GMW5Y454.js +0 -1
- package/chunk-JJOXLPZI.js +0 -1
- package/chunk-KTUAPEOD.js +0 -1
- package/chunk-N7MNI34K.js +0 -1
- package/chunk-W7Y2VKMS.js +0 -6
- package/styles-EJ7NNNKB.css +0 -1
package/index.html
CHANGED
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
font-style: normal;
|
|
18
18
|
}
|
|
19
19
|
</style>
|
|
20
|
-
<style>:root{--font-size:16px;font-size:var(--font-size)}html body{--sparkle-light:initial;--sparkle-dark: ;color-scheme:light dark;--primary-50:#eff6ff;--primary-contrast-50:var(--dark-primary-text);--primary-100:#dbeafe;--primary-contrast-100:var(--dark-primary-text);--primary-200:#bfdbfe;--primary-contrast-200:var(--dark-primary-text);--primary-300:#93c5fd;--primary-contrast-300:var(--dark-primary-text);--primary-400:#60a5fa;--primary-contrast-400:var(--dark-primary-text);--primary-500:#3b82f6;--primary-contrast-500:var(--light-primary-text);--primary-600:#2563eb;--primary-contrast-600:var(--light-primary-text);--primary-700:#1d4ed8;--primary-contrast-700:var(--light-primary-text);--primary-800:#1e40af;--primary-contrast-800:var(--light-primary-text);--primary-900:#1e3a8a;--primary-contrast-900:var(--light-primary-text);--primary-950:#172554;--primary-contrast-950:var(--light-primary-text);--accent-50:#f5f3ff;--accent-contrast-50:var(--dark-primary-text);--accent-100:#ede9fe;--accent-contrast-100:var(--dark-primary-text);--accent-200:#ddd6fe;--accent-contrast-200:var(--dark-primary-text);--accent-300:#c4b5fd;--accent-contrast-300:var(--dark-primary-text);--accent-400:#a78bfa;--accent-contrast-400:var(--dark-primary-text);--accent-500:#8b5cf6;--accent-contrast-500:var(--light-primary-text);--accent-600:#7c3aed;--accent-contrast-600:var(--light-primary-text);--accent-700:#6d28d9;--accent-contrast-700:var(--light-primary-text);--accent-800:#5b21b6;--accent-contrast-800:var(--light-primary-text);--accent-900:#4c1d95;--accent-contrast-900:var(--light-primary-text);--accent-950:#2e1065;--accent-contrast-950:var(--light-primary-text);--warn-50:#fffbeb;--warn-contrast-50:var(--dark-primary-text);--warn-100:#fef3c7;--warn-contrast-100:var(--dark-primary-text);--warn-200:#fde68a;--warn-contrast-200:var(--dark-primary-text);--warn-300:#fcd34d;--warn-contrast-300:var(--dark-primary-text);--warn-400:#fbbf24;--warn-contrast-400:var(--light-primary-text);--warn-500:#f59e0b;--warn-contrast-500:var(--light-primary-text);--warn-600:#d97706;--warn-contrast-600:var(--light-primary-text);--warn-700:#b45309;--warn-contrast-700:var(--light-primary-text);--warn-800:#92400e;--warn-contrast-800:var(--light-primary-text);--warn-900:#78350f;--warn-contrast-900:var(--light-primary-text);--warn-950:#451a03;--warn-contrast-950:var(--light-primary-text);--error-50:#fef2f2;--error-contrast-50:var(--dark-primary-text);--error-100:#fee2e2;--error-contrast-100:var(--dark-primary-text);--error-200:#fecaca;--error-contrast-200:var(--dark-primary-text);--error-300:#fca5a5;--error-contrast-300:var(--dark-primary-text);--error-400:#f87171;--error-contrast-400:var(--light-primary-text);--error-500:#ef4444;--error-contrast-500:var(--light-primary-text);--error-600:#dc2626;--error-contrast-600:var(--light-primary-text);--error-700:#b91c1c;--error-contrast-700:var(--light-primary-text);--error-800:#991b1b;--error-contrast-800:var(--light-primary-text);--error-900:#7f1d1d;--error-contrast-900:var(--light-primary-text);--error-950:#450a0a;--error-contrast-950:var(--light-primary-text);--success-50:#ecfdf5;--success-contrast-50:var(--dark-primary-text);--success-100:#d1fae5;--success-contrast-100:var(--dark-primary-text);--success-200:#a7f3d0;--success-contrast-200:var(--dark-primary-text);--success-300:#6ee7b7;--success-contrast-300:var(--dark-primary-text);--success-400:#34d399;--success-contrast-400:var(--light-primary-text);--success-500:#10b981;--success-contrast-500:var(--light-primary-text);--success-600:#059669;--success-contrast-600:var(--light-primary-text);--success-700:#047857;--success-contrast-700:var(--light-primary-text);--success-800:#065f46;--success-contrast-800:var(--light-primary-text);--success-900:#064e3b;--success-contrast-900:var(--light-primary-text);--success-950:#022c22;--success-contrast-950:var(--light-primary-text);--grey-50:#fafafa;--grey-contrast-50:var(--dark-primary-text);--grey-100:#f4f4f5;--grey-contrast-100:var(--dark-primary-text);--grey-200:#e4e4e7;--grey-contrast-200:var(--dark-primary-text);--grey-300:#d4d4d8;--grey-contrast-300:var(--dark-primary-text);--grey-400:#a1a1aa;--grey-contrast-400:var(--dark-primary-text);--grey-500:#71717a;--grey-contrast-500:var(--light-primary-text);--grey-600:#52525b;--grey-contrast-600:var(--light-primary-text);--grey-700:#3f3f46;--grey-contrast-700:var(--light-primary-text);--grey-750:#2f2f31;--grey-contrast-750:var(--light-primary-text);--grey-800:#27272a;--grey-contrast-800:var(--light-primary-text);--grey-900:#18181b;--grey-contrast-900:var(--light-primary-text);--grey-950:#09090b;--grey-contrast-950:var(--light-primary-text);--display-10:600 5rem / normal Inter Tight, sans-serif;--display-20:600 4.5rem / normal Inter Tight, sans-serif;--display-30:600 4rem / normal Inter Tight, sans-serif;--display-40:600 3.5rem / normal Inter Tight, sans-serif;--display-50:600 3rem / normal Inter Tight, sans-serif;--title-10:500 2.5rem / normal Inter Tight, sans-serif;--title-20:500 2rem / normal Inter Tight, sans-serif;--title-30:500 1.5rem / normal Inter Tight, sans-serif;--title-10B:600 2.5rem / normal Inter Tight, sans-serif;--title-20B:600 2rem / normal Inter Tight, sans-serif;--title-30B:600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10:500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20:500 1rem / normal Inter Tight, sans-serif;--paragraph-30:500 .875rem / normal Inter Tight, sans-serif;--paragraph-40:500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B:600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B:600 1rem / normal Inter Tight, sans-serif;--paragraph-30B:600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B:600 .75rem / normal Inter Tight, sans-serif;--shape-1:.25rem;--shape-2:.5rem;--shape-3:.75rem;--shape-4:1rem;--shape-5:1.25rem;--box-shadow-10:0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20:0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30:0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35:0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40:0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50:0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60:0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10:var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20:var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30:var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R:var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40:var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50:var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60:var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R:var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70:var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R:var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20:linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30:linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60:linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70:linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20:var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30:var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40:var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50:var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R:var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80:var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20:linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30:linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20:var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30:var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40:var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50:var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R:var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80:var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20:linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30:linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--warn-level-20:var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30:var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40:var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50:var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R:var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80:var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20:linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30:linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--error-level-20:var(--sparkle-light, var(--error-50)) var(--sparkle-dark, var(--error-950));--error-level-30:var(--sparkle-light, var(--error-100)) var(--sparkle-dark, var(--error-900));--error-level-40:var(--sparkle-light, var(--error-200)) var(--sparkle-dark, var(--error-800));--error-level-50:var(--sparkle-light, var(--error-300)) var(--sparkle-dark, var(--error-800));--error-level-50R:var(--sparkle-light, var(--error-800)) var(--sparkle-dark, var(--error-300));--error-level-80:var(--sparkle-light, var(--error-900)) var(--sparkle-dark, var(--error-300));--error-gradient-20:linear-gradient(180deg, var(--error-400) 0%, var(--error-500) 50%);--error-gradient-30:linear-gradient(180deg, var(--error-300) 0%, var(--error-500) 50%);--success-level-20:var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30:var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40:var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50:var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R:var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80:var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20:linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30:linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text:var(--grey-900);--light-primary-text:#fff}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}</style><link rel="stylesheet" href="styles-EJ7NNNKB.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-EJ7NNNKB.css"></noscript></head>
|
|
20
|
+
<style>:root{--font-size:16px;font-size:var(--font-size)}html body{--sparkle-light:initial;--sparkle-dark: ;color-scheme:light dark;--primary-50:#eff6ff;--primary-contrast-50:var(--dark-primary-text);--primary-100:#dbeafe;--primary-contrast-100:var(--dark-primary-text);--primary-200:#bfdbfe;--primary-contrast-200:var(--dark-primary-text);--primary-300:#93c5fd;--primary-contrast-300:var(--dark-primary-text);--primary-400:#60a5fa;--primary-contrast-400:var(--dark-primary-text);--primary-500:#3b82f6;--primary-contrast-500:var(--light-primary-text);--primary-600:#2563eb;--primary-contrast-600:var(--light-primary-text);--primary-700:#1d4ed8;--primary-contrast-700:var(--light-primary-text);--primary-800:#1e40af;--primary-contrast-800:var(--light-primary-text);--primary-900:#1e3a8a;--primary-contrast-900:var(--light-primary-text);--primary-950:#172554;--primary-contrast-950:var(--light-primary-text);--accent-50:#f5f3ff;--accent-contrast-50:var(--dark-primary-text);--accent-100:#ede9fe;--accent-contrast-100:var(--dark-primary-text);--accent-200:#ddd6fe;--accent-contrast-200:var(--dark-primary-text);--accent-300:#c4b5fd;--accent-contrast-300:var(--dark-primary-text);--accent-400:#a78bfa;--accent-contrast-400:var(--dark-primary-text);--accent-500:#8b5cf6;--accent-contrast-500:var(--light-primary-text);--accent-600:#7c3aed;--accent-contrast-600:var(--light-primary-text);--accent-700:#6d28d9;--accent-contrast-700:var(--light-primary-text);--accent-800:#5b21b6;--accent-contrast-800:var(--light-primary-text);--accent-900:#4c1d95;--accent-contrast-900:var(--light-primary-text);--accent-950:#2e1065;--accent-contrast-950:var(--light-primary-text);--warn-50:#fffbeb;--warn-contrast-50:var(--dark-primary-text);--warn-100:#fef3c7;--warn-contrast-100:var(--dark-primary-text);--warn-200:#fde68a;--warn-contrast-200:var(--dark-primary-text);--warn-300:#fcd34d;--warn-contrast-300:var(--dark-primary-text);--warn-400:#fbbf24;--warn-contrast-400:var(--light-primary-text);--warn-500:#f59e0b;--warn-contrast-500:var(--light-primary-text);--warn-600:#d97706;--warn-contrast-600:var(--light-primary-text);--warn-700:#b45309;--warn-contrast-700:var(--light-primary-text);--warn-800:#92400e;--warn-contrast-800:var(--light-primary-text);--warn-900:#78350f;--warn-contrast-900:var(--light-primary-text);--warn-950:#451a03;--warn-contrast-950:var(--light-primary-text);--error-50:#fef2f2;--error-contrast-50:var(--dark-primary-text);--error-100:#fee2e2;--error-contrast-100:var(--dark-primary-text);--error-200:#fecaca;--error-contrast-200:var(--dark-primary-text);--error-300:#fca5a5;--error-contrast-300:var(--dark-primary-text);--error-400:#f87171;--error-contrast-400:var(--light-primary-text);--error-500:#ef4444;--error-contrast-500:var(--light-primary-text);--error-600:#dc2626;--error-contrast-600:var(--light-primary-text);--error-700:#b91c1c;--error-contrast-700:var(--light-primary-text);--error-800:#991b1b;--error-contrast-800:var(--light-primary-text);--error-900:#7f1d1d;--error-contrast-900:var(--light-primary-text);--error-950:#450a0a;--error-contrast-950:var(--light-primary-text);--success-50:#ecfdf5;--success-contrast-50:var(--dark-primary-text);--success-100:#d1fae5;--success-contrast-100:var(--dark-primary-text);--success-200:#a7f3d0;--success-contrast-200:var(--dark-primary-text);--success-300:#6ee7b7;--success-contrast-300:var(--dark-primary-text);--success-400:#34d399;--success-contrast-400:var(--light-primary-text);--success-500:#10b981;--success-contrast-500:var(--light-primary-text);--success-600:#059669;--success-contrast-600:var(--light-primary-text);--success-700:#047857;--success-contrast-700:var(--light-primary-text);--success-800:#065f46;--success-contrast-800:var(--light-primary-text);--success-900:#064e3b;--success-contrast-900:var(--light-primary-text);--success-950:#022c22;--success-contrast-950:var(--light-primary-text);--grey-50:#fafafa;--grey-contrast-50:var(--dark-primary-text);--grey-100:#f4f4f5;--grey-contrast-100:var(--dark-primary-text);--grey-200:#e4e4e7;--grey-contrast-200:var(--dark-primary-text);--grey-300:#d4d4d8;--grey-contrast-300:var(--dark-primary-text);--grey-400:#a1a1aa;--grey-contrast-400:var(--dark-primary-text);--grey-500:#71717a;--grey-contrast-500:var(--light-primary-text);--grey-600:#52525b;--grey-contrast-600:var(--light-primary-text);--grey-700:#3f3f46;--grey-contrast-700:var(--light-primary-text);--grey-750:#2f2f31;--grey-contrast-750:var(--light-primary-text);--grey-800:#27272a;--grey-contrast-800:var(--light-primary-text);--grey-900:#18181b;--grey-contrast-900:var(--light-primary-text);--grey-950:#09090b;--grey-contrast-950:var(--light-primary-text);--display-10:600 5rem / normal Inter Tight, sans-serif;--display-20:600 4.5rem / normal Inter Tight, sans-serif;--display-30:600 4rem / normal Inter Tight, sans-serif;--display-40:600 3.5rem / normal Inter Tight, sans-serif;--display-50:600 3rem / normal Inter Tight, sans-serif;--title-10:500 2.5rem / normal Inter Tight, sans-serif;--title-20:500 2rem / normal Inter Tight, sans-serif;--title-30:500 1.5rem / normal Inter Tight, sans-serif;--title-10B:600 2.5rem / normal Inter Tight, sans-serif;--title-20B:600 2rem / normal Inter Tight, sans-serif;--title-30B:600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10:500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20:500 1rem / normal Inter Tight, sans-serif;--paragraph-30:500 .875rem / normal Inter Tight, sans-serif;--paragraph-40:500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B:600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B:600 1rem / normal Inter Tight, sans-serif;--paragraph-30B:600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B:600 .75rem / normal Inter Tight, sans-serif;--shape-1:.25rem;--shape-2:.5rem;--shape-3:.75rem;--shape-4:1rem;--shape-5:1.25rem;--box-shadow-10:0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20:0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30:0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35:0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40:0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50:0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60:0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10:var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20:var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30:var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R:var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40:var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50:var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60:var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R:var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70:var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R:var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20:linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30:linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60:linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70:linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20:var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30:var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40:var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50:var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R:var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80:var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20:linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30:linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20:var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30:var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40:var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50:var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R:var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80:var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20:linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30:linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--warn-level-20:var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30:var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40:var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50:var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R:var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80:var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20:linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30:linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--error-level-20:var(--sparkle-light, var(--error-50)) var(--sparkle-dark, var(--error-950));--error-level-30:var(--sparkle-light, var(--error-100)) var(--sparkle-dark, var(--error-900));--error-level-40:var(--sparkle-light, var(--error-200)) var(--sparkle-dark, var(--error-800));--error-level-50:var(--sparkle-light, var(--error-300)) var(--sparkle-dark, var(--error-800));--error-level-50R:var(--sparkle-light, var(--error-800)) var(--sparkle-dark, var(--error-300));--error-level-80:var(--sparkle-light, var(--error-900)) var(--sparkle-dark, var(--error-300));--error-gradient-20:linear-gradient(180deg, var(--error-400) 0%, var(--error-500) 50%);--error-gradient-30:linear-gradient(180deg, var(--error-300) 0%, var(--error-500) 50%);--success-level-20:var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30:var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40:var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50:var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R:var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80:var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20:linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30:linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text:var(--grey-900);--light-primary-text:#fff}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}</style><link rel="stylesheet" href="styles-OABXKND4.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-OABXKND4.css"></noscript></head>
|
|
21
21
|
<body>
|
|
22
22
|
<app-root></app-root>
|
|
23
|
-
<link rel="modulepreload" href="chunk-G76GVTZW.js"><link rel="modulepreload" href="chunk-KDCTRSPO.js"><link rel="modulepreload" href="chunk-3BNXVXL5.js"><link rel="modulepreload" href="chunk-CKQFBLHP.js"><link rel="modulepreload" href="chunk-WJQN3BOF.js"><link rel="modulepreload" href="chunk-C2JCNHTZ.js"><link rel="modulepreload" href="chunk-AUVMOLMG.js"><link rel="modulepreload" href="chunk-W3VTD2H4.js"><link rel="modulepreload" href="chunk-ZZPLRWQP.js"><link rel="modulepreload" href="chunk-UIOTKB6J.js"><script src="polyfills-BZ5XXHZK.js" type="module"></script><script src="main-
|
|
23
|
+
<link rel="modulepreload" href="chunk-G76GVTZW.js"><link rel="modulepreload" href="chunk-KDCTRSPO.js"><link rel="modulepreload" href="chunk-3BNXVXL5.js"><link rel="modulepreload" href="chunk-CKQFBLHP.js"><link rel="modulepreload" href="chunk-WJQN3BOF.js"><link rel="modulepreload" href="chunk-C2JCNHTZ.js"><link rel="modulepreload" href="chunk-AUVMOLMG.js"><link rel="modulepreload" href="chunk-W3VTD2H4.js"><link rel="modulepreload" href="chunk-ZZPLRWQP.js"><link rel="modulepreload" href="chunk-UIOTKB6J.js"><script src="polyfills-BZ5XXHZK.js" type="module"></script><script src="main-NR6TAXFB.js" type="module"></script></body>
|
|
24
24
|
</html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as me,c as de}from"./chunk-G76GVTZW.js";import{a as N}from"./chunk-KDCTRSPO.js";import{a as ce}from"./chunk-3BNXVXL5.js";import{a as y}from"./chunk-CKQFBLHP.js";import{a as w}from"./chunk-WJQN3BOF.js";import{a as ie}from"./chunk-C2JCNHTZ.js";import"./chunk-AUVMOLMG.js";import"./chunk-W3VTD2H4.js";import{a as b,b as ae,c as T}from"./chunk-ZZPLRWQP.js";import{d as se}from"./chunk-UIOTKB6J.js";import{b as te,c as oe,f as ne,g as re}from"./chunk-N7DO2BHU.js";import{a as ee}from"./chunk-4RXMJUN5.js";import{c as pe}from"./chunk-
|
|
1
|
+
import{b as me,c as de}from"./chunk-G76GVTZW.js";import{a as N}from"./chunk-KDCTRSPO.js";import{a as ce}from"./chunk-3BNXVXL5.js";import{a as y}from"./chunk-CKQFBLHP.js";import{a as w}from"./chunk-WJQN3BOF.js";import{a as ie}from"./chunk-C2JCNHTZ.js";import"./chunk-AUVMOLMG.js";import"./chunk-W3VTD2H4.js";import{a as b,b as ae,c as T}from"./chunk-ZZPLRWQP.js";import{d as se}from"./chunk-UIOTKB6J.js";import{b as te,c as oe,f as ne,g as re}from"./chunk-N7DO2BHU.js";import{a as ee}from"./chunk-4RXMJUN5.js";import{c as pe}from"./chunk-ZI4ZJIB3.js";import{a as q,b as X,d as Q,e as Y,f as Z}from"./chunk-W4YAOQRI.js";import{ua as z}from"./chunk-WYTHNCNI.js";import{b as le}from"./chunk-2D7EACVA.js";import{Ac as $,Bb as B,Bc as K,C as S,I as U,K as C,Lc as _,M as F,Q as R,T as D,W as s,c as H,cb as J,f as P,ga as G,k as V,l as j,o as A,sa as d,w as O,x as W}from"./chunk-ZSSQBIRK.js";import"./chunk-C6Q5SG76.js";var I=class o{#o=s(y);#s=s(b);ngOnInit(){this.#s.fetchConfig(),this.#o.clearAllNotCurrentVersion()}static \u0275fac=function(t){return new(t||o)};static \u0275cmp=J({type:o,selectors:[["app-root"]],decls:1,vars:0,template:function(t,n){t&1&&B(0,"router-outlet")},dependencies:[te],encapsulation:2})};var he={production:!0,baseUrl:"/api",machineServerUrl:"${WS_URL}",defaultTimeout:3e4};var f=new D("ENVIRONMENT");var k=class o{#o=s(se);isLoaded=d(!1);webmodules=d(null);preload(e=!1){let t=this.#o.getApiV1Webmodules().pipe(F(n=>this.webmodules.set(n)),S(()=>this.isLoaded.set(!0)));if(e)return t;t.subscribe()}static \u0275fac=function(t){return new(t||o)};static \u0275prov=R({token:o,factory:o.\u0275fac,providedIn:"root"})};var Re=()=>{let o=s(T);return o.token()?!0:o.checkProxyAuthed().pipe(C(e=>e?V(!0):o.refreshToken().pipe(A(()=>!0))))},Te=()=>{let o=s(b),e=s(w),t=s(G),n=o.relayIsEnabled()?"longpoll":"websocket",i=[t.get(N).preload(!0),t.get(N).preloadFilterGroups(!0),t.get(k).preload(!0)];return o.configLoaded===null?O(i).pipe(A(()=>n)):o.configLoaded?.pipe(C(()=>O(i)))},fe=[{path:"",children:[{path:"login",canActivate:[],loadComponent:()=>import("./chunk-2UJP6WUU.js")},{path:"logout",loadComponent:()=>import("./chunk-SJBPW65N.js")},{path:"",canActivate:[Re],children:[{path:"",canActivate:[Te],loadComponent:()=>import("./chunk-ZSKZUTTA.js"),children:[{path:"",loadComponent:()=>import("./chunk-VP3M4CWS.js")},{path:"add-backup",loadComponent:()=>import("./chunk-H5V5U4VH.js")},{path:"backup/:id/export",loadComponent:()=>import("./chunk-T7LDHEC3.js")},{path:"backup/import",loadComponent:()=>import("./chunk-EAGORY3U.js")},{path:"backup-draft/:id",loadComponent:()=>import("./chunk-76MZP6D5.js"),loadChildren:()=>import("./chunk-LBJYPZA5.js")},{path:"backup/:id",loadComponent:()=>import("./chunk-76MZP6D5.js"),loadChildren:()=>import("./chunk-LBJYPZA5.js")},{path:"backup/:id/log",loadComponent:()=>import("./chunk-MTCSELIF.js")},{path:"backup/:id/database",loadComponent:()=>import("./chunk-7AHZCQM7.js")},{path:"backup/:id/commandline",loadComponent:()=>import("./chunk-S3L5VJJF.js")},{path:"backup/:id/commandline/:runId",loadComponent:()=>import("./chunk-LRB2TMMB.js")},{path:"restore",children:[{path:"",loadComponent:()=>import("./chunk-EMLPXGRD.js")},{path:"from-config",loadComponent:()=>import("./chunk-JCIUBQIN.js")}]},{path:"restore-from-files",loadComponent:()=>import("./chunk-DPNFOEAN.js"),loadChildren:()=>import("./chunk-LAGOXMVK.js")},{path:"restore-draft/:id",loadComponent:()=>import("./chunk-DPNFOEAN.js"),loadChildren:()=>import("./chunk-LAGOXMVK.js")},{path:"restore/:id",loadComponent:()=>import("./chunk-DPNFOEAN.js"),loadChildren:()=>import("./chunk-LAGOXMVK.js")},{path:"settings",loadComponent:()=>import("./chunk-DJZUZAH5.js")},{path:"about",loadComponent:()=>import("./chunk-L2LZKY4R.js"),children:[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-JFC5Z7YL.js")},{path:"changelog",loadComponent:()=>import("./chunk-ZHFVGIIO.js")},{path:"libraries",loadComponent:()=>import("./chunk-2FAACUDI.js")},{path:"system-info",loadComponent:()=>import("./chunk-ZEMCELQ7.js")},{path:"logs",loadComponent:()=>import("./chunk-6CW3SAXM.js")}]}]}]}]}];var x=null,ge=(o,e)=>{let t=s(T),n=s(oe),i=s(y),c=s(f),r=i.getItem("locale"),u=s(pe),a=me(r),p=o.url==="/api/v1/auth/login",m=o.url==="/api/v1/auth/refresh",v=o.url==="/api/v1/progressstate",h=t.token(),g=o,L=o.headers.has("custom-proxy-check")||h===ae;if(h&&o.url.startsWith(c.baseUrl)&&!L){let l=o.headers.set("Authorization",`Bearer ${h}`);r&&r!=="en-US"&&(l=l.set("X-Ui-Language",a)),g=o.clone({headers:l})}return e(g).pipe(W(l=>{if(!L&&(v&&l.status===404||u.error(l.message),m&&l.status===401&&(t.logout(),n.navigate(["/logout"])),!p&&!m&&l.status===401))return x??=t.refreshToken().pipe(U()),x.pipe(C(()=>e(o.clone({headers:o.headers.set("Authorization",`Bearer ${t.token()}`)}))),S(()=>x=null));let Se=`Error Code: ${l.status}, Message: ${l.message}`;return j(()=>({error:l,message:Se}))}))};var we="1.0.0",ye=`portal-proxy-client-${crypto.randomUUID()}`,Ie=1,M=class o{#o=1e3;#s=s(f);#t=d("disconnected");#l=d(this.#o);#i=d(!1);#n=d(!1);#a=d(null);isConnectedToMachineServer=this.#n.asReadonly();wsState=this.#t.asReadonly();#p=[];#r={};#e=null;#m=new TextDecoder("utf-8");#c=null;#d=_(()=>{let e=this.#i(),t=this.#l(),n=this.#a();if(!n||!e||!t||t<this.#o){this.#c&&window.clearInterval(this.#c);return}this.#c=window.setInterval(()=>{this.connectToMachineServer(n)},t)});utf8Atob(e){let t=Uint8Array.from(atob(e),i=>i.charCodeAt(0)),n=this.#m.decode(t);return n?JSON.parse(n):null}connectToMachineServer(e,t){let n=t?.reconnect??!1,i=this.wsState();(i==="disconnected"||i==="error"||n)&&(this.#e?.close(),this.#e=null),!this.#e&&(this.#e=new WebSocket(this.#s.machineServerUrl),this.#t.set("connecting"),this.#e.onopen=()=>{this.#t.set("connect"),this.#n.set(!0),this.#i.set(!1),this.#a.set(null)},this.#e.onclose=()=>{this.#t.set("disconnected"),this.#n.set(!1),this.#a.set(e),this.#i.set(!0)},this.#e.onerror=()=>{this.#t.set("error")},this.#e.onmessage=c=>{let r=JSON.parse(c.data);if(this.wsState()==="connect"){if(r.type!=="welcome"){this.disconnectFromMachineServer(`Unexpected message type, expected 'welcome' but got '${r.type}'`);return}let a={token:e,publicKey:"",clientVersion:we,protocolVersion:Ie},p=this.createResponse(r,"authportal",a);this.#t.set("welcome"),this.#e?.send(p)}else if(this.wsState()==="welcome"){if(r.type!=="authportal"){this.disconnectFromMachineServer(`Unexpected message type, expected 'authportal' but got '${r.type}'`);return}var u=JSON.parse(r.payload??"");if(u.accepted===!1){this.disconnectFromMachineServer("Authentication failed");return}for(this.#t.set("authenticated"),this.#n.set(!0);this.#p.length>0;){let a=this.#p.pop();a&&this.#r[a.messageId]&&this.activateCommand(a)}}else if(this.wsState()==="authenticated"){if(r.type!=="command"){console.warn(`Unexpected message type, expected 'command' but got '${r.type}'`);return}let a=this.#r[r.messageId];if(a){if(r.errorMessage){a.reject(r.errorMessage);return}else{let p=JSON.parse(r.payload??"");p.body=p?.body==null?null:this.utf8Atob(p.body),a.resolve(p)}delete this.#r[r.messageId],window.clearTimeout(a.timer)}}})}disconnectFromMachineServer(e=null){e&&console.error(e),this.#e?.close(),this.#e=null,this.#t.set("disconnected"),this.#n.set(!1)}createResponse(e,t,n){let i={from:ye,to:e.from,type:t,messageId:e.messageId,payload:JSON.stringify(n)};return JSON.stringify(i)}sendCommand(e,t,n,i,c,r,u=5e3){return(this.wsState()==="disconnected"||this.wsState()==="error")&&this.connectToMachineServer(e),new Promise((a,p)=>{let m=crypto.randomUUID(),h={from:ye,to:t,type:"command",messageId:m,payload:JSON.stringify({method:n,path:i,body:c,headers:r})},g={resolve:a,reject:p,timer:window.setTimeout(()=>{let E=this.#r[m];E&&(delete this.#r[m],E.reject("Timeout"))},u)};this.#r[m]=g,this.#n()?this.activateCommand(h):this.#p.push(h)})}activateCommand(e){this.#e?.send(JSON.stringify(e))}static \u0275fac=function(t){return new(t||o)};static \u0275prov=R({token:o,factory:o.\u0275fac,providedIn:"root"})};function ke(o){if(typeof o!="string")return null;let t=new TextEncoder().encode(o);return window.btoa(String.fromCharCode(...t))}function be(o,e,t){let n=o.relayconfigState.config();if(n===null)return t(e);let i=ke(e.body),c={};e.headers.keys().forEach(p=>{c[p]=e.headers.get(p)??""});let r=e.headers.get("timeout"),u=r!==null?parseInt(r):o.defaultTimeout;e.url.startsWith("/api/v1/serverstate")&&e.url.includes("longpoll=true")&&(u=1e3*99);let a=o.relayWebsocket.sendCommand(n.accessToken,n.clientId,e.method,e.url,i,c,u);return new H(p=>{a.then(m=>{let v=new q;c!=null&&Object.keys(c).forEach(g=>{v.set(g,c[g])});let h=new X({body:m.body,status:m.code,statusText:"OK",headers:v});p.next(h),p.complete()})})}var ve=(o,e)=>{let t={relayconfigState:s(b),defaultTimeout:s(f).defaultTimeout,relayWebsocket:s(M)},n=t.relayconfigState.config();if(t.relayconfigState.configLoaded!==null&&n===null){let i=new P;return t.relayconfigState.configLoaded.subscribe(c=>{c&&be(t,o,e).subscribe(i)}),i}return be(t,o,e)};var Ce={providers:[$(),ne(fe,re()),Q(Z(),Y([ve,ge])),y,{provide:f,useValue:he},{provide:K,useValue:de()},ce,w,le,z,ie]};ee(I,Ce);
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--font-size: 16px;font-size:var(--font-size)}html body{--sparkle-light: initial;--sparkle-dark: ;color-scheme:light dark;--primary-50: #eff6ff;--primary-contrast-50: var(--dark-primary-text);--primary-100: #dbeafe;--primary-contrast-100: var(--dark-primary-text);--primary-200: #bfdbfe;--primary-contrast-200: var(--dark-primary-text);--primary-300: #93c5fd;--primary-contrast-300: var(--dark-primary-text);--primary-400: #60a5fa;--primary-contrast-400: var(--dark-primary-text);--primary-500: #3b82f6;--primary-contrast-500: var(--light-primary-text);--primary-600: #2563eb;--primary-contrast-600: var(--light-primary-text);--primary-700: #1d4ed8;--primary-contrast-700: var(--light-primary-text);--primary-800: #1e40af;--primary-contrast-800: var(--light-primary-text);--primary-900: #1e3a8a;--primary-contrast-900: var(--light-primary-text);--primary-950: #172554;--primary-contrast-950: var(--light-primary-text);--accent-50: #f5f3ff;--accent-contrast-50: var(--dark-primary-text);--accent-100: #ede9fe;--accent-contrast-100: var(--dark-primary-text);--accent-200: #ddd6fe;--accent-contrast-200: var(--dark-primary-text);--accent-300: #c4b5fd;--accent-contrast-300: var(--dark-primary-text);--accent-400: #a78bfa;--accent-contrast-400: var(--dark-primary-text);--accent-500: #8b5cf6;--accent-contrast-500: var(--light-primary-text);--accent-600: #7c3aed;--accent-contrast-600: var(--light-primary-text);--accent-700: #6d28d9;--accent-contrast-700: var(--light-primary-text);--accent-800: #5b21b6;--accent-contrast-800: var(--light-primary-text);--accent-900: #4c1d95;--accent-contrast-900: var(--light-primary-text);--accent-950: #2e1065;--accent-contrast-950: var(--light-primary-text);--warn-50: #fffbeb;--warn-contrast-50: var(--dark-primary-text);--warn-100: #fef3c7;--warn-contrast-100: var(--dark-primary-text);--warn-200: #fde68a;--warn-contrast-200: var(--dark-primary-text);--warn-300: #fcd34d;--warn-contrast-300: var(--dark-primary-text);--warn-400: #fbbf24;--warn-contrast-400: var(--light-primary-text);--warn-500: #f59e0b;--warn-contrast-500: var(--light-primary-text);--warn-600: #d97706;--warn-contrast-600: var(--light-primary-text);--warn-700: #b45309;--warn-contrast-700: var(--light-primary-text);--warn-800: #92400e;--warn-contrast-800: var(--light-primary-text);--warn-900: #78350f;--warn-contrast-900: var(--light-primary-text);--warn-950: #451a03;--warn-contrast-950: var(--light-primary-text);--error-50: #fef2f2;--error-contrast-50: var(--dark-primary-text);--error-100: #fee2e2;--error-contrast-100: var(--dark-primary-text);--error-200: #fecaca;--error-contrast-200: var(--dark-primary-text);--error-300: #fca5a5;--error-contrast-300: var(--dark-primary-text);--error-400: #f87171;--error-contrast-400: var(--light-primary-text);--error-500: #ef4444;--error-contrast-500: var(--light-primary-text);--error-600: #dc2626;--error-contrast-600: var(--light-primary-text);--error-700: #b91c1c;--error-contrast-700: var(--light-primary-text);--error-800: #991b1b;--error-contrast-800: var(--light-primary-text);--error-900: #7f1d1d;--error-contrast-900: var(--light-primary-text);--error-950: #450a0a;--error-contrast-950: var(--light-primary-text);--success-50: #ecfdf5;--success-contrast-50: var(--dark-primary-text);--success-100: #d1fae5;--success-contrast-100: var(--dark-primary-text);--success-200: #a7f3d0;--success-contrast-200: var(--dark-primary-text);--success-300: #6ee7b7;--success-contrast-300: var(--dark-primary-text);--success-400: #34d399;--success-contrast-400: var(--light-primary-text);--success-500: #10b981;--success-contrast-500: var(--light-primary-text);--success-600: #059669;--success-contrast-600: var(--light-primary-text);--success-700: #047857;--success-contrast-700: var(--light-primary-text);--success-800: #065f46;--success-contrast-800: var(--light-primary-text);--success-900: #064e3b;--success-contrast-900: var(--light-primary-text);--success-950: #022c22;--success-contrast-950: var(--light-primary-text);--grey-50: #fafafa;--grey-contrast-50: var(--dark-primary-text);--grey-100: #f4f4f5;--grey-contrast-100: var(--dark-primary-text);--grey-200: #e4e4e7;--grey-contrast-200: var(--dark-primary-text);--grey-300: #d4d4d8;--grey-contrast-300: var(--dark-primary-text);--grey-400: #a1a1aa;--grey-contrast-400: var(--dark-primary-text);--grey-500: #71717a;--grey-contrast-500: var(--light-primary-text);--grey-600: #52525b;--grey-contrast-600: var(--light-primary-text);--grey-700: #3f3f46;--grey-contrast-700: var(--light-primary-text);--grey-750: #2f2f31;--grey-contrast-750: var(--light-primary-text);--grey-800: #27272a;--grey-contrast-800: var(--light-primary-text);--grey-900: #18181b;--grey-contrast-900: var(--light-primary-text);--grey-950: #09090b;--grey-contrast-950: var(--light-primary-text);--display-10: 600 5rem / normal Inter Tight, sans-serif;--display-20: 600 4.5rem / normal Inter Tight, sans-serif;--display-30: 600 4rem / normal Inter Tight, sans-serif;--display-40: 600 3.5rem / normal Inter Tight, sans-serif;--display-50: 600 3rem / normal Inter Tight, sans-serif;--title-10: 500 2.5rem / normal Inter Tight, sans-serif;--title-20: 500 2rem / normal Inter Tight, sans-serif;--title-30: 500 1.5rem / normal Inter Tight, sans-serif;--title-10B: 600 2.5rem / normal Inter Tight, sans-serif;--title-20B: 600 2rem / normal Inter Tight, sans-serif;--title-30B: 600 1.5rem / normal Inter Tight, sans-serif;--paragraph-10: 500 1.125rem / normal Inter Tight, sans-serif;--paragraph-20: 500 1rem / normal Inter Tight, sans-serif;--paragraph-30: 500 .875rem / normal Inter Tight, sans-serif;--paragraph-40: 500 .75rem / normal Inter Tight, sans-serif;--paragraph-10B: 600 1.125rem / normal Inter Tight, sans-serif;--paragraph-20B: 600 1rem / normal Inter Tight, sans-serif;--paragraph-30B: 600 .875rem / normal Inter Tight, sans-serif;--paragraph-40B: 600 .75rem / normal Inter Tight, sans-serif;--shape-1: .25rem;--shape-2: .5rem;--shape-3: .75rem;--shape-4: 1rem;--shape-5: 1.25rem;--box-shadow-10: 0 1px 2px 0 rgba(18, 18, 23, .07);--box-shadow-20: 0 1px 3px 0 rgba(18, 18, 23, .1);--box-shadow-30: 0 1px 4px -1px rgba(18, 18, 23, .08);--box-shadow-35: 0 4px 6px -1px rgba(18, 18, 23, .08);--box-shadow-40: 0 10px 15px -3px rgba(18, 18, 23, .08);--box-shadow-50: 0 20px 25px -5px rgba(18, 18, 23, .1);--box-shadow-60: 0 25px 50px -12px rgba(18, 18, 23, .25);--base-level-10: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-950));--base-level-20: var(--sparkle-light, var(--grey-50)) var(--sparkle-dark, var(--grey-900));--base-level-30: var(--sparkle-light, var(--grey-100)) var(--sparkle-dark, var(--grey-900));--base-level-30R: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, var(--grey-100));--base-level-40: var(--sparkle-light, var(--grey-200)) var(--sparkle-dark, var(--grey-700));--base-level-50: var(--sparkle-light, var(--grey-300)) var(--sparkle-dark, var(--grey-800));--base-level-60: var(--sparkle-light, var(--grey-500)) var(--sparkle-dark, var(--grey-400));--base-level-60R: var(--sparkle-light, var(--grey-400)) var(--sparkle-dark, var(--grey-500));--base-level-70: var(--sparkle-light, var(--grey-900)) var(--sparkle-dark, #fff);--base-level-70R: var(--sparkle-light, #fff) var(--sparkle-dark, var(--grey-900));--base-gradient-20: linear-gradient(180deg, var(--grey-400) 0%, var(--grey-500) 50%);--base-gradient-30: linear-gradient(180deg, var(--grey-300) 0%, var(--grey-500) 50%);--base-gradient-60: linear-gradient(180deg, var(--grey-700) 0%, var(--grey-900) 50%);--base-gradient-70: linear-gradient(180deg, var(--grey-600) 0%, var(--grey-900) 50%);--primary-level-20: var(--sparkle-light, var(--primary-50)) var(--sparkle-dark, var(--primary-950));--primary-level-30: var(--sparkle-light, var(--primary-100)) var(--sparkle-dark, var(--primary-900));--primary-level-40: var(--sparkle-light, var(--primary-200)) var(--sparkle-dark, var(--primary-800));--primary-level-50: var(--sparkle-light, var(--primary-300)) var(--sparkle-dark, var(--primary-800));--primary-level-50R: var(--sparkle-light, var(--primary-800)) var(--sparkle-dark, var(--primary-300));--primary-level-80: var(--sparkle-light, var(--primary-900)) var(--sparkle-dark, var(--primary-300));--primary-gradient-20: linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 50%);--primary-gradient-30: linear-gradient(180deg, var(--primary-300) 0%, var(--primary-500) 50%);--accent-level-20: var(--sparkle-light, var(--accent-50)) var(--sparkle-dark, var(--accent-950));--accent-level-30: var(--sparkle-light, var(--accent-100)) var(--sparkle-dark, var(--accent-900));--accent-level-40: var(--sparkle-light, var(--accent-200)) var(--sparkle-dark, var(--accent-800));--accent-level-50: var(--sparkle-light, var(--accent-300)) var(--sparkle-dark, var(--accent-800));--accent-level-50R: var(--sparkle-light, var(--accent-800)) var(--sparkle-dark, var(--accent-300));--accent-level-80: var(--sparkle-light, var(--accent-900)) var(--sparkle-dark, var(--accent-300));--accent-gradient-20: linear-gradient(180deg, var(--accent-400) 0%, var(--accent-500) 50%);--accent-gradient-30: linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 50%);--warn-level-20: var(--sparkle-light, var(--warn-50)) var(--sparkle-dark, var(--warn-950));--warn-level-30: var(--sparkle-light, var(--warn-100)) var(--sparkle-dark, var(--warn-900));--warn-level-40: var(--sparkle-light, var(--warn-200)) var(--sparkle-dark, var(--warn-800));--warn-level-50: var(--sparkle-light, var(--warn-300)) var(--sparkle-dark, var(--warn-800));--warn-level-50R: var(--sparkle-light, var(--warn-800)) var(--sparkle-dark, var(--warn-300));--warn-level-80: var(--sparkle-light, var(--warn-900)) var(--sparkle-dark, var(--warn-300));--warn-gradient-20: linear-gradient(180deg, var(--warn-400) 0%, var(--warn-500) 50%);--warn-gradient-30: linear-gradient(180deg, var(--warn-300) 0%, var(--warn-500) 50%);--error-level-20: var(--sparkle-light, var(--error-50)) var(--sparkle-dark, var(--error-950));--error-level-30: var(--sparkle-light, var(--error-100)) var(--sparkle-dark, var(--error-900));--error-level-40: var(--sparkle-light, var(--error-200)) var(--sparkle-dark, var(--error-800));--error-level-50: var(--sparkle-light, var(--error-300)) var(--sparkle-dark, var(--error-800));--error-level-50R: var(--sparkle-light, var(--error-800)) var(--sparkle-dark, var(--error-300));--error-level-80: var(--sparkle-light, var(--error-900)) var(--sparkle-dark, var(--error-300));--error-gradient-20: linear-gradient(180deg, var(--error-400) 0%, var(--error-500) 50%);--error-gradient-30: linear-gradient(180deg, var(--error-300) 0%, var(--error-500) 50%);--success-level-20: var(--sparkle-light, var(--success-50)) var(--sparkle-dark, var(--success-950));--success-level-30: var(--sparkle-light, var(--success-100)) var(--sparkle-dark, var(--success-900));--success-level-40: var(--sparkle-light, var(--success-200)) var(--sparkle-dark, var(--success-800));--success-level-50: var(--sparkle-light, var(--success-300)) var(--sparkle-dark, var(--success-800));--success-level-50R: var(--sparkle-light, var(--success-800)) var(--sparkle-dark, var(--success-300));--success-level-80: var(--sparkle-light, var(--success-900)) var(--sparkle-dark, var(--success-300));--success-gradient-20: linear-gradient(180deg, var(--success-400) 0%, var(--success-500) 50%);--success-gradient-30: linear-gradient(180deg, var(--success-300) 0%, var(--success-500) 50%);--dark-primary-text: var(--grey-900);--light-primary-text: #fff}html body.dark{--sparkle-light: ;--sparkle-dark: initial;color-scheme:dark}*{box-sizing:border-box}html,body,app-root{width:100vw;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-level-20)}body{margin:0;font:var(--paragraph-30);color:var(--base-level-70)}body.dragging{overflow:hidden}.spacer{flex:1 0}.spk-primary{color:var(--primary-500)}.spk-accent{color:var(--accent-500)}.spk-warn{color:var(--warn-500)}.spk-error{color:var(--error-500)}.spk-success{color:var(--success-500)}.loader{width:3rem;height:3rem;display:grid;place-content:center;color:var(--base-level-60)}.loader,.loading{position:relative}.loader:before,.loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--loader-c);border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body h1,body h2,body h3,body h4,body h5,body h6,body p,body .title-10,body .title-20B,body .title-20,body .title-30B,body .paragraph-10,body .paragraph-20{margin:0}body h1,body h2,body h3,body h4,body h5,body h6,body .title-10,body .title-20B,body .title-20,body .title-30B{color:var(--base-level-70)}p,.paragraph-10,.paragraph-20,.paragraph-30,.paragraph-40,.paragraph-10B,.paragraph-20B,.paragraph-30B,.paragraph-40B{color:var(--base-level-60)}p{margin:0}strong{font-weight:600}a{color:var(--primary-500)}sup{color:var(--error-500);margin-left:-.33em;vertical-align:.1875rem}body h3{font:var(--title-30)}body .display-10{font:var(--display-10)}body .display-20{font:var(--display-20)}body .display-30{font:var(--display-30)}body .display-40{font:var(--display-40)}body .display-50{font:var(--display-50)}body .title-10{font:var(--title-10)}body .title-20{font:var(--title-20)}body .title-30{font:var(--title-30)}body .title-10b{font:var(--title-10b)}body .title-20b{font:var(--title-20b)}body .title-30b{font:var(--title-30b)}body .paragraph-10{font:var(--paragraph-10)}body .paragraph-20{font:var(--paragraph-20)}body .paragraph-30{font:var(--paragraph-30)}body .paragraph-40{font:var(--paragraph-40)}body .paragraph-10b{font:var(--paragraph-10b)}body .paragraph-20b{font:var(--paragraph-20b)}body .paragraph-30b{font:var(--paragraph-30b)}body .paragraph-40b{font:var(--paragraph-40b)}spk-alert-container{width:100%;position:relative}spk-alert-container spk-alert{margin-bottom:.5rem}spk-alert-container spk-alert:first-of-type{margin-bottom:0}spk-alert-container spk-alert.alert-is-hidden{margin-bottom:0}spk-alert-container .scroller{width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding:.5rem 1rem 1rem .5rem}spk-alert-container .container{flex-direction:column-reverse;display:flex}spk-alert-container .tray{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--grey-500);color:var(--grey-contrast-500);position:absolute;bottom:0;right:0;border-radius:50%;z-index:1000}spk-alert{--alert-ad: .4s;--alert-bg: var(--base-level-10);--alert-bc: var(--base-level-40);--alert-state-ic: var(--base-level-70);--alert-close-ic: var(--base-level-60);--alert-title-c: var(--base-level-70);--alert-content-c: var(--base-level-60);--alert-bs: var(--box-shadow-10);max-height:18.75rem;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:1;overflow:hidden;transition:max-height var(--alert-ad) ease-in-out,transform var(--alert-ad) ease-in-out,opacity var(--alert-ad) ease-in-out,margin-bottom var(--alert-ad) ease-in-out,padding-top var(--alert-ad) ease-in-out,padding-bottom var(--alert-ad) ease-in-out;transform:translateY(0);box-shadow:var(--alert-bs)}spk-alert .alert{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"stateIcon title closeIcon" ". content .";padding:.5rem .75rem;align-items:flex-start;gap:.5rem .75rem;border:1px solid var(--alert-bc);border-radius:var(--shape-2);background-color:var(--alert-bg)}spk-alert.is-hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;overflow:hidden;transform:translateY(-40px)}spk-alert.is-hidden:before{opacity:0}spk-alert.animate-in{transition:none;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(0)}spk-alert.animate-in:before{opacity:0}spk-alert.animate-out{max-height:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-40px)}spk-alert.animate-out:before{opacity:0}spk-alert.primary{--alert-state-ic: var(--primary-500);--alert-close-ic: var(--primary-500);--alert-title-c: var(--primary-level-80);--alert-content-c: var(--primary-level-80);--alert-bg: var(--primary-level-20);--alert-bc: var(--primary-level-40)}spk-alert.accent{--alert-state-ic: var(--accent-500);--alert-close-ic: var(--accent-500);--alert-title-c: var(--accent-level-80);--alert-content-c: var(--accent-level-80);--alert-bg: var(--accent-level-20);--alert-bc: var(--accent-level-40)}spk-alert.warn{--alert-state-ic: var(--warn-500);--alert-close-ic: var(--warn-500);--alert-title-c: var(--warn-level-80);--alert-content-c: var(--warn-level-80);--alert-bg: var(--warn-level-20);--alert-bc: var(--warn-level-40)}spk-alert.error{--alert-state-ic: var(--error-500);--alert-close-ic: var(--error-500);--alert-title-c: var(--error-level-80);--alert-content-c: var(--error-level-80);--alert-bg: var(--error-level-20);--alert-bc: var(--error-level-40)}spk-alert.success{--alert-state-ic: var(--success-500);--alert-close-ic: var(--success-500);--alert-title-c: var(--success-level-80);--alert-content-c: var(--success-level-80);--alert-bg: var(--success-level-20);--alert-bc: var(--success-level-40)}spk-alert:not(:has([content])) .alert{grid-template-rows:auto;grid-template-areas:"stateIcon title closeIcon"}spk-alert:has([content]) .alert{background-color:var(--base-level-10);border:1px solid var(--base-level-40);box-shadow:var(--box-shadow-50)}spk-alert:has([content]) .alert .title{color:var(--base-level-70)}spk-alert:has([content]) .alert .close-icon{color:var(--grey-400)}spk-alert:has([content]) .alert .content{color:var(--base-level-60)}body.dark spk-alert:has([content]) .alert{background-color:var(--grey-800);box-shadow:var(--box-shadow-50)}spk-alert .icon{grid-area:stateIcon;height:1.25rem;width:1.25rem;display:flex;align-items:center;justify-content:center}spk-alert .icon:first-of-type:not(:empty)+.icon{display:none}spk-alert [icon],spk-alert .state-icon{color:var(--alert-state-ic)}spk-alert .close-icon{grid-area:closeIcon;color:var(--alert-close-ic);transform:rotate(45deg);transform-origin:center}spk-alert .title{grid-area:title;color:var(--alert-title-c);padding-top:.125rem}spk-alert .content{grid-area:content;color:var(--alert-content-c)}spk-alert .content:empty{display:none}spk-toggle{--toggle-bg: var(--base-level-40);--toggle-b: 0;--togglek-bg: var(--base-level-30);--togglek-bs: var(--box-shadow-20);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-toggle label{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}spk-toggle .box{display:block;width:2.125rem;height:1.25rem;cursor:pointer;position:relative;border-radius:999px;background:var(--toggle-bg);border:var(--toggle-b);transition:background .15s linear}spk-toggle>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer;z-index:0}spk-toggle .knob{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:var(--togglek-bg);box-shadow:var(--togglek-bs);box-sizing:border-box;transition:left 125ms ease-in-out}spk-toggle:has(input[type=checkbox]:checked),spk-toggle.active{--togglek-bg: var(--base-level-60)}spk-toggle:has(input[type=checkbox]:checked) .knob,spk-toggle.active .knob{left:1rem}spk-toggle:has(input[type=checkbox]:checked).primary,spk-toggle.active.primary{--toggle-bg: var(--primary-level-30);--togglek-bg: var(--primary-500)}spk-toggle:has(input[type=checkbox]:checked).accent,spk-toggle.active.accent{--toggle-bg: var(--accent-level-30);--togglek-bg: var(--accent-500)}spk-toggle:has(input[type=checkbox]:checked).warn,spk-toggle.active.warn{--toggle-bg: var(--warn-level-30);--togglek-bg: var(--warn-500)}spk-toggle:has(input[type=checkbox]:checked).error,spk-toggle.active.error{--toggle-bg: var(--error-level-30);--togglek-bg: var(--error-500)}spk-toggle:has(input[type=checkbox]:checked).success,spk-toggle.active.success{--toggle-bg: var(--success-level-30);--togglek-bg: var(--success-500)}spk-toggle.outlined{--toggle-bg: var(--base-level-10);--togglek-bg: var(--base-level-40);--togglek-bs: none;--toggle-b: 1px solid var(--base-level-40)}spk-toggle.outlined .knob{width:.875rem;height:.875rem}spk-toggle.flat{--togglek-bg: #fff}spk-toggle.flat:has(input[type=checkbox]:checked),spk-toggle.flat.active{--togglek-bg: #fff;--toggle-bg: var(--base-level-60)}spk-toggle.flat:has(input[type=checkbox]:checked).primary,spk-toggle.flat.active.primary{--toggle-bg: var(--primary-500)}spk-toggle.flat:has(input[type=checkbox]:checked).accent,spk-toggle.flat.active.accent{--toggle-bg: var(--accent-500)}spk-toggle.flat:has(input[type=checkbox]:checked).warn,spk-toggle.flat.active.warn{--toggle-bg: var(--warn-500)}spk-toggle.flat:has(input[type=checkbox]:checked).error,spk-toggle.flat.active.error{--toggle-bg: var(--error-500)}spk-toggle.flat:has(input[type=checkbox]:checked).success,spk-toggle.flat.active.success{--toggle-bg: var(--success-500)}spk-toggle.raised{--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked),spk-toggle.raised.active{--toggle-bg: var(--base-gradient-20);--togglek-bg: #fff}spk-toggle.raised:has(input[type=checkbox]:checked).primary,spk-toggle.raised.active.primary{--toggle-bg: var(--primary-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).accent,spk-toggle.raised.active.accent{--toggle-bg: var(--accent-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).warn,spk-toggle.raised.active.warn{--toggle-bg: var(--warn-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).error,spk-toggle.raised.active.error{--toggle-bg: var(--error-gradient-20)}spk-toggle.raised:has(input[type=checkbox]:checked).success,spk-toggle.raised.active.success{--toggle-bg: var(--success-gradient-20)}[spk-button]{--btn-h: 2.5rem;--btn-s: var(--shape-2);--btn-f: var(--paragraph-20);--loader-c: var(--base-level-60);--btn-c: var(--base-level-70);--btn-ic: var(--base-level-70);--btn-ir: var(0deg);--btn-bg: var(--base-level-10);--btn-bg-h: var(--base-level-20);--btn-bc: var(--base-level-40);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:var(--btn-s);height:var(--btn-h);border:1px solid var(--btn-bc);font:var(--btn-f);background:var(--btn-bg);color:var(--btn-c)}[spk-button] spk-icon{color:var(--btn-ic);rotate:var(--btn-ir);transition:rotate 125ms ease-in-out}[spk-button]:has(spk-icon:only-child){padding:0 .5625rem}[spk-button]:hover{--btn-c: var(--base-level-70);background:var(--btn-bg-h)}[spk-button].loader.outlined,[spk-button].loader.flat,[spk-button].loader.raised,[spk-button].loader{color:transparent;width:auto}[spk-button].loader.outlined:hover,[spk-button].loader.outlined.primary,[spk-button].loader.outlined.accent,[spk-button].loader.outlined.warn,[spk-button].loader.outlined.error,[spk-button].loader.outlined.success,[spk-button].loader.flat:hover,[spk-button].loader.flat.primary,[spk-button].loader.flat.accent,[spk-button].loader.flat.warn,[spk-button].loader.flat.error,[spk-button].loader.flat.success,[spk-button].loader.raised:hover,[spk-button].loader.raised.primary,[spk-button].loader.raised.accent,[spk-button].loader.raised.warn,[spk-button].loader.raised.error,[spk-button].loader.raised.success,[spk-button].loader:hover,[spk-button].loader.primary,[spk-button].loader.accent,[spk-button].loader.warn,[spk-button].loader.error,[spk-button].loader.success{color:transparent}[spk-button].loader.outlined>*,[spk-button].loader.flat>*,[spk-button].loader.raised>*,[spk-button].loader>*{opacity:0}[spk-button].rotated-icon spk-icon{--btn-ir: 180deg}[spk-button].small{--btn-h: 2rem;--btn-f: var(--paragraph-30);padding:0 .5rem;gap:.25rem}[spk-button].small:has(spk-icon:only-child){padding:0 .375rem}[spk-button][disabled]{opacity:.5}[spk-button][read-only],[spk-button][read-only=true],[spk-button][readonly=true],[spk-button][readonly],[spk-button].readonly{pointer-events:none;-webkit-user-select:none;user-select:none}[spk-button].primary{--btn-ic: var(--primary-500)}[spk-button].accent{--btn-ic: var(--accent-500)}[spk-button].warn{--btn-ic: var(--warn-500)}[spk-button].error{--btn-ic: var(--error-500)}[spk-button].success{--btn-ic: var(--success-500)}[spk-button].icon{padding:0 .5625rem}[spk-button].icon.small{padding:0 .3125rem}[spk-button].icon,[spk-button].outlined{--btn-c: var(--base-level-70);--btn-bg: var(--base-level-20);--btn-bg-h: var(--base-level-30);transition:color 80ms linear}[spk-button].icon.primary,[spk-button].outlined.primary{--loader-c: var(--primary-500);--btn-bg: var(--primary-level-20);--btn-bg-h: var(--primary-level-30);--btn-bc: var(--primary-level-40)}[spk-button].icon.accent,[spk-button].outlined.accent{--loader-c: var(--accent-500);--btn-bg: var(--accent-level-20);--btn-bg-h: var(--accent-level-30);--btn-bc: var(--accent-level-40)}[spk-button].icon.warn,[spk-button].outlined.warn{--loader-c: var(--warn-500);--btn-bg: var(--warn-level-20);--btn-bg-h: var(--warn-level-30);--btn-bc: var(--warn-level-40)}[spk-button].icon.error,[spk-button].outlined.error{--loader-c: var(--error-500);--btn-bg: var(--error-level-20);--btn-bg-h: var(--error-level-30);--btn-bc: var(--error-level-40)}[spk-button].icon.success,[spk-button].outlined.success{--loader-c: var(--success-500);--btn-bg: var(--success-level-20);--btn-bg-h: var(--success-level-30);--btn-bc: var(--success-level-40)}[spk-button].flat{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));--btn-bg-h: var(--sparkle-light, var(--grey-700)) var(--sparkle-dark, var(--grey-700));border:0}[spk-button].flat:has(spk-icon:only-child){padding:0 .625rem}[spk-button].flat.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].flat.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-500);--btn-bg-h: var(--primary-500)}[spk-button].flat.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-500);--btn-bg-h: var(--accent-500)}[spk-button].flat.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-500);--btn-bg-h: var(--warn-500)}[spk-button].flat.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-500);--btn-bg-h: var(--error-500)}[spk-button].flat.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-500);--btn-bg-h: var(--success-500)}[spk-button].raised{--loader-c: var(--base-level-10);--btn-c: #fff;--btn-ic: #fff;--btn-bg: var(--base-gradient-60);--btn-bg-h: var(--base-gradient-70);border:0;box-shadow:none}[spk-button].raised:has(spk-icon:only-child){padding:0 .625rem}[spk-button].raised.small:has(spk-icon:only-child){padding:0 .4375rem}[spk-button].raised.primary{--btn-c: var(--primary-contrast-500);--btn-bg: var(--primary-gradient-20);--btn-bg-h: var(--primary-gradient-30)}[spk-button].raised.accent{--btn-c: var(--accent-contrast-500);--btn-bg: var(--accent-gradient-20);--btn-bg-h: var(--accent-gradient-30)}[spk-button].raised.warn{--btn-c: var(--warn-contrast-500);--btn-bg: var(--warn-gradient-20);--btn-bg-h: var(--warn-gradient-30)}[spk-button].raised.error{--btn-c: var(--error-contrast-500);--btn-bg: var(--error-gradient-20);--btn-bg-h: var(--error-gradient-30)}[spk-button].raised.success{--btn-c: var(--success-contrast-500);--btn-bg: var(--success-gradient-20);--btn-bg-h: var(--success-gradient-30)}spk-progress-bar{--pb-h: .5rem;--pb-b: var(--base-level-40);--pb-bg: var(--base-level-30);--pb-br: var(--shape-2);--pbt-bg: var(--base-level-20);--pbt-br: inherit;display:block;width:100%;height:var(--pb-h);position:relative;overflow:hidden;border-radius:var(--pb-br);background:var(--pb-bg)}spk-progress-bar .progress-bar{position:absolute;top:0;left:0;bottom:0;height:100%;transform-origin:top left;border-radius:var(--pbt-br);background:var(--pbt-bg)}spk-progress-bar.indeterminate .progress-bar{right:0;animation:indeterminate-progress-bar-stripes 2s linear infinite}spk-progress-bar.indeterminate:after{content:"";position:absolute;inset:0;background-color:var(--base-level-30);animation:indeterminate-progress-bar-stripes-background 2s linear infinite;transform-origin:top left}spk-progress-bar.primary{--pbt-bg: var(--primary-500)}spk-progress-bar.accent{--pbt-bg: var(--accent-500)}spk-progress-bar.warn{--pbt-bg: var(--warn-500)}spk-progress-bar.error{--pbt-bg: var(--error-500)}spk-progress-bar.success{--pbt-bg: var(--success-500)}spk-progress-bar.outlined{--pb-b: 1px solid var(--base-level-40);--pb-bg: var(--base-level-10)}spk-progress-bar.outlined:after{background-color:inherit}spk-progress-bar.flat{--pbt-bg: var(--base-level-30)}spk-progress-bar.flat:after{background-color:inherit}spk-progress-bar.flat.primary{--pbt-bg: var(--primary-level-30)}spk-progress-bar.flat.accent{--pbt-bg: var(--accent-level-30)}spk-progress-bar.flat.warn{--pbt-bg: var(--warn-level-30)}spk-progress-bar.flat.error{--pbt-bg: var(--error-level-30)}spk-progress-bar.flat.success{--pbt-bg: var(--success-level-30)}spk-progress-bar.raised{--pbt-bg: var(--base-gradient-30)}spk-progress-bar.raised.primary{--pbt-bg: var(--primary-gradient-30)}spk-progress-bar.raised.accent{--pbt-bg: var(--accent-gradient-30)}spk-progress-bar.raised.warn{--pbt-bg: var(--warn-gradient-30)}spk-progress-bar.raised.error{--pbt-bg: var(--error-gradient-30)}spk-progress-bar.raised.success{--pbt-bg: var(--success-gradient-30)}@keyframes indeterminate-progress-bar-stripes-background{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes indeterminate-progress-bar-stripes{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}spk-checkbox{--box-bw: .0625rem;--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-checkbox>input[type=checkbox]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-checkbox>input[type=checkbox]:focus{outline:none}spk-checkbox .box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:var(--shape-1);border:var(--box-bw) solid var(--box-bc);background:var(--box-bg);font-size:.75rem;color:var(--box-c)}spk-checkbox spk-icon{opacity:0;font-weight:700}spk-checkbox spk-icon.indeterminate-indicator{display:none}spk-checkbox.indeterminate .box spk-icon.indeterminate-indicator{display:block}spk-checkbox.indeterminate .box spk-icon.default-indicator{display:none}spk-checkbox:has(input[type=checkbox]:checked) spk-icon,spk-checkbox.active spk-icon{opacity:1}spk-checkbox.primary{--box-bg: var(--primary-level-30);--box-bc: var(--primary-level-40);--box-c: var(--primary-500)}spk-checkbox.accent{--box-bg: var(--accent-level-30);--box-bc: var(--accent-level-40);--box-c: var(--accent-500)}spk-checkbox.warn{--box-bg: var(--warn-level-30);--box-bc: var(--warn-level-40);--box-c: var(--warn-500)}spk-checkbox.error{--box-bg: var(--error-level-30);--box-bc: var(--error-level-40);--box-c: var(--error-500)}spk-checkbox.success{--box-bg: var(--success-level-30);--box-bc: var(--success-level-40);--box-c: var(--success-500)}spk-checkbox.outlined{--box-bg: var(--base-level-10)}spk-checkbox.outlined.primary,spk-checkbox.outlined.accent,spk-checkbox.outlined.warn,spk-checkbox.outlined.error,spk-checkbox.outlined.success{--box-bg: var(--base-level-10);--box-bc: var(--base-level-40)}spk-checkbox.flat.primary,spk-checkbox.flat.accent,spk-checkbox.flat.warn,spk-checkbox.flat.error,spk-checkbox.flat.success,spk-checkbox.raised.primary,spk-checkbox.raised.accent,spk-checkbox.raised.warn,spk-checkbox.raised.error,spk-checkbox.raised.success{--box-bc: var(--base-level-40);--box-c: var(--base-level-60);--box-bg: var(--base-level-30)}.sparkle-popup-menu spk-option[selected] spk-checkbox spk-icon{opacity:1}spk-checkbox.flat:has(input[type=checkbox]:checked),spk-checkbox.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.flat{--box-bw: 0;--box-bg: var(--grey-500);--box-c: #fff}spk-checkbox.primary.flat:has(input[type=checkbox]:checked),spk-checkbox.primary.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.flat{--box-bg: var(--primary-500)}spk-checkbox.accent.flat:has(input[type=checkbox]:checked),spk-checkbox.accent.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.flat{--box-bg: var(--accent-500)}spk-checkbox.warn.flat:has(input[type=checkbox]:checked),spk-checkbox.warn.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.flat{--box-bg: var(--warn-500)}spk-checkbox.error.flat:has(input[type=checkbox]:checked),spk-checkbox.error.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.flat{--box-bg: var(--error-500)}spk-checkbox.success.flat:has(input[type=checkbox]:checked),spk-checkbox.success.flat.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.flat{--box-bg: var(--success-500)}spk-checkbox.raised:has(input[type=checkbox]:checked),spk-checkbox.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.raised{--box-bw: 0;--box-bg: var(--base-gradient-20);--box-c: #fff}spk-checkbox.primary.raised:has(input[type=checkbox]:checked),spk-checkbox.primary.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.primary.raised{--box-bg: var(--primary-gradient-20)}spk-checkbox.accent.raised:has(input[type=checkbox]:checked),spk-checkbox.accent.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.accent.raised{--box-bg: var(--accent-gradient-20)}spk-checkbox.warn.raised:has(input[type=checkbox]:checked),spk-checkbox.warn.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.warn.raised{--box-bg: var(--warn-gradient-20)}spk-checkbox.error.raised:has(input[type=checkbox]:checked),spk-checkbox.error.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.error.raised{--box-bg: var(--error-gradient-20)}spk-checkbox.success.raised:has(input[type=checkbox]:checked),spk-checkbox.success.raised.active,.sparkle-popup-menu spk-option[selected] spk-checkbox.success.raised{--box-bg: var(--success-gradient-20)}spk-daterange-input spk-form-field-popover .input-wrap .input,spk-datepicker-input spk-form-field-popover .input-wrap .input{display:grid;grid-template-columns:1fr auto;align-items:center}spk-daterange-input spk-form-field-popover .masked-value,spk-datepicker-input spk-form-field-popover .masked-value{font:var(--paragraph-30B);color:var(--base-level-60)}spk-daterange-input spk-form-field-popover .masked-value+input+input,spk-daterange-input spk-form-field-popover .masked-value+input,spk-datepicker-input spk-form-field-popover .masked-value+input+input,spk-datepicker-input spk-form-field-popover .masked-value+input{opacity:0;height:0;width:0}spk-daterange-input spk-form-field-popover [suffix]+[suffix].default-indicator,spk-datepicker-input spk-form-field-popover [suffix]+[suffix].default-indicator{display:none}spk-daterange-input spk-datepicker,spk-datepicker-input spk-datepicker{z-index:10000;position:relative;--dp-width: 15rem}spk-daterange-input spk-popover .popover{--dp-width: 18.75rem;min-width:var(--dp-width)}spk-daterange-input spk-form-field-popover.columns-1 spk-popover .popover{--dp-width: 18.75rem }spk-daterange-input spk-form-field-popover.columns-2 spk-popover .popover{--dp-width: 38.5rem }spk-daterange-input spk-form-field-popover.columns-3 spk-popover .popover{--dp-width: 58.25rem }spk-datepicker{--dp-sel-bg: var(--base-level-60);--dp-sel-bw: 0;--dp-sel-bc: transparent;--dp-sel-c: #fff;--dp-day-c: var(--base-level-60);--dp-day-g: .25rem 0;--dp-day-f: var(--paragraph-20);--dp-width: 18.75rem;width:100%;max-width:var(--dp-width);display:flex;flex-direction:column}spk-datepicker.columns-1{--dp-width: 18.75rem }spk-datepicker.columns-2{--dp-width: 38.5rem }spk-datepicker.columns-3{--dp-width: 58.25rem }spk-datepicker.as-range section .days>div.sel{background:var(--dp-sel-bg);opacity:.5}spk-datepicker.as-range section .days>div.month-start,spk-datepicker.as-range section .days>div.week-start,spk-datepicker.as-range section .days>div.first{border-top-left-radius:50%;border-bottom-left-radius:50%}spk-datepicker.as-range section .days>div.month-end,spk-datepicker.as-range section .days>div.week-end,spk-datepicker.as-range section .days>div.last{border-top-right-radius:50%;border-bottom-right-radius:50%}spk-datepicker.as-range section .days>div.first,spk-datepicker.as-range section .days>div.last{opacity:1}spk-datepicker.as-range .month .days>div.out-of-scope{opacity:0;pointer-events:none}spk-datepicker header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:0}spk-datepicker header .title{font:var(--paragraph-20)}spk-datepicker header button{appearance:none;background-color:transparent;border:0;cursor:pointer;height:2rem;color:var(--base-level-60)}spk-datepicker header button:focus{outline:none}spk-datepicker .months-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}spk-datepicker .month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 7fr;gap:var(--dp-day-g);align-items:flex-start}spk-datepicker .month .days,spk-datepicker .month .weekdays{display:grid;grid-column:1/-1;gap:var(--dp-day-g);grid-template-columns:subgrid;position:relative}spk-datepicker .month .days>.days,spk-datepicker .month .weekdays>.days{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--dp-day-g);z-index:0}spk-datepicker .month .days>div,spk-datepicker .month .weekdays>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;cursor:pointer;position:relative;z-index:1;color:var(--dp-day-c);font:var(--dp-day-f);-webkit-user-select:none;user-select:none}spk-datepicker .month .days>div.sel,spk-datepicker .month .weekdays>div.sel{color:var(--dp-sel-c);transition:color 75ms linear}spk-datepicker .month .days>div.out-of-scope,spk-datepicker .month .weekdays>div.out-of-scope{opacity:.4}spk-datepicker .month .days>div.sel-el,spk-datepicker .month .weekdays>div.sel-el{position:relative;top:0;left:0;transition:transform 75ms linear,opacity 75ms linear;background:var(--dp-sel-bg);border-radius:50%;border:var(--dp-sel-bw) solid var(--dp-sel-bc);opacity:0;box-sizing:border-box}spk-datepicker .month .weekdays>div{color:var(--base-level-70)}spk-datepicker.primary{--dp-sel-bg: var(--primary-500)}spk-datepicker.accent{--dp-sel-bg: var(--accent-500)}spk-datepicker.warn{--dp-sel-bg: var(--warn-500)}spk-datepicker.error{--dp-sel-bg: var(--error-500)}spk-datepicker.success{--dp-sel-bg: var(--success-500)}spk-datepicker.outlined{--dp-sel-bg: var(--base-level-10);--dp-sel-c: var(--base-level-70);--dp-sel-bw: 2px;--dp-sel-bc: var(--base-level-40)}spk-datepicker.outlined.primary{--dp-sel-bc: var(--primary-500)}spk-datepicker.outlined.accent{--dp-sel-bc: var(--accent-500)}spk-datepicker.outlined.warn{--dp-sel-bc: var(--warn-500)}spk-datepicker.outlined.error{--dp-sel-bc: var(--error-500)}spk-datepicker.outlined.success{--dp-sel-bc: var(--success-500)}spk-datepicker.raised{--dp-sel-bg: var(--base-gradient-20)}spk-datepicker.raised.primary{--dp-sel-bg: var(--primary-gradient-20)}spk-datepicker.raised.accent{--dp-sel-bg: var(--accent-gradient-20)}spk-datepicker.raised.warn{--dp-sel-bg: var(--warn-gradient-20)}spk-datepicker.raised.error{--dp-sel-bg: var(--error-gradient-20)}spk-datepicker.raised.success{--dp-sel-bg: var(--success-gradient-20)}spk-icon{font-size:1.25rem;line-height:1em;width:1em;height:1em;min-width:1em;min-height:1em;max-width:1em;max-height:1em;text-align:left;overflow:hidden;display:inline-block}spk-icon.large{font-size:2rem}spk-icon.small{font-size:1rem}spk-icon.inherit{font-size:inherit}spk-menu{--menu-mh: 20rem;display:inline-flex;position:relative}spk-menu spk-popover{flex:1 0}spk-menu spk-popover .overlay~spk-form-field{position:sticky;z-index:10;margin:0 .25rem;top:.25rem;background-color:var(--base-level-10)}spk-menu spk-popover .overlay~spk-form-field.hidden{opacity:0;height:0;width:0;min-width:0;min-height:0}spk-menu spk-popover .options{z-index:2;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0;max-height:var(--menu-mh)}spk-menu spk-popover .options.searching button[disabled]{display:none}spk-menu spk-popover .options:after{content:"";display:block;width:100%;min-height:.25rem}spk-menu spk-popover .options [title]{font:var(--paragraph-30);color:var(--base-level-60);padding:.5rem .75rem;margin:0;width:calc(100% - 1rem);-webkit-user-select:none;user-select:none}spk-menu spk-popover .options button{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70)}spk-menu spk-popover .options button.hide-option{display:none}spk-menu spk-popover .options button[disabled]{opacity:.3;cursor:initial}spk-menu spk-popover .options button[disabled]:hover{background-color:transparent}spk-menu spk-popover .options button [suffix]{order:999;color:var(--base-level-60);font:var(--paragraph-30);justify-self:flex-end;display:inline-flex;flex:1 0;justify-content:flex-end}spk-menu spk-popover .options button spk-icon{font-size:1rem}spk-menu spk-popover .options button.active,spk-menu spk-popover .options button:hover{background-color:var(--base-level-30);color:var(--base-level-70)}spk-menu spk-popover .options button.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}spk-menu spk-popover .options button.focused:hover{background-color:var(--primary-level-30)}spk-divider{--divider-c: var(--base-level-40);--divider-h: .0625rem;display:flex;gap:.5rem;align-items:center;text-align:center}spk-divider:empty{gap:0}spk-divider:before,spk-divider:after{content:"";background:var(--divider-c);height:var(--divider-h);flex:1 0}dialog[spkDialog]{--dialog-p: 1rem;--dialog-g: .5rem;border:1px solid var(--base-level-40);border-radius:var(--shape-2);background-color:var(--base-level-10);box-shadow:var(--box-shadow-40);color:var(--base-level-60);font:var(--paragraph-30);padding:0;margin:auto;max-width:initial;max-height:initial;position:relative;z-index:0}dialog[spkDialog] .closeable-overlay{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] .content{position:relative;z-index:2}dialog[spkDialog]:focus{outline:none}dialog[spkDialog] .dialog-content{position:relative;z-index:2}dialog[spkDialog] .dialog-backdrop{position:fixed;inset:0;opacity:0;z-index:1}dialog[spkDialog] [header],dialog[spkDialog] [content],dialog[spkDialog] [footer]{width:100%}dialog[spkDialog] [header]{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-p);gap:var(--dialog-g)}dialog[spkDialog] [content]{padding:0 var(--dialog-p)}dialog[spkDialog] [footer]{display:flex;align-items:center;justify-content:flex-end;padding:var(--dialog-p);gap:var(--dialog-g)}spk-popover{--po-d: inherit;display:var(--po-d)}spk-popover .trigger{cursor:pointer;display:var(--po-d);position:relative}spk-popover .trigger .trigger-wrapper{display:var(--po-d)}spk-popover .trigger .trigger-wrapper:empty+*{display:inherit}spk-popover .trigger .trigger-wrapper+[spk-button]{display:none}spk-popover .overlay{position:fixed;inset:0;opacity:0;z-index:-1}spk-popover .popover{position:absolute;margin:0;min-width:11.25rem;z-index:0;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-2);font:var(--paragraph-30);color:var(--base-level-60)}@supports (anchor-name: --anchor){spk-popover .popover{inset:unset;left:anchor(left);top:calc(anchor(bottom) + .25rem);position:fixed;position-try-order:flip-block,flip-inline,flip-block flip-inline;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}spk-chip{--chip-h: 2rem;--chip-s: 1rem;--chip-c: var(--base-level-70);--chip-ic: var(--base-level-70);--chip-bg: var(--base-level-10);--chip-bc: var(--base-level-40);display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;font:var(--paragraph-30B);color:var(--chip-c);height:var(--chip-h);border-radius:var(--chip-s);border:1px solid var(--chip-bc);background:var(--chip-bg);white-space:nowrap}spk-chip spk-icon{color:var(--chip-ic);font-size:1rem;font-weight:inherit}spk-chip [avatar]{height:calc(var(--chip-h) - .75rem);width:calc(var(--chip-h) - .75rem);border-radius:50%}spk-chip.small{--chip-h: 1.5rem;--chip-s: .75rem;font:var(--paragraph-40B);padding:0 .5rem;gap:.25rem}spk-chip.small spk-icon{font-size:.75rem}spk-chip[disabled]{opacity:.5}spk-chip[read-only],spk-chip[read-only=true],spk-chip[readonly=true],spk-chip[readonly],spk-chip.readonly{pointer-events:none;-webkit-user-select:none;user-select:none}spk-chip.primary{--chip-ic: var(--primary-500)}spk-chip.accent{--chip-ic: var(--accent-500)}spk-chip.warn{--chip-ic: var(--warn-500)}spk-chip.error{--chip-ic: var(--error-500)}spk-chip.success{--chip-ic: var(--success-500)}spk-chip.simple{border:0;--chip-c: var(--base-level-70)}spk-chip.simple.primary{--chip-c: var(--primary-500)}spk-chip.simple.accent{--chip-c: var(--accent-500)}spk-chip.simple.warn{--chip-c: var(--warn-500)}spk-chip.simple.error{--chip-c: var(--error-500)}spk-chip.simple.success{--chip-c: var(--success-500)}spk-chip.simple,spk-chip.outlined{--chip-c: var(--base-level-70);--chip-bg: var(--base-level-20);transition:color 80ms linear}spk-chip.simple.primary,spk-chip.outlined.primary{--loader-c: var(--primary-500);--chip-bg: var(--primary-level-20);--chip-bc: var(--primary-level-40)}spk-chip.simple.accent,spk-chip.outlined.accent{--loader-c: var(--accent-500);--chip-bg: var(--accent-level-20);--chip-bc: var(--accent-level-40)}spk-chip.simple.warn,spk-chip.outlined.warn{--loader-c: var(--warn-500);--chip-bg: var(--warn-level-20);--chip-bc: var(--warn-level-40)}spk-chip.simple.error,spk-chip.outlined.error{--loader-c: var(--error-500);--chip-bg: var(--error-level-20);--chip-bc: var(--error-level-40)}spk-chip.simple.success,spk-chip.outlined.success{--loader-c: var(--success-500);--chip-bg: var(--success-level-20);--chip-bc: var(--success-level-40)}spk-chip.flat{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--sparkle-light, var(--grey-600)) var(--sparkle-dark, var(--grey-600));border:0}spk-chip.flat.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-500)}spk-chip.flat.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-500)}spk-chip.flat.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-500)}spk-chip.flat.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-500)}spk-chip.flat.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-500)}spk-chip.raised{--loader-c: var(--base-level-10);--chip-c: #fff;--chip-ic: #fff;--chip-bg: var(--base-gradient-60);border:0;box-shadow:none}spk-chip.raised.primary{--chip-c: var(--primary-contrast-500);--chip-bg: var(--primary-gradient-20)}spk-chip.raised.accent{--chip-c: var(--accent-contrast-500);--chip-bg: var(--accent-gradient-20)}spk-chip.raised.warn{--chip-c: var(--warn-contrast-500);--chip-bg: var(--warn-gradient-20)}spk-chip.raised.error{--chip-c: var(--error-contrast-500);--chip-bg: var(--error-gradient-20)}spk-chip.raised.success{--chip-c: var(--success-contrast-500);--chip-bg: var(--success-gradient-20)}spk-form-field-popover,spk-form-field{--ff-h: 2.5rem;--ff-s: var(--shape-2);--ff-bc: var(--base-level-40);--ff-prefix-bg: var(--base-level-20);--ff-ic: var(--base-level-60);--ff-bg: var(--base-level-10);--ff-spinner-size: 1.25rem;--ff-spinner-thickness: .125rem;display:flex;flex-direction:column;position:relative}spk-form-field-popover[read-only],spk-form-field-popover[read-only=true],spk-form-field-popover[readonly=true],spk-form-field-popover[readonly],spk-form-field-popover.readonly,spk-form-field-popover[disabled],spk-form-field-popover[disabled=true],spk-form-field-popover.disabled,spk-form-field-popover:has(input[disabled]),spk-form-field-popover:has(textarea[disabled]),spk-form-field-popover:has(textarea[disabled=true]),spk-form-field-popover:has(input[disabled=true]),spk-form-field[read-only],spk-form-field[read-only=true],spk-form-field[readonly=true],spk-form-field[readonly],spk-form-field.readonly,spk-form-field[disabled],spk-form-field[disabled=true],spk-form-field.disabled,spk-form-field:has(input[disabled]),spk-form-field:has(textarea[disabled]),spk-form-field:has(textarea[disabled=true]),spk-form-field:has(input[disabled=true]){pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}spk-form-field-popover.small,spk-form-field.small{--ff-h: 2rem}spk-form-field-popover label,spk-form-field label{display:flex;align-items:center;padding-bottom:.25rem;gap:.25rem}spk-form-field-popover label spk-icon,spk-form-field label spk-icon{font-size:1rem}spk-form-field-popover .prefix,spk-form-field .prefix{display:none;align-items:center;gap:.25rem;background-color:var(--ff-prefix-bg);padding:0 .75rem;height:100%;min-height:calc(var(--ff-h) - .125rem);transition:background-color 125ms linear}spk-form-field-popover .prefix [prefix]+[textPrefix],spk-form-field .prefix [prefix]+[textPrefix]{margin-left:.25rem}spk-form-field-popover .prefix-space,spk-form-field-popover .suffix-space,spk-form-field .prefix-space,spk-form-field .suffix-space{width:0;height:100%}spk-form-field-popover:not(:has(.helpers .error:empty)),spk-form-field:not(:has(.helpers .error:empty)){--ff-ic: var(--error-500);--ff-bc: var(--error-500);--ff-prefix-bg: var(--error-level-20)}spk-form-field-popover.autosize .input-wrap,spk-form-field.autosize .input-wrap{height:auto;min-height:var(--ff-h)}spk-form-field-popover .input-wrap,spk-form-field .input-wrap{display:flex;align-items:center;border:1px solid var(--ff-bc);border-radius:var(--ff-s);background:var(--ff-bg);padding:.4375rem .75rem;min-height:var(--ff-h);overflow:hidden;transition:border-color 125ms linear}spk-form-field-popover .input-wrap spk-popover,spk-form-field-popover .input-wrap .input,spk-form-field .input-wrap spk-popover,spk-form-field .input-wrap .input{flex:1 0}spk-form-field-popover .input-wrap textarea,spk-form-field .input-wrap textarea{resize:none;margin:.5rem 0;color:var(--base-level-60);field-sizing:content}spk-form-field-popover .input-wrap:has(textarea),spk-form-field .input-wrap:has(textarea){height:auto;min-height:var(--ff-h)}spk-form-field-popover .input-wrap spk-icon,spk-form-field .input-wrap spk-icon{color:var(--ff-ic);transition:color 125ms linear}spk-form-field-popover .input-wrap spk-chip spk-icon,spk-form-field .input-wrap spk-chip spk-icon{color:var(--chip-ic)}spk-form-field-popover .input-wrap spk-spinner,spk-form-field .input-wrap spk-spinner{--spinner-size: var(--ff-spinner-size);--spinner-thickness: var(--ff-spinner-thickness)}spk-form-field-popover .input-wrap textarea,spk-form-field-popover .input-wrap input,spk-form-field .input-wrap textarea,spk-form-field .input-wrap input{appearance:none;border:0;padding:0;background:transparent;font:var(--paragraph-30B);flex:1 0;color:var(--base-level-60)}spk-form-field-popover .input-wrap textarea::placeholder,spk-form-field-popover .input-wrap input::placeholder,spk-form-field .input-wrap textarea::placeholder,spk-form-field .input-wrap input::placeholder{color:var(--base-level-60R)}spk-form-field-popover .input-wrap textarea:focus,spk-form-field-popover .input-wrap input:focus,spk-form-field .input-wrap textarea:focus,spk-form-field .input-wrap input:focus{outline:none}spk-form-field-popover .input-wrap textarea[type=number],spk-form-field-popover .input-wrap input[type=number],spk-form-field .input-wrap textarea[type=number],spk-form-field .input-wrap input[type=number]{appearance:textfield;text-align:right}spk-form-field-popover .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field-popover .input-wrap input[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap textarea[type=number]::-webkit-inner-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-outer-spin-button,spk-form-field .input-wrap input[type=number]::-webkit-inner-spin-button{display:none}spk-form-field-popover .input-wrap:has([suffix]) .suffix-space,spk-form-field .input-wrap:has([suffix]) .suffix-space{width:.5rem}spk-form-field-popover .input-wrap:has([prefix]),spk-form-field-popover .input-wrap:has([textPrefix]),spk-form-field .input-wrap:has([prefix]),spk-form-field .input-wrap:has([textPrefix]){padding:0 .75rem 0 0}spk-form-field-popover .input-wrap:has([prefix]) .prefix,spk-form-field-popover .input-wrap:has([textPrefix]) .prefix,spk-form-field .input-wrap:has([prefix]) .prefix,spk-form-field .input-wrap:has([textPrefix]) .prefix{display:flex}spk-form-field-popover .input-wrap:has([prefix]) .prefix-space,spk-form-field-popover .input-wrap:has([textPrefix]) .prefix-space,spk-form-field .input-wrap:has([prefix]) .prefix-space,spk-form-field .input-wrap:has([textPrefix]) .prefix-space{width:.5rem}spk-form-field-popover .helpers,spk-form-field .helpers{height:1.25rem;display:flex;align-items:center;gap:.25rem;padding-top:.25rem}spk-form-field-popover .helpers:has(.error:empty):has(.hint:empty),spk-form-field .helpers:has(.error:empty):has(.hint:empty){height:0;padding-top:0}spk-form-field-popover .helpers:not(:has(.error:empty)) .hint,spk-form-field .helpers:not(:has(.error:empty)) .hint{opacity:0;visibility:hidden}spk-form-field-popover .helpers [hint],spk-form-field .helpers [hint]{color:var(--base-level-60R)}spk-form-field-popover .helpers [hint][suffix],spk-form-field .helpers [hint][suffix]{justify-self:flex-end}spk-form-field-popover .hint,spk-form-field .hint{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--base-level-60R);opacity:1;transition:visibility 125ms linear,opacity 125ms linear;visibility:visible}spk-form-field-popover .hint:empty,spk-form-field .hint:empty{opacity:0}spk-form-field-popover .error,spk-form-field .error{color:var(--error-500);opacity:1;transition:opacity 125ms linear;position:absolute;bottom:0;left:0;right:0;width:100%}spk-form-field-popover .error:empty,spk-form-field .error:empty{opacity:0}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--error-500)}spk-form-field-popover.error,spk-form-field.error{--ff-ic: var(--warn-500)}spk-form-field-popover.success,spk-form-field.success{--ff-ic: var(--success-500)}spk-color-picker{position:relative;display:block;width:18.75rem;height:18.75rem}spk-color-picker canvas{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}spk-color-picker.hsl canvas{border-radius:100%;overflow:hidden}spk-color-picker.saturation:not(.vertical),spk-color-picker.hue:not(.vertical){height:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) canvas,spk-color-picker.hue:not(.vertical) canvas{border-radius:var(--shape-2)}spk-color-picker.saturation:not(.vertical) .marker,spk-color-picker.hue:not(.vertical) .marker{top:50%!important}spk-color-picker.saturation.vertical,spk-color-picker.hue.vertical{width:1.25rem;border-radius:var(--shape-2)}spk-color-picker.saturation.vertical canvas,spk-color-picker.hue.vertical canvas{border-radius:var(--shape-2)}spk-color-picker.saturation.vertical .marker,spk-color-picker.hue.vertical .marker{left:50%!important}spk-color-picker canvas{width:calc(100% + 1px);height:calc(100% + 1px);transform:translate(-1px,-1px);border:2px solid var(--base-level-10);outline:1px solid var(--base-level-40)}spk-color-picker .marker{position:absolute;inset:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}spk-sidenav{--sidenav-width: 17.5rem;display:flex;width:100vw;height:100vh}spk-sidenav .sidenav{width:var(--sidenav-width);transition:width .2s linear;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}spk-sidenav .main-wrap{position:relative;z-index:1;flex:1 0;display:block;height:100%;overflow:auto;padding:1rem 1rem 1rem 0}spk-sidenav main{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;background-color:var(--base-level-10);border:1px solid var(--base-level-40);border-radius:var(--shape-3);height:calc(100vh - 2rem);box-shadow:var(--box-shadow-35)}spk-sidenav .closed-topbar{display:none;min-height:3.75rem;background-color:var(--base-level-10);align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--base-level-40);z-index:10000;position:relative}spk-sidenav .dragable{display:none}spk-sidenav .drag-image{display:none}spk-sidenav.simple .main-wrap{padding:0}spk-sidenav.simple .main-wrap main{height:100vh;border-radius:0;border-width:0 0 0 1px}spk-sidenav.simple.closed{--sidenav-width: 6.25rem}spk-sidenav.overlay{overflow:hidden}spk-sidenav.overlay .drag-image{display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem;box-shadow:none}spk-sidenav.overlay .sidenav{position:fixed;z-index:0}spk-sidenav.overlay .dragable{position:absolute;top:0;left:0;bottom:0;z-index:9999;width:50px;padding-right:30px;display:flex;align-items:center;justify-content:center;cursor:grab}spk-sidenav.overlay .dragable:active{cursor:grabbing}spk-sidenav.overlay .dragable:after{content:"";display:block;width:.25rem;height:40%;background-color:var(--base-level-30);border-radius:.125rem}spk-sidenav.overlay .dragable:hover:after{background-color:var(--base-level-40)}spk-sidenav.overlay .dropping-surface{position:fixed;inset:0;z-index:100000}spk-sidenav.overlay .main-wrap{z-index:1;padding:0;display:flex;height:100vh;position:relative;flex-direction:column;transform:translate(0);transition:transform .2s linear}spk-sidenav.overlay.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}spk-sidenav.overlay.is-dragging .main-wrap{transition:none}spk-sidenav.overlay.is-dragging>*{cursor:grabbing}spk-sidenav.overlay.is-dragging .dragable{cursor:grabbing}spk-sidenav.overlay.open .main-wrap{transform:translate(var(--sidenav-width))}spk-sidenav.overlay .closed-topbar{display:flex}spk-sidenav.overlay .closed-topbar:empty{display:none}spk-sidenav.overlay main{border:0;box-shadow:none;flex:1 0}spk-list{--list-s: var(--shape-2);--list-active-bg: var(--base-level-20);--list-color: var(--base-level-60);--list-active-bs: none;width:100%;padding:1.25rem 1rem;gap:.5rem;display:flex;flex-direction:column}spk-list.base-level-20{--list-active-bg: var(--base-level-10);--list-active-bs: var(--box-shadow-20)}spk-list [title]{color:var(--base-level-60R);margin:0 .75rem;font:var(--paragraph-30);line-height:1.25rem}spk-list [action],spk-list [item]{border-radius:var(--list-s);padding:.5rem .75rem;font:var(--paragraph-30B);color:var(--list-color);display:flex;align-items:center;gap:.5rem;width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none}spk-list [action]:focus,spk-list [item]:focus{outline:none}spk-list [action] [suffix],spk-list [item] [suffix]{margin-left:auto;color:var(--base-level-60R)}spk-list :has(input[type=checkbox]),spk-list :has(input[type=radio]),spk-list [action]{cursor:pointer}spk-list [item]:has(input[type=checkbox]:checked),spk-list [action]:has(input[type=checkbox]:checked),spk-list [item]:has(input[type=radio]:checked),spk-list [action]:has(input[type=radio]:checked),spk-list [action].active,spk-list [action].selected{--list-color: var(--base-level-70);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs)}spk-list.primary [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.primary [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.primary [action].active spk-icon:first-child,spk-list.primary [action].selected spk-icon:first-child{color:var(--primary-500)}spk-list.accent [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.accent [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.accent [action].active spk-icon:first-child,spk-list.accent [action].selected spk-icon:first-child{color:var(--accent-500)}spk-list.warn [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.warn [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.warn [action].active spk-icon:first-child,spk-list.warn [action].selected spk-icon:first-child{color:var(--warn-500)}spk-list.error [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.error [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.error [action].active spk-icon:first-child,spk-list.error [action].selected spk-icon:first-child{color:var(--error-500)}spk-list.success [item]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=checkbox]:checked) spk-icon:first-child,spk-list.success [item]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action]:has(input[type=radio]:checked) spk-icon:first-child,spk-list.success [action].active spk-icon:first-child,spk-list.success [action].selected spk-icon:first-child{color:var(--success-500)}spk-radio{--radio-bw: .0625rem;--radio-bg: var(--base-level-30);--radio-bc: var(--base-level-40);--radio-c: var(--base-level-60);--radiod-o: 0;--radiod-c: var(--base-level-60);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}spk-radio>input[type=radio]{appearance:none;position:absolute;inset:0;cursor:pointer}spk-radio>input[type=radio]:focus{outline:none}spk-radio:has(input[type=radio]:checked),spk-radio.active{--radiod-o: 1}spk-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%;border:var(--radio-bw) solid var(--radio-bc);background:var(--radio-bg);font-size:.75rem;color:var(--radio-c)}spk-radio .radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}spk-radio.primary{--radio-c: var(--primary-500);--radiod-c: var(--primary-500);--radio-bg: var(--primary-level-30);--radio-bc: var(--primary-level-40)}spk-radio.accent{--radio-c: var(--accent-500);--radiod-c: var(--accent-500);--radio-bg: var(--accent-level-30);--radio-bc: var(--accent-level-40)}spk-radio.warn{--radio-c: var(--warn-500);--radiod-c: var(--warn-500);--radio-bg: var(--warn-level-30);--radio-bc: var(--warn-level-40)}spk-radio.error{--radio-c: var(--error-500);--radiod-c: var(--error-500);--radio-bg: var(--error-level-30);--radio-bc: var(--error-level-40)}spk-radio.success{--radio-c: var(--success-500);--radiod-c: var(--success-500);--radio-bg: var(--success-level-30);--radio-bc: var(--success-level-40)}spk-radio.outlined{--radio-bg: var(--base-level-10)}spk-radio.outlined.primary,spk-radio.outlined.accent,spk-radio.outlined.warn,spk-radio.outlined.error,spk-radio.outlined.success{--radio-bc: var(--base-level-40)}spk-radio.flat,spk-radio.raised{--radio-c: #fff;--radio-bc: var(--base-level-40);--radio-bg: var(--base-level-30);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked),spk-radio.flat.active{--radio-bw: 0;--radio-bg: var(--grey-500);--radiod-c: #fff}spk-radio.flat:has(input[type=radio]:checked).primary,spk-radio.flat.active.primary{--radio-bg: var(--primary-500)}spk-radio.flat:has(input[type=radio]:checked).accent,spk-radio.flat.active.accent{--radio-bg: var(--accent-500)}spk-radio.flat:has(input[type=radio]:checked).warn,spk-radio.flat.active.warn{--radio-bg: var(--warn-500)}spk-radio.flat:has(input[type=radio]:checked).error,spk-radio.flat.active.error{--radio-bg: var(--error-500)}spk-radio.flat:has(input[type=radio]:checked).success,spk-radio.flat.active.success{--radio-bg: var(--success-500)}spk-radio.raised:has(input[type=radio]:checked),spk-radio.raised.active{--radio-bw: 0;--radio-bg: var(--base-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).primary,spk-radio.raised.active.primary{--radio-bg: var(--primary-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).accent,spk-radio.raised.active.accent{--radio-bg: var(--accent-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).warn,spk-radio.raised.active.warn{--radio-bg: var(--warn-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).error,spk-radio.raised.active.error{--radio-bg: var(--error-gradient-20)}spk-radio.raised:has(input[type=radio]:checked).success,spk-radio.raised.active.success{--radio-bg: var(--success-gradient-20)}spk-button-group{--btng-bg: var(--base-level-10);--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bc: var(--base-level-40);--btng-h: 2.5rem;--btng-s: var(--shape-2);--btng-f: var(--paragraph-30);display:inline-flex;border:1px solid var(--btng-bc);border-radius:var(--btng-s);height:var(--btng-h);overflow:hidden}spk-button-group button{border:0;flex:1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:0 .75rem;transition:color 80ms linear;min-width:auto;cursor:pointer;outline:none;line-height:inherit;-webkit-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;white-space:nowrap;background:var(--btng-bg);color:var(--btng-c);font:var(--btng-f);border-left:1px solid var(--btng-bc)}spk-button-group button:first-child{border-left:0}spk-button-group button:hover,spk-button-group button.active{--btng-c: var(--base-level-70);--btng-ic: var(--base-level-70);--btng-bg: var(--base-level-30)}spk-range-slider{--rs-h: 2.5rem;--rs-f: var(--paragraph-30);--rs-unit-g: .75rem;--rs-unit-c: var(--base-level-60);--rst: var(--base-level-30);--rst-bc: var(--base-level-10);--rst-bg: var(--base-level-60R);--rst-h: .5rem;--rst-s: var(--shape-1);--rs-thumb-c: var(--base-level-40);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--base-level-30);--rs-thumb-value-c: var(--base-level-30R);--rs-thumb-si: 1rem;display:flex;flex-direction:column;width:100%;font:var(--rs-f)}spk-range-slider .label{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}spk-range-slider .label>label{display:flex;align-items:center;gap:.25rem}spk-range-slider .label spk-icon{color:var(--grey-500);font-size:1rem}spk-range-slider .label:empty{display:none}spk-range-slider input[type=range]{appearance:none;width:100%;height:100%;position:absolute;inset:0;opacity:0;margin:0;z-index:1000}spk-range-slider .input-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:var(--rs-unit-g)}spk-range-slider .thumb-wrap{position:absolute;top:0}spk-range-slider .thumb{position:relative;margin-top:calc(-1 * var(--rs-thumb-si) / 4);width:var(--rs-thumb-si);height:var(--rs-thumb-si);border-radius:50%;background-color:var(--rs-thumb-c);border:1px solid var(--rs-thumb-bc);box-shadow:var(--box-shadow-10)}spk-range-slider .track-wrap{position:relative;width:100%;height:var(--rst-h)}spk-range-slider .track{position:relative;width:100%;height:var(--rst-h);border-radius:var(--rst-s);background-color:var(--rst);border:1px solid var(--rst-bc);overflow:hidden}spk-range-slider .track-filled{position:absolute;top:0;left:0;bottom:0;background:var(--rst-bg);width:0}spk-range-slider .min-indicator,spk-range-slider .max-indicator{white-space:nowrap;color:var(--rs-unit-c)}spk-range-slider input[type=range]:hover~.thumb-wrap .value-indicator,spk-range-slider input[type=range]:focus~.thumb-wrap .value-indicator{opacity:1}spk-range-slider .value-indicator{position:absolute;top:-1.875rem;height:1.5rem;border-radius:var(--shape-2);left:50%;margin:auto;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--rs-thumb-value-bg);color:var(--rs-thumb-value-c);white-space:nowrap;opacity:0;transition:opacity 125ms linear;-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider .value-indicator:after{content:"";border-top:.375rem solid var(--rs-thumb-value-bg);border-left:.375rem solid transparent;border-right:.375rem solid transparent;position:absolute;top:100%;left:50%;margin-left:-.375rem}spk-range-slider input[type=range][readonly]{-webkit-user-select:none;user-select:none;pointer-events:none}spk-range-slider input[type=range][readonly]~.track .track-filled{transition:width 125ms linear;border-radius:var(--rst-s)}spk-range-slider input[type=range][readonly]~.thumb-wrap{display:none}spk-range-slider.primary{--rst-bg: var(--primary-500);--rst: var(--primary-level-40);--rs-thumb-c: var(--primary-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--primary-level-50);--rs-thumb-value-c: var(--primary-level-50R)}spk-range-slider.accent{--rst-bg: var(--accent-500);--rst: var(--accent-level-40);--rs-thumb-c: var(--accent-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--accent-level-50);--rs-thumb-value-c: var(--accent-level-50R)}spk-range-slider.warn{--rst-bg: var(--warn-500);--rst: var(--warn-level-40);--rs-thumb-c: var(--warn-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--warn-level-50);--rs-thumb-value-c: var(--warn-level-50R)}spk-range-slider.error{--rst-bg: var(--error-500);--rst: var(--error-level-40);--rs-thumb-c: var(--error-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--error-level-50);--rs-thumb-value-c: var(--error-level-50R)}spk-range-slider.success{--rst-bg: var(--success-500);--rst: var(--success-level-40);--rs-thumb-c: var(--success-level-50);--rs-thumb-bc: var(--base-level-10);--rs-thumb-value-bg: var(--success-level-50);--rs-thumb-value-c: var(--success-level-50R)}spk-range-slider.outlined{--rst: var(--base-level-10);--rst-bc: var(--base-level-40);--rs-thumb-c: var(--base-level-50);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.primary,spk-range-slider.outlined.accent,spk-range-slider.outlined.warn,spk-range-slider.outlined.error,spk-range-slider.outlined.success{--rst: var(--base-level-10)}spk-range-slider.outlined.primary{--rs-thumb-c: var(--primary-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.accent{--rs-thumb-c: var(--accent-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.warn{--rs-thumb-c: var(--warn-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.error{--rs-thumb-c: var(--error-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.outlined.success{--rs-thumb-c: var(--success-level-40);--rs-thumb-bc: var(--base-level-10)}spk-range-slider.flat{--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.flat.primary,spk-range-slider.flat.accent,spk-range-slider.flat.warn,spk-range-slider.flat.error,spk-range-slider.flat.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised{--rst-bg: var(--base-gradient-20);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary,spk-range-slider.raised.accent,spk-range-slider.raised.warn,spk-range-slider.raised.error,spk-range-slider.raised.success{--rst: var(--base-level-30);--rs-thumb-c: #fff;--rs-thumb-bc: var(--base-level-40)}spk-range-slider.raised.primary{--rst-bg: var(--primary-gradient-20)}spk-range-slider.raised.accent{--rst-bg: var(--accent-gradient-20)}spk-range-slider.raised.warn{--rst-bg: var(--warn-gradient-20)}spk-range-slider.raised.error{--rst-bg: var(--error-gradient-20)}spk-range-slider.raised.success{--rst-bg: var(--success-gradient-20)}spk-tooltip{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);--tt-d: inline-flex;display:var(--tt-d)}spk-tooltip .trigger{display:inherit}spk-tooltip.primary{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}spk-tooltip.accent{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}spk-tooltip.warn{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}spk-tooltip.error{--tt-bg: var(--error-level-50);--tt-c: var(--error-level-50R)}spk-tooltip.success{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}spk-tooltip.disabled .tooltip,spk-tooltip.disabled .tooltip:before{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}spk-tooltip .tooltip{position:relative;margin:0;z-index:0;transform:translate(-50%) scale(.2);color:transparent;padding:.5rem .75rem;background-color:var(--tt-bg);max-width:15rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);border:0;opacity:0;overflow:visible;hyphens:auto;text-wrap:pretty;transition:opacity 125ms linear,transform 125ms linear,color 75ms linear 50ms}spk-tooltip .tooltip:popover-open{opacity:1;transform:translate(-50%) scale(1);color:var(--tt-c)}spk-tooltip .tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.375rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;opacity:1}@supports (left: anchor(center)) and (top: anchor(bottom)){spk-tooltip .tooltip{left:anchor(center);bottom:anchor(top);margin-bottom:.625rem;top:auto}}[spk-tooltip],[tt-primary],[tt-accent],[tt-warn],[tt-error],[tt-success]{--tt-bg: var(--base-level-30);--tt-c: var(--base-level-30R);position:relative}[spk-tooltip]:after,[tt-primary]:after,[tt-accent]:after,[tt-warn]:after,[tt-error]:after,[tt-success]:after{content:attr(spk-tooltip);position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--tt-bg);color:var(--tt-c);max-width:12.5rem;text-wrap:balance;width:max-content;height:max-content;font:var(--paragraph-30);border-radius:var(--shape-2);opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000}[spk-tooltip]:before,[tt-primary]:before,[tt-accent]:before,[tt-warn]:before,[tt-error]:before,[tt-success]:before{content:"";position:absolute;bottom:calc(100% - .25rem);left:50%;transform:translate(-50%);border-width:.5rem;border-style:solid;border-color:transparent;border-top-color:var(--tt-bg);width:0;height:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 125ms linear,visibility 125ms linear;z-index:1000}[spk-tooltip]:hover:after,[spk-tooltip]:hover:before,[tt-primary]:hover:after,[tt-primary]:hover:before,[tt-accent]:hover:after,[tt-accent]:hover:before,[tt-warn]:hover:after,[tt-warn]:hover:before,[tt-error]:hover:after,[tt-error]:hover:before,[tt-success]:hover:after,[tt-success]:hover:before{opacity:1;visibility:visible}[tt-primary]{--tt-bg: var(--primary-level-50);--tt-c: var(--primary-level-50R)}[tt-primary]:after{content:attr(tt-primary)}[tt-accent]{--tt-bg: var(--accent-level-50);--tt-c: var(--accent-level-50R)}[tt-accent]:after{content:attr(tt-accent)}[tt-warn]{--tt-bg: var(--warn-level-50);--tt-c: var(--warn-level-50R)}[tt-warn]:after{content:attr(tt-warn)}[tt-error]{--tt-bg: var(--error-level-50);--tt-c: var(--error-level-50R)}[tt-error]:after{content:attr(tt-error)}[tt-success]{--tt-bg: var(--success-level-50);--tt-c: var(--success-level-50R)}[tt-success]:after{content:attr(tt-success)}[spk-tooltip][tt-left]:after,[tt-primary][tt-left]:after,[tt-accent][tt-left]:after,[tt-warn][tt-left]:after,[tt-error][tt-left]:after,[tt-success][tt-left]:after{top:50%;left:auto;right:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-left]:before,[tt-primary][tt-left]:before,[tt-accent][tt-left]:before,[tt-warn][tt-left]:before,[tt-error][tt-left]:before,[tt-success][tt-left]:before{top:50%;left:auto;right:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--tt-bg)}[spk-tooltip][tt-right]:after,[tt-primary][tt-right]:after,[tt-accent][tt-right]:after,[tt-warn][tt-right]:after,[tt-error][tt-right]:after,[tt-success][tt-right]:after{top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}[spk-tooltip][tt-right]:before,[tt-primary][tt-right]:before,[tt-accent][tt-right]:before,[tt-warn][tt-right]:before,[tt-error][tt-right]:before,[tt-success][tt-right]:before{top:50%;left:calc(100% - .25rem);transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--tt-bg)}[spk-tooltip][tt-bottom]:after,[tt-primary][tt-bottom]:after,[tt-accent][tt-bottom]:after,[tt-warn][tt-bottom]:after,[tt-error][tt-bottom]:after,[tt-success][tt-bottom]:after{top:calc(100% + .75rem)}[spk-tooltip][tt-bottom]:before,[tt-primary][tt-bottom]:before,[tt-accent][tt-bottom]:before,[tt-warn][tt-bottom]:before,[tt-error][tt-bottom]:before,[tt-success][tt-bottom]:before{top:calc(100% - .25rem);transform:translate(-50%);border-top-color:transparent;border-bottom-color:var(--tt-bg)}spk-select{--miw: 13.125rem;display:flex}spk-select spk-form-field{display:flex;min-width:var(--miw)}spk-select spk-popover{flex:1 0}spk-select spk-popover:has(.sparkle-options:empty) .popover{opacity:0}spk-select .input{display:flex;flex-wrap:wrap}spk-select .input textarea,spk-select .input input{opacity:0;width:0;height:0}spk-select .selected-value{width:100%;display:flex;flex-wrap:wrap;gap:.25rem;color:var(--base-level-60)}spk-select .selected-value.is-selected{color:var(--base-level-70)}spk-select .input{position:relative}spk-select .input.show-search-text input{opacity:1;height:initial;margin-top:.25rem;min-width:min-content;field-sizing:content}spk-select .input.show-search-text textarea{opacity:1;height:initial;margin:.25rem 0 0}.sparkle-options{padding:.5rem 0;display:flex;flex-direction:column;max-height:11.25rem;overflow-y:auto;overflow-x:hidden}.sparkle-options .option{display:flex;justify-content:flex-start;align-items:center;min-height:2rem;margin:0 .5rem;padding:0 .5rem;gap:.5rem;width:calc(100% - 1rem);border-radius:var(--shape-2);appearance:none;background-color:transparent;border:0;cursor:pointer;color:var(--base-level-70);-webkit-user-select:none;user-select:none}.sparkle-options .option[disabled]{opacity:.3;cursor:initial}.sparkle-options .option[disabled]:hover{background-color:transparent}.sparkle-options .option spk-icon{font-size:1rem}.sparkle-options .option.active,.sparkle-options .option:checked,.sparkle-options .option:hover{background-color:var(--base-level-30);color:var(--base-level-70)}.sparkle-options .option.focused{background-color:var(--primary-level-20);color:var(--base-level-70)}.sparkle-options .option.focused:hover{background-color:var(--primary-level-30)}spk-card{--card-bg: var(--base-level-10);--card-ibg: var(--base-level-20);--card-bc: var(--base-level-40);--card-sh: var(--box-shadow-10);--card-p: 1.5rem;--card-shp: .5rem;display:block;padding:var(--card-p);position:relative;z-index:0}spk-card:before,spk-card:after{content:"";position:absolute}spk-card:before{background-color:var(--card-bg);border:1px solid var(--card-bc);box-shadow:var(--card-sh);border-radius:var(--shape-3);inset:0;z-index:-2}spk-card:after{background-color:var(--card-ibg);border-radius:var(--shape-2);inset:var(--card-shp);z-index:-1}spk-stepper{display:flex;flex-wrap:nowrap;width:100%;position:relative;overflow:hidden}spk-stepper [step]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;color:var(--base-level-60R);cursor:pointer;-webkit-user-select:none;user-select:none}spk-stepper [step]:first-child{align-items:flex-start;flex:1 0}spk-stepper [step]:last-child{align-items:flex-end;flex:1 0}spk-stepper [step]:not(.active) spk-radio{z-index:10}spk-stepper [step]:has(~[step].active) spk-radio{--radiod-o: 1}spk-stepper [step]:has(~[step].active) spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step] spk-radio .radio{--radiod-c: var(--base-level-10);width:1rem;height:1rem}spk-stepper [step].active{color:var(--primary-500);outline:none}spk-stepper [step].active spk-radio{z-index:0;--radiod-o: 1}spk-stepper [step].active spk-radio .radio{border-width:0;background:var(--primary-gradient-20)}spk-stepper [step].active spk-radio:before{content:"";position:absolute;top:.375rem;left:-9999px;z-index:-1;right:0;height:.25rem;background-color:var(--primary-500)}spk-stepper:before{content:"";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--base-level-30)}spk-spinner{--spinner-c: var(--base-level-60);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}spk-spinner:before{content:"";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}spk-spinner.primary{--spinner-c: var(--primary-500)}spk-spinner.accent{--spinner-c: var(--accent-500)}spk-spinner.warn{--spinner-c: var(--warn-500)}spk-spinner.error{--spinner-c: var(--error-500)}spk-spinner.success{--spinner-c: var(--success-500)}[spkSortable]{position:relative}[spkSortable].dragging [draggable]{transition:transform 40ms linear}[spkSortable] [draggable]{height:auto;transform:translate(0);transition:none;z-index:2}[spkSortable] .sortable-placeholder{position:absolute;top:0;z-index:1}[spkSortable] [sort-handle]{cursor:move}spk-toggle-card{display:flex;flex-direction:column;border-radius:var(--shape-3);background-color:var(--base-level-20)}spk-toggle-card.active .content{max-height:1000px;transition:max-height 1s linear;padding:0 1rem 1rem}spk-toggle-card.active spk-icon{transform:rotate(180deg)}spk-toggle-card h3{display:flex;align-items:center;justify-content:space-between;font:var(--paragraph-10);padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}spk-toggle-card spk-icon{transform:rotate(0);transform-origin:center;transition:transform .2s ease}spk-toggle-card .content{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;overflow:hidden;max-height:0;transition:max-height .25s linear,padding .25s linear}spk-table{--table-bc: var(--base-level-40);--table-th-bg: var(--base-level-10);--table-tr-bg: var(--base-level-10);--table-th-c: var(--base-level-60R);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-level-60);--table-td-f: var(--paragraph-30);--table-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem;width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}spk-table.type-a th,spk-table.type-a td{padding-right:0}spk-table.type-a th:first-child,spk-table.type-a td:first-child{padding:0}spk-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-level-20);--table-sticky-bw: .125rem}spk-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}spk-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}spk-table.type-b td.sticky+*,spk-table.type-b th.sticky+*{border-left-width:0}spk-table.resizing{-webkit-user-select:none;user-select:none}spk-table:has([spkTableResize]) td{overflow:auto}spk-table.no-resize .spk-resizer{display:none}spk-table.no-resize td{overflow:initial}spk-table thead{position:relative}spk-table spk-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}spk-table tbody,spk-table thead,spk-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}spk-table tr{background:var(--table-tr-bg)}spk-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}spk-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}spk-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);z-index:100}spk-table th:has(.spk-resizer){position:relative}spk-table th .spk-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}spk-table th .spk-resizer:before,spk-table th .spk-resizer:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-level-40)}spk-table th .spk-resizer:hover:before,spk-table th .spk-resizer:hover:after{background-color:var(--primary-500)}spk-table th .spk-resizer:before{left:.1875rem}spk-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw)}spk-table td+td.sticky-end:last-child{padding:var(--table-td-p)}spk-table th.sticky,spk-table td.sticky{border-right-width:var(--table-sticky-bw)}spk-table th.sticky,spk-table th.sticky-end,spk-table td.sticky,spk-table td.sticky-end{position:sticky;right:auto;left:0;z-index:1;padding:var(--table-td-p);background-color:var(--base-level-10)}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child,spk-table td.sticky:first-child,spk-table td.sticky-end:first-child{padding:var(--table-th-p)}spk-table th.sticky-end,spk-table td.sticky-end{right:0;left:auto;border-left-width:var(--table-sticky-bw)}spk-table th.sticky,spk-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}spk-table th.sticky:first-child,spk-table th.sticky-end:first-child{padding:var(--table-th-p)}spk-table .no-rows{display:none;grid-column:1/-1}spk-table tbody:empty+.no-rows{display:block}spk-tabs{--tabs-bc: var(--base-level-40);--tabs-bg: var(--base-level-10);--tabs-c: var(--base-level-70);--tabs-c-hover: var(--base-level-60);--tabs-c-active: var(--base-level-70);--tabs-f: var(--paragraph-30);--tabs-sel-bg: var(--base-level-70);display:flex;gap:1rem;border-bottom:1px solid var(--base-level-40)}spk-tabs [tab]{display:flex;align-items:center;gap:.5rem;height:3rem;font:var(--tabs-f);background:var(--tabs-bg);border-radius:0;appearance:none;border:0;color:var(--tabs-c);cursor:pointer;position:relative}spk-tabs [tab]:focus{outline:none}spk-tabs [tab]:hover{color:var(--tabs-c-hover)}spk-tabs [tab].active{color:var(--tabs-c-active)}spk-tabs [tab].active:after{display:block}spk-tabs [tab]:after{content:"";display:none;width:100%;height:2px;background:var(--tabs-sel-bg);position:absolute;left:0;bottom:0}spk-tabs.primary{--tabs-sel-bg: var(--primary-500);--tabs-c-active: var(--primary-500)}spk-tabs.accent{--tabs-sel-bg: var(--accent-500);--tabs-c-active: var(--accent-500)}spk-tabs.warn{--tabs-sel-bg: var(--warn-500);--tabs-c-active: var(--warn-500)}spk-tabs.error{--tabs-sel-bg: var(--error-500);--tabs-c-active: var(--error-500)}spk-tabs.success{--tabs-sel-bg: var(--success-500);--tabs-c-active: var(--success-500)}spk-file-upload{display:flex;flex-direction:column;gap:.75rem}spk-file-upload spk-list{border-radius:var(--shape-3);background-color:var(--base-level-20)}body .spacer{flex:1 0}body h2{font:var(--title-30);margin:0}body h3{font:var(--paragraph-20);margin:0}.sparkle-popup-menu{min-width:initial}.sparkle-popup-menu.right button{justify-content:flex-end}.markdown-output h1{margin:2.5rem 0 1.5rem}.markdown-output h2{margin:0 0 1.25rem}.markdown-output h3{margin:0 0 1rem}.markdown-output h4,.markdown-output h5,.markdown-output h6,.markdown-output p{margin:0 0 .75rem}.markdown-output code{padding:.25rem .5rem;border-radius:var(--shape-2);background-color:var(--base-level-60);color:var(--base-level-10);display:inline-block;font-size:85%}.markdown-output h1 code{padding:0;text-decoration:underline;background-color:transparent;color:var(--base-level-70);font-size:100%}ol.line-numbers-ol{list-style:none;counter-reset:my-counter}ol.line-numbers-ol li{counter-increment:my-counter;padding-left:.25rem}ol.line-numbers-ol li::marker{content:counter(my-counter) " "}
|
package/chunk-CDH4KG7H.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{ia as Re}from"./chunk-WYTHNCNI.js";import{$ as De,Ab as l,Bb as P,Dc as Ve,Eb as ee,Fb as A,Jc as T,Lc as M,Nc as _e,Pa as f,Q as oe,Ra as le,Rb as b,Sb as d,Tb as w,Ub as p,W as H,Wa as N,Xa as Te,Ya as ce,Za as V,ac as ie,ba as _,bc as Q,ca as C,cb as y,cc as q,dc as Ie,eb as Ee,ec as k,ga as be,gc as G,ha as Oe,hb as D,hc as ne,jc as he,kc as fe,lc as me,ma as re,mb as Me,mc as ge,na as U,nc as K,oa as m,oc as L,pa as B,qb as X,qc as ve,ra as ae,rb as W,rc as se,sa as S,sb as I,tb as J,ub as te,vb as O,wb as pe,xb as de,yb as ue,zb as r}from"./chunk-ZSSQBIRK.js";import{a as z,b as Z,c as xe}from"./chunk-C6Q5SG76.js";var R=["*"],We=[[["","icon",""]],[["","title",""]],"*",[["","content",""]]],qe=["[icon]","[title]","*","[content]"];function ze(n,c){n&1&&(r(0,"spk-icon",3),k(1,"info"),l())}function Ne(n,c){n&1&&(r(0,"spk-icon",3),k(1,"info"),l())}function Qe(n,c){n&1&&(r(0,"spk-icon",3),k(1,"warning"),l())}function $e(n,c){n&1&&(r(0,"spk-icon",3),k(1,"warning-octagon"),l())}function Ue(n,c){n&1&&(r(0,"spk-icon",3),k(1,"check-circle"),l())}function Ye(n,c){n&1&&(r(0,"spk-icon",3),k(1,"question"),l())}function Xe(n,c){if(n&1){let t=A();r(0,"spk-icon",7),b("click",function(){_(t);let i=d();return C(i.removeAlert())}),k(1,"plus"),l()}}var Ge=["dialogRef"];function Ke(n,c){if(n&1){let t=A();r(0,"div",4),b("click",function(){_(t);let i=d();return C(i.isOpen.set(!1))}),l()}}var Je=["spk-button",""];var Fe=["triggerRef"],Ze=["popoverRef"],et=[[["","trigger",""]],"*"],tt=["[trigger]","*"];var it=()=>({closeOnButton:!1,closeOnEsc:!0});var nt=[[["label"]],[["","prefix",""]],[["","textPrefix",""]],[["input"]],[["textarea"]],[["","textSuffix",""]],[["","suffix",""]],[["","error",""]],[["","hint",""]]],st=["label","[prefix]","[textPrefix]","input","textarea","[textSuffix]","[suffix]","[error]","[hint]"];var ot=["option"],rt=["input"],at=["*",[["","menu",""]]],lt=["*","[menu]"],ct=[[["label"]],"*"],pt=["label","*"],dt=["optionsWrap"],ut=[[["label"]],[["input"]],[["textarea"]]],ht=["label","input","textarea"],ft=()=>({closeOnButton:!1,closeOnEsc:!1}),Se=n=>({$implicit:n});function mt(n,c){if(n&1&&k(0),n&2){let t=d();G(" ",t.inputValue()," ")}}function gt(n,c){n&1&&ee(0)}function vt(n,c){if(n&1&&D(0,gt,1,0,"ng-container",13),n&2){let t=d(3).$implicit;d(2);let e=L(6);X("ngTemplateOutlet",e)("ngTemplateOutletContext",se(2,Se,t))}}function _t(n,c){if(n&1&&k(0),n&2){let t=d(3).$implicit,e=d(2);G(" ",e.getLabel(t)," ")}}function Ct(n,c){if(n&1){let t=A();r(0,"spk-chip",11),D(1,vt,1,4,"ng-container")(2,_t,1,1),r(3,"spk-icon",12),b("click",function(i){_(t);let s=d(2).$index,o=d(2);return C(o.removeSelectedOptionByIndex(i,s))}),k(4,"x-bold"),l()()}if(n&2){let t=d(4),e=L(6);te(t.selectClasses()),f(),O(e?1:2)}}function St(n,c){n&1&&ee(0)}function kt(n,c){if(n&1&&D(0,St,1,0,"ng-container",13),n&2){let t=d(4).$implicit;d(2);let e=L(6);X("ngTemplateOutlet",e)("ngTemplateOutletContext",se(2,Se,t))}}function yt(n,c){if(n&1&&k(0),n&2){let t=d(4).$implicit,e=d(2);G(" ",e.getLabel(t)," ")}}function wt(n,c){if(n&1&&D(0,kt,1,4,"ng-container")(1,yt,1,1),n&2){d(5);let t=L(6);O(t?0:1)}}function xt(n,c){if(n&1&&D(0,wt,2,1),n&2){d(4);let t=L(9);O(t?-1:0)}}function Dt(n,c){if(n&1&&D(0,Ct,5,3,"spk-chip",10)(1,xt,1,1),n&2){d(3);let t=L(8);O(t?0:1)}}function bt(n,c){if(n&1&&D(0,Dt,2,1),n&2){let t=c.$implicit;O(t?0:-1)}}function Ot(n,c){if(n&1&&de(0,bt,1,1,null,null,pe),n&2){d();let t=L(4);ue(t)}}function Tt(n,c){n&1&&ee(0)}function Et(n,c){if(n&1&&D(0,Tt,1,0,"ng-container",14),n&2){d(2);let t=L(0);X("ngTemplateOutlet",t)}}function Mt(n,c){if(n&1&&k(0),n&2){let t,e=d(2);G(" ",(t=e.placeholderText())!==null&&t!==void 0?t:""," ")}}function It(n,c){if(n&1&&D(0,Et,1,1,"ng-container")(1,Mt,1,1),n&2){d();let t=L(0);O(t?0:1)}}function Vt(n,c){n&1&&(r(0,"spk-icon",6),k(1,"caret-down"),l())}function Rt(n,c){n&1&&P(0,"spk-spinner",7)}function Ft(n,c){n&1&&(r(0,"spk-icon",6),k(1,"list-magnifying-glass"),l())}function Pt(n,c){n&1&&(r(0,"spk-icon",6),k(1,"magnifying-glass"),l())}function At(n,c){if(n&1){let t=A();r(0,"spk-icon",15),b("click",function(i){_(t);let s=d();return C(s.clear(i))}),k(1,"x-bold"),l()}}function Lt(n,c){n&1&&(r(0,"spk-icon",6),k(1,"caret-down"),l())}function jt(n,c){n&1&&(r(0,"spk-icon",6),k(1,"caret-up"),l())}function Ht(n,c){if(n&1&&P(0,"spk-checkbox"),n&2){let t=d().$index,e=d();te(e.selectClasses()),I("active",e.isSelected(t))}}function Bt(n,c){n&1&&ee(0)}function Wt(n,c){if(n&1&&D(0,Bt,1,0,"ng-container",13),n&2){let t=d().$implicit;d();let e=L(7);X("ngTemplateOutlet",e)("ngTemplateOutletContext",se(2,Se,t))}}function qt(n,c){if(n&1&&k(0),n&2){let t=d().$implicit,e=d();G(" ",e.getLabel(t)," ")}}function zt(n,c){if(n&1){let t=A();r(0,"li",16),b("click",function(){let i=_(t).$index,s=d();return C(s.toggleOptionByIndex(i))}),D(1,Ht,1,4,"spk-checkbox",17)(2,Wt,1,4,"ng-container")(3,qt,1,1),l()}if(n&2){let t=c.$index,e=d(),i=L(7);I("selected",e.isSelected(t))("focused",t===e.focusedOptionIndex()),f(),O(e.selectMultiple()?1:-1),f(),O(i?2:3)}}var Nt=["dragImageElement"],Qt=[[["","sidenav",""]],[["","sidenav-closed-topbar",""]],"*"],$t=["[sidenav]","[sidenav-closed-topbar]","*"];function Ut(n,c){n&1&&P(0,"div",1,0)}function Yt(n,c){if(n&1){let t=A();r(0,"div",7),b("drop",function(i){_(t);let s=d();return C(s.drop(i))})("dragover",function(i){_(t);let s=d();return C(s.dragOver(i))})("dragenter",function(){_(t);let i=d();return C(i.dragEnter())})("dragleave",function(){_(t);let i=d();return C(i.dragLeave())}),l()}}function Xt(n,c){if(n&1){let t=A();r(0,"div",8),b("dragstart",function(i){_(t);let s=d();return C(s.dragStart(i))})("dragend",function(i){_(t);let s=d();return C(s.dragEnd(i))})("drag",function(i){_(t);let s=d();return C(s.drag(i))})("touchstart",function(i){_(t);let s=d();return C(s.touchStart(i))})("touchmove",function(i){_(t);let s=d();return C(s.touchMove(i))})("touchend",function(i){_(t);let s=d();return C(s.touchEnd(i))})("touchcancel",function(i){_(t);let s=d();return C(s.touchCancel(i))}),l()}}var Gt=["spkHeader"],Kt=[[["","table-header",""]],"*",[["","table-no-rows",""]]],Jt=["[table-header]","*","[table-no-rows]"];function Zt(n,c){n&1&&P(0,"spk-progress-bar",1)}function ei(n,c){n&1&&(r(0,"div",2),p(1,2),l())}var ti=["tooltipRef"];var Ce=["bold","thin","light","fill"],ke=(()=>{class n{#e=H(B);get currentClass(){let t=this.#e.nativeElement.innerText;for(let e=0;e<Ce.length;e++)if(t.endsWith(Ce[e]))return Ce[e];return""}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-icon"]],hostVars:2,hostBindings:function(e,i){e&2&&te(i.currentClass)},ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})(),Vi=(()=>{class n{constructor(){this._el=H(B),this.alertService=m(null),this.id=m(null),this.alertClasses=T(()=>this._el.nativeElement.classList.toString())}removeAlert(){this.id()&&this.alertService()&&this.alertService()?.removeAlert(this.id())}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-alert"]],inputs:{alertService:[1,"alertService"],id:[1,"id"]},ngContentSelectors:qe,decls:18,vars:4,consts:[["ref",""],[1,"alert"],[1,"icon"],[1,"state-icon"],[1,"title"],[1,"close-icon"],[1,"content"],[1,"close-icon",3,"click"]],template:function(e,i){if(e&1&&(w(We),r(0,"div",1)(1,"div",2,0),p(3),l(),r(4,"div",2),ge(5),D(6,ze,2,0,"spk-icon",3)(7,Ne,2,0,"spk-icon",3)(8,Qe,2,0,"spk-icon",3)(9,$e,2,0,"spk-icon",3)(10,Ue,2,0,"spk-icon",3)(11,Ye,2,0,"spk-icon",3),l(),r(12,"div",4),p(13,1),p(14,2),l(),D(15,Xe,2,0,"spk-icon",5),r(16,"div",6),p(17,3),l()()),e&2){let s=Ie(2);f(),W("display",s.children.length?"block":"none");let o=i.alertClasses();f(5),O(o.includes("primary")?6:o.includes("accent")?7:o.includes("warn")?8:o.includes("error")?9:o.includes("success")?10:11),f(9),O(i.id()?15:-1)}},dependencies:[ke],encapsulation:2,changeDetection:0})}}return n})();function ye(){return Date.now().toString(36)+Math.random().toString(36).substring(2)}var Ri=(()=>{class n{constructor(){this.alertHistory=S([]),this.alertHistoryIsOpen=S(!1),this.alertHistoryIsHidden=S(!0)}error(t){this.addAlert({type:"error",title:t??"An error occured"})}success(t){this.addAlert({type:"success",title:t})}question(t){this.addAlert({type:"question",title:t})}warning(t){this.addAlert({type:"warn",title:t})}info(t){this.addAlert({type:"primary",title:t})}addAlert(t){let e=ye();this.alertHistory.update(i=>[Z(z({},t),{isOpen:!0,animateIn:!0,animateOut:!1,id:e}),...i]),setTimeout(()=>{this.alertHistory.update(i=>i.map(s=>Z(z({},s),{animateIn:s.id===e?!1:s.animateIn})))},40),setTimeout(()=>{this.hideAlert(e)},2500)}removeAlert(t){this.alertHistory.update(e=>e.map(i=>Z(z({},i),{animateOut:i.id===t?!1:i.animateOut}))),setTimeout(()=>{this.alertHistory.update(e=>e.filter(i=>i.id!==t))},300)}hideAlert(t){this.alertHistory.update(e=>e.map(i=>Z(z({},i),{isOpen:i.id===t?!1:i.isOpen})))}setHidden(t){this.alertHistoryIsHidden.set(t)}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275prov=oe({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})(),ii={width:void 0,maxWidth:void 0,height:void 0,maxHeight:void 0,closeOnButton:!0,closeOnEsc:!0,closeOnOutsideClick:!0},ni=(()=>{class n{constructor(){this.dialogRef=N("dialogRef"),this.isOpen=V(!1),this.options=m(),this.closed=U(),this.defaultOptionMerge=T(()=>z(z({},ii),this.options())),this.abortController=null,this.isOpenEffect=M(()=>{let t=this.dialogRef()?.nativeElement;this.abortController&&this.abortController.abort(),this.abortController=new AbortController,this.isOpen()?(t?.showModal(),t?.addEventListener("close",()=>{this.isOpen.set(!1),this.closed.emit()},{signal:this.abortController?.signal}),document.addEventListener("keydown",e=>{e.key==="Escape"&&!this.defaultOptionMerge().closeOnEsc&&e.preventDefault(),e.key==="Escape"&&this.defaultOptionMerge().closeOnEsc&&this.isOpen.set(!1)},{signal:this.abortController?.signal})):(this.closed.emit(),t?.close())})}ngOnDestroy(){this.abortController?.abort()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-dialog"]],viewQuery:function(e,i){e&1&&Q(i.dialogRef,Ge,5),e&2&&q()},inputs:{isOpen:[1,"isOpen"],options:[1,"options"]},outputs:{isOpen:"isOpenChange",closed:"closed"},ngContentSelectors:R,decls:5,vars:9,consts:[["dialogRef",""],["spkDialog",""],[1,"content"],[1,"closeable-overlay"],[1,"closeable-overlay",3,"click"]],template:function(e,i){if(e&1&&(w(),r(0,"dialog",1,0)(2,"div",2),p(3),l(),D(4,Ke,1,0,"div",3),l()),e&2){let s,o,a,u;W("width",(s=i.defaultOptionMerge().width)!==null&&s!==void 0?s:"")("max-width",(o=i.defaultOptionMerge().maxWidth)!==null&&o!==void 0?o:"")("max-height",(a=i.defaultOptionMerge().maxHeight)!==null&&a!==void 0?a:"")("height",(u=i.defaultOptionMerge().height)!==null&&u!==void 0?u:""),f(4),O(i.defaultOptionMerge().closeOnOutsideClick?4:-1)}},encapsulation:2,changeDetection:0})}}return n})(),Fi=(()=>{class n{constructor(){this.#e=document.querySelector("body"),this.#t=H(Me),this.compRef=null,this.insertedCompRef=null,this.closedFieldSub=null,this.compClosedSub=null}#e;#t;open(t,e){let i=this.#t.injector,s=this.#s(),Y=e||{},{data:o,closed:a}=Y,u=xe(Y,["data","closed"]);this.compRef&&this.#i(),this.insertedCompRef=_e(t,{environmentInjector:i}),this.compRef=_e(ni,{hostElement:s,environmentInjector:i,projectableNodes:[[this.insertedCompRef.location.nativeElement]]});let h=this.insertedCompRef.instance?.data,v=this.insertedCompRef.instance?.closed;if(o){if(ae(h))this.insertedCompRef.setInput("data",o);else if(!ae(h))throw new Error("data is not an input signal on the passed component")}v instanceof re&&(this.closedFieldSub=v.subscribe((...$)=>{a?.(...$),this.#i()})),this.#t.attachView(this.insertedCompRef.hostView),this.#t.attachView(this.compRef.hostView),this.insertedCompRef.changeDetectorRef.detectChanges(),this.compRef.changeDetectorRef.detectChanges(),this.compRef.instance.isOpen.set(!0),this.compRef.setInput("options",u),this.compRef.instance.closed.subscribe(()=>F());let E=this;function F(){v&&v instanceof re?v.emit(!1):a?.(void 0),E.#i()}return this.insertedCompRef.instance}#s(){let t=document.createElement("spk-dialog-ref");return t.id="spk-dialog-ref",document.getElementById("spk-dialog-ref")||this.#e.append(t),document.getElementById("spk-dialog-ref")}#i(){this.insertedCompRef&&(this.#t.detachView(this.insertedCompRef.hostView),this.closedFieldSub?.unsubscribe(),this.insertedCompRef.destroy()),this.compRef&&(this.#t.detachView(this.compRef.hostView),this.compClosedSub?.unsubscribe(),this.compRef.destroy())}ngOnDestroy(){this.#i()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275prov=oe({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})(),Pi=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-button-group"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})(),si=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["","spk-button",""]],attrs:Je,ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})(),Ai=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-card"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})(),oi=(()=>{class n{#e=H(B);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-checkbox"]],hostBindings:function(e,i){e&1&&b("click",function(){return i.onClick()})},ngContentSelectors:R,decls:6,vars:0,consts:[[1,"box"],[1,"inherit","default-indicator"],[1,"inherit","indeterminate-indicator"]],template:function(e,i){e&1&&(w(),r(0,"div",0)(1,"spk-icon",1),k(2,"check"),l(),r(3,"spk-icon",2),k(4,"minus"),l()(),p(5))},dependencies:[ke],encapsulation:2,changeDetection:0})}}return n})(),ri=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-chip"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})();var ai=["scroll","auto"],li={width:void 0,height:void 0,closeOnButton:!0,closeOnEsc:!0},Pe=(()=>{class n{constructor(){this.#e=H(Ve),this.#t=4,this.SUPPORTS_ANCHOR=typeof CSS<"u"&&CSS.supports("position-anchor","--abc")&&CSS.supports("anchor-name","--abc"),this.above=m(!1),this.right=m(!1),this.markForCheck=m(null),this._above=S(this.above()),this._right=S(this.right()),this.disableOpenByClick=m(!1),this.isOpen=V(!1),this.options=m(),this.closed=U(),this.defaultOptionMerge=T(()=>z(z({},li),this.options())),this.triggerRef=N.required("triggerRef"),this.popoverRef=N.required("popoverRef"),this.id=S("--"+ye()),this.menuStyle=S(null),this.openAbort=null,this.openEffect=M(()=>{let t=this.popoverRef()?.nativeElement;if(this.isOpen()){this.openAbort&&this.openAbort.abort(),this.openAbort=new AbortController;let i={signal:this.openAbort?.signal};t?.showPopover(),document.addEventListener("keydown",s=>{s.key==="Escape"&&!this.defaultOptionMerge().closeOnEsc&&s.preventDefault(),s.key==="Escape"&&this.defaultOptionMerge().closeOnEsc&&this.isOpen.set(!1)},i),setTimeout(()=>{this.#s(this.popoverRef()?.nativeElement).addEventListener("scroll",()=>this.#i(),i),window.addEventListener("resize",()=>this.#i(),i),this.#i()})}else t.hidePopover(),this.openAbort?.abort(),this.closed.emit()}),this.markForCheckEffect=M(()=>{this.markForCheck()&&this.#e.markForCheck()})}#e;#t;toggleIsOpen(t){t.preventDefault(),t.stopPropagation(),this.disableOpenByClick()||this.isOpen.set(!this.isOpen())}eventClose(t){t.stopPropagation(),t.preventDefault(),this.isOpen.set(!1)}#s(t){let e=t.parentElement;for(;e;){if(ai.indexOf(window.getComputedStyle(e).overflowY)>-1&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return document.documentElement}#i(){let t=this.triggerRef()?.nativeElement.getBoundingClientRect(),e=this.popoverRef()?.nativeElement.getBoundingClientRect(),i=t.left,s=t.bottom,o=i,a=s+this.#t,u=o+e.width>window.innerWidth,h=a+e.height>window.innerHeight;if(this.SUPPORTS_ANCHOR)this._above.set(h),this._right.set(u);else{if(o=i,a=s+this.#t,h){let E=t.top-e.height-this.#t;E<0||(a=E)}u&&(o=t.right-e.width,o<0&&(o=0));let v={left:o+"px",top:a+"px"};this.menuStyle.set(v)}}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-popover"]],viewQuery:function(e,i){e&1&&(Q(i.triggerRef,Fe,5),Q(i.popoverRef,Ze,5)),e&2&&q(2)},hostVars:4,hostBindings:function(e,i){e&2&&I("above",i._above())("right",i._right())},inputs:{above:[1,"above"],right:[1,"right"],markForCheck:[1,"markForCheck"],disableOpenByClick:[1,"disableOpenByClick"],isOpen:[1,"isOpen"],options:[1,"options"]},outputs:{isOpen:"isOpenChange",closed:"closed"},ngContentSelectors:tt,decls:10,vars:6,consts:[["triggerRef",""],["popoverRef",""],[1,"trigger",3,"click"],[1,"trigger-wrapper"],["spk-button","",1,"outlined"],["popover","",1,"popover"],[1,"overlay",3,"click"]],template:function(e,i){if(e&1){let s=A();w(et),r(0,"div",2,0),b("click",function(a){return _(s),C(i.toggleIsOpen(a))}),r(2,"div",3),p(3),l(),r(4,"button",4),k(5,"Open popover"),l()(),r(6,"div",5,1)(8,"div",6),b("click",function(a){return _(s),C(i.isOpen()&&i.eventClose(a))}),l(),p(9,1),l()}e&2&&(W("anchor-name",i.id()),f(6),J(i.menuStyle()),W("position-anchor",i.id()))},dependencies:[si],encapsulation:2,changeDetection:0})}}return n})();var Li=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-divider"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})(),Ae=(()=>{class n{#e=H(B);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus(),this.#e.nativeElement.querySelector("textarea")&&this.#e.nativeElement.querySelector("textarea").focus()}ngOnInit(){let t=typeof CSS<"u"&&CSS.supports("field-sizing","content"),e=this.#e.nativeElement.querySelector("textarea");if(!t&&e!==null){let o=function(){e.style.height="auto",e.style.height=e.scrollHeight+"px"},a=function(){window.setTimeout(o,0)};var i=o,s=a;e.addEventListener("change",o),e.addEventListener("cut",a),e.addEventListener("paste",a),e.addEventListener("drop",a),e.addEventListener("keydown",a),e.focus(),e.select(),o()}}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-form-field"]],hostBindings:function(e,i){e&1&&b("click",function(){return i.onClick()})},ngContentSelectors:st,decls:16,vars:0,consts:[[1,"input-wrap"],[1,"prefix"],[1,"prefix-space"],[1,"suffix-space"],[1,"helpers"],[1,"error"],[1,"hint"]],template:function(e,i){e&1&&(w(nt),p(0),r(1,"div",0)(2,"div",1),p(3,1),p(4,2),l(),P(5,"div",2),p(6,3),p(7,4),p(8,5),P(9,"div",3),p(10,6),l(),r(11,"div",4)(12,"div",5),p(13,7),l(),r(14,"div",6),p(15,8),l()())},encapsulation:2,changeDetection:0})}}return n})();var ji=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-list"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})();function Le(n,c){let t=c?.injector||(De(Le),H(be)),{debounce:e=0,initialValue:i=void 0,transform:s=g=>g,compare:o=(g,x)=>g===x,forceType:a=void 0,returnPreviousValue:u=!0}=c||{},h=S(i),v=t.get(Oe),E=T(()=>{let g=n()?.nativeElement;if(g instanceof HTMLInputElement||g instanceof HTMLTextAreaElement)return je(g)}),F=!1,Y,$=null;return M(()=>{let g=E();if(!g)return h.set(u&&Y?s(Y):void 0);i!==void 0&&g.value===""?h.set(i):g.value!==""&&we();let x=j=>{$!==null&&clearTimeout($),$=setTimeout(()=>{$=null,we()},e)};g.addEventListener("input",x),g.addEventListener("inputValueChanged",x),v.onDestroy(()=>{g.removeEventListener("input",x),g.removeEventListener("inputValueChanged",x),$!==null&&clearTimeout($)})},{injector:t}),M(()=>{let g=E();if(!g)return;let x=h()??"",j=x==null?"":String(x);g.value!==j&&(Y=j,g.value=j,g.dispatchEvent(new Event("input")))},{injector:t}),h;function we(){if(!F){F=!0;try{let g=E();if(!g)return;let x=g.value,j=a?He(x,a):s(x);Y=x,o(h(),j)||h.set(j)}finally{F=!1}}}function je(g){return Object.defineProperty(g,"value",{configurable:!0,get(){return Object.getOwnPropertyDescriptor(Object.getPrototypeOf(g),"value").get.call(this)},set(x){Object.getOwnPropertyDescriptor(Object.getPrototypeOf(g),"value").set.call(this,x);let Be=new CustomEvent("inputValueChanged",{bubbles:!0,cancelable:!0,detail:{value:x}});return this.dispatchEvent(Be),x}}),g}function He(g,x){switch(x){case"string":return g.toString();case"number":let j=Number(g);return isNaN(j)?void 0:j;case"boolean":return g.toLowerCase()==="true"?!0:g.toLowerCase()==="false"?!1:void 0;default:return g}}}var Hi=(()=>{class n{constructor(){this.above=m(!1),this.right=m(!1),this.keepClickedOptionActive=m(!1),this.isOpen=V(!1),this.closed=U(),this.searchable=m(!1),this.activeOptionIndex=S(-1),this.inputRef=N("input"),this.options=ce("option",{descendants:!0}),this.optionsEl=T(()=>Array.from(this.options()).map(t=>t.nativeElement).filter(t=>!t.disabled)),this.inputValue=Le(this.inputRef),this.abortController=null,this.optionsEffect=M(()=>{if(!this.isOpen())return;this.abortController&&(this.abortController.abort(),this.abortController=null),this.abortController=new AbortController;let t=this.inputRef()?.nativeElement;t&&(queueMicrotask(()=>t.focus()),t.addEventListener("keydown",e=>{let i=this.optionsEl(),s=this.activeOptionIndex();e.key==="ArrowDown"?(e.preventDefault(),this.activeOptionIndex.set(this.nextActiveIndex(s))):e.key==="ArrowUp"?(e.preventDefault(),this.activeOptionIndex.set(this.prevActiveIndex(s))):e.key==="Enter"?(e.preventDefault(),s>-1&&(i[s].click(),queueMicrotask(()=>this.close("active")))):e.key==="Tab"&&(e.preventDefault(),this.close("closed"))},{signal:this.abortController.signal}))}),this.inputValueEffect=M(()=>{if(!this.searchable())return;let e=this.inputValue(),i=this.createWildcardRegex(e),s=this.optionsEl(),o=!1;for(let a=0;a<s.length;a++){let u=s[a];if(!u.textContent)continue;if(!e||e===""){u.classList.remove("hide-option");continue}!i.test(u.textContent.toLowerCase())||u.disabled?u.classList.add("hide-option"):(u.classList.remove("hide-option"),o||queueMicrotask(()=>this.activeOptionIndex.set(a)),o=!0)}}),this.activeOptionIndexEffect=M(()=>{let t=this.optionsEl(),e=this.activeOptionIndex();for(let i=0;i<t.length;i++)t[i].classList.remove("active");e>-1&&(t[e].scrollIntoView({block:"center"}),t[e].classList.add("active"))})}nextActiveIndex(t){let e=this.optionsEl();if(t===-1||t===e.length-1)return 0;let i=t+1;if(this.searchable()){if(e[i].disabled)return this.nextActiveIndex(i);if(e[i].classList.contains("hide-option"))return this.nextActiveIndex(i)}return i}prevActiveIndex(t){let e=this.optionsEl();if(t===0||t===-1)return e.length-1;let i=t-1;if(this.searchable()){if(e[i].disabled)return this.prevActiveIndex(i);if(e[i].classList.contains("hide-option"))return this.prevActiveIndex(i)}return i}close(t="closed",e){this.inputValue.set(""),(!this.keepClickedOptionActive()||t==="closed")&&this.#e(),this.isOpen.set(!1),this.closed.emit(t==="active")}#e(){this.activeOptionIndex.set(-1);let t=this.optionsEl();for(let e=0;e<t.length;e++)t[e].classList.remove("active")}ngOnDestroy(){this.abortController&&(this.abortController.abort(),this.abortController=null)}createWildcardRegex(t){let e=(t??"").toLowerCase(),i="^";for(let s of e)i+=".*"+this.escapeRegexChar(s);return i+=".*$",new RegExp(i,"i")}escapeRegexChar(t){return t.replace(/[-\/\\^$+?.()|[\]{}]/g,"\\$&")}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-menu"]],contentQueries:function(e,i,s){e&1&&ie(s,i.options,ot,5),e&2&&q()},viewQuery:function(e,i){e&1&&Q(i.inputRef,rt,5),e&2&&q()},inputs:{above:[1,"above"],right:[1,"right"],keepClickedOptionActive:[1,"keepClickedOptionActive"],isOpen:[1,"isOpen"],searchable:[1,"searchable"]},outputs:{isOpen:"isOpenChange",closed:"closed"},ngContentSelectors:lt,decls:9,vars:10,consts:[["formFieldWrapper",""],["input",""],[3,"isOpenChange","closed","isOpen","disableOpenByClick","above","right","options"],["trigger","",3,"click"],[1,"small"],["type","text","placeholder","Search"],[1,"options",3,"click"]],template:function(e,i){if(e&1){let s=A();w(at),r(0,"spk-popover",2,0),me("isOpenChange",function(a){return _(s),fe(i.isOpen,a)||(i.isOpen=a),C(a)}),b("closed",function(){return _(s),C(i.close("fromPopover"))}),r(2,"div",3),b("click",function(){return _(s),C(i.isOpen.set(!0))}),p(3),l(),r(4,"spk-form-field",4),P(5,"input",5,1),l(),r(7,"div",6),b("click",function(){return _(s),C(i.close("active"))}),p(8,1),l()()}e&2&&(he("isOpen",i.isOpen),X("disableOpenByClick",!0)("above",i.above())("right",i.right())("options",ve(9,it)),f(4),I("hidden",i.searchable()===!1),f(3),I("searching",i.searchable()&&i.inputValue()!==""))},dependencies:[Pe,Ae],encapsulation:2,changeDetection:0})}}return n})(),ci=(()=>{class n{constructor(){this.value=m(void 0)}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-progress-bar"]],inputs:{value:[1,"value"]},decls:1,vars:2,consts:[[1,"progress-bar"]],template:function(e,i){e&1&&P(0,"div",0),e&2&&W("width",i.value(),"%")},encapsulation:2,changeDetection:0})}}return n})(),Bi=(()=>{class n{#e=H(B);onClick(){this.#e.nativeElement.querySelector("input")&&this.#e.nativeElement.querySelector("input").focus()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-radio"]],hostBindings:function(e,i){e&1&&b("click",function(){return i.onClick()})},ngContentSelectors:R,decls:2,vars:0,consts:[[1,"radio"]],template:function(e,i){e&1&&(w(),P(0,"div",0),p(1))},encapsulation:2,changeDetection:0})}}return n})(),Wi=(()=>{class n{constructor(){this.#e=H(B),this.#t=null,this.unit=m(""),this.value=V(0),this.inputState=S({min:0,max:100}),this.inputEffect=M(()=>{let t=this.value();this.inputField&&t!==parseInt(this.inputField.value)&&(this.inputField.value=t+"")})}#e;#t;get inputField(){return this.#e.nativeElement.querySelector('input[type="range"]')??null}trackEvent(t){this.inputField?.readOnly&&(t.preventDefault(),t.stopPropagation())}ngOnInit(){if(this.inputField){this.inputState.set({max:parseInt(this.inputField.max??"")??100,min:parseInt(this.inputField.min??"")??0}),this.value.set(parseInt(this.inputField.value??"")??0),this.inputField.oninput=e=>{this.value.set(parseInt(this.inputField.value??"")??0)};let t=["min","max","value"];typeof MutationObserver<"u"&&(this.#t=new MutationObserver((e,i)=>{for(let s of e)s.type==="attributes"&&t.includes(s.attributeName??"")&&(this.inputState.set({max:parseInt(this.inputField.max??"")??100,min:parseInt(this.inputField.min??"")??0}),this.value.set(parseInt(this.inputField.value??"")??0))}),this.#t.observe(this.inputField,{attributes:!0,childList:!1,subtree:!1}))}else console.error("No input field found")}thumbWrapStyle(){return{left:`${this.value()/this.inputState().max*100}%`}}thumbStyle(){return{transform:`translateX(-${this.value()/this.inputState().max*100}%)`}}trackFilledStyle(){return{width:`${this.value()/this.inputState().max*100}%`}}ngOnDestroy(){this.#t&&this.#t.disconnect()}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-range-slider"]],hostVars:2,hostBindings:function(e,i){e&2&&I("has-input",i.inputField)},inputs:{unit:[1,"unit"],value:[1,"value"]},outputs:{value:"valueChange"},ngContentSelectors:pt,decls:15,vars:12,consts:[[1,"label"],[1,"input-wrap"],[1,"min-indicator"],[1,"track-wrap",3,"click"],[1,"track"],[1,"track-filled"],[1,"thumb-wrap"],[1,"thumb"],[1,"value-indicator"],[1,"max-indicator"]],template:function(e,i){e&1&&(w(ct),r(0,"div",0),p(1),l(),r(2,"div",1)(3,"div",2),k(4),l(),r(5,"div",3),b("click",function(o){return i.trackEvent(o)}),p(6,1),r(7,"div",4),P(8,"div",5),l(),r(9,"div",6)(10,"div",7)(11,"div",8),k(12),l()()()(),r(13,"div",9),k(14),l()()),e&2&&(f(4),ne("",i.inputState().min,"",i.unit(),""),f(4),J(i.trackFilledStyle()),f(),J(i.thumbWrapStyle()),f(),J(i.thumbStyle()),f(2),ne("",i.value(),"",i.unit(),""),f(2),ne("",i.inputState().max,"",i.unit(),""))},encapsulation:2,changeDetection:0})}}return n})(),pi=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-spinner"]],decls:0,vars:0,template:function(e,i){},encapsulation:2,changeDetection:0})}}return n})(),qi=(()=>{class n{constructor(){this.#e=H(B),this.value=m(),this.label=m(),this.asFreeText=m(!1),this.placeholder=m(),this.readonly=V(!1),this.disabled=V(!1),this.lazySearch=m(!1),this.inlineSearch=m(!1),this.asText=m(!1),this.isClearable=m(!0),this.selectMultiple=m(!1),this.optionTemplate=m(null),this.selectedOptionTemplate=m(null),this.placeholderTemplate=m(null),this.isOpen=V(!1),this.isLoading=V(!1),this.options=V([]),this.selectedOptions=V([]),this.cleared=U(),this.inlineTemplate=Te(le),this.optionsWrapRef=N.required("optionsWrap"),this.inputRefInput=S(null),this.#t=typeof MutationObserver<"u"&&new MutationObserver(t=>{for(var e of t)e&&(e.target.nodeName==="INPUT"||e.target.nodeName==="TEXTAREA")&&(this.inputRefInput.set(new B(e.target)),this.#t.disconnect())}),this.inputValue=S(""),this.prevInputValue=S(null),this.focusedOptionIndex=S(-1),this._isClearable=T(()=>this.selectMultiple()||this.isClearable()),this.selectClasses=T(()=>this.#e.nativeElement.classList.toString()),this.placeholderText=T(()=>{let t=this.placeholder(),e=this.inputRefEl();return t||e?.placeholder||null}),this.selectedOptionValues=T(()=>{let t=this.selectedOptions(),e=this.value();return e?t.map(i=>this.#n(i,e)):t}),this.filteredOptions=T(()=>{let t=this.options()||[],e=this.label(),i=this.value(),s=this.inlineSearch(),o=this.inputValue(),a=this.#r(this.inputValue());return t.length<=0?[]:!s||o===""?t:t.filter(u=>{let h=e?(this.#n(u,e)??"").toString().toLowerCase():(u??"").toString().toLowerCase(),v=((i?this.#n(u,i):u)??"").toString().toLowerCase(),E=a.test(h),F=a.test(v);return E||F})}),this.inputRefEl=T(()=>{let t=this.inputRefInput();if(t===null)return;let e=t?t.nativeElement:null;return e?(e.autocomplete="off",this.#o(e),e.addEventListener("focus",()=>{this.readonly()||this.open()}),this.hasSearch()&&e.addEventListener("input",i=>{let s=i.target.value,o=this.inputValue();s!==o&&(this.focusedOptionIndex.set(this.asFreeText()?-1:0),this.inputValue.set(s),this.updateInputElValue())}),e.addEventListener("inputValueChanged",i=>{let s=i.detail.value,o=this.inputValue();if(s!==o){if(s===""){this.clear();return}this.setSelectedOptionsFromValue(s),this.setInputValueFromSelectedOptions(),this.#i()}}),e):(console.warn("<spk-select> input element not found are you missing to pass an <input> or <textarea> element to select component?"),null)}),this.openAbortController=null,this.isOpenEffect=M(()=>{if(this.isOpen()){this.openAbortController||(this.openAbortController=new AbortController);let e=this.inputRefEl();if(!e)return;e.addEventListener("keydown",i=>{if((i.key==="Escape"||i.key==="Tab")&&(i.preventDefault(),this.close()),(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.toggleOptionByIndex(this.focusedOptionIndex())),i.key==="ArrowDown"){i.preventDefault();let s=this.focusedOptionIndex()+1;this.focusedOptionIndex.set(s>this.filteredOptions().length-1?0:s)}if(i.key==="ArrowUp"){i.preventDefault();let s=this.focusedOptionIndex()-1;this.focusedOptionIndex.set(s<0?this.filteredOptions().length-1:s)}},{signal:this.openAbortController?.signal})}else{if(!this.inputRefEl())return;this.openAbortController&&(this.openAbortController.abort(),this.openAbortController=null)}}),this._inputValue="",this.inputValueEffect=M(()=>{let t=this.inputValue();this._inputValue=t}),this.inputRefElEffect=M(()=>{let t=this.inputRefEl();t&&t.value!==this._inputValue&&(this.disabled.set(t.disabled),this.setSelectedOptionsFromValue(t.value),this.setInputValueFromSelectedOptions())}),this.selectedLabels=T(()=>{let t=this.selectedOptions();return this.label()?t.map(i=>this.getLabel(i)).join(", "):t.join(", ")}),this.inputState=T(()=>(this.selectedOptions().length>0||this.asFreeText()&&this.inputValue().length>0)&&!this.isOpen()?"selected":this.isLoading()?"loading":this.isOpen()&&(this.lazySearch()||this.inlineSearch())?"open-searching":this.isOpen()?"open":this.inlineSearch()||this.lazySearch()?"searching":"closed"),this.hasSearch=T(()=>this.inlineSearch()||this.lazySearch()),this.#s=M(()=>{if(this.selectMultiple()&&this.hasSearch())return;let t=this.selectedOptions(),e=this.value(),i=t.map(s=>e?this.#n(s,e):s).join(",");this.inputValue.set(i)})}#e;#t;#s;ngOnInit(){this.setInitInput()}setInitInput(){let t=this.#e.nativeElement.querySelector("input");if(t){this.inputRefInput.set(new B(t));return}let e=this.#e.nativeElement.querySelector("textarea");if(e){this.inputRefInput.set(new B(e));return}typeof MutationObserver<"u"&&this.#t.observe(this.#e.nativeElement,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}setSelectedOptionsFromValue(t){let e=this.options()||[],i=this.value(),s=this.selectMultiple(),o=t.toString().split(",");if(o.length===0){this.selectedOptions.set([]);return}let a=s?o:[o[0]],u=e.filter(h=>{let v=i?this.#n(h,i)?.toString():h?.toString();return v&&a.includes(v)});this.selectedOptions.set(s?u:[u[0]])}setInputValueFromSelectedOptions(){let t=this.selectedOptions(),e=this.value();if(t.length===0){this.inputValue.set(""),this.updateInputElValue();return}let i=t.map(s=>e?this.#n(s,e):s).join(",");this.inputValue.set(i),this.updateInputElValue()}getLabel(t){let e=this.label();return e?this.#n(t,e):t}toggleOptionByIndex(t,e){let i=this.filteredOptions()[t];if(this.asFreeText()&&t===-1||!i){this.close();return}e&&e.stopPropagation();let s=this.selectMultiple(),o=this._isClearable(),a=this.value(),u=this.selectedOptionValues(),h=a?this.#n(i,a):i;this.prevInputValue.set(null),this.selectedOptions.update(v=>{let E=u.indexOf(h);if(E>-1){let F=[...v.slice(0,E),...v.slice(E+1)];return o||F.length>0?F:v}else return this.focusedOptionIndex.set(t),s?[...v,i]:[i]}),s?this.inputRefEl()?.focus():this.isOpen.set(!1),this.setInputValueFromSelectedOptions(),s&&this.hasSearch()&&(this.inputValue.set(""),this.updateInputElValue())}removeSelectedOptionByIndex(t,e){t.stopPropagation(),this.selectedOptions.update(i=>[...i.slice(0,e),...i.slice(e+1)]),this.setInputValueFromSelectedOptions()}isSelected(t){let e=this.value(),i=this.filteredOptions()[t],s=e?this.#n(i,e):i;return this.selectedOptionValues().indexOf(s)>-1}open(){this.isOpen()||(this.isOpen.set(!0),this.hasSearch()&&(this.prevInputValue.set(this.inputValue()??""),this.inputValue.set(""),this.updateInputElValue()),this.selectMultiple()||this.#i())}#i(){let t=this.selectedOptionValues()[0],e=this.value();if(t){let i=this.filteredOptions().findIndex(s=>e?this.#n(s,e)===t:s===t);this.focusedOptionIndex.set(i)}else this.focusedOptionIndex.set(-1)}close(){this.isOpen.set(!1);let t=this.prevInputValue();if(this.asFreeText()){this.updateInputElValue();return}this.hasSearch()&&t&&(this.inputValue.set(t),this.setInputValueFromSelectedOptions()),this.selectMultiple()&&this.setInputValueFromSelectedOptions()}clear(t){t?.stopPropagation(),this.inputValue.set(""),this.selectedOptions.set([]),this.isOpen.set(!1),this.prevInputValue.set(null),this.cleared.emit(),this.updateInputElValue()}updateInputElValue(){let t=this.inputRefEl(),e=this.inputValue();t&&(t.value=e,t.dispatchEvent(new Event("input")))}#n(t,e){return e.split(".").reduce((i,s)=>i?.[s],t)}#o(t){Object.defineProperty(t,"value",{configurable:!0,get(){return Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),"value").get.call(this)},set(e){Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),"value").set.call(this,e);let s=new CustomEvent("inputValueChanged",{bubbles:!0,cancelable:!0,detail:{value:e}});return this.dispatchEvent(s),e}})}#r(t){let e=(t??"").toLowerCase(),i="^";for(let s of e)i+=".*"+this.#a(s);return i+=".*$",new RegExp(i,"i")}#a(t){return t.replace(/[-\/\\^$+?.()|[\]{}]/g,"\\$&")}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-select-new"]],contentQueries:function(e,i,s){e&1&&ie(s,i.inlineTemplate,le,5),e&2&&q()},viewQuery:function(e,i){e&1&&Q(i.optionsWrapRef,dt,5),e&2&&q()},hostVars:2,hostBindings:function(e,i){e&2&&I("multiple",i.selectMultiple())},inputs:{value:[1,"value"],label:[1,"label"],asFreeText:[1,"asFreeText"],placeholder:[1,"placeholder"],readonly:[1,"readonly"],disabled:[1,"disabled"],lazySearch:[1,"lazySearch"],inlineSearch:[1,"inlineSearch"],asText:[1,"asText"],isClearable:[1,"isClearable"],selectMultiple:[1,"selectMultiple"],optionTemplate:[1,"optionTemplate"],selectedOptionTemplate:[1,"selectedOptionTemplate"],placeholderTemplate:[1,"placeholderTemplate"],isOpen:[1,"isOpen"],isLoading:[1,"isLoading"],options:[1,"options"],selectedOptions:[1,"selectedOptions"]},outputs:{readonly:"readonlyChange",disabled:"disabledChange",isOpen:"isOpenChange",isLoading:"isLoadingChange",options:"optionsChange",selectedOptions:"selectedOptionsChange",cleared:"cleared"},ngContentSelectors:ht,decls:32,vars:20,consts:[["formFieldWrapper",""],["optionsWrap",""],[3,"isOpenChange","closed","isOpen","disableOpenByClick","options"],["trigger","",3,"click"],["ngProjectAs","input",5,["input"],1,"input"],[1,"selected-value"],["suffix",""],["suffix","",1,"primary"],[1,"sparkle-options"],[1,"option",3,"selected","focused"],[1,"small",3,"class"],[1,"small"],[3,"click"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngTemplateOutlet"],["suffix","",3,"click"],[1,"option",3,"click"],[3,"class","active"]],template:function(e,i){if(e&1){let s=A();w(ut),ge(0)(1)(2)(3)(4)(5)(6)(7)(8)(9),r(10,"spk-popover",2,0),me("isOpenChange",function(a){return _(s),fe(i.isOpen,a)||(i.isOpen=a),C(a)}),b("closed",function(){return _(s),C(i.close())}),r(12,"spk-form-field",3),b("click",function(){return _(s),C(i.open())}),p(13,0,["ngProjectAs","label",5,["label"]]),r(14,"div",4)(15,"div",5),D(16,mt,1,1)(17,Ot,2,0)(18,It,2,1),p(19,1),p(20,2),l()(),D(21,Vt,2,0,"spk-icon",6)(22,Rt,1,0,"spk-spinner",7)(23,Ft,2,0,"spk-icon",6)(24,Pt,2,0,"spk-icon",6)(25,At,2,0,"spk-icon",6)(26,Lt,2,0,"spk-icon",6)(27,jt,2,0,"spk-icon",6),l(),r(28,"div",8,1),de(30,zt,4,6,"li",9,pe),l()()}if(e&2){K(i.placeholderTemplate());let s=i.optionTemplate(),o=i.selectedOptionTemplate(),a=i.inlineTemplate();f(4);let u=K(i.selectedOptions()),h=i.inputState();f(2),K(o||s||a),f(),K(s||a),f();let v=K(!i.asText()&&i.selectMultiple());f();let E=K(i.isOpen()&&i.hasSearch()&&(v||i.inputValue().length>0));f(),he("isOpen",i.isOpen),X("disableOpenByClick",!0)("options",ve(19,ft)),f(2),I("autosize",i.selectMultiple())("readonly",i.readonly()||i.disabled()),f(2),I("show-search-text",E),f(),I("is-selected",h==="selected"),f(),O(i.asFreeText()&&i.inputValue().length>0&&!i.isOpen()?16:u.length>0?17:E?-1:18),f(5),O(h==="closed"?21:h==="loading"?22:h==="open-searching"?23:h==="searching"?24:h==="selected"&&i._isClearable()?25:h==="selected"&&!i._isClearable()?26:27),f(9),ue(i.filteredOptions())}},dependencies:[Re,Pe,Ae,ke,oi,pi,ri],encapsulation:2,changeDetection:0})}}return n})();var zi=(()=>{class n{constructor(){this.openWidth=280,this.openWidthTreshold=this.openWidth*.9,this.disableDrag=m(!1),this.isOpen=V(!1),this.type=m(""),this.dragImageElement=N.required("dragImageElement"),this.dragIsEnding=S(!1),this.dragIsOnScreen=S(!0),this.isDragging=S(!1),this.dragPositionX=S(0),this.dragActualPositionX=T(()=>{let t=this.dragPositionX(),e=.32;return t>this.openWidthTreshold?this.openWidthTreshold+(t-this.openWidthTreshold)*e:t}),this.draggingStyle=T(()=>this.type()!=="overlay"?null:this.isDragging()?`translateX(${this.dragActualPositionX()}px)`:this.isOpen()?`translateX(${this.openWidth}px)`:"translateX(0px)"),this.draggingEffect=M(()=>{this.isDragging()&&document.body.classList.add("dragging")})}drop(t){t.stopPropagation(),this.#e(t.clientX)}#e(t){this.isDragging.set(!1),t<=0?this.isOpen.set(!1):t>this.openWidthTreshold?this.isOpen.set(!0):t<this.openWidthTreshold&&(!this.isOpen()&&t<this.openWidthTreshold*.6?this.isOpen.set(!0):this.isOpen.set(!1))}dragEnd(t){(t.clientX<0||!this.dragIsOnScreen())&&this.#e(0)}dragEnter(){this.dragIsOnScreen.set(!0)}dragLeave(){this.dragIsOnScreen.set(!1)}dragOver(t){t.preventDefault(),this.#t(t)}dragStart(t){t.stopPropagation(),this.isDragging.set(!0),this.#t(t)}#t(t){t.dataTransfer?.setDragImage(this.dragImageElement().nativeElement,0,0)}drag(t){t.stopPropagation(),setTimeout(()=>{this.isDragging()&&this.dragIsOnScreen()&&this.dragPositionX.set(t.clientX)}),this.#t(t)}touchStart(t){t.stopPropagation(),this.isDragging.set(!0)}touchMove(t){t.stopPropagation(),setTimeout(()=>{this.isDragging()&&this.dragIsOnScreen()&&this.dragPositionX.set(t.touches[0].clientX)})}touchEnd(t){t.stopPropagation(),this.#e(t.changedTouches[0].clientX)}touchCancel(t){t.stopPropagation(),this.isDragging.set(!1)}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-sidenav"]],viewQuery:function(e,i){e&1&&Q(i.dragImageElement,Nt,5),e&2&&q()},hostVars:10,hostBindings:function(e,i){e&2&&I("open",i.isOpen())("closed",!i.isOpen())("overlay",i.type()==="overlay")("simple",i.type()==="simple")("is-dragging",i.isDragging())},inputs:{disableDrag:[1,"disableDrag"],isOpen:[1,"isOpen"],type:[1,"type"]},outputs:{isOpen:"isOpenChange"},ngContentSelectors:$t,decls:10,vars:5,consts:[["dragImageElement",""],[1,"drag-image"],[1,"dropping-surface"],[1,"sidenav"],[1,"main-wrap"],["draggable","true",1,"dragable"],[1,"closed-topbar"],[1,"dropping-surface",3,"drop","dragover","dragenter","dragleave"],["draggable","true",1,"dragable",3,"dragstart","dragend","drag","touchstart","touchmove","touchend","touchcancel"]],template:function(e,i){e&1&&(w(Qt),D(0,Ut,2,0,"div",1)(1,Yt,1,0,"div",2),r(2,"div",3),p(3),l(),r(4,"div",4),D(5,Xt,1,0,"div",5),r(6,"div",6),p(7,1),l(),r(8,"main"),p(9,2),l()()),e&2&&(O(i.type()==="overlay"?0:-1),f(),O(i.type()==="overlay"&&i.isDragging()?1:-1),f(3),W("transform",i.draggingStyle()),f(),O(i.type()==="overlay"&&!i.disableDrag()?5:-1))},encapsulation:2,changeDetection:0})}}return n})();var Ni=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-stepper"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})();var Qi=(()=>{class n{constructor(){this.loading=m(!1),this.data=m([]),this.dataChange=U(),this.sortByColumn=V(null),this.columns=ce("spkHeader",{descendants:!0}),this.resizing=S(!1),this.sizeTrigger=S(!0),this.#e=null,this.#t=S(!1),this.columnSizes=T(()=>(this.sizeTrigger(),this.columns().reduce((t,e,i)=>{let s=e.nativeElement,o=i===this.columns().length-1;return s.dataset.size?`${t} ${s.dataset.size}`:o?`${t} max-content`:`${t} 1fr`},""))),this.e=M(()=>{let t=this.sortByColumn();if(t===null)return this.#t()||(this.#e=this.data(),this.#t.set(!0)),this.dataChange.emit(JSON.parse(JSON.stringify(this.#e)));let e=t.startsWith("-")?t.slice(1):t,i=t.startsWith("-"),s=this.data().sort((o,a)=>{let u=o[e],h=a[e],v=0;return typeof u=="number"&&typeof h=="number"&&(v=u-h),u instanceof Date&&h instanceof Date&&(v=u.getTime()-h.getTime()),typeof u=="string"&&typeof h=="string"&&(v=u.localeCompare(h,void 0,{sensitivity:"base"})),i?-v:v});this.dataChange.emit(s)})}#e;#t;updateColumnSizes(){this.sizeTrigger.set(!this.sizeTrigger())}toggleSort(t){let e=this.sortByColumn(),i=e===t?`-${t}`:e===`-${t}`?null:t;this.sortByColumn.set(i)}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-table"]],contentQueries:function(e,i,s){e&1&&ie(s,i.columns,Gt,5),e&2&&q()},hostVars:4,hostBindings:function(e,i){e&2&&(W("grid-template-columns",i.columnSizes()),I("resizing",i.resizing()))},inputs:{loading:[1,"loading"],data:[1,"data"],sortByColumn:[1,"sortByColumn"]},outputs:{dataChange:"dataChange",sortByColumn:"sortByColumnChange"},ngContentSelectors:Jt,decls:7,vars:2,consts:[["thead",""],[1,"indeterminate","primary"],[1,"no-rows"]],template:function(e,i){e&1&&(w(Kt),r(0,"thead",null,0),p(2),D(3,Zt,1,0,"spk-progress-bar",1),l(),r(4,"tbody"),p(5,1),l(),D(6,ei,2,0,"div",2)),e&2&&(f(3),O(i.loading()?3:-1),f(3),O(i.loading()?-1:6))},dependencies:[ci],encapsulation:2,changeDetection:0})}}return n})(),$i=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-tabs"]],ngContentSelectors:R,decls:1,vars:0,template:function(e,i){e&1&&(w(),p(0))},encapsulation:2,changeDetection:0})}}return n})();var Ui=(()=>{class n{static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-toggle"]],ngContentSelectors:R,decls:3,vars:0,consts:[[1,"box"],[1,"knob"]],template:function(e,i){e&1&&(w(),r(0,"div",0),P(1,"div",1),l(),p(2))},encapsulation:2,changeDetection:0})}}return n})(),Yi=(()=>{class n{constructor(){this.#e=4,this.SUPPORTS_ANCHOR=CSS.supports("position-anchor","--abc")&&CSS.supports("anchor-name","--abc"),this.disabled=m(!1),this.above=m(!1),this.right=m(!1),this._above=S(this.above()),this._right=S(this.right()),this.message=m.required(),this.isOpen=V(!1),this.closed=U(),this.triggerRef=N.required("triggerRef"),this.tooltipRef=N.required("tooltipRef"),this.id=S("--"+ye()),this.menuStyle=S(null),this.isCalculatingPosition=T(()=>{let t=this.tooltipRef()?.nativeElement;return this.isOpen()?(t?.showPopover(),!0):(t.hidePopover(),this.abortController?.abort(),this.closed.emit(),!1)}),this.abortController=null,this.calcPositionEffect=M(()=>{if(!this.isCalculatingPosition())return;this.abortController&&this.abortController.abort(),this.abortController=new AbortController;let e=this.abortController.signal;this.calculateMenuPosition(),this.#t(this.tooltipRef()?.nativeElement).addEventListener("scroll",()=>this.calculateMenuPosition(),{signal:e}),document.addEventListener("resize",()=>this.calculateMenuPosition(),{signal:e})}),this.scrollableStyles=["scroll","auto"]}#e;#t(t){let e=t.parentElement;for(;e;){if(this.scrollableStyles.indexOf(window.getComputedStyle(e).overflowY)>-1&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return document.documentElement}eventClose(t){t.stopPropagation(),t.preventDefault(),this.isOpen.set(!1)}ngOnDestroy(){this.abortController&&this.abortController.abort()}calculateMenuPosition(){let t=this.triggerRef()?.nativeElement.getBoundingClientRect(),e=this.tooltipRef()?.nativeElement.getBoundingClientRect(),i=t.left,s=t.bottom,o=i,a=s+this.#e,u=o+e.width>window.innerWidth,h=a+e.height>window.innerHeight;if(this.SUPPORTS_ANCHOR)this._above.set(h),this._right.set(u);else{if(this.above()){let v=t.top-e.height-this.#e;v>=0&&(a=v)}else h&&(a=t.top-e.height-this.#e);if(this.right()){let v=t.right-e.width;v>=0&&(o=v)}else u&&(a=h?t.top+t.height-e.height:t.top,o=t.left-e.width-this.#e);this.menuStyle.set({left:o+"px",top:a+"px"})}}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275cmp=y({type:n,selectors:[["spk-tooltip"]],viewQuery:function(e,i){e&1&&(Q(i.triggerRef,Fe,5),Q(i.tooltipRef,ti,5)),e&2&&q(2)},hostVars:6,hostBindings:function(e,i){e&2&&I("above",i._above())("right",i._right())("disabled",i.disabled())},inputs:{disabled:[1,"disabled"],above:[1,"above"],right:[1,"right"],message:[1,"message"],isOpen:[1,"isOpen"]},outputs:{isOpen:"isOpenChange",closed:"closed"},ngContentSelectors:R,decls:6,vars:7,consts:[["triggerRef",""],["tooltipRef",""],[1,"trigger",3,"mouseover","mouseout"],["popover","",1,"tooltip"]],template:function(e,i){if(e&1){let s=A();w(),r(0,"div",2,0),b("mouseover",function(){return _(s),C(i.isOpen.set(!0))})("mouseout",function(){return _(s),C(i.isOpen.set(!1))}),p(2),l(),r(3,"div",3,1),k(5),l()}e&2&&(W("anchor-name",i.id()),f(3),J(i.menuStyle()),W("position-anchor",i.id()),f(2),G(" ",i.message()," "))},encapsulation:2,changeDetection:0})}}return n})();var Xi=(()=>{class n{constructor(){this.filesOver=S(!1),this.filesDropped=U()}onDragOver(t){t.preventDefault(),t.stopPropagation(),this.filesOver.set(!0)}onDragLeave(t){t.preventDefault(),t.stopPropagation(),this.filesOver.set(!1)}ondrop(t){t.preventDefault(),t.stopPropagation(),this.filesOver.set(!1);let e=t.dataTransfer?.files;e&&e.length>0&&this.filesDropped.emit(e)}static{this.\u0275fac=function(e){return new(e||n)}}static{this.\u0275dir=Ee({type:n,selectors:[["","spkDragDrop",""]],hostVars:2,hostBindings:function(e,i){e&1&&b("dragover",function(o){return i.onDragOver(o)})("dragleave",function(o){return i.onDragLeave(o)})("drop",function(o){return i.ondrop(o)}),e&2&&I("filesover",i.filesOver())},outputs:{filesDropped:"filesDropped"}})}}return n})();export{ke as a,Vi as b,Ri as c,ni as d,Fi as e,Pi as f,si as g,Ai as h,oi as i,ri as j,Li as k,Ae as l,ji as m,Hi as n,ci as o,Bi as p,Wi as q,qi as r,zi as s,Ni as t,Qi as u,$i as v,Ui as w,Yi as x,Xi as y};
|
package/chunk-GMW5Y454.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as K}from"./chunk-3T23UBO4.js";import{a as Ie}from"./chunk-BIVRH4JH.js";import{a as U}from"./chunk-ODIN2IGP.js";import{a as Ee,b as h,d as k,e as M,h as L,j as de,m as $,p as D,q as y,r as Oe,s as A}from"./chunk-5OX72VKG.js";import{b as I}from"./chunk-UIOTKB6J.js";import{a as P,c as d}from"./chunk-N7DO2BHU.js";import{a as b,g as v,l as fe,o as Ce,p as Re,r as Ne,w as Pe}from"./chunk-CDH4KG7H.js";import{pa as Y}from"./chunk-WYTHNCNI.js";import{Ab as a,B as ae,Bb as l,C as E,Cb as V,Db as X,Fb as x,G as le,L as _e,Lb as c,Lc as q,Mb as u,Nb as g,Ob as ue,Pa as F,Pb as Fe,Q as pe,Rb as T,Sb as B,W as _,ba as C,ca as R,cb as N,ec as z,f as re,hb as w,hc as Se,pc as me,qb as S,sa as p,sb as ce,u as se,uc as ge,vb as G,wc as Te,zb as s}from"./chunk-ZSSQBIRK.js";var he=new y,Le=()=>he.group({passphrase:he.control("")}),H=class n{#t=_(I);#e=_(O);#o=_(d);#i=_(P);encryptionForm=this.#e.encryptionForm;creatingTemporaryBackup=p(!1);next(){let t=this.#e.destinationTargetUrl();if(!t)throw new Error("No target URL");this.creatingTemporaryBackup.set(!0);let e=this.encryptionForm.value?.passphrase??null,o=[{Name:"--no-encryption",Value:"true"}];e&&(o=[{Name:"--passphrase",Value:e}]),this.#t.postApiV1Backups({requestBody:{Backup:{TargetURL:t,Settings:o}},temporary:!0}).pipe(E(()=>this.creatingTemporaryBackup.set(!1))).subscribe({next:i=>{let r=i.ID;this.#e.getBackup(r),this.#o.navigate([`/restore-draft/${r}`])},error:i=>{console.error(i)}})}back(){this.#e.isFileRestore()?this.#o.navigate(["encryption"],{relativeTo:this.#i.parent}):this.#e.exit()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=N({type:n,selectors:[["app-restore-encryption"]],decls:12,vars:1,consts:()=>{let t;t=$localize`Enter backup passphrase if defined.`;let e;e=$localize`Password`;let o;o=$localize`${"\uFFFD#8\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#8\uFFFD"}:CLOSE_TAG_SPK_ICON: Back `;let i;return i=$localize`${"\uFFFD#11\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#11\uFFFD"}:CLOSE_TAG_SPK_ICON: Continue `,[e,o,i,[3,"submit","formGroup"],["for","password"],["type","password","id","password","placeholder",t,"formControlName","passphrase"],[1,"form-actions"],["spk-button","","type","button",3,"click"],["spk-button","","type","submit",1,"raised","primary"]]},template:function(e,o){e&1&&(s(0,"form",3),T("submit",function(){return o.next()}),s(1,"spk-form-field")(2,"label",4),g(3,0),a(),l(4,"input",5),a(),s(5,"div",6)(6,"button",7),T("click",function(){return o.back()}),c(7,1),l(8,"spk-icon"),u(),a(),s(9,"button",8),c(10,2),l(11,"spk-icon"),u(),a()()()),e&2&&S("formGroup",o.encryptionForm)},dependencies:[A,L,h,k,M,$,D,fe,b,v],styles:["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}"],changeDetection:0})};function ye(n,t){n&1&&l(0,"spk-progress-bar",7)}function Ae(n,t){if(n&1&&(s(0,"div",13),z(1),ge(2,"date"),a()),n&2){let e=t.$implicit;F(),Se("",e.Version,": ",Te(2,2,e.Time,"medium"),"")}}function be(n,t){n&1&&l(0,"spk-progress-bar",7)}function ve(n,t){if(n&1&&(s(0,"app-file-tree",14)(1,"label",15),g(2,4),a(),l(3,"input",16),a()),n&2){let e=B(3);S("rootPath",e.rootPath())("backupSettings",e.backupSettings())("multiSelect",!0)("showFiles",!0)}}function we(n,t){if(n&1&&w(0,ve,4,4,"app-file-tree",14),n&2){let e=B(2);G((e.isDraft()&&!e.isRepairing()||!e.isDraft())&&e.backupSettings()?0:-1)}}function Ge(n,t){if(n&1){let e=x();s(0,"spk-select-new",11),T("cleared",function(){C(e);let i=B();return R(i.abortLoading())}),l(1,"input",12),w(2,Ae,3,5,"ng-template"),a(),w(3,be,1,0,"spk-progress-bar",7)(4,we,1,1)}if(n&2){let e=B();S("options",e.versionOptions())("isClearable",!0),F(3),G(e.isDraft()&&e.isRepairing()||e.versionOptionsLoading()||e.loadingRootPath()?3:-1),F(),G(e.showFileTree()?4:-1)}}var j=new y,$e=()=>j.group({filesToRestore:j.control(""),selectedOption:j.control(null),passphrase:j.control(null)}),Q=class n{#t=_(I);#e=_(O);#o=_(d);#i=_(P);#n=_(Y);selectFilesForm=this.#e.selectFilesForm;selectFilesFormSignal=this.#e.selectFilesFormSignal;selectOptionSignal=this.#e.selectOptionSignal;backupId=this.#e.backupId;versionOptionsLoading=this.#e.versionOptionsLoading;versionOptions=this.#e.versionOptions;isDraft=this.#e.isDraft;isFileRestore=this.#e.isFileRestore;showFileTree=p(!1);backupSettings=p(null);rootPath=p(void 0);loadingRootPath=p(!1);isRepairing=p(!1);backupSettingsEffect=q(()=>{let t=this.backupId(),e=typeof this.selectOptionSignal()=="string"?parseInt(this.selectOptionSignal()):this.selectOptionSignal();if(typeof e!="number"||!t)return;let i=this.versionOptions()?.find(r=>r.Version===e)?.Time??null;i&&(this.showFileTree.set(!1),setTimeout(()=>{let r={id:t+"",time:i};this.backupSettings.set(r),this.getRootPath(r)}))});repairEffect=q(()=>{let t=this.#e.isDraft(),e=this.selectOptionSignal();if(t&&e){let o=this.backupId();this.isRepairing.set(!0),this.#t.postApiV1BackupByIdRepairupdate({id:o,requestBody:{only_paths:!0,time:new Date().toISOString()}}).pipe(E(()=>this.isRepairing.set(!1))).subscribe()}});getRootPath(t){let e={id:t.id+"",time:t.time,prefixOnly:!0,folderContents:!1};this.loadingRootPath.set(!0),this.#t.getApiV1BackupByIdFiles(e).pipe(_e(this.abortLoading$),E(()=>{this.showFileTree.set(!0),this.loadingRootPath.set(!1)})).subscribe({next:o=>{let i=o.Files[0].Path;this.rootPath.set(i)}})}abortLoading$=new re;abortLoading(){this.showFileTree.set(!1),this.loadingRootPath.set(!1),this.abortLoading$.next(!0)}displayFn(){let t=this.versionOptions();return e=>{if(!e)return"";let o=t?.find(i=>typeof i.Version=="number"&&i.Version.toString()===e);return o?`${o.Version}: ${this.#n.transform(o.Time,"medium")}`:""}}next(){this.#o.navigate(["options"],{relativeTo:this.#i.parent})}back(){this.#e.isFileRestore()?this.#o.navigate(["encryption"],{relativeTo:this.#i.parent}):this.#e.exit()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=N({type:n,selectors:[["app-select-files"]],features:[me([Y])],decls:13,vars:3,consts:()=>{let t;t=$localize`Select files`;let e;e=$localize`${"\uFFFD#9\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#9\uFFFD"}:CLOSE_TAG_SPK_ICON: ${"\uFFFD0\uFFFD"}:INTERPOLATION: `;let o;o=$localize`${"\uFFFD#12\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#12\uFFFD"}:CLOSE_TAG_SPK_ICON: Continue `;let i;i=$localize`Select an option...`;let r;return r=$localize`Path`,[["formRef",""],t,e,o,r,[3,"submit","formGroup"],[1,"title-30"],[1,"indeterminate","primary"],[1,"form-actions"],["spk-button","","type","button",3,"click"],["spk-button","","type","submit",1,"raised","primary"],["value","Version",3,"cleared","options","isClearable"],["type","text","placeholder",i,"formControlName","selectedOption"],[1,"custom-option"],[3,"rootPath","backupSettings","multiSelect","showFiles"],["for","path"],["type","text","id","path","formControlName","filesToRestore"]]},template:function(e,o){if(e&1){let i=x();s(0,"form",5,0),T("submit",function(){return C(i),R(o.next())}),s(2,"h3",6),g(3,1),a(),w(4,ye,1,0,"spk-progress-bar",7)(5,Ge,5,4),s(6,"div",8)(7,"button",9),T("click",function(){return C(i),R(o.back())}),c(8,2),l(9,"spk-icon"),u(),a(),s(10,"button",10),c(11,3),l(12,"spk-icon"),u(),a()()()}e&2&&(S("formGroup",o.selectFilesForm),F(4),G(o.versionOptionsLoading()?4:5),F(5),ue(o.isFileRestore()?"Back":"Exit"),Fe(8))},dependencies:[Oe,L,h,k,M,A,$,D,Y,K,v,b,Ne,Ce],styles:["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}"],changeDetection:0})};var O=class n{#t=_(d);#e=_(I);backupId=p(null);backup=p(null);destinationTargetUrl=p(null);selectFilesForm=$e();optionsForm=De();encryptionForm=Le();optionsFormSignal=U(this.optionsForm.valueChanges);selectFilesFormSignal=U(this.selectFilesForm.valueChanges);selectOptionSignal=U(this.selectFilesForm.controls.selectedOption.valueChanges);versionOptionsLoading=p(!1);versionOptions=p([]);isSubmitting=p(!1);isDraft=p(!1);isFileRestore=p(!1);init(t,e=!1,o=!1){this.backupId.set(t),this.isFileRestore.set(e),this.isDraft.set(o),e&&this.#t.navigate(["/restore-from-files/destination"]),e||this.getBackup(t,!0)}updateTargetUrl(t){this.destinationTargetUrl.set(t)}submit(){this.isSubmitting.set(!0);let t=this.backupId(),e=this.optionsForm.value,o=this.selectFilesForm.value,i=this.versionOptions()?.find(r=>r.Version===o.selectedOption);this.#e.postApiV1BackupByIdRestore({id:t??"",requestBody:{paths:o.filesToRestore?.split("\0").map(r=>`${r}*`)??[],passphrase:o.passphrase??null,time:i?.Time,restore_path:e.restoreFromPath,overwrite:e.handleExisting==="overwrite",permissions:e.permissions,skip_metadata:!0}}).pipe(E(()=>this.isSubmitting.set(!1))).subscribe({next:()=>this.exit(),error:r=>{console.error("restore error",r)}})}exit(){this.#o(),this.#t.navigate(["/"])}getVersionOptions(){this.versionOptions()}getBackup(t,e=!1){this.versionOptionsLoading.set(!0),se([this.#e.getApiV1BackupById({id:t}),this.#e.getApiV1BackupByIdFilesets({id:t}).pipe(le(3))]).pipe(ae(1),E(()=>this.versionOptionsLoading.set(!1))).subscribe({next:([o,i])=>{this.versionOptions.set(i),this.backup.set(o)}})}#o(){this.selectFilesForm.reset(),this.optionsForm.reset()}static \u0275fac=function(e){return new(e||n)};static \u0275prov=pe({token:n,factory:n.\u0275fac,providedIn:"root"})};var W=new y,De=()=>W.group({restoreFrom:W.control("orignal"),restoreFromPath:W.control(""),handleExisting:W.control("overwrite"),permissions:W.control(!1)}),Z=class n{#t=_(O);#e=_(d);#o=_(P);optionsForm=this.#t.optionsForm;optionsFormSignal=this.#t.optionsFormSignal;isSubmitting=this.#t.isSubmitting;goBack(){this.#e.navigate(["select-files"],{relativeTo:this.#o.parent})}submit(){this.#t.submit()}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=N({type:n,selectors:[["app-advanced-options-settings"]],decls:39,vars:6,consts:()=>{let t;t=$localize`Restore options`;let e;e=$localize`Where do you want to restore files from?`;let o;o=$localize` Original location ${"\uFFFD#9\uFFFD\uFFFD/#9\uFFFD"}:TAG_INPUT:`;let i;i=$localize` Pick location ${"\uFFFD#12\uFFFD\uFFFD/#12\uFFFD"}:TAG_INPUT:`;let r;r=$localize`How do you want to handle existing files?`;let f;f=$localize` Overwrite ${"\uFFFD#22\uFFFD\uFFFD/#22\uFFFD"}:TAG_INPUT:`;let ee;ee=$localize` Save different versions with timestamp in file name ${"\uFFFD#25\uFFFD\uFFFD/#25\uFFFD"}:TAG_INPUT:`;let te;te=$localize`Permissions`;let oe;oe=$localize` Restore read/write permissions ${"\uFFFD#31\uFFFD\uFFFD/#31\uFFFD"}:TAG_INPUT:`;let ie;ie=$localize`${"\uFFFD#35\uFFFD"}:START_TAG_SPK_ICON:arrow-left${"\uFFFD/#35\uFFFD"}:CLOSE_TAG_SPK_ICON: Go back `;let ne;return ne=$localize`${"\uFFFD#38\uFFFD"}:START_TAG_SPK_ICON:arrow-right${"\uFFFD/#38\uFFFD"}:CLOSE_TAG_SPK_ICON: Submit `,[["formRef",""],t,e,o,i,r,f,ee,te,oe,ie,ne,[3,"submit","formGroup"],[1,"title-30"],[3,"disallowToggle"],["title",""],[1,"raised","primary"],["type","radio","name","restoreFrom","value","orignal","formControlName","restoreFrom"],["type","radio","name","restoreFrom","value","pickLocation","formControlName","restoreFrom"],[3,"disabled"],["for","path"],["type","text","id","path","formControlName","restoreFromPath"],["type","radio","name","handleExisting","value","overwrite","formControlName","handleExisting"],["type","radio","name","handleExisting","value","saveTimestamp","formControlName","handleExisting"],[1,"primary","raised"],["type","checkbox","formControlName","permissions"],[1,"form-actions"],["spk-button","","type","button",3,"click"],["spk-button","","type","submit",1,"raised","primary"]]},template:function(e,o){if(e&1){let i=x();s(0,"form",12,0),T("submit",function(){return C(i),R(o.submit())}),s(2,"h3",13),g(3,1),a(),s(4,"app-toggle-card",14),V(5,15),g(6,2),X(),s(7,"spk-radio",16),c(8,3),l(9,"input",17),u(),a(),s(10,"spk-radio",16),c(11,4),l(12,"input",18),u(),a(),s(13,"app-file-tree",19)(14,"label",20),z(15,"Path"),a(),l(16,"input",21),a()(),s(17,"app-toggle-card",14),V(18,15),g(19,5),X(),s(20,"spk-radio",16),c(21,6),l(22,"input",22),u(),a(),s(23,"spk-radio",16),c(24,7),l(25,"input",23),u(),a()(),s(26,"app-toggle-card"),V(27,15),g(28,8),X(),s(29,"spk-toggle",24),c(30,9),l(31,"input",25),u(),a()(),s(32,"div",26)(33,"button",27),T("click",function(){return C(i),R(o.goBack())}),c(34,10),l(35,"spk-icon"),u(),a(),s(36,"button",28),c(37,11),l(38,"spk-icon"),u(),a()()()}if(e&2){let i;S("formGroup",o.optionsForm),F(4),S("disallowToggle",!0),F(9),S("disabled",((i=o.optionsFormSignal())==null?null:i.restoreFrom)!=="pickLocation"),F(4),S("disallowToggle",!0),F(19),ce("loader",o.isSubmitting())}},dependencies:[A,L,h,Ee,de,k,M,$,D,Ie,K,Pe,Re,v,b],styles:["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.form-actions[_ngcontent-%COMP%]{display:flex;justify-content:space-between}"],changeDetection:0})};export{De as a,Z as b,Le as c,H as d,$e as e,Q as f,O as g};
|
package/chunk-JJOXLPZI.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./chunk-C6Q5SG76.js";var o=[{path:"",redirectTo:"general",pathMatch:"full"},{path:"general",loadComponent:()=>import("./chunk-AM4I6XHR.js")},{path:"destination",loadComponent:()=>import("./chunk-IOCSGWZ3.js")},{path:"source-data",loadComponent:()=>import("./chunk-KD4DXWHW.js")},{path:"schedule",loadComponent:()=>import("./chunk-KL4KTR4Z.js")},{path:"options",loadComponent:()=>import("./chunk-H3MGI3SF.js")}];export{o as default};
|