@e280/shiny 0.1.0-15 → 0.1.0-17

package/x/demo/lipsum.d.ts

@@ -1,2 +0,0 @@
-export declare const lipsumDispenser: import("@e280/stz").Dispenser<string>;
-export declare const lipsum: () => string;

package/x/demo/lipsum.js

@@ -1,4 +0,0 @@
-import { makeLipsumDispenser } from "./utils/lipsum.js";
-export const lipsumDispenser = makeLipsumDispenser();
-export const lipsum = () => lipsumDispenser.takeFirst();
-//# sourceMappingURL=lipsum.js.map

package/x/demo/lipsum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lipsum.js","sourceRoot":"","sources":["../../s/demo/lipsum.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,EAAE,CAAA;AACpD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAA"}

package/x/demo/views/exhibit/style.css.d.ts

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

package/x/demo/views/exhibit/style.css.js

@@ -1,84 +0,0 @@
-import { css } from "lit";
-export default css `@layer view {
-
-:host {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0.5em;
-
-	> * {
-		flex: 1 1 10em;
-		min-width: 0;
-	}
-}
-
-.meta {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	gap: 1em;
-}
-
-.snippet {
-	flex: 1 0 auto;
-	display: flex;
-	flex-direction: column;
-	gap: 0.5em;
-	padding: 0.5em;
-	max-height: 20em;
-
-	background: #0002;
-	box-shadow: inset 0.2em 0.3em 2em #0004;
-	border-radius: 0.5em;
-
-	> header {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-
-		[view="shiny-copy"] { font-size: 1.5em; }
-		[view="shiny-tabs"] {
-			flex: 1 1 auto;
-			font-size: 0.8em;
-			color: color-mix(in oklab, transparent, currentColor 50%);
-		}
-	}
-
-	> code {
-		flex: 1 1 auto;
-		display: block;
-
-		white-space: pre;
-		text-wrap: wrap;
-		tab-size: 2;
-		word-break: keep-all;
-		overflow: auto;
-
-		color: var(--code);
-		font-size: 0.8em;
-		font-family: monospace;
-	}
-}
-
-.box {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	align-items: center;
-	align-content: center;
-
-	gap: 0.5em;
-	padding: 1em;
-
-	border-radius: 0.5rem;
-	border: 1px dashed color-mix(in oklab, transparent, currentColor 30%);
-
-	p.lipsum {
-		opacity: 0.7;
-		font-family: serif;
-		font-style: italic;
-	}
-}
-
-}`;
-//# sourceMappingURL=style.css.js.map

package/x/demo/views/exhibit/style.css.js.map

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

package/x/demo/views/exhibit/view.d.ts

@@ -1,29 +0,0 @@
-import { Content } from "@e280/sly";
-import { CSSResultGroup } from "lit";
-import { ShinyViews } from "../../../shiny.js";
-import { TabControl } from "../../../components/tabs/control.js";
-export type ExhibitParams = {
-    label: string;
-    explain: Content;
-    snippets: {
-        label: string;
-        code: string;
-    }[];
-    style: CSSResultGroup;
-    presentation: (views: ShinyViews) => Content;
-};
-export declare const Exhibit: import("@e280/sly").View<[exhibit: ExhibitParams, views: {
-    ShinyButton: import("@e280/sly").View<[content?: Content]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, content?: Content]>;
-    ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, text: string | undefined, ms?: any]>;
-    ShinyDrawer: import("@e280/sly").View<[options: {
-        button?: boolean;
-        side?: "left" | "right";
-        control?: import("../../../index.js").DrawerControl;
-    }]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, options: {
-        button?: boolean;
-        side?: "left" | "right";
-        control?: import("../../../index.js").DrawerControl;
-    }]>;
-    ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start?: any]>;
-    ShinyTabs: import("@e280/sly").View<[controlOption?: TabControl | undefined]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, controlOption?: TabControl | undefined]>;
-}, showcaseStyle: CSSResultGroup]>;

