sveltacular 0.0.17 → 0.0.18
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.
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script>import { createEventDispatcher } from "svelte";
|
|
2
|
+
import ListBox from "../list-box/list-box.svelte";
|
|
3
|
+
const dispatch = createEventDispatcher();
|
|
4
|
+
export let value = false;
|
|
5
|
+
export let options = ["Yes", "No"];
|
|
6
|
+
export let size = "md";
|
|
7
|
+
let stringValue = value ? "true" : "false";
|
|
8
|
+
const onChange = () => {
|
|
9
|
+
value = stringValue == "true";
|
|
10
|
+
dispatch("change", value);
|
|
11
|
+
};
|
|
12
|
+
$:
|
|
13
|
+
items = [
|
|
14
|
+
{ value: "true", name: options[0] },
|
|
15
|
+
{ value: "false", name: options[1] }
|
|
16
|
+
];
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<ListBox {items} bind:value={stringValue} {size} on:change={onChange}><slot /></ListBox>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { FormFieldSizeOptions } from '../../index.js';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
value?: boolean | undefined;
|
|
6
|
+
options?: [yes: string, no: string] | undefined;
|
|
7
|
+
size?: FormFieldSizeOptions | undefined;
|
|
8
|
+
};
|
|
9
|
+
events: {
|
|
10
|
+
change: CustomEvent<boolean>;
|
|
11
|
+
} & {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
};
|
|
14
|
+
slots: {
|
|
15
|
+
default: {};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export type BoolBoxProps = typeof __propDef.props;
|
|
19
|
+
export type BoolBoxEvents = typeof __propDef.events;
|
|
20
|
+
export type BoolBoxSlots = typeof __propDef.slots;
|
|
21
|
+
export default class BoolBox extends SvelteComponent<BoolBoxProps, BoolBoxEvents, BoolBoxSlots> {
|
|
22
|
+
}
|
|
23
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export { default as CheckBox } from './forms/check-box/check-box.svelte';
|
|
|
3
3
|
export { default as CheckBoxGroup } from './forms/check-box/check-box-group.svelte';
|
|
4
4
|
export { default as DateBox } from './forms/date-box/date-box.svelte';
|
|
5
5
|
export { default as ListBox } from './forms/list-box/list-box.svelte';
|
|
6
|
+
export { default as BoolBox } from './forms/bool-box/bool-box.svelte';
|
|
6
7
|
export { default as FileBox } from './forms/file-box/file-box.svelte';
|
|
7
8
|
export { default as FileArea } from './forms/file-area/file-area.svelte';
|
|
8
9
|
export { default as NumberBox } from './forms/number-box/number-box.svelte';
|
package/dist/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { default as CheckBox } from './forms/check-box/check-box.svelte';
|
|
|
4
4
|
export { default as CheckBoxGroup } from './forms/check-box/check-box-group.svelte';
|
|
5
5
|
export { default as DateBox } from './forms/date-box/date-box.svelte';
|
|
6
6
|
export { default as ListBox } from './forms/list-box/list-box.svelte';
|
|
7
|
+
export { default as BoolBox } from './forms/bool-box/bool-box.svelte';
|
|
7
8
|
export { default as FileBox } from './forms/file-box/file-box.svelte';
|
|
8
9
|
export { default as FileArea } from './forms/file-area/file-area.svelte';
|
|
9
10
|
export { default as NumberBox } from './forms/number-box/number-box.svelte';
|