@benev/web 0.1.0-10

package/x/bconfig.js

@@ -0,0 +1,8 @@
+export const bconfig = {
+    anim: 300,
+    zones: {
+        games: { path: "/" },
+        devlog: { path: "/d/" },
+    },
+};
+//# sourceMappingURL=bconfig.js.map

package/x/bconfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bconfig.js","sourceRoot":"","sources":["../s/bconfig.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAC;QAClB,MAAM,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC;KACrB;CACD,CAAA"}

package/x/css/benev.csstext.d.ts

@@ -0,0 +1 @@
+export declare const benevCssText: string;

package/x/css/benev.csstext.js

@@ -0,0 +1,39 @@
+import { templateString as css } from "@e280/stz";
+import varsCsstext from "./parts/vars.csstext.js";
+import coreCsstext from "./parts/core.csstext.js";
+import pageCsstext from "./parts/page.csstext.js";
+import commonCsstext from "./parts/common.csstext.js";
+export const benevCssText = css `
+
+@layer
+	benev.vars,
+	benev.core,
+	benev.common,
+	benev.page;
+
+@layer benev.vars {
+	[benev], :host {
+		${varsCsstext}
+	}
+}
+
+@layer benev.core {
+	[benev], :host {
+		${coreCsstext}
+	}
+}
+
+@layer benev.common {
+	[benev], :host {
+		${commonCsstext}
+	}
+}
+
+@layer benev.page {
+	[benev], :host {
+		${pageCsstext}
+	}
+}
+
+`;
+//# sourceMappingURL=benev.csstext.js.map

package/x/css/benev.csstext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"benev.csstext.js","sourceRoot":"","sources":["../../s/css/benev.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,aAAa,MAAM,2BAA2B,CAAA;AAErD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;IAU3B,WAAW;;;;;;IAMX,WAAW;;;;;;IAMX,aAAa;;;;;;IAMb,WAAW;;;;CAId,CAAA"}

package/x/css/demo.css

@@ -0,0 +1,19 @@
+
+@layer demo {
+	benev-header {
+		z-index: 2;
+		position: absolute;
+		inset: 0 0 auto;
+	}
+
+	benev-loader {
+		position: absolute;
+		inset: 0;
+	}
+
+	main {
+		padding: var(--benev-pad);
+		padding-top: var(--benev-headroom);
+	}
+}
+

package/x/css/parts/common.csstext.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/x/css/parts/common.csstext.js

