fresh build

This commit is contained in:
Mary Hipp 2023-03-14 14:11:42 -04:00
parent 7e811908e0
commit de01c38bbe
80 changed files with 653 additions and 76191 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
.ltr-image-gallery-css-transition-enter{transform:translate(150%)}.ltr-image-gallery-css-transition-enter-active{transform:translate(0);transition:all .12s ease-out}.ltr-image-gallery-css-transition-exit{transform:translate(0)}.ltr-image-gallery-css-transition-exit-active{transform:translate(150%);transition:all .12s ease-out}.rtl-image-gallery-css-transition-enter{transform:translate(-150%)}.rtl-image-gallery-css-transition-enter-active{transform:translate(0);transition:all .12s ease-out}.rtl-image-gallery-css-transition-exit{transform:translate(0)}.rtl-image-gallery-css-transition-exit-active{transform:translate(-150%);transition:all .12s ease-out}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

File diff suppressed because one or more lines are too long

View File

@ -1,582 +0,0 @@
import { useEffect as M, memo as F, useState as K, useMemo as _, useSyncExternalStore as U } from "react";
import { d as J, eg as G, p as k, j as a, g as Q, a as h, J as S, f as p, b as g, k as P, c as A, ar as X, o as E, h as Y, A as tt, P as et } from "./exports-21bec2df.mjs";
var ot = (e, o) => e.find((s) => s.id === o);
function I(e, o) {
const s = L(e, o), t = s ? e[s].findIndex((n) => n.id === o) : -1;
return {
position: s,
index: t
};
}
function L(e, o) {
for (const [s, t] of Object.entries(e))
if (ot(t, o))
return s;
}
function nt(e) {
const o = e.includes("right"), s = e.includes("left");
let t = "center";
return o && (t = "flex-end"), s && (t = "flex-start"), {
display: "flex",
flexDirection: "column",
alignItems: t
};
}
function st(e) {
const s = e === "top" || e === "bottom" ? "0 auto" : void 0, t = e.includes("top") ? "env(safe-area-inset-top, 0px)" : void 0, n = e.includes("bottom") ? "env(safe-area-inset-bottom, 0px)" : void 0, r = e.includes("left") ? void 0 : "env(safe-area-inset-right, 0px)", l = e.includes("right") ? void 0 : "env(safe-area-inset-left, 0px)";
return {
position: "fixed",
zIndex: 5500,
pointerEvents: "none",
display: "flex",
flexDirection: "column",
margin: s,
top: t,
bottom: n,
right: r,
left: l
};
}
function rt(e, o) {
const s = J(e);
M(() => {
if (o == null)
return;
let t = null;
return t = window.setTimeout(() => {
s();
}, o), () => {
t && window.clearTimeout(t);
};
}, [o, s]);
}
var it = {
initial: (e) => {
const { position: o } = e, s = ["top", "bottom"].includes(o) ? "y" : "x";
let t = ["top-right", "bottom-right"].includes(o) ? 1 : -1;
return o === "bottom" && (t = 1), {
opacity: 0,
[s]: t * 24
};
},
animate: {
opacity: 1,
y: 0,
x: 0,
scale: 1,
transition: {
duration: 0.4,
ease: [0.4, 0, 0.2, 1]
}
},
exit: {
opacity: 0,
scale: 0.85,
transition: {
duration: 0.2,
ease: [0.4, 0, 1, 1]
}
}
}, R = F((e) => {
const {
id: o,
message: s,
onCloseComplete: t,
onRequestRemove: n,
requestClose: r = !1,
position: l = "bottom",
duration: i = 5e3,
containerStyle: u,
motionVariants: c = it,
toastSpacing: f = "0.5rem"
} = e, [x, v] = K(i), d = G();
k(() => {
d || t == null || t();
}, [d]), k(() => {
v(i);
}, [i]);
const b = () => v(null), C = () => v(i), T = () => {
d && n();
};
M(() => {
d && r && n();
}, [d, r, n]), rt(T, x);
const V = _(
() => ({
pointerEvents: "auto",
maxWidth: 560,
minWidth: 300,
margin: f,
...u
}),
[u, f]
), $ = _(() => nt(l), [l]);
return /* @__PURE__ */ a.jsx(
Q.li,
{
layout: !0,
className: "chakra-toast",
variants: c,
initial: "initial",
animate: "animate",
exit: "exit",
onHoverStart: b,
onHoverEnd: C,
custom: { position: l },
style: $,
children: /* @__PURE__ */ a.jsx(
h.div,
{
role: "status",
"aria-atomic": "true",
className: "chakra-toast__inner",
__css: V,
children: S(s, { id: o, onClose: T })
}
)
}
);
});
R.displayName = "ToastComponent";
function at(e, o) {
var s;
const t = e ?? "bottom", r = {
"top-start": { ltr: "top-left", rtl: "top-right" },
"top-end": { ltr: "top-right", rtl: "top-left" },
"bottom-start": { ltr: "bottom-left", rtl: "bottom-right" },
"bottom-end": { ltr: "bottom-right", rtl: "bottom-left" }
}[t];
return (s = r == null ? void 0 : r[o]) != null ? s : t;
}
var N = {
path: /* @__PURE__ */ a.jsxs("g", { stroke: "currentColor", strokeWidth: "1.5", children: [
/* @__PURE__ */ a.jsx(
"path",
{
strokeLinecap: "round",
fill: "none",
d: "M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"
}
),
/* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
strokeLinecap: "round",
d: "M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"
}
),
/* @__PURE__ */ a.jsx("circle", { fill: "none", strokeMiterlimit: "10", cx: "12", cy: "12", r: "11.25" })
] }),
viewBox: "0 0 24 24"
}, y = p((e, o) => {
const {
as: s,
viewBox: t,
color: n = "currentColor",
focusable: r = !1,
children: l,
className: i,
__css: u,
...c
} = e, f = g("chakra-icon", i), x = P("Icon", e), v = {
w: "1em",
h: "1em",
display: "inline-block",
lineHeight: "1em",
flexShrink: 0,
color: n,
...u,
...x
}, d = {
ref: o,
focusable: r,
className: f,
__css: v
}, b = t ?? N.viewBox;
if (s && typeof s != "string")
return /* @__PURE__ */ a.jsx(h.svg, { as: s, ...d, ...c });
const C = l ?? N.path;
return /* @__PURE__ */ a.jsx(h.svg, { verticalAlign: "middle", viewBox: b, ...d, ...c, children: C });
});
y.displayName = "Icon";
function lt(e) {
return /* @__PURE__ */ a.jsx(y, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
d: "M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
}
) });
}
function ct(e) {
return /* @__PURE__ */ a.jsx(y, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
d: "M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"
}
) });
}
function w(e) {
return /* @__PURE__ */ a.jsx(y, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
d: "M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
}
) });
}
var [ut, dt] = A({
name: "AlertContext",
hookName: "useAlertContext",
providerName: "<Alert />"
}), [mt, j] = A({
name: "AlertStylesContext",
hookName: "useAlertStyles",
providerName: "<Alert />"
}), Z = {
info: { icon: ct, colorScheme: "blue" },
warning: { icon: w, colorScheme: "orange" },
success: { icon: lt, colorScheme: "green" },
error: { icon: w, colorScheme: "red" },
loading: { icon: X, colorScheme: "blue" }
};
function ft(e) {
return Z[e].colorScheme;
}
function ht(e) {
return Z[e].icon;
}
var D = p(
function(o, s) {
const n = {
display: "inline",
...j().description
};
return /* @__PURE__ */ a.jsx(
h.div,
{
ref: s,
...o,
className: g("chakra-alert__desc", o.className),
__css: n
}
);
}
);
D.displayName = "AlertDescription";
function O(e) {
const { status: o } = dt(), s = ht(o), t = j(), n = o === "loading" ? t.spinner : t.icon;
return /* @__PURE__ */ a.jsx(
h.span,
{
display: "inherit",
...e,
className: g("chakra-alert__icon", e.className),
__css: n,
children: e.children || /* @__PURE__ */ a.jsx(s, { h: "100%", w: "100%" })
}
);
}
O.displayName = "AlertIcon";
var q = p(
function(o, s) {
const t = j();
return /* @__PURE__ */ a.jsx(
h.div,
{
ref: s,
...o,
className: g("chakra-alert__title", o.className),
__css: t.title
}
);
}
);
q.displayName = "AlertTitle";
var W = p(function(o, s) {
var t;
const { status: n = "info", addRole: r = !0, ...l } = E(o), i = (t = o.colorScheme) != null ? t : ft(n), u = Y("Alert", { ...o, colorScheme: i }), c = {
width: "100%",
display: "flex",
alignItems: "center",
position: "relative",
overflow: "hidden",
...u.container
};
return /* @__PURE__ */ a.jsx(ut, { value: { status: n }, children: /* @__PURE__ */ a.jsx(mt, { value: u, children: /* @__PURE__ */ a.jsx(
h.div,
{
role: r ? "alert" : void 0,
ref: s,
...l,
className: g("chakra-alert", o.className),
__css: c
}
) }) });
});
W.displayName = "Alert";
function xt(e) {
return /* @__PURE__ */ a.jsx(y, { focusable: "false", "aria-hidden": !0, ...e, children: /* @__PURE__ */ a.jsx(
"path",
{
fill: "currentColor",
d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
}
) });
}
var z = p(
function(o, s) {
const t = P("CloseButton", o), { children: n, isDisabled: r, __css: l, ...i } = E(o), u = {
outline: 0,
display: "flex",
alignItems: "center",
justifyContent: "center",
flexShrink: 0
};
return /* @__PURE__ */ a.jsx(
h.button,
{
type: "button",
"aria-label": "Close",
ref: s,
disabled: r,
__css: {
...u,
...t,
...l
},
...i,
children: n || /* @__PURE__ */ a.jsx(xt, { width: "1em", height: "1em" })
}
);
}
);
z.displayName = "CloseButton";
var vt = {
top: [],
"top-left": [],
"top-right": [],
"bottom-left": [],
bottom: [],
"bottom-right": []
}, m = pt(vt);
function pt(e) {
let o = e;
const s = /* @__PURE__ */ new Set(), t = (n) => {
o = n(o), s.forEach((r) => r());
};
return {
getState: () => o,
subscribe: (n) => (s.add(n), () => {
t(() => e), s.delete(n);
}),
removeToast: (n, r) => {
t((l) => ({
...l,
[r]: l[r].filter((i) => i.id != n)
}));
},
notify: (n, r) => {
const l = gt(n, r), { position: i, id: u } = l;
return t((c) => {
var f, x;
const d = i.includes("top") ? [l, ...(f = c[i]) != null ? f : []] : [...(x = c[i]) != null ? x : [], l];
return {
...c,
[i]: d
};
}), u;
},
update: (n, r) => {
n && t((l) => {
const i = { ...l }, { position: u, index: c } = I(i, n);
return u && c !== -1 && (i[u][c] = {
...i[u][c],
...r,
message: H(r)
}), i;
});
},
closeAll: ({ positions: n } = {}) => {
t((r) => (n ?? [
"bottom",
"bottom-right",
"bottom-left",
"top",
"top-left",
"top-right"
]).reduce(
(u, c) => (u[c] = r[c].map((f) => ({
...f,
requestClose: !0
})), u),
{ ...r }
));
},
close: (n) => {
t((r) => {
const l = L(r, n);
return l ? {
...r,
[l]: r[l].map((i) => i.id == n ? {
...i,
requestClose: !0
} : i)
} : r;
});
},
isActive: (n) => Boolean(I(m.getState(), n).position)
};
}
var B = 0;
function gt(e, o = {}) {
var s, t;
B += 1;
const n = (s = o.id) != null ? s : B, r = (t = o.position) != null ? t : "bottom";
return {
id: n,
message: e,
position: r,
duration: o.duration,
onCloseComplete: o.onCloseComplete,
onRequestRemove: () => m.removeToast(String(n), r),
status: o.status,
requestClose: !1,
containerStyle: o.containerStyle
};
}
var yt = (e) => {
const {
status: o,
variant: s = "solid",
id: t,
title: n,
isClosable: r,
onClose: l,
description: i,
icon: u
} = e, c = t ? {
root: `toast-${t}`,
title: `toast-${t}-title`,
description: `toast-${t}-description`
} : void 0;
return /* @__PURE__ */ a.jsxs(
W,
{
addRole: !1,
status: o,
variant: s,
id: c == null ? void 0 : c.root,
alignItems: "start",
borderRadius: "md",
boxShadow: "lg",
paddingEnd: 8,
textAlign: "start",
width: "auto",
children: [
/* @__PURE__ */ a.jsx(O, { children: u }),
/* @__PURE__ */ a.jsxs(h.div, { flex: "1", maxWidth: "100%", children: [
n && /* @__PURE__ */ a.jsx(q, { id: c == null ? void 0 : c.title, children: n }),
i && /* @__PURE__ */ a.jsx(D, { id: c == null ? void 0 : c.description, display: "block", children: i })
] }),
r && /* @__PURE__ */ a.jsx(
z,
{
size: "sm",
onClick: l,
position: "absolute",
insetEnd: 1,
top: 1
}
)
]
}
);
};
function H(e = {}) {
const { render: o, toastComponent: s = yt } = e;
return (n) => typeof o == "function" ? o({ ...n, ...e }) : /* @__PURE__ */ a.jsx(s, { ...n, ...e });
}
function St(e, o) {
const s = (n) => {
var r;
return {
...o,
...n,
position: at(
(r = n == null ? void 0 : n.position) != null ? r : o == null ? void 0 : o.position,
e
)
};
}, t = (n) => {
const r = s(n), l = H(r);
return m.notify(l, r);
};
return t.update = (n, r) => {
m.update(n, s(r));
}, t.promise = (n, r) => {
const l = t({
...r.loading,
status: "loading",
duration: null
});
n.then(
(i) => t.update(l, {
status: "success",
duration: 5e3,
...S(r.success, i)
})
).catch(
(i) => t.update(l, {
status: "error",
duration: 5e3,
...S(r.error, i)
})
);
}, t.closeAll = m.closeAll, t.close = m.close, t.isActive = m.isActive, t;
}
var [At, jt] = A({
name: "ToastOptionsContext",
strict: !1
}), Tt = (e) => {
const o = U(
m.subscribe,
m.getState,
m.getState
), {
motionVariants: s,
component: t = R,
portalProps: n
} = e, l = Object.keys(o).map((i) => {
const u = o[i];
return /* @__PURE__ */ a.jsx(
"ul",
{
role: "region",
"aria-live": "polite",
id: `chakra-toast-manager-${i}`,
style: st(i),
children: /* @__PURE__ */ a.jsx(tt, { initial: !1, children: u.map((c) => /* @__PURE__ */ a.jsx(
t,
{
motionVariants: s,
...c
},
c.id
)) })
},
i
);
});
return /* @__PURE__ */ a.jsx(et, { ...n, children: l });
};
export {
z as C,
y as I,
At as T,
Tt as a,
St as c,
jt as u
};

File diff suppressed because one or more lines are too long

23
invokeai/frontend/web/dist/index.html vendored Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>InvokeAI - A Stable Diffusion Toolkit</title>
<link rel="shortcut icon" type="icon" href="./assets/favicon-0d253ced.ico" />
<style>
html,
body {
padding: 0;
margin: 0;
}
</style>
<script type="module" crossorigin src="./assets/index-d64f4654.js"></script>
<link rel="stylesheet" href="./assets/index-5483945c.css">
</head>
<body dir="ltr">
<div id="root"></div>
</body>
</html>

View File

@ -1,8 +0,0 @@
import { aE as r, aH as t, eh as n } from "./exports-21bec2df.mjs";
import "react";
import "react-dom";
export {
r as InvokeAiLogoComponent,
t as ThemeChanger,
n as default
};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long