spicykatsu 0.9.6 → 0.9.8
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.
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { Transition as e, computed as t, createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, nextTick as o, normalizeStyle as s, onBeforeUnmount as c, openBlock as l, reactive as u, ref as d, renderSlot as f, toDisplayString as p, withCtx as m } from "vue";
|
|
2
|
+
import './styles/SpicyTooltip.css';//#region src/components/SpicyTooltip/SpicyTooltip.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var h = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "spicyTooltipIcon"
|
|
6
|
+
}, g = ["aria-label", "innerHTML"], _ = {
|
|
7
|
+
key: 2,
|
|
8
|
+
class: "spicyTooltipIcon"
|
|
9
|
+
}, v = /* @__PURE__ */ a({
|
|
10
|
+
__name: "SpicyTooltip",
|
|
11
|
+
props: {
|
|
12
|
+
text: { default: "" },
|
|
13
|
+
prependIcon: { default: "" },
|
|
14
|
+
appendIcon: { default: "" },
|
|
15
|
+
position: { default: "top" },
|
|
16
|
+
delay: { default: 100 },
|
|
17
|
+
maxWidth: { default: "175px" },
|
|
18
|
+
disabled: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: !1
|
|
21
|
+
},
|
|
22
|
+
color: { default: "" },
|
|
23
|
+
bgColor: { default: "" },
|
|
24
|
+
textColor: { default: "" }
|
|
25
|
+
},
|
|
26
|
+
setup(a) {
|
|
27
|
+
let v = (e) => e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'"), y = (e) => v(e).split(/\n\n+/).map((e) => `<p>${e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/`(.+?)`/g, "<code>$1</code>").replace(/\n/g, "<br>")}</p>`).join(""), b = t(() => x.text ? y(x.text) : ""), x = a, S = d(!1), C = d(null), w = u({
|
|
28
|
+
position: "fixed",
|
|
29
|
+
top: "0px",
|
|
30
|
+
left: "0px",
|
|
31
|
+
maxWidth: x.maxWidth
|
|
32
|
+
}), T = t(() => ({
|
|
33
|
+
"--tooltipBgColor": x.bgColor || x.color,
|
|
34
|
+
"--tooltipTextColor": x.textColor
|
|
35
|
+
})), E = (e) => {
|
|
36
|
+
let t = e.right - window.innerWidth;
|
|
37
|
+
t > 0 && (w.left = `${parseInt(w.left) - t - 5}px`), e.left < 0 && (w.left = "5px"), e.top < 0 && x.position === "top" && (w.top = `${C.value.getBoundingClientRect().bottom + 5}px`), e.bottom - window.innerHeight > 0 && x.position === "bottom" && (w.top = `${C.value.getBoundingClientRect().top - e.height - 5}px`);
|
|
38
|
+
}, D = {
|
|
39
|
+
top: (e, t) => {
|
|
40
|
+
w.left = `${e.left + (e.width - t.width) / 2}px`, w.top = `${e.top - t.height - 5}px`;
|
|
41
|
+
},
|
|
42
|
+
bottom: (e, t) => {
|
|
43
|
+
w.left = `${e.left + (e.width - t.width) / 2}px`, w.top = `${e.bottom + 5}px`;
|
|
44
|
+
},
|
|
45
|
+
left: (e, t) => {
|
|
46
|
+
w.left = `${e.left - t.width - 5}px`, w.top = `${e.top + (e.height - t.height) / 2}px`;
|
|
47
|
+
},
|
|
48
|
+
right: (e, t) => {
|
|
49
|
+
w.left = `${e.right + 5}px`, w.top = `${e.top + (e.height - t.height) / 2}px`;
|
|
50
|
+
}
|
|
51
|
+
}, O = null, k = null, A = () => {
|
|
52
|
+
x.disabled || (k &&= (clearTimeout(k), null), O && clearTimeout(O), O = setTimeout(() => {
|
|
53
|
+
S.value = !0, o(() => {
|
|
54
|
+
if (C.value && S.value) {
|
|
55
|
+
let e = C.value.getBoundingClientRect(), t = C.value.querySelector(".spicyTooltip");
|
|
56
|
+
if (t) {
|
|
57
|
+
let n = t.getBoundingClientRect(), r = D[x.position];
|
|
58
|
+
r(e, n), E(n);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}, x.delay));
|
|
63
|
+
}, j = () => {
|
|
64
|
+
O &&= (clearTimeout(O), null), k = setTimeout(() => {
|
|
65
|
+
S.value = !1;
|
|
66
|
+
}, x.delay);
|
|
67
|
+
};
|
|
68
|
+
return c(() => {
|
|
69
|
+
O && clearTimeout(O), k && clearTimeout(k);
|
|
70
|
+
}), (t, o) => (l(), r("div", {
|
|
71
|
+
onMouseover: A,
|
|
72
|
+
onMouseleave: j,
|
|
73
|
+
onFocus: A,
|
|
74
|
+
onBlur: j,
|
|
75
|
+
ref_key: "host",
|
|
76
|
+
ref: C
|
|
77
|
+
}, [f(t.$slots, "default"), i(e, { name: "spicyTooltip" }, {
|
|
78
|
+
default: m(() => [S.value ? (l(), r("div", {
|
|
79
|
+
key: 0,
|
|
80
|
+
class: "spicyTooltip",
|
|
81
|
+
style: s([w, T.value]),
|
|
82
|
+
role: "tooltip"
|
|
83
|
+
}, [
|
|
84
|
+
a.prependIcon ? (l(), r("span", h, p(a.prependIcon), 1)) : n("", !0),
|
|
85
|
+
a.text ? (l(), r("span", {
|
|
86
|
+
key: 1,
|
|
87
|
+
class: "spicyTooltipText",
|
|
88
|
+
"aria-label": a.text,
|
|
89
|
+
innerHTML: b.value
|
|
90
|
+
}, null, 8, g)) : n("", !0),
|
|
91
|
+
a.appendIcon ? (l(), r("span", _, p(a.appendIcon), 1)) : n("", !0)
|
|
92
|
+
], 4)) : n("", !0)]),
|
|
93
|
+
_: 1
|
|
94
|
+
})], 544));
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//#endregion
|
|
98
|
+
export { v as t };
|
package/dist/SpicyTooltip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./SpicyTooltip-
|
|
1
|
+
import { t as e } from "./SpicyTooltip-BtGViLvn.js";
|
|
2
2
|
export { e as SpicyTooltip, e as default };
|
package/dist/index.js
CHANGED
|
@@ -19,7 +19,7 @@ import { t as _ } from "./SpicyTextArea-BL78Bqs3.js";
|
|
|
19
19
|
import { t as v } from "./SpicyTextField-BPD8aRu2.js";
|
|
20
20
|
import { t as y } from "./SpicyToggle-DdJKYSzD.js";
|
|
21
21
|
import { n as b, t as x } from "./SpicyToast-DH31y-Hx.js";
|
|
22
|
-
import { t as S } from "./SpicyTooltip-
|
|
22
|
+
import { t as S } from "./SpicyTooltip-BtGViLvn.js";
|
|
23
23
|
import { n as C, t as w } from "./SpicyTree-BkxOQATS.js";
|
|
24
24
|
import { t as T } from "./spicyDrag-BM9QhUAJ.js";
|
|
25
25
|
import { t as E } from "./spicyRipple-BCGepSKc.js";
|
package/dist/spicykatsu.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active,.spicyLink:focus{color:var(--skPrimaryColor)}.spicyLink:disabled{opacity:.3}.spicyRipple{pointer-events:none;z-index:1;background:currentColor;border-radius:50%;animation:.6s linear spicy-ripple-animation;position:absolute;transform:scale(0)}@keyframes spicy-ripple-animation{to{opacity:0;transform:scale(4)}}.spicyAccordion{border:1px solid var(--skBorderColor,#ddd);border-radius:4px;overflow:hidden}.spicyAccordionItem{border-bottom:1px solid var(--skBorderColor,#ddd)}.spicyAccordionItem:last-child{border-bottom:none}.spicyAccordionHeader{background-color:var(--skBgSecondaryColor,#f5f5f5);color:var(--skTextColor,#333);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px;transition:background-color .2s;display:flex}.spicyAccordionHeader.open{background-color:var(--skBgColor,#e0e0e0)}.spicyAccordionHeader.open .accordionArrow{transform:rotate(180deg)}.spicyAccordionContent{background-color:var(--skBgColor,#fff);color:var(--skTextColor,#333);padding:10px}.accordionToggle{align-items:center;transition:transform .2s;display:flex}.accordionArrow{width:20px;height:20px;transition:transform .2s}.spicyAccordion.disabled,.spicyAccordionHeader:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.accordion-slide-enter-active,.accordion-slide-leave-active{transition:max-height .2s,opacity .2s;overflow:hidden}.accordion-slide-enter-from,.accordion-slide-leave-to{opacity:0;max-height:0}.accordion-slide-enter-to,.accordion-slide-leave-from{opacity:1;max-height:500px}.spicyAlert{align-items:center;gap:10px;padding:12px;display:flex}.spicyAlert.info{color:#333;background-color:#e0e0e0}.spicyAlert.success{color:#155724;background-color:#a3ffb7}.spicyAlert.warning{color:#856404;background-color:#ffecaf}.spicyAlert.error{color:#911f2a;background-color:#ffbdc2}.spicyAlert.custom{background-color:var(--skBgSecondaryColor,#424344);color:var(--skTextColor,#ddd)}.spicyAlert.spicyAlertRound{border-radius:8px}.spicyAlertIcon{width:24px;height:24px}.spicyAlertContainer{flex-direction:column;display:flex}.spicyAlertCloseBtn{cursor:pointer;background:0 0;border:none;width:20px;height:20px;margin-left:auto}.spicyAlertCloseBtn svg{width:20px;height:20px}.spicyBadge{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}.spicyBadge.sm{padding:2px 8px;font-size:11px}.spicyBadge.md{padding:4px 10px;font-size:13px}.spicyBadge.lg{padding:6px 14px;font-size:15px}.spicyBadge.solid{background-color:var(--skPrimaryColor,#811faf);color:#fff}.spicyBadge.outlined{border-color:var(--skPrimaryColor,#811faf);color:var(--skPrimaryColor,#811faf);background-color:#0000}.spicyBadge.soft{background-color:color-mix(in srgb, var(--skPrimaryColor,#811faf) 15%, transparent);color:var(--skPrimaryColor,#811faf)}.spicyBadge.dot{padding-left:8px}.spicyBadgeDot{background-color:var(--skPrimaryColor,#811faf);border-radius:50%;flex-shrink:0;width:8px;height:8px}.spicyBadgeRemove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;align-items:center;padding:0 2px;font-size:10px;display:inline-flex}.spicyBadgeRemove:hover{opacity:1}.spicyBtn{text-align:center;cursor:pointer;color:var(--skTextColor,#ddd);background-color:var(--skBgColor,#28292a);font-size:var(--skFontSize,16px);font-weight:var(--skFontWeight,500);-webkit-user-select:none;user-select:none;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;display:flex}.spicyBtn.outlined{border:2px solid var(--skBorderColor,#515353);background-color:#0000}.spicyBtn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.spicyBtn:hover:not(.disabled){background-color:var(--hoverColor,grey)}.spicyBtn:focus-visible{outline:2px solid var(--skTextColor,#ddd);outline-offset:2px}.spicyBtn.isRound{border-radius:50px;padding:12px}.spicyBtn.lg{font-size:calc(var(--skFontSize,16px) * 1.2);padding:12px 24px}.spicyBtn.lg.isRound{padding:16px}.spicyBtn.lg .spicyBtnIcon{width:32px;height:32px}.spicyBtn.sm{font-size:calc(var(--skFontSize,16px) * .85);padding:4px 12px}.spicyBtn.sm.isRound{padding:8px}.spicyBtn.sm .spicyBtnIcon{width:18px;height:18px}.spicyBtn .spicyBtnIcon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.spicyCarouselWrapper{width:var(--width,580px);max-width:100%;height:var(--height,360px);justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.spicyCarouselWrapper .spicyCarouselTitle{width:var(--width,580px);color:#ccc;background-color:#0009;height:30px;font-size:18px;font-weight:700;position:absolute;top:0}.spicyCarouselWrapper .spicyCarouselContainer{border-radius:var(--borderRadius);background-color:#0009;width:100%;height:100%;position:relative;overflow:hidden}.spicyCarouselWrapper .spicyCarouselSlide{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.spicyCarouselWrapper .spicyCarouselTextOverlay{color:#ccc;text-shadow:2px 2px 4px #00000080;background-color:#000000bf;border-radius:4px;padding:10px;font-size:18px;font-weight:700;position:absolute;bottom:10px;left:10px}.spicyCarouselWrapper .spicyCarouselTextOverlay.fullScreen{text-align:center;background-color:#0000004d;justify-content:center;align-items:center;display:flex;inset:0}.spicyCarouselWrapper .spicyCarouselNavControls{pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn,.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn{color:#ccc;cursor:pointer;pointer-events:auto;z-index:2;background:#0009;border:none;justify-content:center;align-items:center;width:30px;height:100%;font-size:24px;transition:transform .3s;display:flex}:is(.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn,.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn):hover{background:var(--skPrimaryColor)}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn{border-radius:6px 0 0 6px}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn{border-radius:0 6px 6px 0}.spicyCarouselWrapper .spicyCarouselPagination{height:30px;width:var(--width,580px);z-index:2;pointer-events:auto;background:#0009;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn{color:#fff;cursor:pointer;background:#00b7ff80;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .3s;display:flex}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn.active{background:var(--activeColor,var(--skPrimaryColor))}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn:hover{background:var(--skPrimaryColor)}.spicyCarouselWrapper .pointCursor{cursor:pointer}.spicyCarouselWrapper .slide-enter-active,.spicyCarouselWrapper .slide-leave-active{transition:opacity .3s}.spicyCarouselWrapper .slide-enter-from,.spicyCarouselWrapper .slide-leave-to{opacity:0}.spicyProgress{background-color:#e0e0e0;border-radius:8px;width:100%;position:relative;overflow:hidden}.spicyProgressBar{transition:width .4s}.spicyProgressLabel{color:#fff;font-size:12px;position:absolute;top:0;right:10px}.spicyProgressCircular{justify-content:center;align-items:center;display:flex;position:relative}.spicyCircularSvg{background-color:#00000080;border-radius:50%;transform:rotate(-90deg)}.spicyCircularTrack{fill:none;stroke:#e0e0e0}.spicyCircularProgress{fill:none;transition:stroke-dashoffset .4s}.spicyCircularLabel{font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spicySelectWrapper{flex-direction:column;width:100%;display:flex;position:relative}.spicySelectWrapper.disabled{opacity:.5;pointer-events:none}.spicySelectWrapper.hasError .spicySelectTrigger{border-color:var(--skErrorColor,red)}.spicySelectWrapper.isOpen .spicySelectArrow{transform:rotate(180deg)}.spicySelectLabel{color:var(--skTextColor);margin-bottom:4px;font-size:14px}.spicySelectContainer{position:relative}.spicySelectTrigger{border:1px solid var(--skBorderColor,#515353);width:100%;color:var(--skTextColor);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:16px;transition:border-color .2s;display:flex}.spicySelectTrigger:focus{border-color:var(--skPrimaryColor,#811faf);outline:none}.spicySelectTrigger:disabled{cursor:not-allowed}.spicySelectTrigger.placeholder{color:var(--skTextColor,#969696);opacity:.6}.spicySelectValue{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spicySelectArrow{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.spicySelectDropdown{background-color:var(--skBgColor,#1a1a1a);border:1px solid var(--skBorderColor,#515353);z-index:1000;border-radius:4px;flex-direction:column;max-height:250px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.spicySelectSearch{border-bottom:1px solid var(--skBorderColor,#515353);padding:8px}.spicySelectSearchInput{border:1px solid var(--skBorderColor,#515353);width:100%;color:var(--skTextColor);background-color:#0000;border-radius:4px;outline:none;padding:6px 8px;font-size:14px}.spicySelectSearchInput:focus{border-color:var(--skPrimaryColor,#811faf)}.spicySelectOptions{max-height:200px;margin:0;padding:4px;list-style:none;overflow-y:auto}.spicySelectOption{cursor:pointer;color:var(--skTextColor);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .15s;display:flex}.spicySelectOption.highlighted{background-color:color-mix(in srgb, var(--skPrimaryColor,#811faf) 15%, transparent)}.spicySelectOption.selected{color:var(--skPrimaryColor,#811faf);font-weight:600}.spicySelectCheck{flex-shrink:0;width:18px;height:18px}.spicySelectEmpty{text-align:center;color:var(--skTextColor,#969696);padding:12px;font-size:14px}.spicySelectError{color:var(--skErrorColor,red);margin-top:4px;font-size:12px}.spicySelect-slide-enter-active,.spicySelect-slide-leave-active{transition:opacity .15s,transform .15s}.spicySelect-slide-enter-from,.spicySelect-slide-leave-to{opacity:0;transform:translateY(-8px)}.spicyDataTable{background-color:var(--skBgColor);width:100%;color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize);flex-direction:column;display:flex;position:relative}.spicyDataTableContainer{border:1px solid var(--skBorderColor);border-radius:var(--skBorderRadius);overflow-x:auto}.spicyDataTableTable{border-collapse:collapse;table-layout:fixed;width:100%}.spicyDataTableHeader{background-color:var(--skBgSecondaryColor);z-index:10;position:sticky;top:0}.spicyDataTableHeaderCell{border-bottom:2px solid var(--skBorderColor);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:12px 16px;font-weight:600;overflow:hidden}.spicyDataTableHeaderCell.sortable{cursor:pointer;transition:background-color .2s}.spicyDataTableHeaderCell.sortable:hover{background-color:var(--skHoverColor)}.headerText{margin-right:4px;display:inline-block}.sortIcon{opacity:.7;font-size:12px;display:inline-block}.spicyDataTableBody{background-color:var(--skBgColor)}.spicyDataTableRow{border-bottom:1px solid var(--skBorderColor);transition:background-color .2s}.spicyDataTableRow.clickable{cursor:pointer}.spicyDataTableRow:hover{background-color:var(--skHoverColor)}.spicyDataTableRow:nth-child(2n){background-color:rgba(var(--skBgSecondaryColor), .3)}.spicyDataTableRow:nth-child(2n):hover{background-color:var(--skHoverColor)}.spicyDataTableCell{white-space:nowrap;text-overflow:ellipsis;padding:12px 16px;overflow:hidden}.spicyDataTableCell.left{text-align:left}.spicyDataTableCell.center{text-align:center}.spicyDataTableCell.right{text-align:right}.spicyDataTableLoading{background-color:rgba(var(--skBgColor), .8);z-index:20;border-radius:var(--skBorderRadius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spicyDataTablePagination{border:1px solid var(--skBorderColor);border-radius:0 0 var(--skBorderRadius) var(--skBorderRadius);background-color:var(--skBgSecondaryColor);border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.paginationInfo{color:var(--skTextColor);font-size:14px}.paginationControls{gap:8px;display:flex}.paginationPerPage{align-items:center;display:flex}@media (width<=768px){.spicyDataTablePagination{flex-direction:column;align-items:stretch}.paginationInfo{text-align:center}.paginationControls,.paginationPerPage{justify-content:center}.spicyDataTableHeaderCell,.spicyDataTableCell{padding:8px 12px;font-size:14px}}@media (width<=480px){.spicyDataTableHeaderCell,.spicyDataTableCell{padding:6px 8px;font-size:12px}.paginationInfo{font-size:12px}}.spicyDialogOverlay{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spicyDialog{border-radius:8px;width:100%;padding:16px}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .3s}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.spicyDropdown{display:inline-block;position:relative}.spicyDropdownButton{background-color:var(--skBgColor);color:#fff;cursor:pointer;border:none;align-items:center;padding:10px 16px;font-size:16px;display:flex}.spicyDropdownButton .arrow{margin-left:8px;transition:transform .3s}.spicyDropdownButton .arrow.open{transform:rotate(180deg)}.dropdownIcon{margin-right:8px}.spicyDropdownMenu{z-index:1;background-color:#fff;border-radius:4px;padding:10px;position:absolute;box-shadow:0 4px 8px #0000001a}.spicyFileInputWrapper{cursor:pointer;border-width:2px;border-radius:8px;flex-direction:column;max-width:100%;display:flex;position:relative}.spicyFileInputWrapper.isDragging{border-color:var(--skPrimaryColor);background-color:#0000000d}.spicyFileInputWrapper.disabled{pointer-events:none;opacity:.3;cursor:not-allowed}.spicyFileInputWrapper.hasError{border-color:var(--skErrorColor,red)}.spicyFileInputWrapper.solid{border-style:solid}.spicyFileInputWrapper.dashed{border-style:dashed}.spicyFileInputWrapper.plain{border-style:none}.spicyFileInputLabel{color:var(--skTextColor,#ddd);-webkit-user-select:none;user-select:none;cursor:pointer;margin:8px;padding:8px;font-size:16px}.spicyFileInput{display:none}.spicyFilePreviewItem{color:var(--skTextColor);border:1px solid var(--skBorderColor);border-radius:4px;justify-content:space-between;align-items:center;margin:8px;padding:8px;display:flex;position:relative}.spicyFilePreviewItem:hover{border-color:var(--skPrimaryColor)}.spicyFilePreviewItem span{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.removeButton{cursor:pointer;color:var(--skErrorColor,red);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.removeButton:hover{color:var(--skErrorColor,red);opacity:.7}.removeButtonMDI{cursor:pointer;color:var(--skErrorColor,red);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.removeButtonMDI svg{width:20px;height:20px}.removeButtonMDI:hover{opacity:.7}.clearAllButton{cursor:pointer;color:var(--skPrimaryColor);background:0 0;border:none;margin-top:8px;font-size:16px}.spicyFileInputError{color:var(--skErrorColor,red);margin-top:8px;font-size:12px}.spicyModalOverlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spicyModal{border-radius:var(--skBorderRadius);background-color:var(--skBgColor);z-index:1001;padding:20px;font-size:15px;transition:transform .3s ease-out;box-shadow:0 0 6px 2px #0003}.spicyModalHeader{text-align:center;font-size:20px;font-weight:700}.spicyModalActions{text-align:right;margin-top:20px}.spicyModalActionBtn{color:var(--skTextColor,#ddd);cursor:pointer;background-color:#0000;border:none}.spicyModalActionBtn:hover{text-decoration:underline}.spicySheet.isRound{border-radius:8px}.spicySheet.flex{gap:var(--sheet-gap,0);flex-direction:column;display:flex}.spicySheet.elevation-1{box-shadow:0 2px 4px #00000026}.spicySheet.elevation-2{box-shadow:0 4px 8px #0003}.spicySheet.elevation-3{box-shadow:0 8px 16px #00000040}.spicySkeleton{background-color:var(--skSkeletonColor,var(--skBgSecondaryColor,#e0e0e0));display:block;position:relative;overflow:hidden}.spicySkeleton.text{border-radius:2px;height:1em;margin:4px 0;line-height:1}.spicySkeleton.rect{border-radius:4px}.spicySkeleton.circle{border-radius:50%}.spicySkeleton.rounded{border-radius:8px}.spicySkeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--skSkeletonColor,var(--skBgSecondaryColor,#e0e0e0)) 50%, transparent), transparent);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spicySlider{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.spicySliderLabel{margin-bottom:5px;font-size:16px}.spicySliderInput{width:100%}.hidden{border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spicyTabs{width:inherit;background-color:var(--skBgColor);flex-direction:column;display:flex;position:relative}.spicyTabsHeader{background-color:var(--skBgSecondaryColor);justify-content:space-between;align-items:center;display:flex;position:relative}.spicyOverflowButton{cursor:pointer;color:var(--skTextColor);background:0 0;background-color:var(--skBgColor);border:none;flex-shrink:0;height:100%;padding:0 10px;font-size:18px;transition:color .25s;top:0}.spicyOverflowButton.left{left:0}.spicyOverflowButton.right{right:0}.tabsWrapper{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.tabsWrapper::-webkit-scrollbar{display:none}.spicyTabButton{cursor:pointer;color:var(--skTextColor);background:0 0;border:none;flex-shrink:0;padding:10px;font-size:16px;transition:color .25s}.spicyTabButton.active{color:var(--skPrimaryColor);font-weight:700}.spicyTabsContent{flex-direction:column;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.spicyTextArea{box-sizing:border-box;outline:none;width:100%;transition:border-color .2s}.spicyTextArea::placeholder{color:var(--skTextColor,#969696)}.spicyTextArea:focus{border-color:var(--spicyFocusColor,var(--skPrimaryColor,#811faf))}.spicyTextArea.isDisabled,.spicyTextArea:disabled{opacity:.5;cursor:not-allowed}.spicyTextArea.isDisabled::placeholder,.spicyTextArea:disabled::placeholder{color:#969696}.spicyInputWrapper{flex-direction:column;justify-content:center;width:100%;padding-top:22px;display:flex;position:relative}.spicyInputWrapper .spicyInput:focus{border-color:var(--skPrimaryColor);outline:none}.spicyInputLabel{z-index:1;color:var(--skTextColor);pointer-events:none;transition:top .25s,transform .25s,font-size .25s,color .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.spicyInputWrapper:not(.hasValue):not(.hasFocus) .spicyInputLabel{white-space:nowrap;text-overflow:ellipsis;bottom:-4px;left:6px;right:14px;overflow:hidden}.spicyInputContainer{align-items:center;width:100%;display:flex;position:relative}.spicyInputPrefix{color:var(--skTextColor);pointer-events:none}.spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353);box-sizing:border-box;width:100%;color:var(--skTextColor);background-color:#0000;flex:1;padding:10px;font-size:16px;transition:border-color .25s}.spicyInput[type=number]::-webkit-inner-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]::-webkit-outer-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]:hover::-webkit-inner-spin-button{opacity:1}.spicyInput[type=number]:hover::-webkit-outer-spin-button{opacity:1}.clearButton{cursor:pointer;color:var(--skTextColor,#969696);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px}.clearButton:hover{color:var(--skErrorColor,red)}.outlined .spicyInput{border:1px solid var(--skBorderColor,#515353);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353)}.text .spicyInput{border:none}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel,.hasPlaceholder .spicyInputLabel{color:var(--skPrimaryColor);font-size:16px;font-weight:700;top:0;transform:translateY(0)}.hasError .spicyInput{border-color:var(--skErrorColor,red)}.spicyInputError{color:var(--skErrorColor,red);font-size:12px}.spicyInputWrapper:not(.hasValue):not(.hasFocus):not(.hasPlaceholder) .spicyInput::placeholder{color:#0000}.isDisabled .spicyInput{opacity:.5;cursor:not-allowed}.isDisabled .spicyInputLabel{opacity:.5}.spicyToggleLabel{flex-direction:column;align-items:center;gap:4px;font-size:14px;display:inline-flex}.spicyToggleLabel.disabled .spicyToggle{cursor:not-allowed;opacity:.3}.spicyToggle{background-color:var(--skBgSecondaryColor,#424344);cursor:pointer;border-radius:30px;outline:none;align-items:center;width:50px;height:24px;padding:2px;transition:background-color .2s;display:inline-flex}.spicyToggle.isActive{background-color:var(--activeColor,var(--skPrimaryColor))}.spicyToggle.isActive .spicyToggleKnob{transform:translate(30px)}.spicyToggle.outlined{border:2px solid var(--skBorderColor,#515353);background-color:#0000}.spicyToggle.outlined.isActive{background-color:var(--activeColor,var(--skPrimaryColor));border-color:var(--activeColor,var(--skPrimaryColor))}.spicyToggle:focus{box-shadow:0 0 0 2px #0003}.spicyToggle.disabled{pointer-events:none}.spicyToggle:not(.isActive):hover{background-color:var(--hoverColor,#555)}.spicyToggleKnob{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToastContainer{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.spicyToastContainer.top-right{top:16px;right:16px}.spicyToastContainer.top-left{top:16px;left:16px}.spicyToastContainer.bottom-right{bottom:16px;right:16px}.spicyToastContainer.bottom-left{bottom:16px;left:16px}.spicyToastContainer.top-center{top:16px;left:50%;transform:translate(-50%)}.spicyToastContainer.bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.spicyToast{color:#fff;pointer-events:auto;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 4px 12px #0000004d}.spicyToast.info{background-color:var(--skPrimaryColor,#811faf)}.spicyToast.success{background-color:#2e7d32}.spicyToast.warning{background-color:#f57c00}.spicyToast.error{background-color:var(--skErrorColor,#d32f2f)}.spicyToastMessage{flex:1;line-height:1.4}.spicyToastClose{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px}.spicyToastClose:hover{color:#fff}.spicyToast-enter-active,.spicyToast-leave-active{transition:all .3s}.spicyToast-enter-from{opacity:0;transform:translate(100%)}.spicyToast-leave-to{opacity:0;transform:scale(.9)}.spicyTooltip{z-index:9999;background-color:var(--tooltipBgColor,var(--skBgColor));color:var(--tooltipTextColor,var(--skTextColor));border:1px solid var(--skBorderColor);border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:15px;display:flex}.spicyTooltipIcon{font-size:18px}.spicyTooltip-enter-active,.spicyTooltip-leave-active{transition:opacity .15s,transform .15s}.spicyTooltip-enter-from,.spicyTooltip-leave-to{opacity:0;transform:scale(.95)}.spicyTree ul{margin:0;padding-left:20px;list-style-type:none}.spicyTree li{margin:5px 0;position:relative}.spicyTreeNode{cursor:pointer;transition:background-color .3s}.spicyTreeNode:focus-within{outline:2px solid #007bff}.spicyTreeNodeIcon{width:24px;height:24px;margin-right:8px}.spicyToggleIcon{margin-left:10px;font-size:14px}.spicyTreeNodeItem{margin-left:16px;list-style:none}
|
|
1
|
+
:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active,.spicyLink:focus{color:var(--skPrimaryColor)}.spicyLink:disabled{opacity:.3}.spicyRipple{pointer-events:none;z-index:1;background:currentColor;border-radius:50%;animation:.6s linear spicy-ripple-animation;position:absolute;transform:scale(0)}@keyframes spicy-ripple-animation{to{opacity:0;transform:scale(4)}}.spicyAccordion{border:1px solid var(--skBorderColor,#ddd);border-radius:4px;overflow:hidden}.spicyAccordionItem{border-bottom:1px solid var(--skBorderColor,#ddd)}.spicyAccordionItem:last-child{border-bottom:none}.spicyAccordionHeader{background-color:var(--skBgSecondaryColor,#f5f5f5);color:var(--skTextColor,#333);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px;transition:background-color .2s;display:flex}.spicyAccordionHeader.open{background-color:var(--skBgColor,#e0e0e0)}.spicyAccordionHeader.open .accordionArrow{transform:rotate(180deg)}.spicyAccordionContent{background-color:var(--skBgColor,#fff);color:var(--skTextColor,#333);padding:10px}.accordionToggle{align-items:center;transition:transform .2s;display:flex}.accordionArrow{width:20px;height:20px;transition:transform .2s}.spicyAccordion.disabled,.spicyAccordionHeader:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.accordion-slide-enter-active,.accordion-slide-leave-active{transition:max-height .2s,opacity .2s;overflow:hidden}.accordion-slide-enter-from,.accordion-slide-leave-to{opacity:0;max-height:0}.accordion-slide-enter-to,.accordion-slide-leave-from{opacity:1;max-height:500px}.spicyAlert{align-items:center;gap:10px;padding:12px;display:flex}.spicyAlert.info{color:#333;background-color:#e0e0e0}.spicyAlert.success{color:#155724;background-color:#a3ffb7}.spicyAlert.warning{color:#856404;background-color:#ffecaf}.spicyAlert.error{color:#911f2a;background-color:#ffbdc2}.spicyAlert.custom{background-color:var(--skBgSecondaryColor,#424344);color:var(--skTextColor,#ddd)}.spicyAlert.spicyAlertRound{border-radius:8px}.spicyAlertIcon{width:24px;height:24px}.spicyAlertContainer{flex-direction:column;display:flex}.spicyAlertCloseBtn{cursor:pointer;background:0 0;border:none;width:20px;height:20px;margin-left:auto}.spicyAlertCloseBtn svg{width:20px;height:20px}.spicyBadge{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}.spicyBadge.sm{padding:2px 8px;font-size:11px}.spicyBadge.md{padding:4px 10px;font-size:13px}.spicyBadge.lg{padding:6px 14px;font-size:15px}.spicyBadge.solid{background-color:var(--skPrimaryColor,#811faf);color:#fff}.spicyBadge.outlined{border-color:var(--skPrimaryColor,#811faf);color:var(--skPrimaryColor,#811faf);background-color:#0000}.spicyBadge.soft{background-color:color-mix(in srgb, var(--skPrimaryColor,#811faf) 15%, transparent);color:var(--skPrimaryColor,#811faf)}.spicyBadge.dot{padding-left:8px}.spicyBadgeDot{background-color:var(--skPrimaryColor,#811faf);border-radius:50%;flex-shrink:0;width:8px;height:8px}.spicyBadgeRemove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;align-items:center;padding:0 2px;font-size:10px;display:inline-flex}.spicyBadgeRemove:hover{opacity:1}.spicyBtn{text-align:center;cursor:pointer;color:var(--skTextColor,#ddd);background-color:var(--skBgColor,#28292a);font-size:var(--skFontSize,16px);font-weight:var(--skFontWeight,500);-webkit-user-select:none;user-select:none;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;display:flex}.spicyBtn.outlined{border:2px solid var(--skBorderColor,#515353);background-color:#0000}.spicyBtn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.spicyBtn:hover:not(.disabled){background-color:var(--hoverColor,grey)}.spicyBtn:focus-visible{outline:2px solid var(--skTextColor,#ddd);outline-offset:2px}.spicyBtn.isRound{border-radius:50px;padding:12px}.spicyBtn.lg{font-size:calc(var(--skFontSize,16px) * 1.2);padding:12px 24px}.spicyBtn.lg.isRound{padding:16px}.spicyBtn.lg .spicyBtnIcon{width:32px;height:32px}.spicyBtn.sm{font-size:calc(var(--skFontSize,16px) * .85);padding:4px 12px}.spicyBtn.sm.isRound{padding:8px}.spicyBtn.sm .spicyBtnIcon{width:18px;height:18px}.spicyBtn .spicyBtnIcon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.spicyCarouselWrapper{width:var(--width,580px);max-width:100%;height:var(--height,360px);justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.spicyCarouselWrapper .spicyCarouselTitle{width:var(--width,580px);color:#ccc;background-color:#0009;height:30px;font-size:18px;font-weight:700;position:absolute;top:0}.spicyCarouselWrapper .spicyCarouselContainer{border-radius:var(--borderRadius);background-color:#0009;width:100%;height:100%;position:relative;overflow:hidden}.spicyCarouselWrapper .spicyCarouselSlide{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.spicyCarouselWrapper .spicyCarouselTextOverlay{color:#ccc;text-shadow:2px 2px 4px #00000080;background-color:#000000bf;border-radius:4px;padding:10px;font-size:18px;font-weight:700;position:absolute;bottom:10px;left:10px}.spicyCarouselWrapper .spicyCarouselTextOverlay.fullScreen{text-align:center;background-color:#0000004d;justify-content:center;align-items:center;display:flex;inset:0}.spicyCarouselWrapper .spicyCarouselNavControls{pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn,.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn{color:#ccc;cursor:pointer;pointer-events:auto;z-index:2;background:#0009;border:none;justify-content:center;align-items:center;width:30px;height:100%;font-size:24px;transition:transform .3s;display:flex}:is(.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn,.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn):hover{background:var(--skPrimaryColor)}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselPrevBtn{border-radius:6px 0 0 6px}.spicyCarouselWrapper .spicyCarouselNavControls .spicyCarouselNextBtn{border-radius:0 6px 6px 0}.spicyCarouselWrapper .spicyCarouselPagination{height:30px;width:var(--width,580px);z-index:2;pointer-events:auto;background:#0009;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn{color:#fff;cursor:pointer;background:#00b7ff80;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .3s;display:flex}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn.active{background:var(--activeColor,var(--skPrimaryColor))}.spicyCarouselWrapper .spicyCarouselPagination .spicyCarouselPageBtn:hover{background:var(--skPrimaryColor)}.spicyCarouselWrapper .pointCursor{cursor:pointer}.spicyCarouselWrapper .slide-enter-active,.spicyCarouselWrapper .slide-leave-active{transition:opacity .3s}.spicyCarouselWrapper .slide-enter-from,.spicyCarouselWrapper .slide-leave-to{opacity:0}.spicyProgress{background-color:#e0e0e0;border-radius:8px;width:100%;position:relative;overflow:hidden}.spicyProgressBar{transition:width .4s}.spicyProgressLabel{color:#fff;font-size:12px;position:absolute;top:0;right:10px}.spicyProgressCircular{justify-content:center;align-items:center;display:flex;position:relative}.spicyCircularSvg{background-color:#00000080;border-radius:50%;transform:rotate(-90deg)}.spicyCircularTrack{fill:none;stroke:#e0e0e0}.spicyCircularProgress{fill:none;transition:stroke-dashoffset .4s}.spicyCircularLabel{font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spicySelectWrapper{flex-direction:column;width:100%;display:flex;position:relative}.spicySelectWrapper.disabled{opacity:.5;pointer-events:none}.spicySelectWrapper.hasError .spicySelectTrigger{border-color:var(--skErrorColor,red)}.spicySelectWrapper.isOpen .spicySelectArrow{transform:rotate(180deg)}.spicySelectLabel{color:var(--skTextColor);margin-bottom:4px;font-size:14px}.spicySelectContainer{position:relative}.spicySelectTrigger{border:1px solid var(--skBorderColor,#515353);width:100%;color:var(--skTextColor);cursor:pointer;background-color:#0000;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:16px;transition:border-color .2s;display:flex}.spicySelectTrigger:focus{border-color:var(--skPrimaryColor,#811faf);outline:none}.spicySelectTrigger:disabled{cursor:not-allowed}.spicySelectTrigger.placeholder{color:var(--skTextColor,#969696);opacity:.6}.spicySelectValue{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spicySelectArrow{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.spicySelectDropdown{background-color:var(--skBgColor,#1a1a1a);border:1px solid var(--skBorderColor,#515353);z-index:1000;border-radius:4px;flex-direction:column;max-height:250px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.spicySelectSearch{border-bottom:1px solid var(--skBorderColor,#515353);padding:8px}.spicySelectSearchInput{border:1px solid var(--skBorderColor,#515353);width:100%;color:var(--skTextColor);background-color:#0000;border-radius:4px;outline:none;padding:6px 8px;font-size:14px}.spicySelectSearchInput:focus{border-color:var(--skPrimaryColor,#811faf)}.spicySelectOptions{max-height:200px;margin:0;padding:4px;list-style:none;overflow-y:auto}.spicySelectOption{cursor:pointer;color:var(--skTextColor);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .15s;display:flex}.spicySelectOption.highlighted{background-color:color-mix(in srgb, var(--skPrimaryColor,#811faf) 15%, transparent)}.spicySelectOption.selected{color:var(--skPrimaryColor,#811faf);font-weight:600}.spicySelectCheck{flex-shrink:0;width:18px;height:18px}.spicySelectEmpty{text-align:center;color:var(--skTextColor,#969696);padding:12px;font-size:14px}.spicySelectError{color:var(--skErrorColor,red);margin-top:4px;font-size:12px}.spicySelect-slide-enter-active,.spicySelect-slide-leave-active{transition:opacity .15s,transform .15s}.spicySelect-slide-enter-from,.spicySelect-slide-leave-to{opacity:0;transform:translateY(-8px)}.spicyDataTable{background-color:var(--skBgColor);width:100%;color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize);flex-direction:column;display:flex;position:relative}.spicyDataTableContainer{border:1px solid var(--skBorderColor);border-radius:var(--skBorderRadius);overflow-x:auto}.spicyDataTableTable{border-collapse:collapse;table-layout:fixed;width:100%}.spicyDataTableHeader{background-color:var(--skBgSecondaryColor);z-index:10;position:sticky;top:0}.spicyDataTableHeaderCell{border-bottom:2px solid var(--skBorderColor);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;padding:12px 16px;font-weight:600;overflow:hidden}.spicyDataTableHeaderCell.sortable{cursor:pointer;transition:background-color .2s}.spicyDataTableHeaderCell.sortable:hover{background-color:var(--skHoverColor)}.headerText{margin-right:4px;display:inline-block}.sortIcon{opacity:.7;font-size:12px;display:inline-block}.spicyDataTableBody{background-color:var(--skBgColor)}.spicyDataTableRow{border-bottom:1px solid var(--skBorderColor);transition:background-color .2s}.spicyDataTableRow.clickable{cursor:pointer}.spicyDataTableRow:hover{background-color:var(--skHoverColor)}.spicyDataTableRow:nth-child(2n){background-color:rgba(var(--skBgSecondaryColor), .3)}.spicyDataTableRow:nth-child(2n):hover{background-color:var(--skHoverColor)}.spicyDataTableCell{white-space:nowrap;text-overflow:ellipsis;padding:12px 16px;overflow:hidden}.spicyDataTableCell.left{text-align:left}.spicyDataTableCell.center{text-align:center}.spicyDataTableCell.right{text-align:right}.spicyDataTableLoading{background-color:rgba(var(--skBgColor), .8);z-index:20;border-radius:var(--skBorderRadius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spicyDataTablePagination{border:1px solid var(--skBorderColor);border-radius:0 0 var(--skBorderRadius) var(--skBorderRadius);background-color:var(--skBgSecondaryColor);border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.paginationInfo{color:var(--skTextColor);font-size:14px}.paginationControls{gap:8px;display:flex}.paginationPerPage{align-items:center;display:flex}@media (width<=768px){.spicyDataTablePagination{flex-direction:column;align-items:stretch}.paginationInfo{text-align:center}.paginationControls,.paginationPerPage{justify-content:center}.spicyDataTableHeaderCell,.spicyDataTableCell{padding:8px 12px;font-size:14px}}@media (width<=480px){.spicyDataTableHeaderCell,.spicyDataTableCell{padding:6px 8px;font-size:12px}.paginationInfo{font-size:12px}}.spicyDialogOverlay{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spicyDialog{border-radius:8px;width:100%;padding:16px}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .3s}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.spicyDropdown{display:inline-block;position:relative}.spicyDropdownButton{background-color:var(--skBgColor);color:#fff;cursor:pointer;border:none;align-items:center;padding:10px 16px;font-size:16px;display:flex}.spicyDropdownButton .arrow{margin-left:8px;transition:transform .3s}.spicyDropdownButton .arrow.open{transform:rotate(180deg)}.dropdownIcon{margin-right:8px}.spicyDropdownMenu{z-index:1;background-color:#fff;border-radius:4px;padding:10px;position:absolute;box-shadow:0 4px 8px #0000001a}.spicyFileInputWrapper{cursor:pointer;border-width:2px;border-radius:8px;flex-direction:column;max-width:100%;display:flex;position:relative}.spicyFileInputWrapper.isDragging{border-color:var(--skPrimaryColor);background-color:#0000000d}.spicyFileInputWrapper.disabled{pointer-events:none;opacity:.3;cursor:not-allowed}.spicyFileInputWrapper.hasError{border-color:var(--skErrorColor,red)}.spicyFileInputWrapper.solid{border-style:solid}.spicyFileInputWrapper.dashed{border-style:dashed}.spicyFileInputWrapper.plain{border-style:none}.spicyFileInputLabel{color:var(--skTextColor,#ddd);-webkit-user-select:none;user-select:none;cursor:pointer;margin:8px;padding:8px;font-size:16px}.spicyFileInput{display:none}.spicyFilePreviewItem{color:var(--skTextColor);border:1px solid var(--skBorderColor);border-radius:4px;justify-content:space-between;align-items:center;margin:8px;padding:8px;display:flex;position:relative}.spicyFilePreviewItem:hover{border-color:var(--skPrimaryColor)}.spicyFilePreviewItem span{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.removeButton{cursor:pointer;color:var(--skErrorColor,red);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.removeButton:hover{color:var(--skErrorColor,red);opacity:.7}.removeButtonMDI{cursor:pointer;color:var(--skErrorColor,red);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.removeButtonMDI svg{width:20px;height:20px}.removeButtonMDI:hover{opacity:.7}.clearAllButton{cursor:pointer;color:var(--skPrimaryColor);background:0 0;border:none;margin-top:8px;font-size:16px}.spicyFileInputError{color:var(--skErrorColor,red);margin-top:8px;font-size:12px}.spicyModalOverlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spicyModal{border-radius:var(--skBorderRadius);background-color:var(--skBgColor);z-index:1001;padding:20px;font-size:15px;transition:transform .3s ease-out;box-shadow:0 0 6px 2px #0003}.spicyModalHeader{text-align:center;font-size:20px;font-weight:700}.spicyModalActions{text-align:right;margin-top:20px}.spicyModalActionBtn{color:var(--skTextColor,#ddd);cursor:pointer;background-color:#0000;border:none}.spicyModalActionBtn:hover{text-decoration:underline}.spicySheet.isRound{border-radius:8px}.spicySheet.flex{gap:var(--sheet-gap,0);flex-direction:column;display:flex}.spicySheet.elevation-1{box-shadow:0 2px 4px #00000026}.spicySheet.elevation-2{box-shadow:0 4px 8px #0003}.spicySheet.elevation-3{box-shadow:0 8px 16px #00000040}.spicySkeleton{background-color:var(--skSkeletonColor,var(--skBgSecondaryColor,#e0e0e0));display:block;position:relative;overflow:hidden}.spicySkeleton.text{border-radius:2px;height:1em;margin:4px 0;line-height:1}.spicySkeleton.rect{border-radius:4px}.spicySkeleton.circle{border-radius:50%}.spicySkeleton.rounded{border-radius:8px}.spicySkeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--skSkeletonColor,var(--skBgSecondaryColor,#e0e0e0)) 50%, transparent), transparent);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spicySlider{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.spicySliderLabel{margin-bottom:5px;font-size:16px}.spicySliderInput{width:100%}.hidden{border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spicyTabs{width:inherit;background-color:var(--skBgColor);flex-direction:column;display:flex;position:relative}.spicyTabsHeader{background-color:var(--skBgSecondaryColor);justify-content:space-between;align-items:center;display:flex;position:relative}.spicyOverflowButton{cursor:pointer;color:var(--skTextColor);background:0 0;background-color:var(--skBgColor);border:none;flex-shrink:0;height:100%;padding:0 10px;font-size:18px;transition:color .25s;top:0}.spicyOverflowButton.left{left:0}.spicyOverflowButton.right{right:0}.tabsWrapper{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.tabsWrapper::-webkit-scrollbar{display:none}.spicyTabButton{cursor:pointer;color:var(--skTextColor);background:0 0;border:none;flex-shrink:0;padding:10px;font-size:16px;transition:color .25s}.spicyTabButton.active{color:var(--skPrimaryColor);font-weight:700}.spicyTabsContent{flex-direction:column;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.spicyTextArea{box-sizing:border-box;outline:none;width:100%;transition:border-color .2s}.spicyTextArea::placeholder{color:var(--skTextColor,#969696)}.spicyTextArea:focus{border-color:var(--spicyFocusColor,var(--skPrimaryColor,#811faf))}.spicyTextArea.isDisabled,.spicyTextArea:disabled{opacity:.5;cursor:not-allowed}.spicyTextArea.isDisabled::placeholder,.spicyTextArea:disabled::placeholder{color:#969696}.spicyInputWrapper{flex-direction:column;justify-content:center;width:100%;display:flex;position:relative}.spicyInputWrapper .spicyInput:focus{border-color:var(--skPrimaryColor);outline:none}.spicyInputLabel{z-index:1;color:var(--skTextColor);pointer-events:none;transition:top .25s,transform .25s,font-size .25s,color .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.spicyInputWrapper:not(.hasValue):not(.hasFocus) .spicyInputLabel{white-space:nowrap;text-overflow:ellipsis;bottom:-4px;left:6px;right:14px;overflow:hidden}.spicyInputContainer{align-items:center;width:100%;display:flex;position:relative}.spicyInputPrefix{color:var(--skTextColor);pointer-events:none}.spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353);box-sizing:border-box;width:100%;color:var(--skTextColor);background-color:#0000;flex:1;padding:10px;font-size:16px;transition:border-color .25s}.spicyInput[type=number]::-webkit-inner-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]::-webkit-outer-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]:hover::-webkit-inner-spin-button{opacity:1}.spicyInput[type=number]:hover::-webkit-outer-spin-button{opacity:1}.clearButton{cursor:pointer;color:var(--skTextColor,#969696);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px}.clearButton:hover{color:var(--skErrorColor,red)}.outlined .spicyInput{border:1px solid var(--skBorderColor,#515353);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353)}.text .spicyInput{border:none}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel,.hasPlaceholder .spicyInputLabel{color:var(--skPrimaryColor);font-size:16px;font-weight:700;top:-20px;transform:translateY(0)}.hasError .spicyInput{border-color:var(--skErrorColor,red)}.spicyInputError{color:var(--skErrorColor,red);font-size:12px}.spicyInputWrapper:not(.hasValue):not(.hasFocus):not(.hasPlaceholder) .spicyInput::placeholder{color:#0000}.isDisabled .spicyInput{opacity:.5;cursor:not-allowed}.isDisabled .spicyInputLabel{opacity:.5}.spicyToggleLabel{flex-direction:column;align-items:center;gap:4px;font-size:14px;display:inline-flex}.spicyToggleLabel.disabled .spicyToggle{cursor:not-allowed;opacity:.3}.spicyToggle{background-color:var(--skBgSecondaryColor,#424344);cursor:pointer;border-radius:30px;outline:none;align-items:center;width:50px;height:24px;padding:2px;transition:background-color .2s;display:inline-flex}.spicyToggle.isActive{background-color:var(--activeColor,var(--skPrimaryColor))}.spicyToggle.isActive .spicyToggleKnob{transform:translate(30px)}.spicyToggle.outlined{border:2px solid var(--skBorderColor,#515353);background-color:#0000}.spicyToggle.outlined.isActive{background-color:var(--activeColor,var(--skPrimaryColor));border-color:var(--activeColor,var(--skPrimaryColor))}.spicyToggle:focus{box-shadow:0 0 0 2px #0003}.spicyToggle.disabled{pointer-events:none}.spicyToggle:not(.isActive):hover{background-color:var(--hoverColor,#555)}.spicyToggleKnob{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToastContainer{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.spicyToastContainer.top-right{top:16px;right:16px}.spicyToastContainer.top-left{top:16px;left:16px}.spicyToastContainer.bottom-right{bottom:16px;right:16px}.spicyToastContainer.bottom-left{bottom:16px;left:16px}.spicyToastContainer.top-center{top:16px;left:50%;transform:translate(-50%)}.spicyToastContainer.bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.spicyToast{color:#fff;pointer-events:auto;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 4px 12px #0000004d}.spicyToast.info{background-color:var(--skPrimaryColor,#811faf)}.spicyToast.success{background-color:#2e7d32}.spicyToast.warning{background-color:#f57c00}.spicyToast.error{background-color:var(--skErrorColor,#d32f2f)}.spicyToastMessage{flex:1;line-height:1.4}.spicyToastClose{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px}.spicyToastClose:hover{color:#fff}.spicyToast-enter-active,.spicyToast-leave-active{transition:all .3s}.spicyToast-enter-from{opacity:0;transform:translate(100%)}.spicyToast-leave-to{opacity:0;transform:scale(.9)}.spicyTooltip{z-index:9999;background-color:var(--tooltipBgColor,var(--skBgColor));color:var(--tooltipTextColor,var(--skTextColor));border:1px solid var(--skBorderColor);border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:15px;display:flex}.spicyTooltipText{text-align:left}.spicyTooltipText p{margin:0 0 6px}.spicyTooltipText p:last-child{margin-bottom:0}.spicyTooltipText code{background-color:#00000040;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.9em}.spicyTooltipIcon{font-size:18px}.spicyTooltip-enter-active,.spicyTooltip-leave-active{transition:opacity .15s,transform .15s}.spicyTooltip-enter-from,.spicyTooltip-leave-to{opacity:0;transform:scale(.95)}.spicyTree ul{margin:0;padding-left:20px;list-style-type:none}.spicyTree li{margin:5px 0;position:relative}.spicyTreeNode{cursor:pointer;transition:background-color .3s}.spicyTreeNode:focus-within{outline:2px solid #007bff}.spicyTreeNodeIcon{width:24px;height:24px;margin-right:8px}.spicyToggleIcon{margin-left:10px;font-size:14px}.spicyTreeNodeItem{margin-left:16px;list-style:none}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/spicykatsu.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SpicyKatsu={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=[`onClick`,`aria-expanded`,`aria-controls`,`disabled`],r={key:0,class:`accordionIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},i=[`d`],a=[`id`],o=(0,t.defineComponent)({__name:`SpicyAccordion`,props:{sections:{},singleOpen:{type:Boolean,default:!1},defaultOpen:{},disabled:{type:Boolean,default:!1}},setup(e){let o=e,s=(0,t.ref)(o.defaultOpen||[]),c=e=>{if(!(o.disabled||o.sections[e]?.disabled))if(o.singleOpen)s.value=s.value.includes(e)?[]:[e];else{let t=s.value.indexOf(e);t===-1?s.value.push(e):s.value.splice(t,1)}},l=e=>s.value.includes(e);return(o,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyAccordion`,{disabled:e.disabled}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.sections,(u,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:d,class:`spicyAccordionItem`},[(0,t.createElementVNode)(`button`,{type:`button`,class:(0,t.normalizeClass)([`spicyAccordionHeader`,{open:l(d)}]),onClick:e=>c(d),"aria-expanded":l(d),"aria-controls":`accordion-panel-${d}`,disabled:e.disabled||u.disabled},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(u.title),1),u.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,r,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:u.icon},null,8,i)])):(0,t.createCommentVNode)(``,!0),s[0]||=(0,t.createElementVNode)(`span`,{class:`accordionToggle`},[(0,t.createElementVNode)(`svg`,{class:`accordionArrow`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M7 10l5 5 5-5H7z`})])],-1)],10,n),(0,t.createVNode)(t.Transition,{name:`accordion-slide`},{default:(0,t.withCtx)(()=>[l(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:`accordion-panel-${d}`,class:`spicyAccordionContent`,role:`region`},[(0,t.renderSlot)(o.$slots,`section-${d}`)],8,a)):(0,t.createCommentVNode)(``,!0)]),_:2},1024)]))),128))],2))}}),s=[`aria-label`],c={key:0,class:`spicyAlertIcon`},l={key:1,class:`spicyAlertIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},u=[`d`],d={class:`spicyAlertContainer`},f={key:0,class:`spicyAlertTitle`},p={key:1,class:`spicyAlertText`},m={key:0,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},h=[`d`],g={key:1},_=(0,t.defineComponent)({__name:`SpicyAlert`,props:{variant:{default:`info`},title:{},text:{},icon:{},mdi:{},iconOnly:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},autoClose:{default:0},closeIcon:{},isRound:{type:Boolean,default:!1}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.ref)(!0),o=null,_=(0,t.ref)(r.autoClose),v=null,y=()=>{a.value=!1,i(`close`)},b=()=>{_.value>0&&(v=Date.now(),o=setTimeout(()=>{y()},_.value))},x=()=>{o&&=(clearTimeout(o),null)},S=()=>{if(o&&v!==null){let e=Date.now()-v;_.value=Math.max(0,_.value-e),x(),v=null}},C=()=>{b()};return(0,t.watch)(()=>r.autoClose,e=>{_.value=e,x(),b()}),(0,t.onBeforeUnmount)(()=>{x()}),(0,t.onMounted)(()=>{b()}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`spicyAlert`,[e.variant,{spicyAlertRound:e.isRound}]]),"aria-atomic":`true`,"aria-label":e.text||`Alert`,role:`alert`,onKeydown:(0,t.withKeys)(y,[`enter`]),onMouseenter:S,onMouseleave:C},[e.iconOnly&&e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,(0,t.toDisplayString)(e.icon),1)):(0,t.createCommentVNode)(``,!0),e.mdi?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,l,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,class:`spicyAlertMDI`,d:e.mdi},null,8,u)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,d,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,f,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),!e.iconOnly&&e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,p,(0,t.toDisplayString)(e.text),1)):(0,t.createCommentVNode)(``,!0)]),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,class:`spicyAlertCloseBtn`,onClick:y,"aria-label":`Close alert`},[e.closeIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,m,[(0,t.createElementVNode)(`path`,{fill:`#000`,d:e.closeIcon},null,8,h)])):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,g,`X`))])):(0,t.createCommentVNode)(``,!0),e.text?(0,t.createCommentVNode)(``,!0):(0,t.renderSlot)(n.$slots,`default`,{key:3})],42,s)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),v=(0,t.defineComponent)({__name:`SpicyBadge`,props:{variant:{default:`soft`},color:{default:``},textColor:{default:``},size:{default:`md`},dot:{type:Boolean,default:!1},dotColor:{default:``},removable:{type:Boolean,default:!1}},emits:[`remove`],setup(e){let n=e,r=(0,t.computed)(()=>n.dot),i=(0,t.computed)(()=>{let e={};return n.color&&(n.variant===`solid`?e.backgroundColor=n.color:n.variant===`outlined`?(e.borderColor=n.color,e.color=n.color):(e.backgroundColor=`color-mix(in srgb, ${n.color} 15%, transparent)`,e.color=n.color)),n.textColor&&(e.color=n.textColor),e});return(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`spicyBadge`,[e.variant,e.size,{dot:r.value,removable:e.removable}]]),style:(0,t.normalizeStyle)(i.value)},[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:`spicyBadgeDot`,style:(0,t.normalizeStyle)({backgroundColor:e.dotColor})},null,4)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`),e.removable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`spicyBadgeRemove`,onClick:a[0]||=e=>n.$emit(`remove`),"aria-label":`Remove badge`,type:`button`},[...a[1]||=[(0,t.createElementVNode)(`span`,{class:`spicyBadgeRemoveIcon`},`✕`,-1)]])):(0,t.createCommentVNode)(``,!0)],6))}}),y=[`disabled`,`aria-label`,`aria-disabled`,`tabindex`],b={key:0,class:`spicyBtnIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},x=[`d`],S={key:1,class:`spicyBtnIcon`},C={key:2,class:`spicyBtnText`},w=(0,t.defineComponent)({__name:`SpicyBtn`,props:{variant:{default:`filled`},disabled:{type:Boolean,default:!1},text:{},icon:{},mdi:{},size:{default:`md`},bgColor:{},textColor:{default:`#ddd`},hoverColor:{},borderColor:{},fontSize:{default:16},fontWeight:{default:500},ariaLabel:{}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e=>{a.disabled||r(`click`,e)},a=e,o=(0,t.computed)(()=>a.ariaLabel||a.text||`Button`),s=(0,t.computed)(()=>({"--skFontSize":typeof a.fontSize==`number`?`${a.fontSize}px`:a.fontSize,"--skFontWeight":a.fontWeight,"--skBgColor":a.bgColor,"--skTextColor":a.textColor,"--skBorderColor":a.borderColor,"--hoverColor":a.hoverColor})),c=(0,t.computed)(()=>!a.text&&(a.icon||a.mdi)),l=(0,t.computed)(()=>({spicyBtn:!0,outlined:a.variant===`outlined`,disabled:a.disabled,isRound:c.value,[a.size]:a.size!==`md`}));return(n,r)=>{let a=(0,t.resolveDirective)(`spicyRipple`);return(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(l.value),style:(0,t.normalizeStyle)(s.value),disabled:e.disabled,onClick:i,"aria-label":o.value,"aria-disabled":e.disabled,tabindex:e.disabled?-1:0},[e.mdi?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,b,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,class:`spicyBtnMDI`,d:e.mdi},null,8,x)])):e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,S,(0,t.toDisplayString)(e.icon),1)):(0,t.createCommentVNode)(``,!0),e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,C,(0,t.toDisplayString)(e.text),1)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],14,y)),[[a]])}}}),ee=[`aria-label`],te={class:`spicyCarouselInfoText`},ne={class:`spicyCarouselTitle`},re={key:0},ie={key:0,class:`spicyCarouselNavControls`},ae={key:1,class:`spicyCarouselPagination`},oe=[`onClick`],T={class:`spicyCarouselPage`},E=(0,t.defineComponent)({__name:`SpicyCarousel`,props:{autoplay:{type:Boolean,default:!1},autoplaySpeed:{default:5e3},showNavigation:{type:Boolean,default:!0},showPagination:{type:Boolean,default:!0},activeColor:{default:`var(--skPrimaryColor)`},loop:{type:Boolean,default:!0},initialSlide:{default:0},slides:{default:()=>[]},width:{default:`580px`},height:{default:`360px`},fullScreen:{type:Boolean,default:!1},enableImageClick:{type:Boolean,default:!1},paginationLimit:{default:10}},setup(e){let n=0,r=0,i=!1,a=e,o=(0,t.computed)(()=>({"--width":a.width,"--height":a.height,"--activeColor":a.activeColor})),s=(0,t.computed)(()=>a.slides[l.value]?.title),c=(0,t.computed)(()=>u.value?.fullScreen===!1?!1:a.fullScreen),l=(0,t.ref)(Math.max(0,Math.min(a.initialSlide,a.slides.length-1))),u=(0,t.computed)(()=>a.slides[l.value]),d,f=()=>{a.slides.length!==0&&(a.loop?l.value=(l.value-1+a.slides.length)%a.slides.length:l.value=Math.max(0,l.value-1))},p=()=>{a.slides.length!==0&&(a.loop?l.value=(l.value+1)%a.slides.length:l.value=Math.min(a.slides.length-1,l.value+1))},m=e=>{a.slides.length!==0&&(l.value=Math.max(0,Math.min(e,a.slides.length-1)))},h=()=>{d&&=(clearInterval(d),void 0)},g=()=>{a.autoplay&&(h(),d=window.setInterval(p,a.autoplaySpeed))},_=()=>{u.value&&window.open(u.value.img)},v=()=>{a.enableImageClick&&_()},y=e=>{n=e.touches[0].clientX,r=e.touches[0].clientY,i=!1},b=e=>{if(!i){let t=e.touches[0].clientX-n,a=e.touches[0].clientY-r;Math.abs(t)>Math.abs(a)&&(t>40?(f(),i=!0):t<-40&&(p(),i=!0))}},x=(0,t.computed)(()=>{let e=a.slides.length,t=Math.max(0,l.value-Math.floor(a.paginationLimit/2)),n=Math.min(e,t+a.paginationLimit);return[...Array(e).keys()].slice(t,n)});return(0,t.onMounted)(()=>{g()}),(0,t.onUnmounted)(()=>{h()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`spicyCarouselWrapper`,style:(0,t.normalizeStyle)({...o.value})},[(0,t.createElementVNode)(`div`,{class:`spicyCarouselContainer`,onMouseenter:h,onMouseleave:g,onTouchstart:y,onTouchmove:b},[(0,t.createVNode)(t.Transition,{name:`slide`,mode:`out-in`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyCarouselSlide`,{pointCursor:a.enableImageClick}]),key:l.value,style:(0,t.normalizeStyle)({backgroundImage:`url(${u.value?.img})`}),onClick:v},[u.value?.text?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`spicyCarouselTextOverlay`,{fullScreen:c.value}]),"aria-label":u.value.text},[(0,t.createElementVNode)(`span`,te,(0,t.toDisplayString)(u.value.text),1)],10,ee)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],6))]),_:3})],32),(0,t.createElementVNode)(`div`,ne,[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`h2`,re,(0,t.toDisplayString)(s.value),1)):(0,t.createCommentVNode)(``,!0)]),e.showNavigation?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ie,[(0,t.createElementVNode)(`button`,{class:`spicyCarouselPrevBtn`,onClick:f,"aria-label":`Previous slide`},[...r[0]||=[(0,t.createElementVNode)(`span`,{class:`spicyCarouselPrevBtnIcon`},`<`,-1)]]),(0,t.createElementVNode)(`button`,{class:`spicyCarouselNextBtn`,onClick:p,"aria-label":`Next slide`},[...r[1]||=[(0,t.createElementVNode)(`span`,{class:`spicyCarouselNextBtnIcon`},`>`,-1)]])])):(0,t.createCommentVNode)(``,!0),e.showPagination?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ae,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(x.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e,onClick:t=>m(e),class:(0,t.normalizeClass)([`spicyCarouselPageBtn`,{active:e===l.value}])},[(0,t.createElementVNode)(`span`,T,(0,t.toDisplayString)(e+1),1)],10,oe))),128))])):(0,t.createCommentVNode)(``,!0)],4))}}),se={key:0,class:`spicyProgress`},ce={key:0,class:`spicyProgressLabel`},le={key:1,class:`spicyProgressCircular`},ue=[`width`,`height`],de=[`stroke-width`,`r`,`cx`,`cy`],fe=[`stroke`,`stroke-width`,`r`,`cx`,`cy`],pe={key:0,class:`spicyCircularLabel`},D=(0,t.defineComponent)({__name:`SpicyProgress`,props:{value:{},max:{default:100},color:{default:`#4caf50`},height:{default:`8px`},strokeWidth:{default:8},type:{default:`linear`},showLabel:{type:Boolean,default:!1},size:{default:100}},setup(e){let n=e,r=(0,t.computed)(()=>Math.round(n.value/Math.max(1,n.max)*100)),i=(0,t.computed)(()=>n.type===`linear`),a=(0,t.computed)(()=>({width:`${r.value}%`,backgroundColor:n.color,height:n.height})),o=(0,t.computed)(()=>n.size/2),s=(0,t.computed)(()=>(n.size-n.strokeWidth)/2),c=(0,t.computed)(()=>2*Math.PI*s.value),l=(0,t.computed)(()=>({strokeDasharray:`${c.value} ${c.value}`,strokeDashoffset:`${c.value-r.value/100*c.value}`,transition:`stroke-dashoffset 400ms ease`}));return(n,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,se,[(0,t.createElementVNode)(`div`,{class:`spicyProgressBar`,style:(0,t.normalizeStyle)(a.value)},null,4),e.showLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ce,(0,t.toDisplayString)(r.value)+`%`,1)):(0,t.createCommentVNode)(``,!0)])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,le,[((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`spicyCircularSvg`,width:e.size,height:e.size},[(0,t.createElementVNode)(`circle`,{class:`spicyCircularTrack`,"stroke-width":e.strokeWidth,r:s.value,cx:o.value,cy:o.value},null,8,de),(0,t.createElementVNode)(`circle`,{class:`spicyCircularProgress`,stroke:e.color,"stroke-width":e.strokeWidth,r:s.value,cx:o.value,cy:o.value,style:(0,t.normalizeStyle)(l.value)},null,12,fe)],8,ue)),e.showLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,pe,(0,t.toDisplayString)(r.value)+`%`,1)):(0,t.createCommentVNode)(``,!0)])),(0,t.renderSlot)(n.$slots,`default`)],64))}}),me={class:`spicySelectContainer`},he=[`disabled`,`aria-expanded`,`aria-label`],ge={class:`spicySelectValue`},_e={key:0,class:`spicySelectDropdown`},ve={key:0,class:`spicySelectSearch`},ye=[`onKeydown`],be={class:`spicySelectOptions`,role:`listbox`},xe=[`aria-selected`,`onClick`,`onMouseenter`],Se={key:0,class:`spicySelectCheck`,viewBox:`0 0 24 24`},Ce={key:0,class:`spicySelectEmpty`},we={key:1,class:`spicySelectError`},O=(0,t.defineComponent)({__name:`SpicySelect`,props:{modelValue:{default:``},options:{},label:{default:``},placeholder:{default:`Select an option`},error:{default:``},disabled:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},ariaLabel:{default:``}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,a=`spicySelect_${(0,t.useId)()}`,o=(0,t.ref)(null),s=(0,t.ref)(null),c=(0,t.ref)(!1),l=(0,t.ref)(``),u=(0,t.ref)(0),d=(0,t.computed)(()=>{if(!l.value)return r.options;let e=l.value.toLowerCase();return r.options.filter(t=>t.label.toLowerCase().includes(e))}),f=(0,t.computed)(()=>{if(r.multiple){let e=r.modelValue;return!e||!e.length?``:e.map(e=>r.options.find(t=>t.value===e)?.label).filter(Boolean).join(`, `)}let e=r.modelValue;return r.options.find(t=>t.value===e)?.label||``}),p=e=>r.multiple?r.modelValue.includes(e.value):r.modelValue===e.value,m=e=>{if(r.multiple){let t=[...r.modelValue],n=t.indexOf(e.value);n===-1?t.push(e.value):t.splice(n,1),i(`update:modelValue`,t),i(`change`,t)}else i(`update:modelValue`,e.value),i(`change`,e.value),_()},h=()=>{r.disabled||(c.value?_():g())},g=()=>{c.value=!0,u.value=0,r.searchable&&(0,t.nextTick)(()=>s.value?.focus())},_=()=>{c.value=!1,l.value=``},v=()=>{u.value<d.value.length-1&&u.value++},y=()=>{u.value>0&&u.value--},b=()=>{d.value[u.value]&&m(d.value[u.value])},x=e=>{o.value&&!o.value.contains(e.target)&&_()};return(0,t.onMounted)(()=>{document.addEventListener(`click`,x)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`click`,x)}),(0,t.watch)(c,e=>{e||(l.value=``)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicySelectWrapper`,{disabled:e.disabled,hasError:e.error,isOpen:c.value}]),ref_key:`wrapperRef`,ref:o},[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicySelectLabel`,for:a},(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,me,[(0,t.createElementVNode)(`button`,{type:`button`,class:(0,t.normalizeClass)([`spicySelectTrigger`,{hasValue:f.value,placeholder:!f.value}]),onClick:h,disabled:e.disabled,id:a,"aria-expanded":c.value,"aria-haspopup":`listbox`,"aria-label":e.ariaLabel||e.label||void 0},[(0,t.createElementVNode)(`span`,ge,(0,t.toDisplayString)(f.value||e.placeholder),1),r[1]||=(0,t.createElementVNode)(`svg`,{class:`spicySelectArrow`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M7 10l5 5 5-5H7z`})],-1)],10,he),(0,t.createVNode)(t.Transition,{name:`spicySelect-slide`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,_e,[e.searchable?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ve,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:`text`,class:`spicySelectSearchInput`,"onUpdate:modelValue":r[0]||=e=>l.value=e,placeholder:`Search...`,ref_key:`searchInputRef`,ref:s,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(v,[`prevent`]),[`down`]),(0,t.withKeys)((0,t.withModifiers)(y,[`prevent`]),[`up`]),(0,t.withKeys)((0,t.withModifiers)(b,[`prevent`]),[`enter`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`escape`])]},null,40,ye),[[t.vModelText,l.value]])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`ul`,be,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(d.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.value,class:(0,t.normalizeClass)([`spicySelectOption`,{selected:p(e),highlighted:n===u.value}]),role:`option`,"aria-selected":p(e),onClick:t=>m(e),onMouseenter:e=>u.value=n},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.label),1),p(e)?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,Se,[...r[2]||=[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z`},null,-1)]])):(0,t.createCommentVNode)(``,!0)],42,xe))),128)),d.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`li`,Ce,`No options found`)):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0)]),_:1})]),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,we,(0,t.toDisplayString)(e.error),1)):(0,t.createCommentVNode)(``,!0)],2))}}),k={class:`spicyDataTable`},Te={class:`spicyDataTableContainer`},Ee={class:`spicyDataTableTable`},De={class:`spicyDataTableHeader`},Oe=[`aria-sort`,`onClick`],ke={class:`headerText`},Ae={key:0,class:`sortIcon`},je={class:`spicyDataTableBody`},Me=[`onClick`],Ne={key:0,class:`spicyDataTableLoading`},Pe={key:1,class:`spicyDataTablePagination`},Fe={class:`paginationInfo`},Ie={class:`paginationControls`},Le={class:`paginationPerPage`},A=(0,t.defineComponent)({__name:`SpicyDataTable`,props:{headers:{},items:{},itemKey:{default:`id`},itemsPerPage:{default:10},page:{default:1},loading:{type:Boolean,default:!1},serverItemsLength:{},showPagination:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},fixedRowHeight:{default:`auto`}},emits:[`update:page`,`update:itemsPerPage`,`click:row`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(``),o=(0,t.ref)(!1),s=(0,t.ref)(i.page),c=(0,t.ref)(i.itemsPerPage),l=[5,10,25,50,100].map(e=>({label:`${e} / page`,value:e})),u=(0,t.computed)(()=>{if(!a.value||!i.sortable)return i.items;let e=[...i.items].sort((e,t)=>{let n=e[a.value],r=t[a.value];return n===r?0:n==null?1:r==null?-1:typeof n==`number`&&typeof r==`number`?n-r:String(n).localeCompare(String(r))});return o.value?e.reverse():e}),d=(0,t.computed)(()=>i.serverItemsLength||u.value.length),f=(0,t.computed)(()=>Math.ceil(d.value/c.value)),p=(0,t.computed)(()=>{let e=(s.value-1)*c.value,t=e+c.value;return u.value.slice(e,t)}),m=(0,t.computed)(()=>`${(s.value-1)*c.value+1}-${Math.min(s.value*c.value,d.value)} of ${d.value}`),h=e=>{e.sortable===!1||!i.sortable||(a.value===e.value?o.value=!o.value:(a.value=e.value,o.value=!1))},g=(e,t)=>{r(`click:row`,e,t)},_=()=>{s.value>1&&(s.value--,r(`update:page`,s.value))},v=()=>{s.value<f.value&&(s.value++,r(`update:page`,s.value))},y=e=>{let t=Number(e);c.value=t,r(`update:itemsPerPage`,t),s.value=1,r(`update:page`,1)};return(0,t.watch)(()=>i.page,e=>{s.value=e}),(0,t.watch)(()=>i.itemsPerPage,e=>{c.value=e,s.value>f.value&&(s.value=Math.max(1,f.value))}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,k,[(0,t.createElementVNode)(`div`,Te,[(0,t.createElementVNode)(`table`,Ee,[(0,t.createElementVNode)(`thead`,De,[(0,t.createElementVNode)(`tr`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.headers,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:n.value,class:(0,t.normalizeClass)([`spicyDataTableCell`,`spicyDataTableHeaderCell`,n.align||`left`,{sortable:n.sortable!==!1&&e.sortable}]),"aria-sort":n.sortable!==!1&&e.sortable&&a.value===n.value?o.value?`descending`:`ascending`:`none`,onClick:e=>h(n)},[(0,t.createElementVNode)(`span`,ke,(0,t.toDisplayString)(n.text),1),n.sortable!==!1&&e.sortable&&a.value===n.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ae,(0,t.toDisplayString)(o.value?`▼`:`▲`),1)):(0,t.createCommentVNode)(``,!0)],10,Oe))),128))])]),(0,t.createElementVNode)(`tbody`,je,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(p.value,(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r[e.itemKey],class:(0,t.normalizeClass)([`spicyDataTableRow`,{clickable:n.$attrs[`onClick:row`]}]),style:(0,t.normalizeStyle)({height:e.fixedRowHeight}),onClick:e=>g(r,e)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.headers,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:e.value,class:(0,t.normalizeClass)([`spicyDataTableCell`,e.align||`left`])},[(0,t.renderSlot)(n.$slots,`item.${e.value}`,{item:r,index:i},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r[e.value]),1)])],2))),128))],14,Me))),128))])])]),e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ne,[(0,t.renderSlot)(n.$slots,`loading`,{},()=>[(0,t.createVNode)(D,{value:0,type:`circular`,size:60})])])):(0,t.createCommentVNode)(``,!0),e.showPagination?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Pe,[(0,t.createElementVNode)(`div`,Fe,[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(m.value),1)]),(0,t.createElementVNode)(`div`,Ie,[(0,t.createVNode)(w,{disabled:s.value===1,onClick:_,text:`Previous`,size:`sm`},null,8,[`disabled`]),(0,t.createVNode)(w,{disabled:s.value===f.value,onClick:v,text:`Next`,size:`sm`},null,8,[`disabled`])]),(0,t.createElementVNode)(`div`,Le,[(0,t.createVNode)(O,{modelValue:c.value,options:(0,t.unref)(l),"onUpdate:modelValue":y},null,8,[`modelValue`,`options`])])])):(0,t.createCommentVNode)(``,!0)]))}}),j=(0,t.defineComponent)({__name:`SpicyDialog`,props:{modelValue:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},maxWidth:{default:`500px`},color:{default:`rgba(0, 0, 0, 0.5)`}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=n,a=()=>{i(`update:modelValue`,!1)},o=()=>{r.persistent||a()},s=e=>{e.key===`Escape`&&!r.persistent&&a()};return(0,t.watch)(()=>r.modelValue,e=>{e?window.addEventListener(`keydown`,s):window.removeEventListener(`keydown`,s)}),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,s)}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`dialog-fade`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyDialogOverlay`,style:(0,t.normalizeStyle)({backgroundColor:e.color}),onClick:o},[(0,t.createElementVNode)(`div`,{class:`spicyDialog`,style:(0,t.normalizeStyle)({maxWidth:e.maxWidth}),onClick:r[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(n.$slots,`default`)],4)],4)):(0,t.createCommentVNode)(``,!0)]),_:3})]))}}),Re=[`aria-orientation`],M=(0,t.defineComponent)({__name:`SpicyDivider`,props:{variant:{default:`solid`},orientation:{default:`horizontal`},length:{default:`100%`},size:{default:`1px`},color:{default:`#5f5f5f`}},setup(e){let n=e,r=(0,t.computed)(()=>n.orientation===`vertical`?`vertical`:`horizontal`),i=(0,t.computed)(()=>{let e=`${n.size} ${n.variant} ${n.color}`;return{[n.orientation===`vertical`?`height`:`width`]:n.length,borderLeft:n.orientation===`vertical`?e:`none`,borderBottom:n.orientation===`horizontal`?e:`none`,borderTop:`none`,borderRight:`none`}});return(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyDivider`,r.value]),style:(0,t.normalizeStyle)(i.value),role:`separator`,"aria-orientation":e.orientation},[(0,t.renderSlot)(n.$slots,`default`)],14,Re))}}),ze=[`aria-expanded`],Be=[`width`,`height`],Ve=[`d`],He=[`width`,`height`],N=(0,t.defineComponent)({__name:`SpicyDropdown`,props:{label:{},align:{default:`left`},width:{default:`200px`},icon:{default:``},iconSize:{default:`24px`},dropDirection:{default:`down`}},setup(e){let n=`spicyDropdownMenu_${(0,t.useId)()}`,r=e,i=(0,t.ref)(!1),a=(0,t.ref)(null),o=()=>{i.value=!i.value},s=e=>{a.value&&!a.value.contains(e.target)&&(i.value=!1)};(0,t.onMounted)(()=>document.addEventListener(`click`,s)),(0,t.onUnmounted)(()=>document.removeEventListener(`click`,s));let c=(0,t.computed)(()=>r.icon||``),l=(0,t.computed)(()=>{let e={width:r.width,textAlign:r.align};return r.dropDirection===`up`?e.bottom=`100%`:e.top=`100%`,r.align===`right`?e.right=`0`:r.align===`center`?(e.left=`50%`,e.transform=`translateX(-50%)`):e.left=`0`,e});return(r,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`dropdownRef`,ref:a,class:(0,t.normalizeClass)([`spicyDropdown`,{open:i.value}])},[(0,t.createElementVNode)(`button`,{onClick:o,class:`spicyDropdownButton`,"aria-haspopup":`true`,"aria-expanded":i.value,"aria-controls":n},[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:0,width:e.iconSize,height:e.iconSize,viewBox:`0 0 24 24`,class:`dropdownIcon`},[(0,t.createElementVNode)(`path`,{d:c.value},null,8,Ve)],8,Be)):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.label)+` `,1),c.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:1,width:e.iconSize,height:e.iconSize,viewBox:`0 0 24 24`,class:(0,t.normalizeClass)([`arrow`,{open:i.value}])},[...s[2]||=[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`},null,-1)]],10,He))],8,ze),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyDropdownMenu`,style:(0,t.normalizeStyle)(l.value),role:`menu`,onClick:s[0]||=(0,t.withModifiers)(e=>i.value=!1,[`self`]),onKeydown:s[1]||=(0,t.withKeys)(e=>i.value=!1,[`escape`]),id:n},[(0,t.renderSlot)(r.$slots,`default`)],36)):(0,t.createCommentVNode)(``,!0)]),_:3})],2))}}),Ue=[`aria-label`],We=[`multiple`,`accept`,`name`,`disabled`,`aria-label`],Ge={key:1,class:`spicyFilePreview`},Ke={class:`spicyFilePreviewName`},qe=[`onClick`],Je=[`onClick`],Ye={viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},Xe=[`d`],Ze={key:3,class:`spicyFileInputError`},P=(0,t.defineComponent)({__name:`SpicyFileInput`,props:{modelValue:{default:()=>[]},label:{default:``},error:{default:``},accept:{default:``},multiple:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},mdi:{default:``},variant:{default:`dashed`},name:{default:``},ariaLabel:{default:``}},emits:[`update:modelValue`,`change`,`error`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(i.modelValue),o=(0,t.ref)(null),s=(0,t.ref)(!1);(0,t.watch)(()=>i.modelValue,e=>{a.value=e});let c=e=>{if(!i.accept)return e;let t=i.accept.split(`,`).map(e=>e.trim());return e.filter(e=>t.some(t=>t.startsWith(`.`)?e.name.endsWith(t):t.endsWith(`/*`)?e.type.startsWith(t.slice(0,-1)):e.type===t))},l=e=>{let t=c(e);t.length<e.length&&r(`error`,`${e.length-t.length} file(s) were rejected due to type restrictions`),!i.multiple&&t.length>0?(a.value=[t[0]],t.length>1&&r(`error`,`Only one file is allowed`)):a.value=t,r(`update:modelValue`,a.value),r(`change`,a.value)},u=e=>{let t=e.target;t.files&&l(Array.from(t.files))},d=()=>{a.value=[],r(`update:modelValue`,a.value),r(`change`,a.value),o.value&&(o.value.value=``)},f=e=>{a.value.splice(e,1),r(`update:modelValue`,a.value),a.value.length===0&&o.value&&(o.value.value=``),r(`change`,a.value)},p=()=>{i.disabled||o.value?.click()},m=()=>{i.disabled||(s.value=!0)},h=()=>{i.disabled||(s.value=!1)},g=e=>{if(!i.disabled){let t=e.dataTransfer?.files;t&&l(Array.from(t)),s.value=!1}};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyFileInputWrapper`,[{hasError:e.error,isDragging:s.value,disabled:e.disabled,[e.variant]:e.variant}]]),onClick:p,onDragover:(0,t.withModifiers)(m,[`prevent`]),onDragleave:(0,t.withModifiers)(h,[`prevent`]),onDrop:(0,t.withModifiers)(g,[`prevent`])},[e.label&&!a.value.length?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicyFileInputLabel`,"aria-label":e.label},(0,t.toDisplayString)(e.label),9,Ue)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{type:`file`,multiple:e.multiple,accept:e.accept,name:e.name,class:`spicyFileInput`,onChange:u,ref_key:`fileInput`,ref:o,disabled:e.disabled,"aria-label":e.ariaLabel||e.label||`File input`},null,40,We),a.value.length?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ge,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:`spicyFilePreviewItem`},[(0,t.createElementVNode)(`span`,Ke,(0,t.toDisplayString)(n.name),1),e.clearable&&!e.mdi&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`removeButton`,onClick:(0,t.withModifiers)(e=>f(r),[`stop`]),"aria-label":`Remove file`,type:`button`},` ✕ `,8,qe)):(0,t.createCommentVNode)(``,!0),e.clearable&&e.mdi&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`removeButtonMDI`,onClick:(0,t.withModifiers)(e=>f(r),[`stop`]),"aria-label":`Remove file`,type:`button`},[((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,Ye,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:e.mdi},null,8,Xe)]))],8,Je)):(0,t.createCommentVNode)(``,!0)]))),128))])):(0,t.createCommentVNode)(``,!0),e.clearable&&a.value.length>1&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,class:`clearAllButton`,onClick:(0,t.withModifiers)(d,[`stop`]),"aria-label":`Clear all files`,type:`button`},` Clear All `)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ze,(0,t.toDisplayString)(e.error),1)):(0,t.createCommentVNode)(``,!0)],34))}}),Qe=[`aria-labelledby`],F={class:`spicyModalHeader`},$e={class:`spicyModalActions`},et=[`onClick`],I=(0,t.defineComponent)({__name:`SpicyModal`,props:{width:{default:`400px`},height:{default:`auto`},borderRadius:{default:`6px`},bgColor:{default:``},visible:{type:Boolean,default:!1},closeBtn:{type:Boolean,default:!0},actions:{default:()=>[]},closeOnClick:{type:Boolean,default:!0},modalTitle:{default:``},textColor:{default:``}},emits:[`update:visible`,`close`,`action-clicked`],setup(e,{emit:n}){let r=`spicyModalTitle_${(0,t.useId)()}`,i=e,a=n,o=(0,t.computed)(()=>({"--width":i.width,"--height":i.height,"--skBorderRadius":i.borderRadius,"--skBgColor":i.bgColor,"--skTextColor":i.textColor})),s=()=>{a(`update:visible`,!1),a(`close`)},c=e=>{typeof e.handler==`function`&&e.handler(),a(`action-clicked`,e)},l=e=>{let t=e.target;i.closeOnClick&&t.classList.contains(`spicyModalOverlay`)&&s()},u=()=>{document.body.style.overflow=`hidden`},d=()=>{document.body.style.overflow=``},f=e=>{e.key===`Escape`&&s()};return(0,t.onBeforeUnmount)(()=>{d(),window.removeEventListener(`keydown`,f)}),(0,t.watch)(()=>i.visible,e=>{e?(u(),window.addEventListener(`keydown`,f)):(d(),window.removeEventListener(`keydown`,f))},{immediate:!0}),(n,i)=>e.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyModalOverlay`,onClick:l,"aria-modal":`true`,role:`dialog`,"aria-labelledby":e.modalTitle?r:void 0},[(0,t.createElementVNode)(`div`,{class:`spicyModal`,style:(0,t.normalizeStyle)({...o.value})},[(0,t.createElementVNode)(`header`,F,[e.modalTitle?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,id:r},[(0,t.renderSlot)(n.$slots,`spicyModalHeader`,{title:e.modalTitle,ariaLabel:e.modalTitle},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.modalTitle),1)])])):(0,t.renderSlot)(n.$slots,`spicyModalHeader`,{key:1,title:e.modalTitle,ariaLabel:e.modalTitle})]),(0,t.renderSlot)(n.$slots,`default`),(0,t.createElementVNode)(`div`,$e,[(0,t.renderSlot)(n.$slots,`spicyModalActions`),e.actions.length===0&&e.closeBtn?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`spicyModalCloseBtn spicyModalActionBtn`,onClick:s},[(0,t.renderSlot)(n.$slots,`closeBtn`,{},()=>[i[0]||=(0,t.createTextVNode)(`Close`,-1)])])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.actions,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.label,class:`spicyModalExtraBtn spicyModalActionBtn`,onClick:t=>c(e)},(0,t.toDisplayString)(e.label),9,et))),128))])],4)],8,Qe)):(0,t.createCommentVNode)(``,!0)}}),L=(0,t.defineComponent)({__name:`SpicySheet`,props:{isRound:{type:Boolean,default:!1},color:{default:``},padding:{default:``},flex:{type:Boolean,default:!1},elevation:{default:0},gap:{default:``},width:{default:``},maxWidth:{default:``},border:{default:``},borderRadius:{default:``},tag:{default:`div`}},setup(e){let n=e,r=(0,t.computed)(()=>n.elevation?`elevation-${n.elevation}`:``),i=(0,t.computed)(()=>{let e={};return n.color&&(e.backgroundColor=n.color),n.padding&&(e.padding=n.padding),n.gap&&(e[`--sheet-gap`]=n.gap),n.width&&(e.width=n.width),n.maxWidth&&(e.maxWidth=n.maxWidth),n.border&&(e.border=n.border),n.borderRadius&&(e.borderRadius=n.borderRadius),e});return(n,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)([`spicySheet`,{isRound:e.isRound&&!e.borderRadius,flex:e.flex},r.value]),style:(0,t.normalizeStyle)(i.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`class`,`style`]))}}),R=(0,t.defineComponent)({__name:`SpicySkeleton`,props:{width:{default:`100%`},height:{default:`1em`},variant:{default:`rect`},rounded:{type:Boolean,default:!1},color:{default:``},shimmer:{type:Boolean,default:!0}},setup(e){let n=e,r=(0,t.computed)(()=>({width:n.width,height:n.height,...n.color?{"--skSkeletonColor":n.color}:{},...n.shimmer?{}:{animation:`none`}}));return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicySkeleton`,[e.variant,{rounded:e.rounded}]]),style:(0,t.normalizeStyle)(r.value),role:`status`,"aria-label":`Loading`},null,6))}}),tt={class:`spicySlider`},nt=[`aria-label`],rt=[`min`,`max`,`step`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`disabled`],it={"aria-live":`polite`,class:`hidden`},z=(0,t.defineComponent)({__name:`SpicySlider`,props:{min:{default:0},max:{default:100},step:{default:1},label:{default:``},modelValue:{default:0},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=`spicySlider_${(0,t.useId)()}`,a=n,o=(0,t.computed)(()=>Number(r.min)),s=(0,t.computed)(()=>Number(r.max)),c=(0,t.computed)(()=>Number(r.step)),l=(0,t.computed)({get:()=>Number(r.modelValue),set:e=>a(`update:modelValue`,Number(e))}),u=()=>{a(`change`,l.value)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,tt,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicySliderLabel`,for:i,"aria-label":e.label},(0,t.toDisplayString)(e.label),9,nt)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{name:`spicySliderInput`,class:`spicySliderInput`,type:`range`,id:i,min:o.value,max:s.value,step:c.value,"onUpdate:modelValue":r[0]||=e=>l.value=e,"aria-valuenow":l.value,"aria-valuemin":o.value,"aria-valuemax":s.value,disabled:e.disabled,onChange:u},null,40,rt),[[t.vModelText,l.value]]),(0,t.createElementVNode)(`div`,it,(0,t.toDisplayString)(l.value),1),(0,t.renderSlot)(n.$slots,`default`)]))}}),at={class:(0,t.normalizeClass)([`spicyTabs`])},ot={class:`spicyTabsHeader`},st=[`onClick`],B=(0,t.defineComponent)({__name:`SpicyTabs`,props:{useScrollButtons:{type:Boolean,default:!0},tabs:{},contentPadding:{default:`16px`}},setup(e){let n=e,r=(0,t.ref)(n.tabs[0]?.name||``),i=(0,t.ref)(null),a=(0,t.ref)(!1),o=(0,t.ref)(!1),s=()=>{if(i.value){let{scrollLeft:e,scrollWidth:t,clientWidth:n}=i.value;a.value=e>0,o.value=t>n+e}},c=e=>{r.value=e},l=e=>{if(i.value){let t=e===`left`?-200:200;i.value.scrollBy({left:t,behavior:`smooth`})}},u=()=>{l(`left`),s()},d=()=>{l(`right`),s()},f=e=>{i.value&&(e.preventDefault(),i.value.scrollLeft+=e.deltaY,s())},p=null,m=()=>{p&&clearTimeout(p),p=setTimeout(s,100)};return(0,t.onMounted)(()=>{s(),window.addEventListener(`resize`,m),i.value&&i.value.addEventListener(`scroll`,s)}),(0,t.onUnmounted)(()=>{window.removeEventListener(`resize`,m),i.value&&i.value.removeEventListener(`scroll`,s),p&&clearTimeout(p)}),(s,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,at,[(0,t.createElementVNode)(`div`,ot,[a.value&&e.useScrollButtons?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`spicyOverflowButton left`,onClick:u},` ‹ `)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{ref_key:`tabsWrapperRef`,ref:i,class:`tabsWrapper`,onWheel:f},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(n.tabs,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.name,class:(0,t.normalizeClass)([`spicyTabButton`,{active:r.value===e.name}]),onClick:t=>c(e.name)},(0,t.toDisplayString)(e.label),11,st))),128))],544),o.value&&e.useScrollButtons?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`spicyOverflowButton right`,onClick:d},` › `)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,{class:`spicyTabsContent`,style:(0,t.normalizeStyle)({padding:n.contentPadding})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(n.tabs,e=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.name},[(0,t.renderSlot)(s.$slots,e.name)])),[[t.vShow,r.value===e.name]])),128))],4)]))}}),ct=[`value`,`name`,`aria-label`,`disabled`],V=(0,t.defineComponent)({__name:`SpicyTextArea`,props:{border:{default:`1px solid var(--skBorderColor, #515353)`},isRound:{type:Boolean,default:!1},padding:{default:`8px`},color:{default:`#4e4e4e`},textColor:{default:`var(--skTextColor, #eee)`},fontSize:{default:`16px`},focusColor:{default:`var(--skPrimaryColor, #811faf)`},modelValue:{default:``},name:{default:``},ariaLabel:{default:``},disabled:{type:Boolean,default:!1},resize:{default:`vertical`}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=(0,t.computed)(()=>({borderRadius:r.isRound?`16px`:`2px`,border:r.border,padding:r.padding,backgroundColor:r.color,color:r.textColor,fontSize:r.fontSize,resize:r.resize,"--spicyFocusColor":r.focusColor})),a=n,o=e=>{a(`update:modelValue`,e.target.value)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`textarea`,(0,t.mergeProps)({class:[`spicyTextArea`,{isRound:e.isRound,isDisabled:e.disabled}],value:e.modelValue,onInput:o,name:e.name,"aria-label":e.ariaLabel||e.name||void 0,disabled:e.disabled,style:i.value},n.$attrs),null,16,ct),(0,t.renderSlot)(n.$slots,`default`)],64))}}),lt={class:`spicyInputContainer`},ut={key:0,class:`spicyInputPrefix`},dt=[`type`,`name`,`placeholder`,`autofocus`,`disabled`,`step`,`min`,`max`,`aria-label`,`aria-invalid`,`aria-describedby`],ft=[`id`],H=(0,t.defineComponent)({__name:`SpicyTextField`,props:{modelValue:{default:``},placeholder:{default:``},label:{default:``},error:{default:``},variant:{default:`outlined`},prefix:{default:``},autofocus:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:`text`},name:{default:``},ariaLabel:{default:``},step:{default:void 0},min:{default:void 0},max:{default:void 0}},emits:[`update:modelValue`,`input`,`blur`,`focus`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(i.modelValue),o=(0,t.ref)(!1),s=(0,t.useId)(),c=`spicyInput_${s}`,l=(0,t.computed)(()=>i.error?`spicyInputError-${s}`:void 0);(0,t.watch)(()=>i.modelValue,e=>{a.value=e});let u=(0,t.ref)(null);(0,t.onMounted)(()=>{i.autofocus&&u.value?.focus()});let d=e=>{a.value=e.target.value,r(`update:modelValue`,a.value),r(`input`,a.value)},f=()=>{o.value=!1,r(`blur`)},p=()=>{o.value=!0,r(`focus`)},m=()=>{a.value=``,r(`update:modelValue`,a.value),u.value?.focus()};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyInputWrapper`,[e.variant,{hasValue:a.value!==``&&a.value!==null&&a.value!==void 0,hasFocus:o.value,hasPlaceholder:!!e.placeholder,hasError:e.error,isDisabled:e.disabled}]])},[(0,t.createElementVNode)(`label`,{class:`spicyInputLabel`,for:c},(0,t.toDisplayString)(e.label),1),(0,t.createElementVNode)(`div`,lt,[e.prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ut,(0,t.toDisplayString)(e.prefix),1)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:e.type,name:e.name,class:(0,t.normalizeClass)([`spicyInput`,e.variant]),"onUpdate:modelValue":r[0]||=e=>a.value=e,placeholder:e.placeholder,autofocus:e.autofocus,disabled:e.disabled,step:e.step,min:e.min,max:e.max,"aria-label":e.ariaLabel||e.label||void 0,onInput:d,onBlur:f,onFocus:p,id:c,"aria-invalid":!!e.error,"aria-describedby":l.value,ref_key:`input`,ref:u},null,42,dt),[[t.vModelDynamic,a.value]]),e.clearable&&a.value!==``&&a.value!==null&&a.value!==void 0&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`clearButton`,onClick:m,"aria-label":`Clear input`,type:`button`},` ✕ `)):(0,t.createCommentVNode)(``,!0)]),(0,t.renderSlot)(n.$slots,`default`),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,id:l.value,class:`spicyInputError`},(0,t.toDisplayString)(e.error),9,ft)):(0,t.createCommentVNode)(``,!0)],2))}}),pt=[`for`],mt=[`id`,`tabindex`,`aria-label`,`aria-checked`,`aria-disabled`,`onKeydown`],U=(0,t.defineComponent)({__name:`SpicyToggle`,props:{modelValue:{type:Boolean,default:!1},label:{default:``},variant:{default:`filled`},borderColor:{default:``},activeColor:{default:``},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=(0,t.useId)(),i=(0,t.computed)(()=>`spicyToggle_${r}`),a=e,o=(0,t.computed)(()=>({"--skBorderColor":a.borderColor,"--activeColor":a.activeColor})),s=n,c=()=>{a.disabled||s(`update:modelValue`,!a.modelValue)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`spicyToggleLabel`,{disabled:e.disabled}]),for:i.value},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label)+` `,1),(0,t.createElementVNode)(`div`,(0,t.mergeProps)({class:[`spicyToggle`,{outlined:e.variant===`outlined`,isActive:e.modelValue}],id:i.value,tabindex:e.disabled?-1:0,role:`switch`,style:{...o.value},"aria-label":e.label||`Toggle Switch`,"aria-checked":e.modelValue,"aria-disabled":e.disabled,onClick:c,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(c,[`prevent`]),[`space`]),(0,t.withKeys)((0,t.withModifiers)(c,[`prevent`]),[`enter`])]},n.$attrs),[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`spicyToggleKnob`},null,-1)]],16,mt)],10,pt))}}),W=(0,t.ref)([]),ht=0;function G(){let e=e=>{let n=++ht,r={id:n,message:e.message,type:e.type||`info`,duration:e.duration??4e3};W.value.push(r);let i=r.duration??4e3;return i>0&&setTimeout(()=>t(n),i),n},t=e=>{let t=W.value.findIndex(t=>t.id===e);t!==-1&&W.value.splice(t,1)};return{toasts:W,push:e,remove:t,clear:()=>{W.value=[]},info:(t,n)=>e({message:t,type:`info`,duration:n}),success:(t,n)=>e({message:t,type:`success`,duration:n}),warning:(t,n)=>e({message:t,type:`warning`,duration:n}),error:(t,n)=>e({message:t,type:`error`,duration:n})}}var gt={class:`spicyToastMessage`},_t=[`onClick`],K=(0,t.defineComponent)({__name:`SpicyToast`,props:{position:{default:`top-right`}},setup(e){let{toasts:n,remove:r}=G();return(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`spicyToastContainer`,e.position])},[(0,t.createVNode)(t.TransitionGroup,{name:`spicyToast`,tag:`div`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(n),e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,class:(0,t.normalizeClass)([`spicyToast`,e.type]),role:`alert`},[(0,t.createElementVNode)(`span`,gt,(0,t.toDisplayString)(e.message),1),(0,t.createElementVNode)(`button`,{class:`spicyToastClose`,onClick:n=>(0,t.unref)(r)(e.id),"aria-label":`Dismiss notification`,type:`button`},` ✕ `,8,_t)],2))),128))]),_:1})],2)]))}}),vt={key:0,class:`spicyTooltipIcon`},yt=[`aria-label`],bt={key:2,class:`spicyTooltipIcon`},q=(0,t.defineComponent)({__name:`SpicyTooltip`,props:{text:{default:``},prependIcon:{default:``},appendIcon:{default:``},position:{default:`top`},delay:{default:100},maxWidth:{default:`175px`},disabled:{type:Boolean,default:!1},color:{default:``},bgColor:{default:``},textColor:{default:``}},setup(e){let n=e,r=(0,t.ref)(!1),i=(0,t.ref)(null),a=(0,t.reactive)({position:`fixed`,top:`0px`,left:`0px`,maxWidth:n.maxWidth}),o=(0,t.computed)(()=>({"--tooltipBgColor":n.bgColor||n.color,"--tooltipTextColor":n.textColor})),s=e=>{let t=e.right-window.innerWidth;t>0&&(a.left=`${parseInt(a.left)-t-5}px`),e.left<0&&(a.left=`5px`),e.top<0&&n.position===`top`&&(a.top=`${i.value.getBoundingClientRect().bottom+5}px`),e.bottom-window.innerHeight>0&&n.position===`bottom`&&(a.top=`${i.value.getBoundingClientRect().top-e.height-5}px`)},c={top:(e,t)=>{a.left=`${e.left+(e.width-t.width)/2}px`,a.top=`${e.top-t.height-5}px`},bottom:(e,t)=>{a.left=`${e.left+(e.width-t.width)/2}px`,a.top=`${e.bottom+5}px`},left:(e,t)=>{a.left=`${e.left-t.width-5}px`,a.top=`${e.top+(e.height-t.height)/2}px`},right:(e,t)=>{a.left=`${e.right+5}px`,a.top=`${e.top+(e.height-t.height)/2}px`}},l=null,u=null,d=()=>{n.disabled||(u&&=(clearTimeout(u),null),l&&clearTimeout(l),l=setTimeout(()=>{r.value=!0,(0,t.nextTick)(()=>{if(i.value&&r.value){let e=i.value.getBoundingClientRect(),t=i.value.querySelector(`.spicyTooltip`);if(t){let r=t.getBoundingClientRect(),i=c[n.position];i(e,r),s(r)}}})},n.delay))},f=()=>{l&&=(clearTimeout(l),null),u=setTimeout(()=>{r.value=!1},n.delay)};return(0,t.onBeforeUnmount)(()=>{l&&clearTimeout(l),u&&clearTimeout(u)}),(n,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseover:d,onMouseleave:f,onFocus:d,onBlur:f,ref_key:`host`,ref:i},[(0,t.renderSlot)(n.$slots,`default`),(0,t.createVNode)(t.Transition,{name:`spicyTooltip`},{default:(0,t.withCtx)(()=>[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyTooltip`,style:(0,t.normalizeStyle)([a,o.value]),role:`tooltip`},[e.prependIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,vt,(0,t.toDisplayString)(e.prependIcon),1)):(0,t.createCommentVNode)(``,!0),e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`spicyTooltipText`,"aria-label":e.text},(0,t.toDisplayString)(e.text),9,yt)):(0,t.createCommentVNode)(``,!0),e.appendIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,bt,(0,t.toDisplayString)(e.appendIcon),1)):(0,t.createCommentVNode)(``,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:1})],544))}}),xt=[`aria-expanded`],St={key:0,class:`spicyToggleIcon`},Ct=[`width`,`height`],wt=[`d`],Tt={key:1,role:`group`},J=(0,t.defineComponent)({__name:`SpicyTreeNode`,props:{node:{}},setup(e){let n=e,r=(0,t.ref)(!1),i=(0,t.computed)(()=>n.node.children&&n.node.children.length>0),a=()=>{i.value&&(r.value=!r.value)};return(n,o)=>{let s=(0,t.resolveComponent)(`SpicyTreeNode`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`li`,{class:`spicyTreeNodeItem`,role:`treeitem`,"aria-expanded":r.value},[(0,t.createElementVNode)(`div`,{onClick:a,style:{cursor:`pointer`}},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.node.label),1),i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,St,(0,t.toDisplayString)(r.value?`-`:`+`),1)):(0,t.createCommentVNode)(``,!0)]),e.node.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:0,width:e.node.iconSize,height:e.node.iconSize,class:`spicyTreeNodeIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},[(0,t.createElementVNode)(`path`,{d:e.node.icon},null,8,wt)],8,Ct)):(0,t.createCommentVNode)(``,!0),r.value&&e.node.children?((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,Tt,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.node.children,e=>((0,t.openBlock)(),(0,t.createBlock)(s,{key:e.id,node:e},null,8,[`node`]))),128))])):(0,t.createCommentVNode)(``,!0)],8,xt)}}}),Et={class:`spicyTree`},Dt={role:`tree`},Y=(0,t.defineComponent)({__name:`SpicyTree`,props:{nodes:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Et,[(0,t.createElementVNode)(`ul`,Dt,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.nodes,e=>((0,t.openBlock)(),(0,t.createBlock)(J,{class:`spicyTreeNode`,key:e.id,node:e},null,8,[`node`]))),128))])]))}}),Ot=e=>{if(!e)return null;if(typeof e==`string`){let t=document.querySelector(e);return t?t.getBoundingClientRect():null}return e.getBoundingClientRect()},X=(e,t)=>!t||t<=0?e:Math.round(e/t)*t,Z={mounted(e,t){let n=t.value||{};if(n.disabled)return;e.style.position=`relative`,e.style.cursor=`move`;let r={startLeft:0,startTop:0,startX:0,startY:0,isDragging:!1},i=n.handle?e.querySelector(n.handle):e;i&&(i.style.cursor=`move`);let a=(t,i)=>{let a=t-r.startX,o=i-r.startY,s=r.startLeft+a,c=r.startTop+o,l=Ot(n.bounds);if(l){let t=e.getBoundingClientRect(),n=l.left-t.left+r.startLeft,i=l.right-t.right+r.startLeft,a=l.top-t.top+r.startTop,o=l.bottom-t.bottom+r.startTop;s=Math.max(n,Math.min(s,i)),c=Math.max(a,Math.min(c,o))}s=X(s,n.grid),c=X(c,n.grid),n.axis!==`y`&&(e.style.left=`${s}px`),n.axis!==`x`&&(e.style.top=`${c}px`),n.onDrag?.(e,s,c)},o=e=>{a(e.pageX,e.pageY)},s=e=>{let t=e.touches[0];t&&(a(t.pageX,t.pageY),e.preventDefault())},c=()=>{if(document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,c),document.removeEventListener(`touchmove`,s),document.removeEventListener(`touchend`,c),!r.isDragging)return;r.isDragging=!1;let t=parseFloat(e.style.left||`0`),i=parseFloat(e.style.top||`0`);n.onDragEnd?.(e,t,i)},l=t=>{if(n.disabled)return;e.getBoundingClientRect();let i=getComputedStyle(e);r.startLeft=parseFloat(i.left||`0`),r.startTop=parseFloat(i.top||`0`),r.startX=t.pageX,r.startY=t.pageY,r.isDragging=!0,document.addEventListener(`mousemove`,o),document.addEventListener(`mouseup`,c),n.onDragStart?.(e)},u=t=>{if(n.disabled||t.touches.length!==1)return;let i=t.touches[0];if(!i)return;let a=getComputedStyle(e);r.startLeft=parseFloat(a.left||`0`),r.startTop=parseFloat(a.top||`0`),r.startX=i.pageX,r.startY=i.pageY,r.isDragging=!0,document.addEventListener(`touchmove`,s),document.addEventListener(`touchend`,c),n.onDragStart?.(e),t.preventDefault()},d=i||e;d.addEventListener(`mousedown`,l),d.addEventListener(`touchstart`,u);let f=e;f._dragState=r,f._cleanup=()=>{d.removeEventListener(`mousedown`,l),d.removeEventListener(`touchstart`,u),document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,c),document.removeEventListener(`touchmove`,s),document.removeEventListener(`touchend`,c)}},updated(e,t){let n=e;(t.value||{}).disabled&&n._cleanup&&(n._cleanup(),n._cleanup=void 0,e.style.cursor=``)},unmounted(e){let t=e;t._cleanup&&t._cleanup()}},kt=`.spicyRipple{pointer-events:none;z-index:1;background:currentColor;border-radius:50%;animation:.6s linear spicy-ripple-animation;position:absolute;transform:scale(0)}@keyframes spicy-ripple-animation{to{opacity:0;transform:scale(4)}}`,Q=!1;function At(){if(Q)return;Q=!0;let e=document.createElement(`style`);e.id=`SpicyRippleStyles`,e.textContent=kt,document.head.appendChild(e)}var $={beforeMount(e,t){At();let n=t.value||{};e.style.position=`relative`,e.style.overflow||(e.style.overflow=`hidden`);let r=(t,r)=>{let i=document.createElement(`span`),a=Math.max(e.clientWidth,e.clientHeight),o=a/2;if(i.style.width=i.style.height=`${a}px`,n.center)i.style.left=`${e.clientWidth/2-o}px`,i.style.top=`${e.clientHeight/2-o}px`;else{let n=e.getBoundingClientRect();i.style.left=`${t-n.left-o}px`,i.style.top=`${r-n.top-o}px`}n.color&&(i.style.background=n.color),i.classList.add(`spicyRipple`);let s=e.querySelector(`.spicyRipple`);s&&s.remove(),e.appendChild(i),i.addEventListener(`animationend`,()=>{i.remove()})},i=(e,t)=>{r(e,t)},a=e=>requestAnimationFrame(()=>i(e.clientX,e.clientY)),o=e=>{let t=e.touches[0];if(t){let e=t.clientX,n=t.clientY;requestAnimationFrame(()=>i(e,n))}};if(e.getAttribute(`data-no-ripple`)===null){e.addEventListener(`click`,a),e.addEventListener(`touchstart`,o);let t=e;t._rippleCleanup=()=>{e.removeEventListener(`click`,a),e.removeEventListener(`touchstart`,o)}}},unmounted(e){let t=e;t._rippleCleanup&&t._rippleCleanup()}},jt=`:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active,.spicyLink:focus{color:var(--skPrimaryColor)}.spicyLink:disabled{opacity:.3}`,Mt=`:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}`,Nt={SpicyAccordion:o,SpicyAlert:_,SpicyBadge:v,SpicyBtn:w,SpicyCarousel:E,SpicyDataTable:A,SpicyDialog:j,SpicyDivider:M,SpicyDropdown:N,SpicyFileInput:P,SpicyModal:I,SpicyProgress:D,SpicySelect:O,SpicySheet:L,SpicySkeleton:R,SpicySlider:z,SpicyTabs:B,SpicyTextArea:V,SpicyTextField:H,SpicyToggle:U,SpicyToast:K,SpicyTooltip:q,SpicyTree:Y,SpicyTreeNode:J},Pt={spicyDrag:Z,spicyRipple:$};e.SpicyAccordion=o,e.SpicyAlert=_,e.SpicyBadge=v,e.SpicyBtn=w,e.SpicyCarousel=E,e.SpicyDataTable=A,e.SpicyDialog=j,e.SpicyDivider=M,e.SpicyDropdown=N,e.SpicyFileInput=P,e.SpicyKatsu={install(e,t={}){let{useComponents:n=!0,useStyles:r=!0,useDirectives:i=!0}=t;if(n&&Object.entries(Nt).forEach(([t,n])=>{e.component(t,n)}),r&&!document.getElementById(`SpicyStyles`)){let e=document.createElement(`style`);e.id=`SpicyStyles`,e.textContent=r===`variables`?Mt:jt,document.head.appendChild(e)}i&&Object.entries(Pt).forEach(([t,n])=>{e.directive(t,n)})}},e.SpicyModal=I,e.SpicyProgress=D,e.SpicySelect=O,e.SpicySheet=L,e.SpicySkeleton=R,e.SpicySlider=z,e.SpicyTabs=B,e.SpicyTextArea=V,e.SpicyTextField=H,e.SpicyToast=K,e.SpicyToggle=U,e.SpicyTooltip=q,e.SpicyTree=Y,e.SpicyTreeNode=J,e.spicyDrag=Z,e.spicyRipple=$,e.useToast=G});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SpicyKatsu={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=[`onClick`,`aria-expanded`,`aria-controls`,`disabled`],r={key:0,class:`accordionIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},i=[`d`],a=[`id`],o=(0,t.defineComponent)({__name:`SpicyAccordion`,props:{sections:{},singleOpen:{type:Boolean,default:!1},defaultOpen:{},disabled:{type:Boolean,default:!1}},setup(e){let o=e,s=(0,t.ref)(o.defaultOpen||[]),c=e=>{if(!(o.disabled||o.sections[e]?.disabled))if(o.singleOpen)s.value=s.value.includes(e)?[]:[e];else{let t=s.value.indexOf(e);t===-1?s.value.push(e):s.value.splice(t,1)}},l=e=>s.value.includes(e);return(o,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyAccordion`,{disabled:e.disabled}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.sections,(u,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:d,class:`spicyAccordionItem`},[(0,t.createElementVNode)(`button`,{type:`button`,class:(0,t.normalizeClass)([`spicyAccordionHeader`,{open:l(d)}]),onClick:e=>c(d),"aria-expanded":l(d),"aria-controls":`accordion-panel-${d}`,disabled:e.disabled||u.disabled},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(u.title),1),u.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,r,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:u.icon},null,8,i)])):(0,t.createCommentVNode)(``,!0),s[0]||=(0,t.createElementVNode)(`span`,{class:`accordionToggle`},[(0,t.createElementVNode)(`svg`,{class:`accordionArrow`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M7 10l5 5 5-5H7z`})])],-1)],10,n),(0,t.createVNode)(t.Transition,{name:`accordion-slide`},{default:(0,t.withCtx)(()=>[l(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:`accordion-panel-${d}`,class:`spicyAccordionContent`,role:`region`},[(0,t.renderSlot)(o.$slots,`section-${d}`)],8,a)):(0,t.createCommentVNode)(``,!0)]),_:2},1024)]))),128))],2))}}),s=[`aria-label`],c={key:0,class:`spicyAlertIcon`},l={key:1,class:`spicyAlertIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},u=[`d`],d={class:`spicyAlertContainer`},f={key:0,class:`spicyAlertTitle`},p={key:1,class:`spicyAlertText`},m={key:0,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},h=[`d`],g={key:1},_=(0,t.defineComponent)({__name:`SpicyAlert`,props:{variant:{default:`info`},title:{},text:{},icon:{},mdi:{},iconOnly:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},autoClose:{default:0},closeIcon:{},isRound:{type:Boolean,default:!1}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.ref)(!0),o=null,_=(0,t.ref)(r.autoClose),v=null,y=()=>{a.value=!1,i(`close`)},b=()=>{_.value>0&&(v=Date.now(),o=setTimeout(()=>{y()},_.value))},x=()=>{o&&=(clearTimeout(o),null)},S=()=>{if(o&&v!==null){let e=Date.now()-v;_.value=Math.max(0,_.value-e),x(),v=null}},C=()=>{b()};return(0,t.watch)(()=>r.autoClose,e=>{_.value=e,x(),b()}),(0,t.onBeforeUnmount)(()=>{x()}),(0,t.onMounted)(()=>{b()}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`spicyAlert`,[e.variant,{spicyAlertRound:e.isRound}]]),"aria-atomic":`true`,"aria-label":e.text||`Alert`,role:`alert`,onKeydown:(0,t.withKeys)(y,[`enter`]),onMouseenter:S,onMouseleave:C},[e.iconOnly&&e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,(0,t.toDisplayString)(e.icon),1)):(0,t.createCommentVNode)(``,!0),e.mdi?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,l,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,class:`spicyAlertMDI`,d:e.mdi},null,8,u)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,d,[e.title?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,f,(0,t.toDisplayString)(e.title),1)):(0,t.createCommentVNode)(``,!0),!e.iconOnly&&e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,p,(0,t.toDisplayString)(e.text),1)):(0,t.createCommentVNode)(``,!0)]),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,class:`spicyAlertCloseBtn`,onClick:y,"aria-label":`Close alert`},[e.closeIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,m,[(0,t.createElementVNode)(`path`,{fill:`#000`,d:e.closeIcon},null,8,h)])):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,g,`X`))])):(0,t.createCommentVNode)(``,!0),e.text?(0,t.createCommentVNode)(``,!0):(0,t.renderSlot)(n.$slots,`default`,{key:3})],42,s)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),v=(0,t.defineComponent)({__name:`SpicyBadge`,props:{variant:{default:`soft`},color:{default:``},textColor:{default:``},size:{default:`md`},dot:{type:Boolean,default:!1},dotColor:{default:``},removable:{type:Boolean,default:!1}},emits:[`remove`],setup(e){let n=e,r=(0,t.computed)(()=>n.dot),i=(0,t.computed)(()=>{let e={};return n.color&&(n.variant===`solid`?e.backgroundColor=n.color:n.variant===`outlined`?(e.borderColor=n.color,e.color=n.color):(e.backgroundColor=`color-mix(in srgb, ${n.color} 15%, transparent)`,e.color=n.color)),n.textColor&&(e.color=n.textColor),e});return(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`spicyBadge`,[e.variant,e.size,{dot:r.value,removable:e.removable}]]),style:(0,t.normalizeStyle)(i.value)},[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:`spicyBadgeDot`,style:(0,t.normalizeStyle)({backgroundColor:e.dotColor})},null,4)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`),e.removable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`spicyBadgeRemove`,onClick:a[0]||=e=>n.$emit(`remove`),"aria-label":`Remove badge`,type:`button`},[...a[1]||=[(0,t.createElementVNode)(`span`,{class:`spicyBadgeRemoveIcon`},`✕`,-1)]])):(0,t.createCommentVNode)(``,!0)],6))}}),y=[`disabled`,`aria-label`,`aria-disabled`,`tabindex`],b={key:0,class:`spicyBtnIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},x=[`d`],S={key:1,class:`spicyBtnIcon`},C={key:2,class:`spicyBtnText`},w=(0,t.defineComponent)({__name:`SpicyBtn`,props:{variant:{default:`filled`},disabled:{type:Boolean,default:!1},text:{},icon:{},mdi:{},size:{default:`md`},bgColor:{},textColor:{default:`#ddd`},hoverColor:{},borderColor:{},fontSize:{default:16},fontWeight:{default:500},ariaLabel:{}},emits:[`click`],setup(e,{emit:n}){let r=n,i=e=>{a.disabled||r(`click`,e)},a=e,o=(0,t.computed)(()=>a.ariaLabel||a.text||`Button`),s=(0,t.computed)(()=>({"--skFontSize":typeof a.fontSize==`number`?`${a.fontSize}px`:a.fontSize,"--skFontWeight":a.fontWeight,"--skBgColor":a.bgColor,"--skTextColor":a.textColor,"--skBorderColor":a.borderColor,"--hoverColor":a.hoverColor})),c=(0,t.computed)(()=>!a.text&&(a.icon||a.mdi)),l=(0,t.computed)(()=>({spicyBtn:!0,outlined:a.variant===`outlined`,disabled:a.disabled,isRound:c.value,[a.size]:a.size!==`md`}));return(n,r)=>{let a=(0,t.resolveDirective)(`spicyRipple`);return(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(l.value),style:(0,t.normalizeStyle)(s.value),disabled:e.disabled,onClick:i,"aria-label":o.value,"aria-disabled":e.disabled,tabindex:e.disabled?-1:0},[e.mdi?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,b,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,class:`spicyBtnMDI`,d:e.mdi},null,8,x)])):e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,S,(0,t.toDisplayString)(e.icon),1)):(0,t.createCommentVNode)(``,!0),e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,C,(0,t.toDisplayString)(e.text),1)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],14,y)),[[a]])}}}),ee=[`aria-label`],te={class:`spicyCarouselInfoText`},ne={class:`spicyCarouselTitle`},re={key:0},ie={key:0,class:`spicyCarouselNavControls`},ae={key:1,class:`spicyCarouselPagination`},oe=[`onClick`],T={class:`spicyCarouselPage`},E=(0,t.defineComponent)({__name:`SpicyCarousel`,props:{autoplay:{type:Boolean,default:!1},autoplaySpeed:{default:5e3},showNavigation:{type:Boolean,default:!0},showPagination:{type:Boolean,default:!0},activeColor:{default:`var(--skPrimaryColor)`},loop:{type:Boolean,default:!0},initialSlide:{default:0},slides:{default:()=>[]},width:{default:`580px`},height:{default:`360px`},fullScreen:{type:Boolean,default:!1},enableImageClick:{type:Boolean,default:!1},paginationLimit:{default:10}},setup(e){let n=0,r=0,i=!1,a=e,o=(0,t.computed)(()=>({"--width":a.width,"--height":a.height,"--activeColor":a.activeColor})),s=(0,t.computed)(()=>a.slides[l.value]?.title),c=(0,t.computed)(()=>u.value?.fullScreen===!1?!1:a.fullScreen),l=(0,t.ref)(Math.max(0,Math.min(a.initialSlide,a.slides.length-1))),u=(0,t.computed)(()=>a.slides[l.value]),d,f=()=>{a.slides.length!==0&&(a.loop?l.value=(l.value-1+a.slides.length)%a.slides.length:l.value=Math.max(0,l.value-1))},p=()=>{a.slides.length!==0&&(a.loop?l.value=(l.value+1)%a.slides.length:l.value=Math.min(a.slides.length-1,l.value+1))},m=e=>{a.slides.length!==0&&(l.value=Math.max(0,Math.min(e,a.slides.length-1)))},h=()=>{d&&=(clearInterval(d),void 0)},g=()=>{a.autoplay&&(h(),d=window.setInterval(p,a.autoplaySpeed))},_=()=>{u.value&&window.open(u.value.img)},v=()=>{a.enableImageClick&&_()},y=e=>{n=e.touches[0].clientX,r=e.touches[0].clientY,i=!1},b=e=>{if(!i){let t=e.touches[0].clientX-n,a=e.touches[0].clientY-r;Math.abs(t)>Math.abs(a)&&(t>40?(f(),i=!0):t<-40&&(p(),i=!0))}},x=(0,t.computed)(()=>{let e=a.slides.length,t=Math.max(0,l.value-Math.floor(a.paginationLimit/2)),n=Math.min(e,t+a.paginationLimit);return[...Array(e).keys()].slice(t,n)});return(0,t.onMounted)(()=>{g()}),(0,t.onUnmounted)(()=>{h()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`spicyCarouselWrapper`,style:(0,t.normalizeStyle)({...o.value})},[(0,t.createElementVNode)(`div`,{class:`spicyCarouselContainer`,onMouseenter:h,onMouseleave:g,onTouchstart:y,onTouchmove:b},[(0,t.createVNode)(t.Transition,{name:`slide`,mode:`out-in`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyCarouselSlide`,{pointCursor:a.enableImageClick}]),key:l.value,style:(0,t.normalizeStyle)({backgroundImage:`url(${u.value?.img})`}),onClick:v},[u.value?.text?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`spicyCarouselTextOverlay`,{fullScreen:c.value}]),"aria-label":u.value.text},[(0,t.createElementVNode)(`span`,te,(0,t.toDisplayString)(u.value.text),1)],10,ee)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],6))]),_:3})],32),(0,t.createElementVNode)(`div`,ne,[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`h2`,re,(0,t.toDisplayString)(s.value),1)):(0,t.createCommentVNode)(``,!0)]),e.showNavigation?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ie,[(0,t.createElementVNode)(`button`,{class:`spicyCarouselPrevBtn`,onClick:f,"aria-label":`Previous slide`},[...r[0]||=[(0,t.createElementVNode)(`span`,{class:`spicyCarouselPrevBtnIcon`},`<`,-1)]]),(0,t.createElementVNode)(`button`,{class:`spicyCarouselNextBtn`,onClick:p,"aria-label":`Next slide`},[...r[1]||=[(0,t.createElementVNode)(`span`,{class:`spicyCarouselNextBtnIcon`},`>`,-1)]])])):(0,t.createCommentVNode)(``,!0),e.showPagination?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ae,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(x.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e,onClick:t=>m(e),class:(0,t.normalizeClass)([`spicyCarouselPageBtn`,{active:e===l.value}])},[(0,t.createElementVNode)(`span`,T,(0,t.toDisplayString)(e+1),1)],10,oe))),128))])):(0,t.createCommentVNode)(``,!0)],4))}}),se={key:0,class:`spicyProgress`},ce={key:0,class:`spicyProgressLabel`},le={key:1,class:`spicyProgressCircular`},ue=[`width`,`height`],de=[`stroke-width`,`r`,`cx`,`cy`],fe=[`stroke`,`stroke-width`,`r`,`cx`,`cy`],pe={key:0,class:`spicyCircularLabel`},D=(0,t.defineComponent)({__name:`SpicyProgress`,props:{value:{},max:{default:100},color:{default:`#4caf50`},height:{default:`8px`},strokeWidth:{default:8},type:{default:`linear`},showLabel:{type:Boolean,default:!1},size:{default:100}},setup(e){let n=e,r=(0,t.computed)(()=>Math.round(n.value/Math.max(1,n.max)*100)),i=(0,t.computed)(()=>n.type===`linear`),a=(0,t.computed)(()=>({width:`${r.value}%`,backgroundColor:n.color,height:n.height})),o=(0,t.computed)(()=>n.size/2),s=(0,t.computed)(()=>(n.size-n.strokeWidth)/2),c=(0,t.computed)(()=>2*Math.PI*s.value),l=(0,t.computed)(()=>({strokeDasharray:`${c.value} ${c.value}`,strokeDashoffset:`${c.value-r.value/100*c.value}`,transition:`stroke-dashoffset 400ms ease`}));return(n,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,se,[(0,t.createElementVNode)(`div`,{class:`spicyProgressBar`,style:(0,t.normalizeStyle)(a.value)},null,4),e.showLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ce,(0,t.toDisplayString)(r.value)+`%`,1)):(0,t.createCommentVNode)(``,!0)])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,le,[((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:`spicyCircularSvg`,width:e.size,height:e.size},[(0,t.createElementVNode)(`circle`,{class:`spicyCircularTrack`,"stroke-width":e.strokeWidth,r:s.value,cx:o.value,cy:o.value},null,8,de),(0,t.createElementVNode)(`circle`,{class:`spicyCircularProgress`,stroke:e.color,"stroke-width":e.strokeWidth,r:s.value,cx:o.value,cy:o.value,style:(0,t.normalizeStyle)(l.value)},null,12,fe)],8,ue)),e.showLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,pe,(0,t.toDisplayString)(r.value)+`%`,1)):(0,t.createCommentVNode)(``,!0)])),(0,t.renderSlot)(n.$slots,`default`)],64))}}),me={class:`spicySelectContainer`},he=[`disabled`,`aria-expanded`,`aria-label`],ge={class:`spicySelectValue`},_e={key:0,class:`spicySelectDropdown`},ve={key:0,class:`spicySelectSearch`},ye=[`onKeydown`],be={class:`spicySelectOptions`,role:`listbox`},xe=[`aria-selected`,`onClick`,`onMouseenter`],Se={key:0,class:`spicySelectCheck`,viewBox:`0 0 24 24`},Ce={key:0,class:`spicySelectEmpty`},we={key:1,class:`spicySelectError`},O=(0,t.defineComponent)({__name:`SpicySelect`,props:{modelValue:{default:``},options:{},label:{default:``},placeholder:{default:`Select an option`},error:{default:``},disabled:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},ariaLabel:{default:``}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=n,a=`spicySelect_${(0,t.useId)()}`,o=(0,t.ref)(null),s=(0,t.ref)(null),c=(0,t.ref)(!1),l=(0,t.ref)(``),u=(0,t.ref)(0),d=(0,t.computed)(()=>{if(!l.value)return r.options;let e=l.value.toLowerCase();return r.options.filter(t=>t.label.toLowerCase().includes(e))}),f=(0,t.computed)(()=>{if(r.multiple){let e=r.modelValue;return!e||!e.length?``:e.map(e=>r.options.find(t=>t.value===e)?.label).filter(Boolean).join(`, `)}let e=r.modelValue;return r.options.find(t=>t.value===e)?.label||``}),p=e=>r.multiple?r.modelValue.includes(e.value):r.modelValue===e.value,m=e=>{if(r.multiple){let t=[...r.modelValue],n=t.indexOf(e.value);n===-1?t.push(e.value):t.splice(n,1),i(`update:modelValue`,t),i(`change`,t)}else i(`update:modelValue`,e.value),i(`change`,e.value),_()},h=()=>{r.disabled||(c.value?_():g())},g=()=>{c.value=!0,u.value=0,r.searchable&&(0,t.nextTick)(()=>s.value?.focus())},_=()=>{c.value=!1,l.value=``},v=()=>{u.value<d.value.length-1&&u.value++},y=()=>{u.value>0&&u.value--},b=()=>{d.value[u.value]&&m(d.value[u.value])},x=e=>{o.value&&!o.value.contains(e.target)&&_()};return(0,t.onMounted)(()=>{document.addEventListener(`click`,x)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`click`,x)}),(0,t.watch)(c,e=>{e||(l.value=``)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicySelectWrapper`,{disabled:e.disabled,hasError:e.error,isOpen:c.value}]),ref_key:`wrapperRef`,ref:o},[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicySelectLabel`,for:a},(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,me,[(0,t.createElementVNode)(`button`,{type:`button`,class:(0,t.normalizeClass)([`spicySelectTrigger`,{hasValue:f.value,placeholder:!f.value}]),onClick:h,disabled:e.disabled,id:a,"aria-expanded":c.value,"aria-haspopup":`listbox`,"aria-label":e.ariaLabel||e.label||void 0},[(0,t.createElementVNode)(`span`,ge,(0,t.toDisplayString)(f.value||e.placeholder),1),r[1]||=(0,t.createElementVNode)(`svg`,{class:`spicySelectArrow`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M7 10l5 5 5-5H7z`})],-1)],10,he),(0,t.createVNode)(t.Transition,{name:`spicySelect-slide`},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,_e,[e.searchable?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ve,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:`text`,class:`spicySelectSearchInput`,"onUpdate:modelValue":r[0]||=e=>l.value=e,placeholder:`Search...`,ref_key:`searchInputRef`,ref:s,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(v,[`prevent`]),[`down`]),(0,t.withKeys)((0,t.withModifiers)(y,[`prevent`]),[`up`]),(0,t.withKeys)((0,t.withModifiers)(b,[`prevent`]),[`enter`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`escape`])]},null,40,ye),[[t.vModelText,l.value]])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`ul`,be,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(d.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.value,class:(0,t.normalizeClass)([`spicySelectOption`,{selected:p(e),highlighted:n===u.value}]),role:`option`,"aria-selected":p(e),onClick:t=>m(e),onMouseenter:e=>u.value=n},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.label),1),p(e)?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,Se,[...r[2]||=[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:`M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z`},null,-1)]])):(0,t.createCommentVNode)(``,!0)],42,xe))),128)),d.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`li`,Ce,`No options found`)):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0)]),_:1})]),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,we,(0,t.toDisplayString)(e.error),1)):(0,t.createCommentVNode)(``,!0)],2))}}),k={class:`spicyDataTable`},Te={class:`spicyDataTableContainer`},Ee={class:`spicyDataTableTable`},De={class:`spicyDataTableHeader`},Oe=[`aria-sort`,`onClick`],ke={class:`headerText`},Ae={key:0,class:`sortIcon`},je={class:`spicyDataTableBody`},Me=[`onClick`],Ne={key:0,class:`spicyDataTableLoading`},Pe={key:1,class:`spicyDataTablePagination`},Fe={class:`paginationInfo`},Ie={class:`paginationControls`},Le={class:`paginationPerPage`},A=(0,t.defineComponent)({__name:`SpicyDataTable`,props:{headers:{},items:{},itemKey:{default:`id`},itemsPerPage:{default:10},page:{default:1},loading:{type:Boolean,default:!1},serverItemsLength:{},showPagination:{type:Boolean,default:!0},sortable:{type:Boolean,default:!0},fixedRowHeight:{default:`auto`}},emits:[`update:page`,`update:itemsPerPage`,`click:row`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(``),o=(0,t.ref)(!1),s=(0,t.ref)(i.page),c=(0,t.ref)(i.itemsPerPage),l=[5,10,25,50,100].map(e=>({label:`${e} / page`,value:e})),u=(0,t.computed)(()=>{if(!a.value||!i.sortable)return i.items;let e=[...i.items].sort((e,t)=>{let n=e[a.value],r=t[a.value];return n===r?0:n==null?1:r==null?-1:typeof n==`number`&&typeof r==`number`?n-r:String(n).localeCompare(String(r))});return o.value?e.reverse():e}),d=(0,t.computed)(()=>i.serverItemsLength||u.value.length),f=(0,t.computed)(()=>Math.ceil(d.value/c.value)),p=(0,t.computed)(()=>{let e=(s.value-1)*c.value,t=e+c.value;return u.value.slice(e,t)}),m=(0,t.computed)(()=>`${(s.value-1)*c.value+1}-${Math.min(s.value*c.value,d.value)} of ${d.value}`),h=e=>{e.sortable===!1||!i.sortable||(a.value===e.value?o.value=!o.value:(a.value=e.value,o.value=!1))},g=(e,t)=>{r(`click:row`,e,t)},_=()=>{s.value>1&&(s.value--,r(`update:page`,s.value))},v=()=>{s.value<f.value&&(s.value++,r(`update:page`,s.value))},y=e=>{let t=Number(e);c.value=t,r(`update:itemsPerPage`,t),s.value=1,r(`update:page`,1)};return(0,t.watch)(()=>i.page,e=>{s.value=e}),(0,t.watch)(()=>i.itemsPerPage,e=>{c.value=e,s.value>f.value&&(s.value=Math.max(1,f.value))}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,k,[(0,t.createElementVNode)(`div`,Te,[(0,t.createElementVNode)(`table`,Ee,[(0,t.createElementVNode)(`thead`,De,[(0,t.createElementVNode)(`tr`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.headers,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:n.value,class:(0,t.normalizeClass)([`spicyDataTableCell`,`spicyDataTableHeaderCell`,n.align||`left`,{sortable:n.sortable!==!1&&e.sortable}]),"aria-sort":n.sortable!==!1&&e.sortable&&a.value===n.value?o.value?`descending`:`ascending`:`none`,onClick:e=>h(n)},[(0,t.createElementVNode)(`span`,ke,(0,t.toDisplayString)(n.text),1),n.sortable!==!1&&e.sortable&&a.value===n.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ae,(0,t.toDisplayString)(o.value?`▼`:`▲`),1)):(0,t.createCommentVNode)(``,!0)],10,Oe))),128))])]),(0,t.createElementVNode)(`tbody`,je,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(p.value,(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r[e.itemKey],class:(0,t.normalizeClass)([`spicyDataTableRow`,{clickable:n.$attrs[`onClick:row`]}]),style:(0,t.normalizeStyle)({height:e.fixedRowHeight}),onClick:e=>g(r,e)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.headers,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{key:e.value,class:(0,t.normalizeClass)([`spicyDataTableCell`,e.align||`left`])},[(0,t.renderSlot)(n.$slots,`item.${e.value}`,{item:r,index:i},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r[e.value]),1)])],2))),128))],14,Me))),128))])])]),e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ne,[(0,t.renderSlot)(n.$slots,`loading`,{},()=>[(0,t.createVNode)(D,{value:0,type:`circular`,size:60})])])):(0,t.createCommentVNode)(``,!0),e.showPagination?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Pe,[(0,t.createElementVNode)(`div`,Fe,[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(m.value),1)]),(0,t.createElementVNode)(`div`,Ie,[(0,t.createVNode)(w,{disabled:s.value===1,onClick:_,text:`Previous`,size:`sm`},null,8,[`disabled`]),(0,t.createVNode)(w,{disabled:s.value===f.value,onClick:v,text:`Next`,size:`sm`},null,8,[`disabled`])]),(0,t.createElementVNode)(`div`,Le,[(0,t.createVNode)(O,{modelValue:c.value,options:(0,t.unref)(l),"onUpdate:modelValue":y},null,8,[`modelValue`,`options`])])])):(0,t.createCommentVNode)(``,!0)]))}}),j=(0,t.defineComponent)({__name:`SpicyDialog`,props:{modelValue:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},maxWidth:{default:`500px`},color:{default:`rgba(0, 0, 0, 0.5)`}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=n,a=()=>{i(`update:modelValue`,!1)},o=()=>{r.persistent||a()},s=e=>{e.key===`Escape`&&!r.persistent&&a()};return(0,t.watch)(()=>r.modelValue,e=>{e?window.addEventListener(`keydown`,s):window.removeEventListener(`keydown`,s)}),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`keydown`,s)}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`dialog-fade`},{default:(0,t.withCtx)(()=>[e.modelValue?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyDialogOverlay`,style:(0,t.normalizeStyle)({backgroundColor:e.color}),onClick:o},[(0,t.createElementVNode)(`div`,{class:`spicyDialog`,style:(0,t.normalizeStyle)({maxWidth:e.maxWidth}),onClick:r[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.renderSlot)(n.$slots,`default`)],4)],4)):(0,t.createCommentVNode)(``,!0)]),_:3})]))}}),Re=[`aria-orientation`],M=(0,t.defineComponent)({__name:`SpicyDivider`,props:{variant:{default:`solid`},orientation:{default:`horizontal`},length:{default:`100%`},size:{default:`1px`},color:{default:`#5f5f5f`}},setup(e){let n=e,r=(0,t.computed)(()=>n.orientation===`vertical`?`vertical`:`horizontal`),i=(0,t.computed)(()=>{let e=`${n.size} ${n.variant} ${n.color}`;return{[n.orientation===`vertical`?`height`:`width`]:n.length,borderLeft:n.orientation===`vertical`?e:`none`,borderBottom:n.orientation===`horizontal`?e:`none`,borderTop:`none`,borderRight:`none`}});return(n,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyDivider`,r.value]),style:(0,t.normalizeStyle)(i.value),role:`separator`,"aria-orientation":e.orientation},[(0,t.renderSlot)(n.$slots,`default`)],14,Re))}}),ze=[`aria-expanded`],Be=[`width`,`height`],Ve=[`d`],He=[`width`,`height`],N=(0,t.defineComponent)({__name:`SpicyDropdown`,props:{label:{},align:{default:`left`},width:{default:`200px`},icon:{default:``},iconSize:{default:`24px`},dropDirection:{default:`down`}},setup(e){let n=`spicyDropdownMenu_${(0,t.useId)()}`,r=e,i=(0,t.ref)(!1),a=(0,t.ref)(null),o=()=>{i.value=!i.value},s=e=>{a.value&&!a.value.contains(e.target)&&(i.value=!1)};(0,t.onMounted)(()=>document.addEventListener(`click`,s)),(0,t.onUnmounted)(()=>document.removeEventListener(`click`,s));let c=(0,t.computed)(()=>r.icon||``),l=(0,t.computed)(()=>{let e={width:r.width,textAlign:r.align};return r.dropDirection===`up`?e.bottom=`100%`:e.top=`100%`,r.align===`right`?e.right=`0`:r.align===`center`?(e.left=`50%`,e.transform=`translateX(-50%)`):e.left=`0`,e});return(r,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`dropdownRef`,ref:a,class:(0,t.normalizeClass)([`spicyDropdown`,{open:i.value}])},[(0,t.createElementVNode)(`button`,{onClick:o,class:`spicyDropdownButton`,"aria-haspopup":`true`,"aria-expanded":i.value,"aria-controls":n},[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:0,width:e.iconSize,height:e.iconSize,viewBox:`0 0 24 24`,class:`dropdownIcon`},[(0,t.createElementVNode)(`path`,{d:c.value},null,8,Ve)],8,Be)):(0,t.createCommentVNode)(``,!0),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.label)+` `,1),c.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:1,width:e.iconSize,height:e.iconSize,viewBox:`0 0 24 24`,class:(0,t.normalizeClass)([`arrow`,{open:i.value}])},[...s[2]||=[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`},null,-1)]],10,He))],8,ze),(0,t.createVNode)(t.Transition,{name:`fade`},{default:(0,t.withCtx)(()=>[i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyDropdownMenu`,style:(0,t.normalizeStyle)(l.value),role:`menu`,onClick:s[0]||=(0,t.withModifiers)(e=>i.value=!1,[`self`]),onKeydown:s[1]||=(0,t.withKeys)(e=>i.value=!1,[`escape`]),id:n},[(0,t.renderSlot)(r.$slots,`default`)],36)):(0,t.createCommentVNode)(``,!0)]),_:3})],2))}}),Ue=[`aria-label`],We=[`multiple`,`accept`,`name`,`disabled`,`aria-label`],Ge={key:1,class:`spicyFilePreview`},Ke={class:`spicyFilePreviewName`},qe=[`onClick`],Je=[`onClick`],Ye={viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},Xe=[`d`],Ze={key:3,class:`spicyFileInputError`},P=(0,t.defineComponent)({__name:`SpicyFileInput`,props:{modelValue:{default:()=>[]},label:{default:``},error:{default:``},accept:{default:``},multiple:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},mdi:{default:``},variant:{default:`dashed`},name:{default:``},ariaLabel:{default:``}},emits:[`update:modelValue`,`change`,`error`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(i.modelValue),o=(0,t.ref)(null),s=(0,t.ref)(!1);(0,t.watch)(()=>i.modelValue,e=>{a.value=e});let c=e=>{if(!i.accept)return e;let t=i.accept.split(`,`).map(e=>e.trim());return e.filter(e=>t.some(t=>t.startsWith(`.`)?e.name.endsWith(t):t.endsWith(`/*`)?e.type.startsWith(t.slice(0,-1)):e.type===t))},l=e=>{let t=c(e);t.length<e.length&&r(`error`,`${e.length-t.length} file(s) were rejected due to type restrictions`),!i.multiple&&t.length>0?(a.value=[t[0]],t.length>1&&r(`error`,`Only one file is allowed`)):a.value=t,r(`update:modelValue`,a.value),r(`change`,a.value)},u=e=>{let t=e.target;t.files&&l(Array.from(t.files))},d=()=>{a.value=[],r(`update:modelValue`,a.value),r(`change`,a.value),o.value&&(o.value.value=``)},f=e=>{a.value.splice(e,1),r(`update:modelValue`,a.value),a.value.length===0&&o.value&&(o.value.value=``),r(`change`,a.value)},p=()=>{i.disabled||o.value?.click()},m=()=>{i.disabled||(s.value=!0)},h=()=>{i.disabled||(s.value=!1)},g=e=>{if(!i.disabled){let t=e.dataTransfer?.files;t&&l(Array.from(t)),s.value=!1}};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyFileInputWrapper`,[{hasError:e.error,isDragging:s.value,disabled:e.disabled,[e.variant]:e.variant}]]),onClick:p,onDragover:(0,t.withModifiers)(m,[`prevent`]),onDragleave:(0,t.withModifiers)(h,[`prevent`]),onDrop:(0,t.withModifiers)(g,[`prevent`])},[e.label&&!a.value.length?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicyFileInputLabel`,"aria-label":e.label},(0,t.toDisplayString)(e.label),9,Ue)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{type:`file`,multiple:e.multiple,accept:e.accept,name:e.name,class:`spicyFileInput`,onChange:u,ref_key:`fileInput`,ref:o,disabled:e.disabled,"aria-label":e.ariaLabel||e.label||`File input`},null,40,We),a.value.length?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ge,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:r,class:`spicyFilePreviewItem`},[(0,t.createElementVNode)(`span`,Ke,(0,t.toDisplayString)(n.name),1),e.clearable&&!e.mdi&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`removeButton`,onClick:(0,t.withModifiers)(e=>f(r),[`stop`]),"aria-label":`Remove file`,type:`button`},` ✕ `,8,qe)):(0,t.createCommentVNode)(``,!0),e.clearable&&e.mdi&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`removeButtonMDI`,onClick:(0,t.withModifiers)(e=>f(r),[`stop`]),"aria-label":`Remove file`,type:`button`},[((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,Ye,[(0,t.createElementVNode)(`path`,{fill:`currentColor`,d:e.mdi},null,8,Xe)]))],8,Je)):(0,t.createCommentVNode)(``,!0)]))),128))])):(0,t.createCommentVNode)(``,!0),e.clearable&&a.value.length>1&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,class:`clearAllButton`,onClick:(0,t.withModifiers)(d,[`stop`]),"aria-label":`Clear all files`,type:`button`},` Clear All `)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Ze,(0,t.toDisplayString)(e.error),1)):(0,t.createCommentVNode)(``,!0)],34))}}),Qe=[`aria-labelledby`],F={class:`spicyModalHeader`},$e={class:`spicyModalActions`},et=[`onClick`],I=(0,t.defineComponent)({__name:`SpicyModal`,props:{width:{default:`400px`},height:{default:`auto`},borderRadius:{default:`6px`},bgColor:{default:``},visible:{type:Boolean,default:!1},closeBtn:{type:Boolean,default:!0},actions:{default:()=>[]},closeOnClick:{type:Boolean,default:!0},modalTitle:{default:``},textColor:{default:``}},emits:[`update:visible`,`close`,`action-clicked`],setup(e,{emit:n}){let r=`spicyModalTitle_${(0,t.useId)()}`,i=e,a=n,o=(0,t.computed)(()=>({"--width":i.width,"--height":i.height,"--skBorderRadius":i.borderRadius,"--skBgColor":i.bgColor,"--skTextColor":i.textColor})),s=()=>{a(`update:visible`,!1),a(`close`)},c=e=>{typeof e.handler==`function`&&e.handler(),a(`action-clicked`,e)},l=e=>{let t=e.target;i.closeOnClick&&t.classList.contains(`spicyModalOverlay`)&&s()},u=()=>{document.body.style.overflow=`hidden`},d=()=>{document.body.style.overflow=``},f=e=>{e.key===`Escape`&&s()};return(0,t.onBeforeUnmount)(()=>{d(),window.removeEventListener(`keydown`,f)}),(0,t.watch)(()=>i.visible,e=>{e?(u(),window.addEventListener(`keydown`,f)):(d(),window.removeEventListener(`keydown`,f))},{immediate:!0}),(n,i)=>e.visible?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyModalOverlay`,onClick:l,"aria-modal":`true`,role:`dialog`,"aria-labelledby":e.modalTitle?r:void 0},[(0,t.createElementVNode)(`div`,{class:`spicyModal`,style:(0,t.normalizeStyle)({...o.value})},[(0,t.createElementVNode)(`header`,F,[e.modalTitle?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,id:r},[(0,t.renderSlot)(n.$slots,`spicyModalHeader`,{title:e.modalTitle,ariaLabel:e.modalTitle},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.modalTitle),1)])])):(0,t.renderSlot)(n.$slots,`spicyModalHeader`,{key:1,title:e.modalTitle,ariaLabel:e.modalTitle})]),(0,t.renderSlot)(n.$slots,`default`),(0,t.createElementVNode)(`div`,$e,[(0,t.renderSlot)(n.$slots,`spicyModalActions`),e.actions.length===0&&e.closeBtn?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`spicyModalCloseBtn spicyModalActionBtn`,onClick:s},[(0,t.renderSlot)(n.$slots,`closeBtn`,{},()=>[i[0]||=(0,t.createTextVNode)(`Close`,-1)])])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.actions,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.label,class:`spicyModalExtraBtn spicyModalActionBtn`,onClick:t=>c(e)},(0,t.toDisplayString)(e.label),9,et))),128))])],4)],8,Qe)):(0,t.createCommentVNode)(``,!0)}}),L=(0,t.defineComponent)({__name:`SpicySheet`,props:{isRound:{type:Boolean,default:!1},color:{default:``},padding:{default:``},flex:{type:Boolean,default:!1},elevation:{default:0},gap:{default:``},width:{default:``},maxWidth:{default:``},border:{default:``},borderRadius:{default:``},tag:{default:`div`}},setup(e){let n=e,r=(0,t.computed)(()=>n.elevation?`elevation-${n.elevation}`:``),i=(0,t.computed)(()=>{let e={};return n.color&&(e.backgroundColor=n.color),n.padding&&(e.padding=n.padding),n.gap&&(e[`--sheet-gap`]=n.gap),n.width&&(e.width=n.width),n.maxWidth&&(e.maxWidth=n.maxWidth),n.border&&(e.border=n.border),n.borderRadius&&(e.borderRadius=n.borderRadius),e});return(n,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)([`spicySheet`,{isRound:e.isRound&&!e.borderRadius,flex:e.flex},r.value]),style:(0,t.normalizeStyle)(i.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`class`,`style`]))}}),R=(0,t.defineComponent)({__name:`SpicySkeleton`,props:{width:{default:`100%`},height:{default:`1em`},variant:{default:`rect`},rounded:{type:Boolean,default:!1},color:{default:``},shimmer:{type:Boolean,default:!0}},setup(e){let n=e,r=(0,t.computed)(()=>({width:n.width,height:n.height,...n.color?{"--skSkeletonColor":n.color}:{},...n.shimmer?{}:{animation:`none`}}));return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicySkeleton`,[e.variant,{rounded:e.rounded}]]),style:(0,t.normalizeStyle)(r.value),role:`status`,"aria-label":`Loading`},null,6))}}),tt={class:`spicySlider`},nt=[`aria-label`],rt=[`min`,`max`,`step`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`disabled`],it={"aria-live":`polite`,class:`hidden`},z=(0,t.defineComponent)({__name:`SpicySlider`,props:{min:{default:0},max:{default:100},step:{default:1},label:{default:``},modelValue:{default:0},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`],setup(e,{emit:n}){let r=e,i=`spicySlider_${(0,t.useId)()}`,a=n,o=(0,t.computed)(()=>Number(r.min)),s=(0,t.computed)(()=>Number(r.max)),c=(0,t.computed)(()=>Number(r.step)),l=(0,t.computed)({get:()=>Number(r.modelValue),set:e=>a(`update:modelValue`,Number(e))}),u=()=>{a(`change`,l.value)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,tt,[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,class:`spicySliderLabel`,for:i,"aria-label":e.label},(0,t.toDisplayString)(e.label),9,nt)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{name:`spicySliderInput`,class:`spicySliderInput`,type:`range`,id:i,min:o.value,max:s.value,step:c.value,"onUpdate:modelValue":r[0]||=e=>l.value=e,"aria-valuenow":l.value,"aria-valuemin":o.value,"aria-valuemax":s.value,disabled:e.disabled,onChange:u},null,40,rt),[[t.vModelText,l.value]]),(0,t.createElementVNode)(`div`,it,(0,t.toDisplayString)(l.value),1),(0,t.renderSlot)(n.$slots,`default`)]))}}),at={class:(0,t.normalizeClass)([`spicyTabs`])},ot={class:`spicyTabsHeader`},st=[`onClick`],B=(0,t.defineComponent)({__name:`SpicyTabs`,props:{useScrollButtons:{type:Boolean,default:!0},tabs:{},contentPadding:{default:`16px`}},setup(e){let n=e,r=(0,t.ref)(n.tabs[0]?.name||``),i=(0,t.ref)(null),a=(0,t.ref)(!1),o=(0,t.ref)(!1),s=()=>{if(i.value){let{scrollLeft:e,scrollWidth:t,clientWidth:n}=i.value;a.value=e>0,o.value=t>n+e}},c=e=>{r.value=e},l=e=>{if(i.value){let t=e===`left`?-200:200;i.value.scrollBy({left:t,behavior:`smooth`})}},u=()=>{l(`left`),s()},d=()=>{l(`right`),s()},f=e=>{i.value&&(e.preventDefault(),i.value.scrollLeft+=e.deltaY,s())},p=null,m=()=>{p&&clearTimeout(p),p=setTimeout(s,100)};return(0,t.onMounted)(()=>{s(),window.addEventListener(`resize`,m),i.value&&i.value.addEventListener(`scroll`,s)}),(0,t.onUnmounted)(()=>{window.removeEventListener(`resize`,m),i.value&&i.value.removeEventListener(`scroll`,s),p&&clearTimeout(p)}),(s,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,at,[(0,t.createElementVNode)(`div`,ot,[a.value&&e.useScrollButtons?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`spicyOverflowButton left`,onClick:u},` ‹ `)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{ref_key:`tabsWrapperRef`,ref:i,class:`tabsWrapper`,onWheel:f},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(n.tabs,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.name,class:(0,t.normalizeClass)([`spicyTabButton`,{active:r.value===e.name}]),onClick:t=>c(e.name)},(0,t.toDisplayString)(e.label),11,st))),128))],544),o.value&&e.useScrollButtons?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`spicyOverflowButton right`,onClick:d},` › `)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,{class:`spicyTabsContent`,style:(0,t.normalizeStyle)({padding:n.contentPadding})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(n.tabs,e=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.name},[(0,t.renderSlot)(s.$slots,e.name)])),[[t.vShow,r.value===e.name]])),128))],4)]))}}),ct=[`value`,`name`,`aria-label`,`disabled`],V=(0,t.defineComponent)({__name:`SpicyTextArea`,props:{border:{default:`1px solid var(--skBorderColor, #515353)`},isRound:{type:Boolean,default:!1},padding:{default:`8px`},color:{default:`#4e4e4e`},textColor:{default:`var(--skTextColor, #eee)`},fontSize:{default:`16px`},focusColor:{default:`var(--skPrimaryColor, #811faf)`},modelValue:{default:``},name:{default:``},ariaLabel:{default:``},disabled:{type:Boolean,default:!1},resize:{default:`vertical`}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=(0,t.computed)(()=>({borderRadius:r.isRound?`16px`:`2px`,border:r.border,padding:r.padding,backgroundColor:r.color,color:r.textColor,fontSize:r.fontSize,resize:r.resize,"--spicyFocusColor":r.focusColor})),a=n,o=e=>{a(`update:modelValue`,e.target.value)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`textarea`,(0,t.mergeProps)({class:[`spicyTextArea`,{isRound:e.isRound,isDisabled:e.disabled}],value:e.modelValue,onInput:o,name:e.name,"aria-label":e.ariaLabel||e.name||void 0,disabled:e.disabled,style:i.value},n.$attrs),null,16,ct),(0,t.renderSlot)(n.$slots,`default`)],64))}}),lt={class:`spicyInputContainer`},ut={key:0,class:`spicyInputPrefix`},dt=[`type`,`name`,`placeholder`,`autofocus`,`disabled`,`step`,`min`,`max`,`aria-label`,`aria-invalid`,`aria-describedby`],ft=[`id`],H=(0,t.defineComponent)({__name:`SpicyTextField`,props:{modelValue:{default:``},placeholder:{default:``},label:{default:``},error:{default:``},variant:{default:`outlined`},prefix:{default:``},autofocus:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:`text`},name:{default:``},ariaLabel:{default:``},step:{default:void 0},min:{default:void 0},max:{default:void 0}},emits:[`update:modelValue`,`input`,`blur`,`focus`],setup(e,{emit:n}){let r=n,i=e,a=(0,t.ref)(i.modelValue),o=(0,t.ref)(!1),s=(0,t.useId)(),c=`spicyInput_${s}`,l=(0,t.computed)(()=>i.error?`spicyInputError-${s}`:void 0);(0,t.watch)(()=>i.modelValue,e=>{a.value=e});let u=(0,t.ref)(null);(0,t.onMounted)(()=>{i.autofocus&&u.value?.focus()});let d=e=>{a.value=e.target.value,r(`update:modelValue`,a.value),r(`input`,a.value)},f=()=>{o.value=!1,r(`blur`)},p=()=>{o.value=!0,r(`focus`)},m=()=>{a.value=``,r(`update:modelValue`,a.value),u.value?.focus()};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`spicyInputWrapper`,[e.variant,{hasValue:a.value!==``&&a.value!==null&&a.value!==void 0,hasFocus:o.value,hasPlaceholder:!!e.placeholder,hasError:e.error,isDisabled:e.disabled}]])},[(0,t.createElementVNode)(`label`,{class:`spicyInputLabel`,for:c},(0,t.toDisplayString)(e.label),1),(0,t.createElementVNode)(`div`,lt,[e.prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ut,(0,t.toDisplayString)(e.prefix),1)):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:e.type,name:e.name,class:(0,t.normalizeClass)([`spicyInput`,e.variant]),"onUpdate:modelValue":r[0]||=e=>a.value=e,placeholder:e.placeholder,autofocus:e.autofocus,disabled:e.disabled,step:e.step,min:e.min,max:e.max,"aria-label":e.ariaLabel||e.label||void 0,onInput:d,onBlur:f,onFocus:p,id:c,"aria-invalid":!!e.error,"aria-describedby":l.value,ref_key:`input`,ref:u},null,42,dt),[[t.vModelDynamic,a.value]]),e.clearable&&a.value!==``&&a.value!==null&&a.value!==void 0&&!e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`clearButton`,onClick:m,"aria-label":`Clear input`,type:`button`},` ✕ `)):(0,t.createCommentVNode)(``,!0)]),(0,t.renderSlot)(n.$slots,`default`),e.error?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,id:l.value,class:`spicyInputError`},(0,t.toDisplayString)(e.error),9,ft)):(0,t.createCommentVNode)(``,!0)],2))}}),pt=[`for`],mt=[`id`,`tabindex`,`aria-label`,`aria-checked`,`aria-disabled`,`onKeydown`],U=(0,t.defineComponent)({__name:`SpicyToggle`,props:{modelValue:{type:Boolean,default:!1},label:{default:``},variant:{default:`filled`},borderColor:{default:``},activeColor:{default:``},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let r=(0,t.useId)(),i=(0,t.computed)(()=>`spicyToggle_${r}`),a=e,o=(0,t.computed)(()=>({"--skBorderColor":a.borderColor,"--activeColor":a.activeColor})),s=n,c=()=>{a.disabled||s(`update:modelValue`,!a.modelValue)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{class:(0,t.normalizeClass)([`spicyToggleLabel`,{disabled:e.disabled}]),for:i.value},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label)+` `,1),(0,t.createElementVNode)(`div`,(0,t.mergeProps)({class:[`spicyToggle`,{outlined:e.variant===`outlined`,isActive:e.modelValue}],id:i.value,tabindex:e.disabled?-1:0,role:`switch`,style:{...o.value},"aria-label":e.label||`Toggle Switch`,"aria-checked":e.modelValue,"aria-disabled":e.disabled,onClick:c,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(c,[`prevent`]),[`space`]),(0,t.withKeys)((0,t.withModifiers)(c,[`prevent`]),[`enter`])]},n.$attrs),[...r[0]||=[(0,t.createElementVNode)(`div`,{class:`spicyToggleKnob`},null,-1)]],16,mt)],10,pt))}}),W=(0,t.ref)([]),ht=0;function G(){let e=e=>{let n=++ht,r={id:n,message:e.message,type:e.type||`info`,duration:e.duration??4e3};W.value.push(r);let i=r.duration??4e3;return i>0&&setTimeout(()=>t(n),i),n},t=e=>{let t=W.value.findIndex(t=>t.id===e);t!==-1&&W.value.splice(t,1)};return{toasts:W,push:e,remove:t,clear:()=>{W.value=[]},info:(t,n)=>e({message:t,type:`info`,duration:n}),success:(t,n)=>e({message:t,type:`success`,duration:n}),warning:(t,n)=>e({message:t,type:`warning`,duration:n}),error:(t,n)=>e({message:t,type:`error`,duration:n})}}var gt={class:`spicyToastMessage`},_t=[`onClick`],K=(0,t.defineComponent)({__name:`SpicyToast`,props:{position:{default:`top-right`}},setup(e){let{toasts:n,remove:r}=G();return(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`spicyToastContainer`,e.position])},[(0,t.createVNode)(t.TransitionGroup,{name:`spicyToast`,tag:`div`},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(n),e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,class:(0,t.normalizeClass)([`spicyToast`,e.type]),role:`alert`},[(0,t.createElementVNode)(`span`,gt,(0,t.toDisplayString)(e.message),1),(0,t.createElementVNode)(`button`,{class:`spicyToastClose`,onClick:n=>(0,t.unref)(r)(e.id),"aria-label":`Dismiss notification`,type:`button`},` ✕ `,8,_t)],2))),128))]),_:1})],2)]))}}),vt={key:0,class:`spicyTooltipIcon`},yt=[`aria-label`,`innerHTML`],bt={key:2,class:`spicyTooltipIcon`},q=(0,t.defineComponent)({__name:`SpicyTooltip`,props:{text:{default:``},prependIcon:{default:``},appendIcon:{default:``},position:{default:`top`},delay:{default:100},maxWidth:{default:`175px`},disabled:{type:Boolean,default:!1},color:{default:``},bgColor:{default:``},textColor:{default:``}},setup(e){let n=e=>e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`),r=e=>n(e).split(/\n\n+/).map(e=>`<p>${e.replace(/\*\*(.+?)\*\*/g,`<strong>$1</strong>`).replace(/\*(.+?)\*/g,`<em>$1</em>`).replace(/`(.+?)`/g,`<code>$1</code>`).replace(/\n/g,`<br>`)}</p>`).join(``),i=(0,t.computed)(()=>a.text?r(a.text):``),a=e,o=(0,t.ref)(!1),s=(0,t.ref)(null),c=(0,t.reactive)({position:`fixed`,top:`0px`,left:`0px`,maxWidth:a.maxWidth}),l=(0,t.computed)(()=>({"--tooltipBgColor":a.bgColor||a.color,"--tooltipTextColor":a.textColor})),u=e=>{let t=e.right-window.innerWidth;t>0&&(c.left=`${parseInt(c.left)-t-5}px`),e.left<0&&(c.left=`5px`),e.top<0&&a.position===`top`&&(c.top=`${s.value.getBoundingClientRect().bottom+5}px`),e.bottom-window.innerHeight>0&&a.position===`bottom`&&(c.top=`${s.value.getBoundingClientRect().top-e.height-5}px`)},d={top:(e,t)=>{c.left=`${e.left+(e.width-t.width)/2}px`,c.top=`${e.top-t.height-5}px`},bottom:(e,t)=>{c.left=`${e.left+(e.width-t.width)/2}px`,c.top=`${e.bottom+5}px`},left:(e,t)=>{c.left=`${e.left-t.width-5}px`,c.top=`${e.top+(e.height-t.height)/2}px`},right:(e,t)=>{c.left=`${e.right+5}px`,c.top=`${e.top+(e.height-t.height)/2}px`}},f=null,p=null,m=()=>{a.disabled||(p&&=(clearTimeout(p),null),f&&clearTimeout(f),f=setTimeout(()=>{o.value=!0,(0,t.nextTick)(()=>{if(s.value&&o.value){let e=s.value.getBoundingClientRect(),t=s.value.querySelector(`.spicyTooltip`);if(t){let n=t.getBoundingClientRect(),r=d[a.position];r(e,n),u(n)}}})},a.delay))},h=()=>{f&&=(clearTimeout(f),null),p=setTimeout(()=>{o.value=!1},a.delay)};return(0,t.onBeforeUnmount)(()=>{f&&clearTimeout(f),p&&clearTimeout(p)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{onMouseover:m,onMouseleave:h,onFocus:m,onBlur:h,ref_key:`host`,ref:s},[(0,t.renderSlot)(n.$slots,`default`),(0,t.createVNode)(t.Transition,{name:`spicyTooltip`},{default:(0,t.withCtx)(()=>[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`spicyTooltip`,style:(0,t.normalizeStyle)([c,l.value]),role:`tooltip`},[e.prependIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,vt,(0,t.toDisplayString)(e.prependIcon),1)):(0,t.createCommentVNode)(``,!0),e.text?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`spicyTooltipText`,"aria-label":e.text,innerHTML:i.value},null,8,yt)):(0,t.createCommentVNode)(``,!0),e.appendIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,bt,(0,t.toDisplayString)(e.appendIcon),1)):(0,t.createCommentVNode)(``,!0)],4)):(0,t.createCommentVNode)(``,!0)]),_:1})],544))}}),xt=[`aria-expanded`],St={key:0,class:`spicyToggleIcon`},Ct=[`width`,`height`],wt=[`d`],Tt={key:1,role:`group`},J=(0,t.defineComponent)({__name:`SpicyTreeNode`,props:{node:{}},setup(e){let n=e,r=(0,t.ref)(!1),i=(0,t.computed)(()=>n.node.children&&n.node.children.length>0),a=()=>{i.value&&(r.value=!r.value)};return(n,o)=>{let s=(0,t.resolveComponent)(`SpicyTreeNode`,!0);return(0,t.openBlock)(),(0,t.createElementBlock)(`li`,{class:`spicyTreeNodeItem`,role:`treeitem`,"aria-expanded":r.value},[(0,t.createElementVNode)(`div`,{onClick:a,style:{cursor:`pointer`}},[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.node.label),1),i.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,St,(0,t.toDisplayString)(r.value?`-`:`+`),1)):(0,t.createCommentVNode)(``,!0)]),e.node.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{key:0,width:e.node.iconSize,height:e.node.iconSize,class:`spicyTreeNodeIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`},[(0,t.createElementVNode)(`path`,{d:e.node.icon},null,8,wt)],8,Ct)):(0,t.createCommentVNode)(``,!0),r.value&&e.node.children?((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,Tt,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.node.children,e=>((0,t.openBlock)(),(0,t.createBlock)(s,{key:e.id,node:e},null,8,[`node`]))),128))])):(0,t.createCommentVNode)(``,!0)],8,xt)}}}),Et={class:`spicyTree`},Dt={role:`tree`},Y=(0,t.defineComponent)({__name:`SpicyTree`,props:{nodes:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Et,[(0,t.createElementVNode)(`ul`,Dt,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.nodes,e=>((0,t.openBlock)(),(0,t.createBlock)(J,{class:`spicyTreeNode`,key:e.id,node:e},null,8,[`node`]))),128))])]))}}),Ot=e=>{if(!e)return null;if(typeof e==`string`){let t=document.querySelector(e);return t?t.getBoundingClientRect():null}return e.getBoundingClientRect()},X=(e,t)=>!t||t<=0?e:Math.round(e/t)*t,Z={mounted(e,t){let n=t.value||{};if(n.disabled)return;e.style.position=`relative`,e.style.cursor=`move`;let r={startLeft:0,startTop:0,startX:0,startY:0,isDragging:!1},i=n.handle?e.querySelector(n.handle):e;i&&(i.style.cursor=`move`);let a=(t,i)=>{let a=t-r.startX,o=i-r.startY,s=r.startLeft+a,c=r.startTop+o,l=Ot(n.bounds);if(l){let t=e.getBoundingClientRect(),n=l.left-t.left+r.startLeft,i=l.right-t.right+r.startLeft,a=l.top-t.top+r.startTop,o=l.bottom-t.bottom+r.startTop;s=Math.max(n,Math.min(s,i)),c=Math.max(a,Math.min(c,o))}s=X(s,n.grid),c=X(c,n.grid),n.axis!==`y`&&(e.style.left=`${s}px`),n.axis!==`x`&&(e.style.top=`${c}px`),n.onDrag?.(e,s,c)},o=e=>{a(e.pageX,e.pageY)},s=e=>{let t=e.touches[0];t&&(a(t.pageX,t.pageY),e.preventDefault())},c=()=>{if(document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,c),document.removeEventListener(`touchmove`,s),document.removeEventListener(`touchend`,c),!r.isDragging)return;r.isDragging=!1;let t=parseFloat(e.style.left||`0`),i=parseFloat(e.style.top||`0`);n.onDragEnd?.(e,t,i)},l=t=>{if(n.disabled)return;e.getBoundingClientRect();let i=getComputedStyle(e);r.startLeft=parseFloat(i.left||`0`),r.startTop=parseFloat(i.top||`0`),r.startX=t.pageX,r.startY=t.pageY,r.isDragging=!0,document.addEventListener(`mousemove`,o),document.addEventListener(`mouseup`,c),n.onDragStart?.(e)},u=t=>{if(n.disabled||t.touches.length!==1)return;let i=t.touches[0];if(!i)return;let a=getComputedStyle(e);r.startLeft=parseFloat(a.left||`0`),r.startTop=parseFloat(a.top||`0`),r.startX=i.pageX,r.startY=i.pageY,r.isDragging=!0,document.addEventListener(`touchmove`,s),document.addEventListener(`touchend`,c),n.onDragStart?.(e),t.preventDefault()},d=i||e;d.addEventListener(`mousedown`,l),d.addEventListener(`touchstart`,u);let f=e;f._dragState=r,f._cleanup=()=>{d.removeEventListener(`mousedown`,l),d.removeEventListener(`touchstart`,u),document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,c),document.removeEventListener(`touchmove`,s),document.removeEventListener(`touchend`,c)}},updated(e,t){let n=e;(t.value||{}).disabled&&n._cleanup&&(n._cleanup(),n._cleanup=void 0,e.style.cursor=``)},unmounted(e){let t=e;t._cleanup&&t._cleanup()}},kt=`.spicyRipple{pointer-events:none;z-index:1;background:currentColor;border-radius:50%;animation:.6s linear spicy-ripple-animation;position:absolute;transform:scale(0)}@keyframes spicy-ripple-animation{to{opacity:0;transform:scale(4)}}`,Q=!1;function At(){if(Q)return;Q=!0;let e=document.createElement(`style`);e.id=`SpicyRippleStyles`,e.textContent=kt,document.head.appendChild(e)}var $={beforeMount(e,t){At();let n=t.value||{};e.style.position=`relative`,e.style.overflow||(e.style.overflow=`hidden`);let r=(t,r)=>{let i=document.createElement(`span`),a=Math.max(e.clientWidth,e.clientHeight),o=a/2;if(i.style.width=i.style.height=`${a}px`,n.center)i.style.left=`${e.clientWidth/2-o}px`,i.style.top=`${e.clientHeight/2-o}px`;else{let n=e.getBoundingClientRect();i.style.left=`${t-n.left-o}px`,i.style.top=`${r-n.top-o}px`}n.color&&(i.style.background=n.color),i.classList.add(`spicyRipple`);let s=e.querySelector(`.spicyRipple`);s&&s.remove(),e.appendChild(i),i.addEventListener(`animationend`,()=>{i.remove()})},i=(e,t)=>{r(e,t)},a=e=>requestAnimationFrame(()=>i(e.clientX,e.clientY)),o=e=>{let t=e.touches[0];if(t){let e=t.clientX,n=t.clientY;requestAnimationFrame(()=>i(e,n))}};if(e.getAttribute(`data-no-ripple`)===null){e.addEventListener(`click`,a),e.addEventListener(`touchstart`,o);let t=e;t._rippleCleanup=()=>{e.removeEventListener(`click`,a),e.removeEventListener(`touchstart`,o)}}},unmounted(e){let t=e;t._rippleCleanup&&t._rippleCleanup()}},jt=`:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active,.spicyLink:focus{color:var(--skPrimaryColor)}.spicyLink:disabled{opacity:.3}`,Mt=`:root{--skBgColor:#28292a;--skBgSecondaryColor:#424344;--skBorderColor:#515353;--skPrimaryColor:#811faf;--skSecondaryColor:#0066b3;--skAccentColor:#004a77;--skHoverColor:#656769;--skTextColor:#ddd;--skFontFamily:"Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize:1rem;--skFontWeight:500;--skBorderRadius:4px}`,Nt={SpicyAccordion:o,SpicyAlert:_,SpicyBadge:v,SpicyBtn:w,SpicyCarousel:E,SpicyDataTable:A,SpicyDialog:j,SpicyDivider:M,SpicyDropdown:N,SpicyFileInput:P,SpicyModal:I,SpicyProgress:D,SpicySelect:O,SpicySheet:L,SpicySkeleton:R,SpicySlider:z,SpicyTabs:B,SpicyTextArea:V,SpicyTextField:H,SpicyToggle:U,SpicyToast:K,SpicyTooltip:q,SpicyTree:Y,SpicyTreeNode:J},Pt={spicyDrag:Z,spicyRipple:$};e.SpicyAccordion=o,e.SpicyAlert=_,e.SpicyBadge=v,e.SpicyBtn=w,e.SpicyCarousel=E,e.SpicyDataTable=A,e.SpicyDialog=j,e.SpicyDivider=M,e.SpicyDropdown=N,e.SpicyFileInput=P,e.SpicyKatsu={install(e,t={}){let{useComponents:n=!0,useStyles:r=!0,useDirectives:i=!0}=t;if(n&&Object.entries(Nt).forEach(([t,n])=>{e.component(t,n)}),r&&!document.getElementById(`SpicyStyles`)){let e=document.createElement(`style`);e.id=`SpicyStyles`,e.textContent=r===`variables`?Mt:jt,document.head.appendChild(e)}i&&Object.entries(Pt).forEach(([t,n])=>{e.directive(t,n)})}},e.SpicyModal=I,e.SpicyProgress=D,e.SpicySelect=O,e.SpicySheet=L,e.SpicySkeleton=R,e.SpicySlider=z,e.SpicyTabs=B,e.SpicyTextArea=V,e.SpicyTextField=H,e.SpicyToast=K,e.SpicyToggle=U,e.SpicyTooltip=q,e.SpicyTree=Y,e.SpicyTreeNode=J,e.spicyDrag=Z,e.spicyRipple=$,e.useToast=G});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.spicyInputWrapper{flex-direction:column;justify-content:center;width:100%;
|
|
1
|
+
.spicyInputWrapper{flex-direction:column;justify-content:center;width:100%;display:flex;position:relative}.spicyInputWrapper .spicyInput:focus{border-color:var(--skPrimaryColor);outline:none}.spicyInputLabel{z-index:1;color:var(--skTextColor);pointer-events:none;transition:top .25s,transform .25s,font-size .25s,color .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.spicyInputWrapper:not(.hasValue):not(.hasFocus) .spicyInputLabel{white-space:nowrap;text-overflow:ellipsis;bottom:-4px;left:6px;right:14px;overflow:hidden}.spicyInputContainer{align-items:center;width:100%;display:flex;position:relative}.spicyInputPrefix{color:var(--skTextColor);pointer-events:none}.spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353);box-sizing:border-box;width:100%;color:var(--skTextColor);background-color:#0000;flex:1;padding:10px;font-size:16px;transition:border-color .25s}.spicyInput[type=number]::-webkit-inner-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]::-webkit-outer-spin-button{opacity:.5;background-color:var(--skBgSecondaryColor,transparent);cursor:pointer;border-radius:3px;width:16px;height:24px}.spicyInput[type=number]:hover::-webkit-inner-spin-button{opacity:1}.spicyInput[type=number]:hover::-webkit-outer-spin-button{opacity:1}.clearButton{cursor:pointer;color:var(--skTextColor,#969696);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px}.clearButton:hover{color:var(--skErrorColor,red)}.outlined .spicyInput{border:1px solid var(--skBorderColor,#515353);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--skBorderColor,#515353)}.text .spicyInput{border:none}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel,.hasPlaceholder .spicyInputLabel{color:var(--skPrimaryColor);font-size:16px;font-weight:700;top:-20px;transform:translateY(0)}.hasError .spicyInput{border-color:var(--skErrorColor,red)}.spicyInputError{color:var(--skErrorColor,red);font-size:12px}.spicyInputWrapper:not(.hasValue):not(.hasFocus):not(.hasPlaceholder) .spicyInput::placeholder{color:#0000}.isDisabled .spicyInput{opacity:.5;cursor:not-allowed}.isDisabled .spicyInputLabel{opacity:.5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.spicyTooltip{z-index:9999;background-color:var(--tooltipBgColor,var(--skBgColor));color:var(--tooltipTextColor,var(--skTextColor));border:1px solid var(--skBorderColor);border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:15px;display:flex}.spicyTooltipIcon{font-size:18px}.spicyTooltip-enter-active,.spicyTooltip-leave-active{transition:opacity .15s,transform .15s}.spicyTooltip-enter-from,.spicyTooltip-leave-to{opacity:0;transform:scale(.95)}
|
|
1
|
+
.spicyTooltip{z-index:9999;background-color:var(--tooltipBgColor,var(--skBgColor));color:var(--tooltipTextColor,var(--skTextColor));border:1px solid var(--skBorderColor);border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:15px;display:flex}.spicyTooltipText{text-align:left}.spicyTooltipText p{margin:0 0 6px}.spicyTooltipText p:last-child{margin-bottom:0}.spicyTooltipText code{background-color:#00000040;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.9em}.spicyTooltipIcon{font-size:18px}.spicyTooltip-enter-active,.spicyTooltip-leave-active{transition:opacity .15s,transform .15s}.spicyTooltip-enter-from,.spicyTooltip-leave-to{opacity:0;transform:scale(.95)}
|