@@ -0,0 +1,209 @@
+import { templateString as css } from "@e280/stz";
+export default css `
+
+button, [benev-button] {
+	font: inherit;
+	text-decoration: none;
+
+	display: inline-flex;
+	align-items: center;
+	flex-wrap: wrap;
+	padding: var(--benev-pad) var(--benev-space);
+
+	font-weight: bold;
+	text-transform: uppercase;
+	color: var(--benev-prime);
+	background: oklch(from var(--benev-bg) l c h / 50%);
+	backdrop-filter: var(--benev-blur);
+	box-shadow: var(--benev-box-shadow);
+	border: var(--benev-thick) solid currentColor;
+	border-radius: var(--benev-round);
+
+	&[disabled] {
+		opacity: 0.3;
+	}
+
+	&:not([disabled]) {
+		cursor: pointer;
+		transform: scale(100%);
+		transition: all var(--benev-anim) ease;
+		&:hover, &:focus-visible { transform: scale(105%); filter: brightness(120%); }
+		&:active { transform: scale(100%); filter: brightness(100%); }
+	}
+
+	&[benev-button="naked"] {
+		color: inherit;
+		background: transparent;
+		backdrop-filter: none;
+		box-shadow: none;
+		padding: 0;
+		border-radius: 0;
+		border: none;
+		text-transform: unset;
+		font-weight: inherit;
+		text-transform: inherit;
+	}
+
+	&[benev-button="juicy"] {
+		opacity: 1;
+		color: black;
+		border: var(--benev-thick) solid var(--benev-prime);
+		background: linear-gradient(
+			to bottom,
+			oklch(from var(--benev-prime) calc(l * 1.5) c h),
+			oklch(from var(--benev-prime) l calc(c * 1.5) h)
+		);
+		&:is(:hover, :focus-visible) {
+			box-shadow: 0 0 2em color-mix(in oklch, transparent, var(--benev-prime));
+		}
+	}
+}
+
+[benev-slice] {
+	width: 100%;
+	max-width: var(--benev-site-width);
+	margin-left: auto;
+	margin-right: auto;
+}
+
+benev-menu:not(:defined) {
+	display: none;
+}
+
+benev-header {
+	display: flex;
+	justify-content: end;
+	align-items: center;
+	width: 100%;
+	max-width: var(--benev-site-width);
+	margin: 0 auto;
+
+	&:not(:defined) {
+		padding: var(--benev-pad);
+		gap: var(--benev-space);
+
+		&::before {
+			content: "";
+			display: inline-block;
+			margin-right: auto;
+			width: var(--benev-b-size);
+			height: var(--benev-b-size);
+		}
+	}
+
+	a {
+		position: relative;
+		color: var(--benev-prime);
+		font-size: 1em;
+
+		&[data-active] {
+			text-shadow: 0 0 0.5em currentColor;
+
+			&::after {
+				content: "•";
+				display: block;
+				position: absolute;
+				top: 100%;
+				left: 0;
+				right: 0;
+				line-height: 0;
+				text-align: center;
+				text-shadow:
+					0 0 0.5em currentColor,
+					0 0 0.5em currentColor;
+			}
+		}
+	}
+}
+
+benev-footer {
+	width: 100%;
+	max-width: var(--benev-site-width);
+	margin-left: auto;
+	margin-right: auto;
+
+	display: flex;
+	gap: var(--benev-space);
+	justify-content: end;
+	padding: var(--benev-space);
+	--benev-link: #fffa;
+}
+
+[benev-prose] {
+	display: flex;
+	flex-direction: column;
+	gap: var(--benev-pad);
+
+	h1 {
+		font-size: 2.5em;
+		color: var(--benev-intense);
+		a { color: inherit; }
+	}
+
+	h2 {
+		font-size: 1.5em;
+		color: var(--benev-prime);
+	}
+
+	h3, h4, h5, h6 {
+		color: var(--benev-prime);
+	}
+
+	h1, h2, h3, h4, h5, h6 {
+		margin-top: var(--benev-space);
+	}
+
+	p {
+		max-width: var(--benev-copy-width);
+	}
+
+	p:has(> img) {
+		max-width: 100%;
+	}
+
+	ul, ol {
+		padding-left: 1.5em;
+	}
+
+	img {
+		max-width: 100%;
+		background: #0004;
+		border-radius: var(--benev-round);
+		box-shadow: var(--benev-box-shadow);
+	}
+
+	blockquote {
+		color: oklch(from currentColor l 0 h / 50%);
+		padding-left: var(--benev-pad);
+		margin-left: var(--benev-pad);
+		font-style: italic;
+		border-left: var(--benev-thick) solid currentColor;
+	}
+
+	hr {
+		border: none;
+		display: block;
+		height: var(--benev-thick);
+		background: oklch(from var(--benev-text) l c h / 25%);
+		margin: var(--benev-space) 0;
+	}
+
+	code {
+		font-size: 0.8em;
+
+		display: block;
+		width: 100%;
+		overflow: auto;
+
+		padding: var(--benev-space);
+		color: var(--benev-code);
+		background: var(--benev-backdrop);
+		border-radius: var(--benev-round);
+		border: var(--benev-border);
+		border-color: oklch(from var(--benev-code) l c h / 33%);
+		box-shadow: var(--benev-box-shadow);
+	}
+}
+
+`;
+//# sourceMappingURL=common.csstext.js.map

package/x/css/parts/common.csstext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/common.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MjB,CAAA"}

package/x/css/parts/core.csstext.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/x/css/parts/core.csstext.js

@@ -0,0 +1,55 @@
+import { templateString as css } from "@e280/stz";
+export default css `
+
+&, *, ::before, ::after {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	scrollbar-width: thin;
+}
+
+:focus-visible {
+	outline: var(--benev-focus);
+	outline-offset: 0.2em;
+}
+
+::selection {
+	color: var(--benev-select-color);
+	background: var(--benev-select-bg);
+}
+
+a {
+	color: var(--benev-link);
+	text-decoration: none;
+
+	&:visited {
+		color: var(--benev-link);
+	}
+
+	&:hover, &:focus-visible {
+		color: color-mix(in srgb, var(--benev-link), white 15%);
+		text-decoration: underline;
+	}
+
+	&:active {
+		color: color-mix(in srgb, var(--benev-link), white 50%);
+	}
+
+	&[benev-cardlink] {
+		color: inherit;
+
+		&:hover, &:focus-visible {
+			color: inherit;
+			text-decoration: none;
+			filter: brightness(110%);
+		}
+
+		&:active {
+			color: inherit;
+			filter: brightness(95%);
+		}
+	}
+}
+
+`;
+//# sourceMappingURL=core.csstext.js.map