package/x/demo/views/exhibit/view.js

@@ -1,40 +0,0 @@
-import { untab } from "@e280/stz";
-import { view } from "@e280/sly";
-import { html } from "lit";
-import styleCss from "./style.css.js";
-import { auraViews } from "../../viewsets.js";
-import { TabControl } from "../../../components/tabs/control.js";
-import { foundationCss } from "../../../components/foundation.css.js";
-export const Exhibit = view(use => (exhibit, views, showcaseStyle) => {
-    use.name(`exhibit-${exhibit.label}`);
-    use.styles(foundationCss, styleCss, showcaseStyle, exhibit.style);
-    const snippetControl = use.once(() => new TabControl());
-    const snippet = exhibit.snippets.at(snippetControl.index);
-    const code = snippet ? untab(snippet.code).trim() : "";
-    return html `
-		<div class=meta>
-			${exhibit.explain}
-
-			<div class=snippet>
-				<header>
-					${auraViews.ShinyTabs
-        .props(snippetControl)
-        .attr("snug")
-        .children(exhibit.snippets.map(s => auraViews.ShinyButton
-        .props()
-        .attr("plain")
-        .children(s.label)
-        .render()))
-        .render()}
-					${auraViews.ShinyCopy(code)}
-				</header>
-				<code>${code}</code>
-			</div>
-		</div>
-
-		<div class=box>
-			${exhibit.presentation(views)}
-		</div>
-	`;
-});
-//# sourceMappingURL=view.js.map

package/x/demo/views/exhibit/view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,cAAc,CAAC;SACrB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/viewsets.d.ts

@@ -1,17 +0,0 @@
-import { ShinyViews } from "../shiny.js";
-export declare const auraViews: {
-    ShinyButton: import("@e280/sly").View<[content?: import("@e280/sly").Content]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, content?: import("@e280/sly").Content]>;
-    ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, text: string | undefined, ms?: any]>;
-    ShinyDrawer: import("@e280/sly").View<[options: {
-        button?: boolean;
-        side?: "left" | "right";
-        control?: import("../index.js").DrawerControl;
-    }]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, options: {
-        button?: boolean;
-        side?: "left" | "right";
-        control?: import("../index.js").DrawerControl;
-    }]>;
-    ShinyExample: import("@e280/sly").View<[start?: any]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start?: any]>;
-    ShinyTabs: import("@e280/sly").View<[controlOption?: import("../index.js").TabControl | undefined]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, controlOption?: import("../index.js").TabControl | undefined]>;
-};
-export declare const viewsets: [label: string, ShinyViews][];

package/x/demo/viewsets.js

@@ -1,9 +0,0 @@
-import { aura } from "../themes/aura.css.js";
-import { plain } from "../themes/plain.css.js";
-import { shiny } from "../shiny.js";
-export const auraViews = shiny({ theme: aura }).views;
-export const viewsets = [
-    ["aura", auraViews],
-    ["plain", shiny({ theme: plain }).views],
-];
-//# sourceMappingURL=viewsets.js.map

package/x/demo/viewsets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewsets.js","sourceRoot":"","sources":["../../s/demo/viewsets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAa,MAAM,aAAa,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,KAAK,CAAA;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAkC;IACtD,CAAC,MAAM,EAAE,SAAS,CAAC;IACnB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC,KAAK,CAAC;CACtC,CAAA"}

package/x/install/aura.bundle.js

@@ -1,5 +0,0 @@
-import { dom } from "@e280/sly";
-import { shiny } from "../shiny.js";
-import { aura } from "../themes/aura.css.js";
-dom.register(shiny({ theme: aura }).components);
-//# sourceMappingURL=aura.bundle.js.map

package/x/install/aura.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aura.bundle.js","sourceRoot":"","sources":["../../s/install/aura.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAA;AAE1C,GAAG,CAAC,QAAQ,CACX,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,UAAU,CAC/B,CAAA"}