@e280/shiny 0.1.0-15 → 0.1.0-17

package/x/{components → views}/tabs/style.css.js

@@ -10,23 +10,23 @@ slot[part="tabs"] {
 	display: flex;
 	flex-wrap: wrap;
 
-	&::slotted([data-active]) {
+	&::slotted([data-tabbed]) {
 		opacity: 1;
 		color: currentColor;
 		text-decoration: underline;
 	}
 }
 
-:host([snug]) slot[part="tabs"] {
+slot[part="tabs"][data-snug] {
 	&::slotted(*) {
-		border-radius: 0.3em;
+		border-radius: var(--rounded);
 	}
 
-	&::slotted(:not([data-last], [data-next-is-active])) {
+	&::slotted(:not([data-last], [data-next-is-tabbed])) {
 		border-right: none;
 	}
 
-	&::slotted([data-active]:not([data-first])) {
+	&::slotted([data-tabbed]:not([data-first])) {
 		border-left: none;
 	}
 

package/x/views/tabs/style.css.js.map

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

package/x/views/tabs/view.d.ts

@@ -0,0 +1,5 @@
+import { TabsControl } from "./control.js";
+export declare const ShinyTabs: import("@e280/sly").ShadowView<[options?: {
+    snug?: boolean;
+    control?: TabsControl;
+} | undefined]>;

package/x/views/tabs/view.js

@@ -0,0 +1,52 @@
+import { html } from "lit";
+import { dom, shadow, useHost, useName, useOnce, useSignal, useStyles } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { TabsControl } from "./control.js";
+import { themeCss } from "../../theme/theme.css.js";
+export const ShinyTabs = shadow((options = {}) => {
+    useName("shiny-tabs");
+    useStyles(themeCss, styleCss);
+    const host = useHost();
+    const attrs = useOnce(() => dom.attrs(host).spec({ index: Number }));
+    const control = useOnce(() => options.control ?? new TabsControl(attrs.index ?? 0));
+    const $tabs = useSignal([]);
+    const $panels = useSignal([]);
+    async function tabchange(event) {
+        const slot = event.currentTarget;
+        await $tabs.set(slot.assignedElements());
+    }
+    async function panelchange(event) {
+        const slot = event.currentTarget;
+        await $panels.set(slot.assignedElements());
+    }
+    attrs.index = control.$index();
+    control.length = $tabs().length;
+    function isNeighborActive(index, delta) {
+        const nextIndex = control.clamp(index + delta);
+        if (nextIndex === index)
+            return false;
+        return (nextIndex === control.index);
+    }
+    for (const [index, tab] of $tabs().entries()) {
+        const tabbed = (index === control.index);
+        const tabAttrs = dom.attrs(tab);
+        tabAttrs.booleans.disabled = tabbed;
+        tabAttrs.booleans["data-snug"] = options.snug;
+        tabAttrs.booleans["data-tabbed"] = tabbed;
+        tabAttrs.booleans["data-first"] = (index === 0);
+        tabAttrs.booleans["data-last"] = (index === (control.length - 1));
+        tabAttrs.booleans["data-next-is-tabbed"] = isNeighborActive(index, 1);
+        tabAttrs.booleans["data-previous-is-tabbed"] = isNeighborActive(index, -1);
+        tab.onclick = () => control.setIndex(index);
+    }
+    for (const [index, panel] of $panels().entries()) {
+        const tabbed = (index === control.index);
+        dom.attrs(panel).booleans["data-tabbed"] = tabbed;
+        dom.attrs(panel).booleans["hidden"] = !tabbed;
+    }
+    return html `
+		<slot part=tabs ?data-snug="${options.snug}" @slotchange="${tabchange}"></slot>
+		<slot part=panels name=panel @slotchange="${panelchange}"></slot>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/views/tabs/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/views/tabs/view.ts"],"names":[],"mappings":"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"}

package/x/components/button/component.d.ts

@@ -1,6 +0,0 @@
-import { Content } from "@e280/sly";
-import { ShinyContext, ShinyElement } from "../framework.js";
-declare const ShinyButton_base: import("@e280/sly").ComponentClass<typeof ShinyElement, [context: ShinyContext, content?: Content]>;
-export declare class ShinyButton extends ShinyButton_base {
-}
-export {};

package/x/components/button/component.js

@@ -1,25 +0,0 @@
-import { html } from "lit";
-import { view } from "@e280/sly";
-import styleCss from "./style.css.js";
-import { foundationCss } from "../foundation.css.js";
-import { ShinyElement } from "../framework.js";
-export class ShinyButton extends (view(use => (context, content) => {
-    use.name("shiny-button");
-    use.styles(foundationCss, context.theme, styleCss);
-    const attrs = use.attrs.spec({
-        disabled: Boolean,
-        hidden: Boolean,
-    });
-    return html `
-			<button
-				part=button
-				?disabled="${attrs.disabled}"
-				?hidden="${attrs.hidden}">
-					<slot>${content}</slot>
-			</button>
-		`;
-})
-    .component(ShinyElement)
-    .props(el => [el.context])) {
-}
-//# sourceMappingURL=component.js.map

package/x/components/button/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/components/button/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAe,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAE1D,MAAM,OAAO,WAAY,SAAQ,CAChC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAAqB,EAAE,OAAiB,EAAE,EAAE;IACxD,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IACxB,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAElD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QAC5B,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,OAAO;KACf,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;;;iBAGI,KAAK,CAAC,QAAQ;eAChB,KAAK,CAAC,MAAM;aACd,OAAO;;GAEjB,CAAA;AACF,CAAC,CAAC;KACD,SAAS,CAAC,YAAY,CAAC;KACvB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAU,CAAC,CACnC;CAAG"}

package/x/components/button/showcase.d.ts

@@ -1 +0,0 @@
-export declare const buttonShowcase: () => import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass>;

package/x/components/button/showcase.js

@@ -1,116 +0,0 @@
-import { css, html } from "lit";
-import { Showcase } from "../../demo/views/showcase/view.js";
-const cssSnippet = `
-	[view="shiny-button"] {
-		--padding: 0.3em;
-		font-size: 1em;
-		color: currentColor;
-		background: transparent;
-	}
-`;
-export const buttonShowcase = () => Showcase({
-    name: "button",
-    style: css `
-		.box {
-			> * { font-size: 1.5em; }
-		}
-	`,
-    exhibits: [
-        {
-            label: "basic",
-            explain: html `<p>clicky-clacky pressy button.</p>`,
-            snippets: [
-                { label: "html", code: `<shiny-button>button</shiny-button>` },
-                { label: "view", code: `ShinyButton("button")` },
-                { label: "css", code: cssSnippet },
-            ],
-            style: css ``,
-            presentation: views => html `
-				${views.ShinyButton.props().children("button").render()}
-			`,
-        },
-        {
-            label: "gradient",
-            explain: html `<p>added <code>gradient</code> attribute.</p>`,
-            snippets: [
-                { label: "html", code: `<shiny-button gradient>button</shiny-button>` },
-                { label: "view", code: `
-					ShinyButton
-						.props("button")
-						.attr("gradient")
-						.render()
-				` },
-                { label: "css", code: cssSnippet },
-            ],
-            style: css ``,
-            presentation: views => html `
-				${views.ShinyButton.props().attr("gradient").children("button").render()}
-			`,
-        },
-        {
-            label: "catalog",
-            explain: html `<p>clicky-clacky pressy buttons.</p>`,
-            snippets: [
-                { label: "html", code: `
-					<shiny-button calm gradient>calm</shiny-button>
-					<shiny-button angry gradient>angry</shiny-button>
-					<shiny-button happy gradient>happy</shiny-button>
-					<shiny-button zesty gradient>zesty</shiny-button>
-					<shiny-button sad gradient>sad</shiny-button>
-					<shiny-button quirky gradient>quirky</shiny-button>
-					<shiny-button plain gradient>plain</shiny-button>
-				` },
-                { label: "view", code: `
-					[
-						ShinyButton.props().attr("calm").attr("gradient").children("calm").render(),
-						ShinyButton.props().attr("angry").attr("gradient").children("angry").render(),
-						ShinyButton.props().attr("happy").attr("gradient").children("happy").render(),
-						ShinyButton.props().attr("zesty").attr("gradient").children("zesty").render(),
-						ShinyButton.props().attr("sad").attr("gradient").children("sad").render(),
-						ShinyButton.props().attr("quirky").attr("gradient").children("quirky").render(),
-						ShinyButton.props().attr("plain").children("plain").render(),
-					]
-				` },
-                { label: "css", code: cssSnippet },
-            ],
-            style: css ``,
-            presentation: views => [
-                views.ShinyButton.props()
-                    .attr("calm")
-                    .attr("gradient")
-                    .children("calm")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("angry")
-                    .attr("gradient")
-                    .children("angry")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("happy")
-                    .attr("gradient")
-                    .children("happy")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("zesty")
-                    .attr("gradient")
-                    .children("zesty")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("sad")
-                    .attr("gradient")
-                    .children("sad")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("quirky")
-                    .attr("gradient")
-                    .children("quirky")
-                    .render(),
-                views.ShinyButton.props()
-                    .attr("plain")
-                    .children("plain")
-                    .render(),
-            ],
-        },
-    ],
-});
-//# sourceMappingURL=showcase.js.map

package/x/components/button/showcase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../s/components/button/showcase.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,UAAU,GAAG;;;;;;;CAOlB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC;IAC5C,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,GAAG,CAAA;;;;EAIT;IACD,QAAQ,EAAE;QACT;YACC,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,IAAI,CAAA,qCAAqC;YAClD,QAAQ,EAAE;gBACT,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qCAAqC,EAAC;gBAC5D,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAC;gBAC9C,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAC;aAChC;YACD,KAAK,EAAE,GAAG,CAAA,EAAE;YACZ,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;MACxB,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE;IACvD;SACD;QACD;YACC,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,IAAI,CAAA,+CAA+C;YAC5D,QAAQ,EAAE;gBACT,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,8CAA8C,EAAC;gBACrE,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;KAKrB,EAAC;gBACF,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAC;aAChC;YACD,KAAK,EAAE,GAAG,CAAA,EAAE;YACZ,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;MACxB,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE;IACxE;SACD;QACD;YACC,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,IAAI,CAAA,sCAAsC;YACnD,QAAQ,EAAE;gBACT,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;;KAQrB,EAAC;gBACF,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;;;;KAUrB,EAAC;gBACF,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAC;aAChC;YACD,KAAK,EAAE,GAAG,CAAA,EAAE;YACZ,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;gBACtB,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,MAAM,CAAC;qBACZ,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,MAAM,CAAC;qBAChB,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,OAAO,CAAC;qBACb,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,OAAO,CAAC;qBACjB,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,OAAO,CAAC;qBACb,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,OAAO,CAAC;qBACjB,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,OAAO,CAAC;qBACb,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,OAAO,CAAC;qBACjB,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,KAAK,CAAC;qBACX,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,KAAK,CAAC;qBACf,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,QAAQ,CAAC;qBACd,IAAI,CAAC,UAAU,CAAC;qBAChB,QAAQ,CAAC,QAAQ,CAAC;qBAClB,MAAM,EAAE;gBACV,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE;qBACvB,IAAI,CAAC,OAAO,CAAC;qBACb,QAAQ,CAAC,OAAO,CAAC;qBACjB,MAAM,EAAE;aACV;SACD;KACD;CACD,CAAC,CAAA"}

package/x/components/button/style.css.js

@@ -1,62 +0,0 @@
-import { css } from "lit";
-export default css `@layer view {
-
-:host {
-	opacity: 0.8;
-	display: inline-flex;
-	width: max-content;
-	height: max-content;
-
-	--padding: 0.3em;
-	border-radius: 0.2em;
-	border: 0.1em solid currentColor;
-
-	cursor: pointer;
-	background: transparent;
-	user-select: none;
-}
-
-:host(:not([disabled]):is(:hover, :focus-visible)) { opacity: 1; }
-:host(:not([disabled]):active) { opacity: 0.6; }
-
-:host([disabled]) {
-	cursor: default;
-	color: var(--lame);
-}
-
-:host([hidden]) {
-	display: none !important;
-}
-
-:host([lame]) { color: var(--lame); }
-:host([angry]) { color: var(--angry); }
-:host([zesty]) { color: var(--zesty); }
-:host([happy]) { color: var(--happy); }
-:host([calm]) { color: var(--calm); }
-:host([sad]) { color: var(--sad); }
-:host([quirky]) { color: var(--quirky); }
-
-button {
-	background: transparent;
-	border: none;
-
-	font: inherit;
-	color: inherit;
-	cursor: inherit;
-	text-shadow: inherit;
-
-	display: inline-flex;
-	justify-content: center;
-	align-items: center;
-
-	width: 100%;
-	height: 100%;
-	padding: var(--padding);
-}
-
-slot {
-	display: contents;
-}
-
-}`;
-//# sourceMappingURL=style.css.js.map

package/x/components/button/style.css.js.map

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