@axel669/zephyr 0.2.0-beta.3 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +33 -33
- package/readme.md +63 -63
- package/src/async/button.md +27 -0
- package/src/async/button.svelte +29 -31
- package/src/async/load-zone.md +42 -0
- package/src/async/load-zone.svelte +22 -20
- package/src/composed/data-table/th.md +21 -0
- package/src/composed/data-table/th.svelte +61 -61
- package/src/composed/data-table.md +86 -85
- package/src/composed/data-table.svelte +199 -149
- package/src/composed/entry-button.md +44 -34
- package/src/composed/entry-button.svelte +31 -31
- package/src/composed/table-functions.js +13 -13
- package/src/composed/toast/message.svelte +56 -56
- package/src/composed/toast.md +45 -36
- package/src/composed/toast.svelte +70 -70
- package/src/control/button.md +41 -41
- package/src/control/button.svelte +27 -27
- package/src/control/input.md +87 -0
- package/src/control/input.svelte +109 -109
- package/src/control/label.md +48 -49
- package/src/control/label.svelte +38 -38
- package/src/control/link.md +50 -50
- package/src/control/link.svelte +32 -30
- package/src/control/radio.md +58 -58
- package/src/control/radio.svelte +28 -28
- package/src/control/select.md +70 -70
- package/src/control/select.svelte +64 -64
- package/src/control/tabs.md +47 -47
- package/src/control/tabs.svelte +43 -41
- package/src/control/toggle.md +61 -61
- package/src/control/toggle.svelte +49 -49
- package/src/data-display/avatar.md +36 -36
- package/src/data-display/avatar.svelte +25 -25
- package/src/data-display/badge.md +30 -30
- package/src/data-display/badge.svelte +14 -14
- package/src/data-display/chip.md +36 -36
- package/src/data-display/chip.svelte +28 -28
- package/src/data-display/details.md +42 -3
- package/src/data-display/details.svelte +25 -25
- package/src/data-display/popover.md +32 -32
- package/src/data-display/popover.svelte +25 -25
- package/src/data-display/progress.md +46 -46
- package/src/data-display/progress.svelte +27 -27
- package/src/data-display/table.md +59 -7
- package/src/data-display/table.svelte +38 -38
- package/src/data-display/tooltip.md +29 -29
- package/src/data-display/tooltip.svelte +17 -17
- package/src/dialogs/alert.md +42 -3
- package/src/dialogs/alert.svelte +34 -34
- package/src/dialogs/confirm.md +56 -3
- package/src/dialogs/confirm.svelte +45 -45
- package/src/functions.md +108 -83
- package/src/handler$.mjs +20 -20
- package/src/hash.js +14 -0
- package/src/index.mjs +53 -52
- package/src/info/icon.md +21 -21
- package/src/info/icon.svelte +9 -9
- package/src/info/notification.md +36 -36
- package/src/info/notification.svelte +16 -16
- package/src/info/titlebar.md +75 -75
- package/src/info/titlebar.svelte +18 -18
- package/src/info/toaster.md +26 -26
- package/src/info/toaster.svelte +14 -14
- package/src/inline-dialog.svelte +23 -23
- package/src/layout/dialog.md +43 -43
- package/src/layout/dialog.svelte +26 -26
- package/src/layout/drawer.md +70 -70
- package/src/layout/drawer.svelte +49 -49
- package/src/layout/flex.md +43 -43
- package/src/layout/flex.svelte +26 -24
- package/src/layout/grid.md +61 -61
- package/src/layout/grid.svelte +30 -28
- package/src/layout/modal.md +50 -50
- package/src/layout/modal.svelte +60 -60
- package/src/layout/paper.md +94 -94
- package/src/layout/paper.svelte +47 -47
- package/src/layout/screen.md +33 -33
- package/src/layout/screen.svelte +34 -34
- package/src/spinner/circle-spinner.svelte +15 -15
- package/src/spinner/hexagon-spinner.svelte +15 -15
- package/src/spinner/spinners.md +22 -3
- package/src/text.md +34 -34
- package/src/text.svelte +22 -22
- package/src/variant.mjs +12 -12
- package/src/wsx.mjs +24 -24
package/src/wsx.mjs
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import ws from "@axel669/windstorm"
|
|
2
|
-
|
|
3
|
-
ws.custom("outline", (o) => ws.prop("outline", o))
|
|
4
|
-
|
|
5
|
-
export default (node, props) => {
|
|
6
|
-
const update = (props) => {
|
|
7
|
-
const { slot = null, ...goodProps } = props ?? {}
|
|
8
|
-
if (goodProps === null || goodProps === undefined) {
|
|
9
|
-
node.setAttribute("ws-x", null)
|
|
10
|
-
return
|
|
11
|
-
}
|
|
12
|
-
node.setAttribute(
|
|
13
|
-
"ws-x",
|
|
14
|
-
ws.x(goodProps)
|
|
15
|
-
)
|
|
16
|
-
if (slot === null) {
|
|
17
|
-
node.removeAttribute("slot")
|
|
18
|
-
return
|
|
19
|
-
}
|
|
20
|
-
node.setAttribute("slot", slot)
|
|
21
|
-
}
|
|
22
|
-
update(props)
|
|
23
|
-
return { update }
|
|
24
|
-
}
|
|
1
|
+
import ws from "@axel669/windstorm"
|
|
2
|
+
|
|
3
|
+
// ws.custom("outline", (o) => ws.prop("outline", o))
|
|
4
|
+
|
|
5
|
+
export default (node, props) => {
|
|
6
|
+
const update = (props) => {
|
|
7
|
+
const { slot = null, ...goodProps } = props ?? {}
|
|
8
|
+
if (goodProps === null || goodProps === undefined) {
|
|
9
|
+
node.setAttribute("ws-x", null)
|
|
10
|
+
return
|
|
11
|
+
}
|
|
12
|
+
node.setAttribute(
|
|
13
|
+
"ws-x",
|
|
14
|
+
ws.x(goodProps)
|
|
15
|
+
)
|
|
16
|
+
if (slot === null) {
|
|
17
|
+
node.removeAttribute("slot")
|
|
18
|
+
return
|
|
19
|
+
}
|
|
20
|
+
node.setAttribute("slot", slot)
|
|
21
|
+
}
|
|
22
|
+
update(props)
|
|
23
|
+
return { update }
|
|
24
|
+
}
|