@e280/shiny 0.1.0-21 → 0.1.0-22

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@e280/shiny",
-	"version": "0.1.0-21",
+	"version": "0.1.0-22",
 	"description": "✨ web ui library",
 	"license": "MIT",
 	"type": "module",
@@ -20,19 +20,19 @@
 		"count": "find s -path '*/_archive' -prune -o -name '*.ts' -exec wc -l {} +"
 	},
 	"peerDependencies": {
-		"@e280/sly": "^0.3.7",
-		"lit": "^3.3.2"
+		"@e280/sly": "^0.4.0",
+		"lit": "^3.3.3"
 	},
 	"dependencies": {
-		"@e280/strata": "^0.3.3",
-		"@e280/stz": "^0.2.32",
+		"@e280/strata": "^0.4.0",
+		"@e280/stz": "^0.3.0",
 		"prismjs": "^1.30.0"
 	},
 	"devDependencies": {
-		"@e280/hottie": "^0.1.0",
-		"@e280/octo": "^0.1.0",
-		"@e280/science": "^0.1.10",
-		"@e280/scute": "^0.3.2",
+		"@e280/hottie": "^0.1.1",
+		"@e280/octo": "^0.1.1",
+		"@e280/science": "^0.1.11",
+		"@e280/scute": "^0.3.3",
 		"@types/prismjs": "^1.26.6",
 		"http-server": "^14.1.1",
 		"typescript": "^6.0.3"
@@ -51,5 +51,8 @@
 		"ui library",
 		"lit",
 		"sly"
-	]
+	],
+	"allowScripts": {
+		"esbuild@0.28.1": true
+	}
 }

package/s/views/copy/parts/use-copier.ts

@@ -8,10 +8,10 @@ import {determineBaseStatus} from "./determine-base-status.js"
 export function useCopier(text: string | undefined, ms: number) {
 	const $status = useSignal<CopyStatus>(determineBaseStatus(text))
 
-	const reset = useOnce(() => debounce(ms, () => $status.set(determineBaseStatus(text))))
+	const reset = useOnce(() => debounce(ms, () => $status(determineBaseStatus(text))))
 
 	const flash = useOnce(() => async(status: CopyStatus) => {
-		await $status.set(status)
+		$status(status)
 		await reset()
 	})
 

package/s/views/drawer/control.ts

@@ -5,15 +5,15 @@ export class DrawerControl {
 	$open = signal(false)
 
 	constructor(startOpen = false) {
-		if (startOpen) this.$open.set(true)
+		if (startOpen) this.$open(true)
 	}
 
 	get isOpen() {
-		return this.$open.get()
+		return this.$open()
 	}
 
 	async setOpen(value: boolean) {
-		return this.$open.set(value)
+		return this.$open(value)
 	}
 
 	open = async() => {

package/s/views/tabs/control.ts

@@ -6,7 +6,7 @@ export class TabsControl {
 	$index = signal(0)
 
 	constructor(start = 0) {
-		this.$index.value = start
+		this.$index(start)
 	}
 
 	clamp(index: number) {

package/s/views/tabs/view.ts

@@ -20,14 +20,14 @@ export const ShinyTabs = shadow((options: {
 	const $tabs = useSignal<HTMLElement[]>([])
 	const $panels = useSignal<HTMLElement[]>([])
 
-	async function tabchange(event: Event) {
+	function tabchange(event: Event) {
 		const slot = event.currentTarget! as HTMLSlotElement
-		await $tabs.set(slot.assignedElements() as HTMLElement[])
+		$tabs(slot.assignedElements() as HTMLElement[])
 	}
 
-	async function panelchange(event: Event) {
+	function panelchange(event: Event) {
 		const slot = event.currentTarget! as HTMLSlotElement
-		await $panels.set(slot.assignedElements() as HTMLElement[])
+		$panels(slot.assignedElements() as HTMLElement[])
 	}
 
 	attrs.index = control.$index()