proto-daisy-ui 0.0.36 → 0.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-68d57682.js → index-b50213e7.js} +9 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/proto-daisy-ui.cjs.entry.js +2 -2
- package/dist/cjs/proto-daisy-ui.cjs.js +2 -2
- package/dist/cjs/proto-dial.cjs.entry.js +1 -1
- package/dist/cjs/proto-hero.cjs.entry.js +2 -2
- package/dist/cjs/proto-home.cjs.entry.js +2 -2
- package/dist/cjs/proto-list.cjs.entry.js +2 -2
- package/dist/cjs/proto-shell.cjs.entry.js +2 -2
- package/dist/cjs/proto-stats.cjs.entry.js +2 -2
- package/dist/cjs/{store-fce5aecf.js → store-920172a5.js} +131 -45
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/utils/bag.js +13 -14
- package/dist/collection/utils/store.js +49 -30
- package/dist/collection/utils/tw-version.js +1 -1
- package/dist/components/store.js +130 -44
- package/dist/esm/{index-bcfd46a8.js → index-d242f89d.js} +9 -4
- package/dist/esm/loader.js +2 -2
- package/dist/esm/proto-daisy-ui.entry.js +2 -2
- package/dist/esm/proto-daisy-ui.js +2 -2
- package/dist/esm/proto-dial.entry.js +1 -1
- package/dist/esm/proto-hero.entry.js +2 -2
- package/dist/esm/proto-home.entry.js +2 -2
- package/dist/esm/proto-list.entry.js +2 -2
- package/dist/esm/proto-shell.entry.js +2 -2
- package/dist/esm/proto-stats.entry.js +2 -2
- package/dist/esm/{store-39ba6c85.js → store-92be6e6b.js} +131 -45
- package/dist/proto-daisy-ui/{p-3c288217.entry.js → p-0e0d2709.entry.js} +1 -1
- package/dist/proto-daisy-ui/p-26170377.js +2 -0
- package/dist/proto-daisy-ui/{p-cd7fd448.entry.js → p-6516685a.entry.js} +1 -1
- package/dist/proto-daisy-ui/{p-19a48498.entry.js → p-70f7864d.entry.js} +1 -1
- package/dist/proto-daisy-ui/{p-3ff6966b.entry.js → p-712bb6bb.entry.js} +1 -1
- package/dist/proto-daisy-ui/p-8c61f0e9.js +1 -0
- package/dist/proto-daisy-ui/{p-03bf62cf.entry.js → p-90a8f414.entry.js} +1 -1
- package/dist/proto-daisy-ui/{p-83e46655.entry.js → p-c2b71b4d.entry.js} +1 -1
- package/dist/proto-daisy-ui/p-e7f8042b.entry.js +1 -0
- package/dist/proto-daisy-ui/proto-daisy-ui.esm.js +1 -1
- package/dist/types/utils/bag.d.ts +3 -3
- package/dist/types/utils/tw-version.d.ts +1 -1
- package/package.json +5 -4
- package/dist/proto-daisy-ui/p-a0e57a17.js +0 -2
- package/dist/proto-daisy-ui/p-ce6b914c.entry.js +0 -1
- package/dist/proto-daisy-ui/p-f681bd94.js +0 -1
|
@@ -39,10 +39,10 @@ const plt = {
|
|
|
39
39
|
ce: (eventName, opts) => new CustomEvent(eventName, opts),
|
|
40
40
|
};
|
|
41
41
|
const promiseResolve = (v) => Promise.resolve(v);
|
|
42
|
-
const
|
|
42
|
+
const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
|
|
43
43
|
try {
|
|
44
44
|
new CSSStyleSheet();
|
|
45
|
-
return typeof new CSSStyleSheet().
|
|
45
|
+
return typeof new CSSStyleSheet().replaceSync === 'function';
|
|
46
46
|
}
|
|
47
47
|
catch (e) { }
|
|
48
48
|
return false;
|
|
@@ -66,9 +66,14 @@ const uniqueTime = (key, measureText) => {
|
|
|
66
66
|
const rootAppliedStyles = new WeakMap();
|
|
67
67
|
const registerStyle = (scopeId, cssText, allowCS) => {
|
|
68
68
|
let style = styles.get(scopeId);
|
|
69
|
-
if (
|
|
69
|
+
if (supportsConstructableStylesheets && allowCS) {
|
|
70
70
|
style = (style || new CSSStyleSheet());
|
|
71
|
-
style
|
|
71
|
+
if (typeof style === 'string') {
|
|
72
|
+
style = cssText;
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
style.replaceSync(cssText);
|
|
76
|
+
}
|
|
72
77
|
}
|
|
73
78
|
else {
|
|
74
79
|
style = cssText;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.17.
|
|
8
|
+
Stencil Client Patch Esm v2.17.1 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const protoDaisyUiCss = ":root,[data-theme]{background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));color:hsla(var(--bc) / var(--tw-text-opacity, 1))}html{-webkit-tap-highlight-color:transparent}:root{--p:259 94% 51%;--pf:259 94% 41%;--sf:314 100% 38%;--af:174 60% 41%;--nf:219 14% 22%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--pc:0 0% 100%;--s:314 100% 47%;--sc:0 0% 100%;--a:174 60% 51%;--ac:175 44% 15%;--n:219 14% 28%;--nc:0 0% 100%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%}@media (prefers-color-scheme: dark){:root{--p:262 80% 50%;--pf:262 80% 40%;--sf:316 70% 40%;--af:175 70% 33%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:218 18% 12%;--nf:223 17% 8%;--nc:220 13% 69%;--b1:220 18% 20%;--b2:220 17% 17%;--b3:219 18% 15%;--bc:220 13% 69%}}[data-theme='light']{--p:259 94% 51%;--pf:259 94% 41%;--sf:314 100% 38%;--af:174 60% 41%;--nf:219 14% 22%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--pc:0 0% 100%;--s:314 100% 47%;--sc:0 0% 100%;--a:174 60% 51%;--ac:175 44% 15%;--n:219 14% 28%;--nc:0 0% 100%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%}[data-theme='dark']{--p:262 80% 50%;--pf:262 80% 40%;--sf:316 70% 40%;--af:175 70% 33%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:218 18% 12%;--nf:223 17% 8%;--nc:220 13% 69%;--b1:220 18% 20%;--b2:220 17% 17%;--b3:219 18% 15%;--bc:220 13% 69%}[data-theme='aqua']{--p:182 93% 49%;--pf:182 93% 40%;--sf:274 31% 45%;--af:47 100% 64%;--nf:205 54% 40%;--b2:219 53% 39%;--b3:219 53% 35%;--bc:219 100% 89%;--sc:274 100% 91%;--ac:47 100% 16%;--nc:205 100% 90%;--inc:221 100% 91%;--suc:142 100% 87%;--wac:32 100% 9%;--erc:0 100% 90%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--pc:181 100% 17%;--s:274 31% 57%;--a:47 100% 80%;--n:205 54% 50%;--b1:219 53% 43%;--in:221 83% 53%;--su:142 76% 36%;--wa:32 95% 44%;--er:0 72% 51%}[data-theme='business']{--p:210 64% 31%;--pf:210 64% 24%;--sf:200 13% 44%;--af:13 80% 48%;--nf:213 14% 13%;--b2:0 0% 11%;--b3:0 0% 10%;--bc:0 0% 83%;--pc:210 100% 86%;--sc:200 100% 11%;--ac:13 100% 12%;--nc:213 28% 83%;--inc:199 100% 88%;--suc:144 100% 11%;--wac:39 100% 12%;--erc:6 100% 89%;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--s:200 13% 55%;--a:13 80% 60%;--n:213 14% 16%;--b1:0 0% 13%;--in:199 100% 42%;--su:144 31% 56%;--wa:39 64% 60%;--er:6 56% 43%;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem}[data-theme='corporate']{--p:229 96% 64%;--pf:229 96% 51%;--sf:215 26% 47%;--af:154 49% 48%;--nf:233 27% 10%;--b2:0 0% 90%;--b3:0 0% 81%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--pc:229 100% 93%;--sc:215 100% 12%;--ac:154 100% 12%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--btn-text-case:uppercase;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--s:215 26% 59%;--a:154 49% 60%;--n:233 27% 13%;--nc:210 38% 95%;--b1:0 0% 100%;--bc:233 27% 13%;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1}[data-theme='fantasy']{--p:296 83% 25%;--pf:296 83% 20%;--sf:200 100% 30%;--af:31 94% 41%;--nf:215 28% 13%;--b2:0 0% 90%;--b3:0 0% 81%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--pc:296 100% 85%;--sc:200 100% 87%;--ac:31 100% 10%;--nc:215 62% 83%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--s:200 100% 37%;--a:31 94% 51%;--n:215 28% 17%;--b1:0 0% 100%;--bc:215 28% 17%}[data-theme='night']{--p:198 93% 60%;--pf:198 93% 48%;--sf:234 89% 59%;--af:329 86% 56%;--b2:222 47% 10%;--b3:222 47% 9%;--bc:222 66% 82%;--pc:198 100% 12%;--sc:234 100% 15%;--ac:329 100% 14%;--nc:217 76% 83%;--inc:198 100% 10%;--suc:172 100% 10%;--wac:41 100% 13%;--erc:351 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--s:234 89% 74%;--a:329 86% 70%;--n:217 33% 17%;--nf:217 30% 22%;--b1:222 47% 11%;--in:198 90% 48%;--su:172 66% 50%;--wa:41 88% 64%;--er:351 95% 71%}[data-theme='winter']{--p:212 100% 51%;--pf:212 100% 41%;--sf:247 47% 35%;--af:310 49% 42%;--nf:217 92% 8%;--pc:212 100% 90%;--sc:247 100% 89%;--ac:310 100% 90%;--nc:217 100% 82%;--inc:192 100% 16%;--suc:182 100% 13%;--wac:32 100% 17%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--s:247 47% 43%;--a:310 49% 52%;--n:217 92% 10%;--b1:0 0% 100%;--b2:217 100% 97%;--b3:219 44% 92%;--bc:214 30% 32%;--in:192 93% 78%;--su:182 47% 66%;--wa:32 62% 84%;--er:0 63% 72%}[data-theme='wireframe']{font-family:Chalkboard, comic sans ms, 'sanssecondaryerif';--pf:0 0% 58%;--sf:0 0% 58%;--af:0 0% 58%;--nf:0 0% 74%;--bc:0 0% 20%;--pc:0 0% 14%;--sc:0 0% 14%;--ac:0 0% 14%;--nc:0 0% 18%;--inc:240 100% 90%;--suc:120 100% 85%;--wac:60 100% 10%;--erc:0 100% 90%;--animation-btn:0.25s;--animation-input:0.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--p:0 0% 72%;--s:0 0% 72%;--a:0 0% 72%;--n:0 0% 92%;--b1:0 0% 100%;--b2:0 0% 93%;--b3:0 0% 87%;--in:240 100% 50%;--su:120 100% 25%;--wa:60 30% 50%;--er:0 100% 50%;--rounded-box:0.2rem;--rounded-btn:0.2rem;--rounded-badge:0.2rem;--tab-radius:0.2rem}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.alert{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding:1rem;border-radius:var(--rounded-box, 1rem)}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.alert{flex-direction:row}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}.alert>:where(*){display:flex;align-items:center;gap:0.5rem}.badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--n) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));border-radius:var(--rounded-badge, 1.9rem)}.btn{display:inline-flex;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;border-color:hsl(var(--n) / var(--tw-border-opacity));text-align:center;transition-property:color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--rounded-btn, 0.5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;line-height:1em;min-height:3rem;font-weight:600;text-transform:uppercase;text-transform:var(--btn-text-case, uppercase);-webkit-text-decoration-line:none;text-decoration-line:none;border-width:var(--border-btn, 1px);-webkit-animation:button-pop var(--animation-btn, 0.25s) ease-out;animation:button-pop var(--animation-btn, 0.25s) ease-out;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-disabled,.btn[disabled]{pointer-events:none}.btn-square{height:3rem;width:3rem;padding:0px}.btn.loading,.btn.loading:hover{pointer-events:none}.btn.loading:before{margin-right:0.5rem;height:1rem;width:1rem;border-radius:9999px;border-width:2px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;content:'';border-top-color:transparent;border-left-color:transparent;border-bottom-color:currentColor;border-right-color:currentColor}@media (prefers-reduced-motion: reduce){.btn.loading:before{-webkit-animation:spin 10s linear infinite;animation:spin 10s linear infinite}}@-webkit-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-group>input[type='radio'].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type='radio'].btn:before{content:attr(data-title)}.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}.divider:before,.divider:after{content:'';flex-grow:1;height:0.125rem;width:100%}.dropdown{position:relative;display:inline-block}.dropdown>*:focus{outline:2px solid transparent;outline-offset:2px}.dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0;transform-origin:top;--tw-scale-x:0.95;--tw-scale-y:0.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-end .dropdown-content{right:0px}.dropdown-left .dropdown-content{top:0px;right:100%;bottom:auto;transform-origin:right}.dropdown-right .dropdown-content{left:100%;top:0px;bottom:auto;transform-origin:left}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-right .dropdown-content{bottom:0px;top:auto}.dropdown-end.dropdown-left .dropdown-content{bottom:0px;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown.dropdown-hover:hover .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content{visibility:visible;opacity:1}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;row-gap:2.5rem;-moz-column-gap:1rem;column-gap:1rem;font-size:0.875rem;line-height:1.25rem}.footer>*{display:grid;place-items:start;gap:0.5rem}@media (min-width: 48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.5rem;padding-bottom:0.5rem}.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center}.hero>*{grid-column-start:1;grid-row-start:1}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem}.menu{display:flex;flex-direction:column}.menu.horizontal{display:inline-flex;flex-direction:row}.menu.horizontal :where(li){flex-direction:row}.menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch}.menu :where(li:not(.menu-title))>:where(*:not(ul)){display:flex}.menu :where(li:not(.disabled):not(.menu-title))>:where(*:not(ul)){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;outline:2px solid transparent;outline-offset:2px}.menu>:where(li>*:not(ul):focus){outline:2px solid transparent;outline-offset:2px}.menu>:where(li.disabled>*:not(ul):focus){cursor:auto}.menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch}.menu>:where(li)>:where(ul){position:absolute;display:none;top:initial;left:100%;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li:hover)>:where(ul){display:flex}.menu>:where(li:focus)>:where(ul){display:flex}.navbar{display:flex;align-items:center;padding:var(--navbar-padding, 0.5rem);min-height:4rem;width:100%}:where(.navbar>*){display:inline-flex;align-items:center}.progress{position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;height:0.5rem;border-radius:var(--rounded-box, 1rem)}.radial-progress{position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:9999px;background-color:transparent;vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10)}.radial-progress::-moz-progress-bar{-moz-appearance:none;appearance:none;background-color:transparent}.radial-progress::-webkit-progress-value{-webkit-appearance:none;appearance:none;background-color:transparent}.radial-progress::-webkit-progress-bar{-webkit-appearance:none;appearance:none;background-color:transparent}.radial-progress:before,.radial-progress:after{position:absolute;border-radius:9999px;content:''}.radial-progress:before{top:0px;right:0px;bottom:0px;left:0px;background:radial-gradient(farthest-side, currentColor 98%, #0000)\n top/var(--thickness) var(--thickness) no-repeat,\n conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);-webkit-mask:radial-gradient(\n farthest-side,\n #0000 calc(99% - var(--thickness)),\n #000 calc(100% - var(--thickness))\n );mask:radial-gradient(\n farthest-side,\n #0000 calc(99% - var(--thickness)),\n #000 calc(100% - var(--thickness))\n )}.radial-progress:after{inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg))\n translate(calc(var(--size) / 2 - 50%));background-color:currentColor}.stats{display:inline-grid;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));border-radius:var(--rounded-box, 1rem)}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{display:inline-grid;width:100%;grid-template-columns:repeat(1, 1fr);-moz-column-gap:1rem;column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem}.stat-title{grid-column-start:1;white-space:nowrap;opacity:0.6}.stat-value{grid-column-start:1;white-space:nowrap;font-size:2.25rem;line-height:2.5rem;font-weight:800}.stat-desc{grid-column-start:1;white-space:nowrap;font-size:0.75rem;line-height:1rem;opacity:0.6}.table{position:relative;text-align:left}.table th:first-child{position:sticky;position:-webkit-sticky;left:0px;z-index:11}.tooltip{position:relative;display:inline-block;--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));text-align:center;--tooltip-tail:3px;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail))}.tooltip:before{position:absolute;pointer-events:none;content:attr(data-tip);transform:translateX(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset);max-width:20rem;border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);width:-webkit-max-content;width:-moz-max-content;width:max-content}.tooltip-left:before{transform:translateY(-50%);top:50%;left:auto;right:var(--tooltip-offset);bottom:auto}.tooltip-right:before{transform:translateY(-50%);top:50%;left:var(--tooltip-offset);right:auto;bottom:auto}.btn-outline .badge{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-outline.btn-primary .badge{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-secondary .badge{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-outline.btn-accent .badge{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.btn-outline .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));background-color:transparent}.btn-outline.btn-primary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.btn-outline:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pc) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-secondary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sc) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.btn-outline.btn-secondary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-outline.btn-accent:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--ac) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}.btn-outline.btn-accent:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.btm-nav>*:where(.active){border-top-width:2px;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:hover,.btn:active:focus{-webkit-animation:none;animation:none;transform:scale(var(--btn-focus-scale, 0.95))}.btn:hover,.btn-active{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))}.btn:focus-visible{outline:2px solid hsl(var(--nf));outline-offset:2px}.btn-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-primary:hover,.btn-primary.btn-active{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity))}.btn-primary:focus-visible{outline:2px solid hsl(var(--p))}.btn.glass:hover,.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn.glass:focus-visible{outline:2px solid 0 0 2px currentColor}.btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.btn-ghost:hover,.btn-ghost.btn-active{--tw-border-opacity:0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.2}.btn-ghost:focus-visible{outline:2px solid 0 0 2px currentColor}.btn-outline.btn-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover{--tw-border-opacity:0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity:0.2;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.2}.btn.loading.btn-square:before,.btn.loading.btn-circle:before{margin-right:0px}.btn.loading.btn-xl:before,.btn.loading.btn-lg:before{height:1.25rem;width:1.25rem}.btn.loading.btn-sm:before,.btn.loading.btn-xs:before{height:0.75rem;width:0.75rem}.btn-group>input[type='radio']:checked.btn,.btn-group>.btn-active{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-group>input[type='radio']:checked.btn:focus-visible,.btn-group>.btn-active:focus-visible{outline:2px solid hsl(var(--p))}.btn-group:not(.btn-group-vertical)>.btn:not(:first-of-type){margin-left:-1px;border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group:not(.btn-group-vertical)>.btn:not(:last-of-type){border-top-right-radius:0px;border-bottom-right-radius:0px}.btn-group-vertical>.btn:not(:first-of-type){margin-top:-1px;border-top-left-radius:0px;border-top-right-radius:0px}.btn-group-vertical>.btn:not(:last-of-type){border-bottom-right-radius:0px;border-bottom-left-radius:0px}@-webkit-keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, 0.95))}40%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, 0.95))}40%{transform:scale(1.02)}100%{transform:scale(1)}}@-webkit-keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0}}.divider:before{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.divider:after{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.divider:not(:empty){gap:1rem}.drawer-toggle:focus-visible~.drawer-content .drawer-button{outline:2px solid hsl(var(--nf));outline-offset:2px}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{outline:2px solid hsl(var(--p))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{outline:2px solid hsl(var(--s))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{outline:2px solid hsl(var(--a))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{outline:2px solid hsl(var(--in))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{outline:2px solid hsl(var(--su))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{outline:2px solid hsl(var(--wa))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{outline:2px solid hsl(var(--er))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{outline:2px solid currentColor}.dropdown.dropdown-open .dropdown-content,.dropdown.dropdown-hover:hover .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-left-width:0px;border-bottom-width:4px;--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu[class*=' p-'] li>*,.menu[class^='p-'] li>*{border-radius:var(--rounded-btn, 0.5rem)}.menu :where(li.bordered>*){border-left-width:4px;--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu :where(li)>:where(*:not(ul)){gap:0.75rem;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;color:currentColor}.menu :where(li:not(.menu-title):not(:empty))>:where(*:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(*:not(ul):hover){background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(*:not(ul):active){--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.menu :where(li:empty){margin-left:1rem;margin-right:1rem;margin-top:0.5rem;margin-bottom:0.5rem;height:1px;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.menu li.disabled>*{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.2}.menu li.disabled>*:hover{background-color:transparent}.menu li.hover-bordered a{border-left-width:4px;border-color:transparent}.menu li.hover-bordered a:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu.compact li>a,.menu.compact li>span{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem}.menu .menu-title>*{padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:700;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.4}.menu :where(li:not(.disabled))>:where(*:not(ul)){outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu>:where(li:first-child){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li:first-child)>:where(:not(ul)){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li:last-child){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li:last-child)>:where(:not(ul)){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li)>:where(ul) :where(li){width:100%;white-space:nowrap}.menu>:where(li)>:where(ul) :where(li) :where(ul){padding-left:1rem}.menu>:where(li)>:where(ul) :where(li)>:where(:not(ul)){width:100%;white-space:nowrap}.menu>:where(li)>:where(ul)>:where(li:first-child){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li)>:where(ul)>:where(li:last-child){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity))}.progress:indeterminate::after{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));content:'';position:absolute;top:0px;bottom:0px;left:-40%;width:33.333333%;border-radius:var(--rounded-box, 1rem);-webkit-animation:progress-loading 5s infinite ease-in-out;animation:progress-loading 5s infinite ease-in-out}.progress::-webkit-progress-bar{background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity:0.2;border-radius:var(--rounded-box, 1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));border-radius:var(--rounded-box, 1rem)}@-webkit-keyframes progress-loading{50%{left:107%}}@keyframes progress-loading{50%{left:107%}}@-webkit-keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset}100%{box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset}}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset}100%{box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset}}@-webkit-keyframes rating-pop{0%{transform:translateY(-0.125em)}40%{transform:translateY(-0.125em)}100%{transform:translateY(0)}}@keyframes rating-pop{0%{transform:translateY(-0.125em)}40%{transform:translateY(-0.125em)}100%{transform:translateY(0)}}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.table :where(th,td){white-space:nowrap;padding:1rem;vertical-align:middle}.table tr.active th,.table tr.active td,.table tr.active:nth-child(even) th,.table tr.active:nth-child(even) td{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))}.table tr.hover:hover th,.table tr.hover:hover td,.table tr.hover:nth-child(even):hover th,.table tr.hover:nth-child(even):hover td{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))}.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){border-bottom-width:1px;--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))}.table :where(thead,tfoot) :where(th,td){--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase}.table :where(:first-child) :where(:first-child) :where(th,td):first-child{border-top-left-radius:0.5rem}.table :where(:first-child) :where(:first-child) :where(th,td):last-child{border-top-right-radius:0.5rem}.table :where(:last-child) :where(:last-child) :where(th,td):first-child{border-bottom-left-radius:0.5rem}.table :where(:last-child) :where(:last-child) :where(th,td):last-child{border-bottom-right-radius:0.5rem}.table :where(tbody th,tbody td){--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}@-webkit-keyframes toast-pop{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes toast-pop{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}.tooltip:before,.tooltip:after{opacity:0;transition-property:color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;transition-property:color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-delay:100ms;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tooltip:after{position:absolute;content:'';border-style:solid;border-width:var(--tooltip-tail, 0);width:0;height:0;display:block;transform:translateX(-50%);border-color:var(--tooltip-color) transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset)}.tooltip.tooltip-open:before,.tooltip.tooltip-open:after,.tooltip:hover:before,.tooltip:hover:after{opacity:1;transition-delay:75ms}.tooltip-left:after{transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-color);top:50%;left:auto;right:calc(var(--tooltip-tail-offset) + 1px);bottom:auto}.tooltip-right:after{transform:translateY(-50%);border-color:transparent var(--tooltip-color) transparent transparent;top:50%;left:calc(var(--tooltip-tail-offset) + 1px);right:auto;bottom:auto}.tooltip-warning{--tooltip-color:hsla(var(--wa));--tooltip-text-color:hsl(var(--wac))}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.btn-square:where(.btn-xs){height:1.5rem;width:1.5rem;padding:0px}.btn-square:where(.btn-sm){height:2rem;width:2rem;padding:0px}.btn-square:where(.btn-md){height:3rem;width:3rem;padding:0px}.btn-square:where(.btn-lg){height:4rem;width:4rem;padding:0px}.divider-horizontal{flex-direction:column}.divider-horizontal:before{height:100%;width:0.125rem}.divider-horizontal:after{height:100%;width:0.125rem}.stats-vertical{grid-auto-flow:row}.alert-info{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--inc, var(--nc)) / var(--tw-text-opacity))}.divider-horizontal{margin-top:0px;margin-bottom:0px;margin-left:1rem;margin-right:1rem;height:auto;width:1rem}.menu-compact :where(li>*){padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem}.stats-vertical>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-x-reverse:0;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.stats-vertical{overflow-y:auto}.table-compact :where(th,td){padding:0.5rem;font-size:0.875rem;line-height:1.25rem}.m-1{margin:0.25rem}.mr-8{margin-right:2rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0px}.mt-1{margin-top:0.25rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-full{width:100%}.w-auto{width:auto}.w-8{width:2rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-52{width:13rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-1{gap:0.25rem}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:0.375rem}.bg-clrs-slate{background-color:var(--clrs-slate, #708090)}.bg-base-200{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))}.bg-neutral{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-4{padding:1rem}.p-2{padding:0.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-0{padding-top:0px}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-5xl{font-size:3rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.normal-case{text-transform:none}.text-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.text-neutral-content{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.text-secondary-content{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.text-accent-content{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),\n 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),\n 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\n var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)\n var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-accent-focus:hover{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity))}@media (min-width: 1024px){.lg\\:stats-horizontal{grid-auto-flow:column}.lg\\:stats-horizontal>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\\:stats-horizontal{overflow-x:auto}.lg\\:inline-block{display:inline-block}.lg\\:flex{display:flex}}";
|
|
9
9
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-b50213e7.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v2.17.
|
|
6
|
+
Stencil Client Patch Browser v2.17.1 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
const patchBrowser = () => {
|
|
9
9
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-daisy-ui.cjs.js', document.baseURI).href));
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const protoHeroCss = "proto-hero{}";
|
|
9
9
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const ProtoButton = (_props, children) => {
|
|
9
9
|
return index.h("button", { class: "btn btn-primary" }, children);
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const protoListCss = "";
|
|
9
9
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const tw = (...classes) => {
|
|
9
9
|
return classes.filter(Boolean).join(' ');
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const store = require('./store-
|
|
5
|
+
const index = require('./index-b50213e7.js');
|
|
6
|
+
const store = require('./store-920172a5.js');
|
|
7
7
|
|
|
8
8
|
const protoStatsCss = "";
|
|
9
9
|
|
|
@@ -1,28 +1,95 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-b50213e7.js');
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
function promisifyRequest(request) {
|
|
6
|
+
return new Promise(function (resolve, reject) {
|
|
7
|
+
// @ts-ignore - file size hacks
|
|
8
|
+
request.oncomplete = request.onsuccess = function () {
|
|
9
|
+
return resolve(request.result);
|
|
10
|
+
}; // @ts-ignore - file size hacks
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
request.onabort = request.onerror = function () {
|
|
14
|
+
return reject(request.error);
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function createStore$1(dbName, storeName) {
|
|
20
|
+
var request = indexedDB.open(dbName);
|
|
21
|
+
|
|
22
|
+
request.onupgradeneeded = function () {
|
|
23
|
+
return request.result.createObjectStore(storeName);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var dbp = promisifyRequest(request);
|
|
27
|
+
return function (txMode, callback) {
|
|
28
|
+
return dbp.then(function (db) {
|
|
29
|
+
return callback(db.transaction(storeName, txMode).objectStore(storeName));
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
var defaultGetStoreFunc;
|
|
35
|
+
|
|
36
|
+
function defaultGetStore() {
|
|
37
|
+
if (!defaultGetStoreFunc) {
|
|
38
|
+
defaultGetStoreFunc = createStore$1('keyval-store', 'keyval');
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return defaultGetStoreFunc;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* Get a value by its key.
|
|
45
|
+
*
|
|
46
|
+
* @param key
|
|
47
|
+
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
function get(key) {
|
|
52
|
+
var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
|
|
53
|
+
return customStore('readonly', function (store) {
|
|
54
|
+
return promisifyRequest(store.get(key));
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Set a value with a key.
|
|
59
|
+
*
|
|
60
|
+
* @param key
|
|
61
|
+
* @param value
|
|
62
|
+
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
63
|
+
*/
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
function set(key, value) {
|
|
67
|
+
var customStore = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultGetStore();
|
|
68
|
+
return customStore('readwrite', function (store) {
|
|
69
|
+
store.put(value, key);
|
|
70
|
+
return promisifyRequest(store.transaction);
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
const KEY = 'app-data';
|
|
75
|
+
const STORE = createStore$1('proto-daisy-ui-db', 'proto-store');
|
|
7
76
|
const bag = {
|
|
8
|
-
get: (
|
|
9
|
-
|
|
10
|
-
const json = localStorage.getItem(key);
|
|
11
|
-
return json ? JSON.parse(json) : undefined;
|
|
77
|
+
get: async () => {
|
|
78
|
+
return await get(KEY, STORE);
|
|
12
79
|
},
|
|
13
|
-
store: (
|
|
14
|
-
|
|
15
|
-
const json = JSON.stringify(value === undefined ? null : value);
|
|
16
|
-
localStorage.setItem(key, json);
|
|
80
|
+
store: async (value) => {
|
|
81
|
+
await set(KEY, value, STORE);
|
|
17
82
|
},
|
|
18
83
|
};
|
|
19
|
-
const getApp = () => {
|
|
20
|
-
|
|
84
|
+
const getApp = async () => {
|
|
85
|
+
const data = await bag.get();
|
|
86
|
+
return data;
|
|
21
87
|
};
|
|
22
88
|
const saveApp = (state) => {
|
|
23
|
-
|
|
89
|
+
// NOTE: state is a Proxy, so we can't just store it directly...
|
|
90
|
+
const { login, mfe, pick, theme, themes, dealers } = state;
|
|
24
91
|
const app = mfe === undefined ? null : mfe;
|
|
25
|
-
bag.store(
|
|
92
|
+
bag.store({ login, mfe: app, pick, theme, themes, dealers });
|
|
26
93
|
};
|
|
27
94
|
|
|
28
95
|
const appendToMap = (map, propName, value) => {
|
|
@@ -247,7 +314,7 @@ const clearStore = (login = false) => {
|
|
|
247
314
|
state.dealers = [];
|
|
248
315
|
};
|
|
249
316
|
// --------------------------------------------------------[ processing ]
|
|
250
|
-
const processApp = (next) => {
|
|
317
|
+
const processApp = (next, save = false) => {
|
|
251
318
|
state.mfe = next;
|
|
252
319
|
if (next) {
|
|
253
320
|
state.login = false;
|
|
@@ -255,19 +322,45 @@ const processApp = (next) => {
|
|
|
255
322
|
else {
|
|
256
323
|
state.login = true;
|
|
257
324
|
}
|
|
258
|
-
|
|
325
|
+
if (save)
|
|
326
|
+
saveApp(state);
|
|
259
327
|
};
|
|
260
|
-
const processLogin = (next) => {
|
|
328
|
+
const processLogin = (next, save = false) => {
|
|
261
329
|
state.login = next;
|
|
262
|
-
|
|
330
|
+
if (save)
|
|
331
|
+
saveApp(state);
|
|
263
332
|
};
|
|
264
|
-
const processPick = (next) => {
|
|
333
|
+
const processPick = (next, save = false) => {
|
|
265
334
|
state.pick = next;
|
|
266
|
-
|
|
335
|
+
if (save)
|
|
336
|
+
saveApp(state);
|
|
267
337
|
};
|
|
268
|
-
const processTheme = (next) => {
|
|
338
|
+
const processTheme = (next, save = false) => {
|
|
269
339
|
state.theme = next;
|
|
270
|
-
|
|
340
|
+
if (save)
|
|
341
|
+
saveApp(state);
|
|
342
|
+
};
|
|
343
|
+
const processData = (data, save = false) => {
|
|
344
|
+
state.dealers = data;
|
|
345
|
+
if (save)
|
|
346
|
+
saveApp(state);
|
|
347
|
+
};
|
|
348
|
+
const processValue = (data) => {
|
|
349
|
+
const { login, mfe, pick, theme, dealers } = data;
|
|
350
|
+
processData(dealers);
|
|
351
|
+
if (theme) {
|
|
352
|
+
processTheme(theme);
|
|
353
|
+
dealers !== undefined && processData(dealers);
|
|
354
|
+
login !== undefined && processLogin(login);
|
|
355
|
+
pick >= 0 && processPick(pick);
|
|
356
|
+
if (login === false && mfe) {
|
|
357
|
+
console.log('-- app:', mfe);
|
|
358
|
+
processApp(mfe);
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
else {
|
|
362
|
+
saveApp(state);
|
|
363
|
+
}
|
|
271
364
|
};
|
|
272
365
|
// --------------------------------------------------------[ actions ]
|
|
273
366
|
const fetchData = async () => {
|
|
@@ -275,42 +368,35 @@ const fetchData = async () => {
|
|
|
275
368
|
const json = await response.json();
|
|
276
369
|
state.dealers = json.dealers;
|
|
277
370
|
console.log('-- data:', state.dealers);
|
|
371
|
+
saveApp(state);
|
|
278
372
|
};
|
|
279
373
|
const initApp = () => {
|
|
280
374
|
clearStore(true);
|
|
281
375
|
// this retrieves the last data we stored in the bag...
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
if (theme) {
|
|
287
|
-
processTheme(theme);
|
|
288
|
-
if (login !== undefined) {
|
|
289
|
-
processLogin(login);
|
|
376
|
+
getApp()
|
|
377
|
+
.then(value => {
|
|
378
|
+
if (value) {
|
|
379
|
+
processValue(value);
|
|
290
380
|
}
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
processApp(mfe);
|
|
381
|
+
else {
|
|
382
|
+
fetchData();
|
|
294
383
|
}
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
}
|
|
299
|
-
else {
|
|
300
|
-
saveApp(state);
|
|
301
|
-
}
|
|
384
|
+
})
|
|
385
|
+
.catch(reason => {
|
|
386
|
+
console.log(reason);
|
|
387
|
+
});
|
|
302
388
|
};
|
|
303
389
|
const refresh = () => {
|
|
304
|
-
|
|
390
|
+
fetchData();
|
|
305
391
|
};
|
|
306
392
|
const updateApp = (mfe) => {
|
|
307
|
-
processApp(mfe);
|
|
393
|
+
processApp(mfe, true);
|
|
308
394
|
};
|
|
309
395
|
const updatePick = (pick) => {
|
|
310
|
-
processPick(pick);
|
|
396
|
+
processPick(pick, true);
|
|
311
397
|
};
|
|
312
398
|
const updateTheme = (theme) => {
|
|
313
|
-
processTheme(theme);
|
|
399
|
+
processTheme(theme, true);
|
|
314
400
|
};
|
|
315
401
|
const actions = {
|
|
316
402
|
initApp,
|
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
const
|
|
1
|
+
import { get, set, createStore } from 'idb-keyval';
|
|
2
|
+
const KEY = 'app-data';
|
|
3
|
+
const STORE = createStore('proto-daisy-ui-db', 'proto-store');
|
|
3
4
|
const bag = {
|
|
4
|
-
get: (
|
|
5
|
-
|
|
6
|
-
const json = localStorage.getItem(key);
|
|
7
|
-
return json ? JSON.parse(json) : undefined;
|
|
5
|
+
get: async () => {
|
|
6
|
+
return await get(KEY, STORE);
|
|
8
7
|
},
|
|
9
|
-
store: (
|
|
10
|
-
|
|
11
|
-
const json = JSON.stringify(value === undefined ? null : value);
|
|
12
|
-
localStorage.setItem(key, json);
|
|
8
|
+
store: async (value) => {
|
|
9
|
+
await set(KEY, value, STORE);
|
|
13
10
|
},
|
|
14
11
|
};
|
|
15
|
-
const getApp = () => {
|
|
16
|
-
|
|
12
|
+
const getApp = async () => {
|
|
13
|
+
const data = await bag.get();
|
|
14
|
+
return data;
|
|
17
15
|
};
|
|
18
16
|
const saveApp = (state) => {
|
|
19
|
-
|
|
17
|
+
// NOTE: state is a Proxy, so we can't just store it directly...
|
|
18
|
+
const { login, mfe, pick, theme, themes, dealers } = state;
|
|
20
19
|
const app = mfe === undefined ? null : mfe;
|
|
21
|
-
bag.store(
|
|
20
|
+
bag.store({ login, mfe: app, pick, theme, themes, dealers });
|
|
22
21
|
};
|
|
23
22
|
export { getApp, saveApp };
|
|
24
23
|
export default bag;
|
|
@@ -31,7 +31,7 @@ const clearStore = (login = false) => {
|
|
|
31
31
|
state.dealers = [];
|
|
32
32
|
};
|
|
33
33
|
// --------------------------------------------------------[ processing ]
|
|
34
|
-
const processApp = (next) => {
|
|
34
|
+
const processApp = (next, save = false) => {
|
|
35
35
|
state.mfe = next;
|
|
36
36
|
if (next) {
|
|
37
37
|
state.login = false;
|
|
@@ -39,19 +39,45 @@ const processApp = (next) => {
|
|
|
39
39
|
else {
|
|
40
40
|
state.login = true;
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
if (save)
|
|
43
|
+
saveApp(state);
|
|
43
44
|
};
|
|
44
|
-
const processLogin = (next) => {
|
|
45
|
+
const processLogin = (next, save = false) => {
|
|
45
46
|
state.login = next;
|
|
46
|
-
|
|
47
|
+
if (save)
|
|
48
|
+
saveApp(state);
|
|
47
49
|
};
|
|
48
|
-
const processPick = (next) => {
|
|
50
|
+
const processPick = (next, save = false) => {
|
|
49
51
|
state.pick = next;
|
|
50
|
-
|
|
52
|
+
if (save)
|
|
53
|
+
saveApp(state);
|
|
51
54
|
};
|
|
52
|
-
const processTheme = (next) => {
|
|
55
|
+
const processTheme = (next, save = false) => {
|
|
53
56
|
state.theme = next;
|
|
54
|
-
|
|
57
|
+
if (save)
|
|
58
|
+
saveApp(state);
|
|
59
|
+
};
|
|
60
|
+
const processData = (data, save = false) => {
|
|
61
|
+
state.dealers = data;
|
|
62
|
+
if (save)
|
|
63
|
+
saveApp(state);
|
|
64
|
+
};
|
|
65
|
+
const processValue = (data) => {
|
|
66
|
+
const { login, mfe, pick, theme, dealers } = data;
|
|
67
|
+
processData(dealers);
|
|
68
|
+
if (theme) {
|
|
69
|
+
processTheme(theme);
|
|
70
|
+
dealers !== undefined && processData(dealers);
|
|
71
|
+
login !== undefined && processLogin(login);
|
|
72
|
+
pick >= 0 && processPick(pick);
|
|
73
|
+
if (login === false && mfe) {
|
|
74
|
+
console.log('-- app:', mfe);
|
|
75
|
+
processApp(mfe);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
saveApp(state);
|
|
80
|
+
}
|
|
55
81
|
};
|
|
56
82
|
// --------------------------------------------------------[ actions ]
|
|
57
83
|
const fetchData = async () => {
|
|
@@ -59,42 +85,35 @@ const fetchData = async () => {
|
|
|
59
85
|
const json = await response.json();
|
|
60
86
|
state.dealers = json.dealers;
|
|
61
87
|
console.log('-- data:', state.dealers);
|
|
88
|
+
saveApp(state);
|
|
62
89
|
};
|
|
63
90
|
const initApp = () => {
|
|
64
91
|
clearStore(true);
|
|
65
92
|
// this retrieves the last data we stored in the bag...
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
if (theme) {
|
|
71
|
-
processTheme(theme);
|
|
72
|
-
if (login !== undefined) {
|
|
73
|
-
processLogin(login);
|
|
93
|
+
getApp()
|
|
94
|
+
.then(value => {
|
|
95
|
+
if (value) {
|
|
96
|
+
processValue(value);
|
|
74
97
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
processApp(mfe);
|
|
98
|
+
else {
|
|
99
|
+
fetchData();
|
|
78
100
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
saveApp(state);
|
|
85
|
-
}
|
|
101
|
+
})
|
|
102
|
+
.catch(reason => {
|
|
103
|
+
console.log(reason);
|
|
104
|
+
});
|
|
86
105
|
};
|
|
87
106
|
const refresh = () => {
|
|
88
|
-
|
|
107
|
+
fetchData();
|
|
89
108
|
};
|
|
90
109
|
const updateApp = (mfe) => {
|
|
91
|
-
processApp(mfe);
|
|
110
|
+
processApp(mfe, true);
|
|
92
111
|
};
|
|
93
112
|
const updatePick = (pick) => {
|
|
94
|
-
processPick(pick);
|
|
113
|
+
processPick(pick, true);
|
|
95
114
|
};
|
|
96
115
|
const updateTheme = (theme) => {
|
|
97
|
-
processTheme(theme);
|
|
116
|
+
processTheme(theme, true);
|
|
98
117
|
};
|
|
99
118
|
const actions = {
|
|
100
119
|
initApp,
|