package/x/css/parts/core.csstext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/core.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDjB,CAAA"}

package/x/css/parts/page.csstext.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/x/css/parts/page.csstext.js

@@ -0,0 +1,23 @@
+import { templateString as css } from "@e280/stz";
+export default css `
+
+color-scheme: dark;
+
+&:is(html) {
+	font-family: sans-serif;
+	font-size: var(--benev-font-size);
+
+	scrollbar-gutter: stable;
+	scrollbar-width: thin;
+
+	color: var(--benev-text);
+	background: var(--benev-bg);
+	text-shadow: var(--benev-text-shadow);
+}
+
+body {
+	min-height: 100dvh;
+}
+
+`;
+//# sourceMappingURL=page.csstext.js.map

package/x/css/parts/page.csstext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/page.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAA"}

package/x/css/parts/vars.csstext.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/x/css/parts/vars.csstext.js

@@ -0,0 +1,39 @@
+import { templateString as css } from "@e280/stz";
+import { bconfig } from "../../bconfig.js";
+export default css `
+
+--benev-font-size: 18px;
+--benev-site-width: 62em;
+--benev-copy-width: 70ch;
+--benev-headroom: 2.5em;
+
+--benev-bg: #111;
+--benev-prime: #ebb935;
+--benev-tray: #453e2ca8;
+--benev-text: color-mix(in oklch, var(--benev-prime), #fffc 90%);
+--benev-intense: white;
+--benev-focus: 2px solid cyan;
+--benev-link: aqua;
+--benev-b-size: 1.5em;
+--benev-code: #0f0;
+
+--benev-select-bg: #f60;
+--benev-select-color: #ff8;
+
+--benev-line: #ebb93588;
+--benev-thin: 1px;
+--benev-thick: 3px;
+--benev-border: var(--benev-thin) solid color-mix(in oklch, transparent, var(--benev-line) 50%);
+
+--benev-pad: 0.5em;
+--benev-space: 1em;
+--benev-anim: ${bconfig.anim}ms;
+--benev-round: 0.5em;
+--benev-blur: blur(1em);
+--benev-backdrop: #0008;
+
+--benev-box-shadow: 0 0.5em 2em #0008;
+--benev-text-shadow: 0.04em 0.08em 0.1em #0008;
+
+`;
+//# sourceMappingURL=vars.csstext.js.map

package/x/css/parts/vars.csstext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.csstext.js","sourceRoot":"","sources":["../../../s/css/parts/vars.csstext.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,IAAI,GAAG,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AACxC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2BF,OAAO,CAAC,IAAI;;;;;;;;CAQ3B,CAAA"}

package/x/css/theme.css.d.ts

@@ -0,0 +1 @@
+export declare const themeCss: CSSStyleSheet[];

package/x/css/theme.css.js

@@ -0,0 +1,7 @@
+import { benevCssText } from "./benev.csstext.js";
+export const themeCss = [benevCssText].map(text => {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(text);
+    return sheet;
+});
+//# sourceMappingURL=theme.css.js.map

package/x/css/theme.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.js","sourceRoot":"","sources":["../../s/css/theme.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;IACjD,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAA;IACjC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IACvB,OAAO,KAAK,CAAA;AACb,CAAC,CAAC,CAAA"}

package/x/dom/account/account.d.ts

@@ -0,0 +1,5 @@
+import { Auth } from "@e280/authlocal";
+export declare class Account {
+    auth: Auth;
+    constructor(auth: Auth);
+}

package/x/dom/account/account.js

@@ -0,0 +1,7 @@
+export class Account {
+    auth;
+    constructor(auth) {
+        this.auth = auth;
+    }
+}
+//# sourceMappingURL=account.js.map

package/x/dom/account/account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account.js","sourceRoot":"","sources":["../../../s/dom/account/account.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,OAAO;IACA,IAAI;IAAvB,YAAmB,IAAU;oBAAV,IAAI;IAAS,CAAC;CACjC"}

package/x/dom/account/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/dom/account/style.css.js

