@e280/shiny 0.1.0-4 → 0.1.0-5

package/x/index.html

@@ -128,7 +128,7 @@ body > section {
 }
 
 </style>
-					<script type=module src="demo/demo.bundle.min.js?v=e660a693aefe"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=efa1e1272af5"></script>
 					<link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
 
 		<meta name="theme-color" content="#d068ff">
@@ -145,7 +145,7 @@ body > section {
 
 	<h1>
 		<strong>✨shiny✨</strong>
-		<small>v0.1.0-4</small>
+		<small>v0.1.0-5</small>
 	</h1>
 
 	<section>

package/x/install/basic.bundle.js

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

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

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

package/x/{install.bundle.min.js → install/basic.bundle.min.js}

@@ -175,6 +175,17 @@ ${q}
 		}
 	}
 
+	&[data-side="right"] {
+		[part="tray"] {
+			right: 0;
+			transform: translateX(100%);
+			> button {
+				left: unset;
+				right: 100%;
+			}
+		}
+	}
+
 	slot[name="plate"] {
 		display: block;
 		width: 100%;
@@ -192,19 +203,19 @@ ${q}
 	}
 }
 
-`;var Xe=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>`;var Ye=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l16 0" /><path d="M4 12l16 0" /><path d="M4 18l16 0" /></svg>`;var Wt=class extends v(t=>(e,s={})=>{t.name("shiny-drawer"),t.styles(e.theme,Fe);let o=s.button??!0,i=t.once(()=>s.drawer??new dt);return t.mount(()=>u.events(window,{keydown:n=>{n.code==="Escape"&&i.close()}})),u.attrs(t.element).booleans.open=i.isOpen,x`
-			<div class=shell ?data-open="${i.isOpen}">
-				<slot name=plate ?inert="${i.isOpen}"></slot>
+`;var Xe=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>`;var Ye=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l16 0" /><path d="M4 12l16 0" /><path d="M4 18l16 0" /></svg>`;var Wt=class extends v(t=>(e,s)=>{t.name("shiny-drawer"),t.styles(e.theme,Fe);let o=s.button,i=s.side??"left",n=t.once(()=>s.drawer??new dt);return t.mount(()=>u.events(window,{keydown:c=>{c.code==="Escape"&&n.close()}})),u.attrs(t.element).booleans.open=n.isOpen,x`
+			<div class=shell ?data-open="${n.isOpen}" data-side="${i}">
+				<slot name=plate ?inert="${n.isOpen}"></slot>
 
 				<div class=clipper>
-					<div part=blanket @click="${i.close}" ?inert="${!i.isOpen}"></div>
+					<div part=blanket @click="${n.close}" ?inert="${!n.isOpen}"></div>
 
 					<div part=tray>
-						<slot ?inert="${!i.isOpen}"></slot>
+						<slot ?inert="${!n.isOpen}"></slot>
 
 						${o?x`
-								<button @click="${i.toggle}">
-									${i.isOpen?x`
+								<button @click="${n.toggle}">
+									${n.isOpen?x`
 											<slot name=button-x>
 												${Xe}
 											</slot>
@@ -218,7 +229,7 @@ ${q}
 					</div>
 				</div>
 			</div>
-		`}).component(class extends O{attrs=u.attrs(this).spec({open:Boolean,button:Boolean});drawer=new dt(this.attrs.open);get isOpen(){return this.drawer.isOpen}get toggle(){return this.drawer.toggle}get open(){return this.drawer.open}get close(){return this.drawer.close}}).props(t=>[t.context,{drawer:t.drawer,button:t.attrs.button}]){};var Ze=w`
+		`}).component(class extends O{attrs=u.attrs(this).spec({open:Boolean,button:Boolean,side:String});drawer=new dt(this.attrs.open);get isOpen(){return this.drawer.isOpen}get toggle(){return this.drawer.toggle}get open(){return this.drawer.open}get close(){return this.drawer.close}}).props(t=>[t.context,{drawer:t.drawer,button:t.attrs.button,side:t.attrs.side==="right"?"right":"left"}]){};var Ze=w`
 
 button {
 	padding: 1em;
@@ -264,4 +275,4 @@ lit-html/directive-helpers.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=install.bundle.min.js.map
+//# sourceMappingURL=basic.bundle.min.js.map