@@ -0,0 +1,5 @@
+import { css } from "lit";
+export default css `@layer benev.view {
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/account/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/account/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;EAEhB,CAAA"}

package/x/dom/account/view.d.ts

@@ -0,0 +1,2 @@
+import { Account } from "./account.js";
+export declare const makeBenevAccount: (_account: Account) => new () => HTMLElement;

package/x/dom/account/view.js

@@ -0,0 +1,11 @@
+import { html } from "lit";
+import { shadowElement, useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { themeCss } from "../../css/theme.css.js";
+export const makeBenevAccount = (_account) => shadowElement(() => {
+    useCss(themeCss, styleCss);
+    return html `
+		<benev-auth>sign in</benev-auth>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/dom/account/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/account/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAG/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;EAEV,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/footer/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/dom/footer/style.css.js

@@ -0,0 +1,5 @@
+import { css } from "lit";
+export default css `@layer benev.view {
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/footer/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/footer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;EAEhB,CAAA"}

package/x/dom/footer/view.d.ts

@@ -0,0 +1 @@
+export declare const FooterView: import("@e280/sly").ShadowView<[]>, makeBenevFooter: () => new () => HTMLElement;

package/x/dom/footer/view.js

@@ -0,0 +1,10 @@
+import { html } from "lit";
+import { useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { themeCss } from "../../css/theme.css.js";
+import { shadowDuplex } from "../tools/shadow-duplex.js";
+export const [FooterView, makeBenevFooter] = shadowDuplex("benev-footer", () => {
+    useCss(themeCss, styleCss);
+    return html `<slot></slot>`;
+});
+//# sourceMappingURL=view.js.map

package/x/dom/footer/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/footer/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,cAAc,EAAE,GAAG,EAAE;IAC9E,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1B,OAAO,IAAI,CAAA,eAAe,CAAA;AAC3B,CAAC,CAAC,CAAA"}

package/x/dom/header/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/dom/header/style.css.js

@@ -0,0 +1,39 @@
+import { css } from "lit";
+export default css `@layer benev.view {
+
+:host {
+	width: 100%;
+	pointer-events: none;
+}
+
+nav > *, ::slotted(*) {
+	pointer-events: all;
+}
+
+nav {
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: end;
+	align-items: center;
+	gap: var(--benev-space);
+	padding: var(--benev-pad);
+}
+
+button {
+	display: block;
+	margin-right: auto;
+
+	img {
+		display: block;
+		width: var(--benev-b-size);
+		height: var(--benev-b-size);
+	}
+}
+
+slot {
+	display: contents;
+}
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/header/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/dom/header/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoChB,CAAA"}

package/x/dom/header/view.d.ts

@@ -0,0 +1,2 @@
+import { Shell } from "../../vitals/shell.js";
+export declare const HeaderView: import("@e280/sly").ShadowView<[shell: Shell]>, makeBenevHeader: (shell: Shell) => new () => HTMLElement;

package/x/dom/header/view.js

@@ -0,0 +1,19 @@
+import { html } from "lit";
+import { useCss } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { bDataPng } from "../../assets/b.png.js";
+import { themeCss } from "../../css/theme.css.js";
+import { shadowDuplex } from "../tools/shadow-duplex.js";
+export const [HeaderView, makeBenevHeader] = shadowDuplex("benev-header", (shell) => {
+    useCss(themeCss, styleCss);
+    const click = () => shell.toggle();
+    return html `
+		<nav part=nav ?data-opened=${shell.open} ?data-closed=${!shell.open}>
+			<button benev-button=naked title="b menu" @click=${click}>
+				<img part=img src="${bDataPng}" alt=""/>
+			</button>
+			<slot></slot>
+		</nav>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/dom/header/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/dom/header/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE;IAC1F,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IAElC,OAAO,IAAI,CAAA;+BACmB,KAAK,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI;sDACf,KAAK;yBAClC,QAAQ;;;;EAI/B,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/loader/loader.d.ts

@@ -0,0 +1,10 @@
+import { Content } from "@e280/sly";
+export declare class Loader {
+    #private;
+    element: HTMLElement;
+    anim: number;
+    original: HTMLTemplateElement;
+    constructor(element: HTMLElement, anim?: number);
+    reset(getLoading: () => Content): Promise<void>;
+    load(getLoading: () => Content, getContent: () => Promise<Content>): Promise<void>;
+}