sveltacular 0.0.18 → 0.0.19
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/dist/forms/money-box/money-box.svelte +16 -0
- package/dist/forms/money-box/money-box.svelte.d.ts +26 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/navigation/app-bar/app-logo.svelte +22 -10
- package/dist/navigation/app-bar/app-logo.svelte.d.ts +4 -2
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script>import NumberBox from "../number-box/number-box.svelte";
|
|
2
|
+
export let value;
|
|
3
|
+
export let symbol = "$";
|
|
4
|
+
export let allowCents = false;
|
|
5
|
+
export let placeholder = "";
|
|
6
|
+
export let size = "full";
|
|
7
|
+
export let step = 1;
|
|
8
|
+
export let min = 0;
|
|
9
|
+
export let max = 1e6;
|
|
10
|
+
$:
|
|
11
|
+
decimals = allowCents ? 2 : 0;
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<NumberBox bind:value {symbol} {decimals} {placeholder} {size} {min} {max} {step}
|
|
15
|
+
><slot /></NumberBox
|
|
16
|
+
>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { FormFieldSizeOptions } from '../../index.js';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
value: number;
|
|
6
|
+
symbol?: string | undefined;
|
|
7
|
+
allowCents?: boolean | undefined;
|
|
8
|
+
placeholder?: string | undefined;
|
|
9
|
+
size?: FormFieldSizeOptions | undefined;
|
|
10
|
+
step?: number | undefined;
|
|
11
|
+
min?: number | undefined;
|
|
12
|
+
max?: number | undefined;
|
|
13
|
+
};
|
|
14
|
+
events: {
|
|
15
|
+
[evt: string]: CustomEvent<any>;
|
|
16
|
+
};
|
|
17
|
+
slots: {
|
|
18
|
+
default: {};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export type MoneyBoxProps = typeof __propDef.props;
|
|
22
|
+
export type MoneyBoxEvents = typeof __propDef.events;
|
|
23
|
+
export type MoneyBoxSlots = typeof __propDef.slots;
|
|
24
|
+
export default class MoneyBox extends SvelteComponent<MoneyBoxProps, MoneyBoxEvents, MoneyBoxSlots> {
|
|
25
|
+
}
|
|
26
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export { default as BoolBox } from './forms/bool-box/bool-box.svelte';
|
|
|
7
7
|
export { default as FileBox } from './forms/file-box/file-box.svelte';
|
|
8
8
|
export { default as FileArea } from './forms/file-area/file-area.svelte';
|
|
9
9
|
export { default as NumberBox } from './forms/number-box/number-box.svelte';
|
|
10
|
+
export { default as MoneyBox } from './forms/money-box/money-box.svelte';
|
|
10
11
|
export { default as RadioGroup } from './forms/radio-group/radio-group.svelte';
|
|
11
12
|
export { default as TextArea } from './forms/text-area/text-area.svelte';
|
|
12
13
|
export { default as TextBox } from './forms/text-box/text-box.svelte';
|
package/dist/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export { default as BoolBox } from './forms/bool-box/bool-box.svelte';
|
|
|
8
8
|
export { default as FileBox } from './forms/file-box/file-box.svelte';
|
|
9
9
|
export { default as FileArea } from './forms/file-area/file-area.svelte';
|
|
10
10
|
export { default as NumberBox } from './forms/number-box/number-box.svelte';
|
|
11
|
+
export { default as MoneyBox } from './forms/money-box/money-box.svelte';
|
|
11
12
|
export { default as RadioGroup } from './forms/radio-group/radio-group.svelte';
|
|
12
13
|
export { default as TextArea } from './forms/text-area/text-area.svelte';
|
|
13
14
|
export { default as TextBox } from './forms/text-box/text-box.svelte';
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
<script>import Image from "../../images/image.svelte";
|
|
2
|
-
export let src;
|
|
2
|
+
export let src = void 0;
|
|
3
3
|
export let alt;
|
|
4
4
|
export let href;
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<div class="logo">
|
|
8
|
-
|
|
8
|
+
{#if src}
|
|
9
|
+
<Image {src} {alt} {href} align="left" />
|
|
10
|
+
{:else}
|
|
11
|
+
<a {href} title={alt}><slot /></a>
|
|
12
|
+
{/if}
|
|
9
13
|
</div>
|
|
10
14
|
|
|
11
|
-
<style>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
<style>div {
|
|
16
|
+
display: block;
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
21
|
+
div a {
|
|
22
|
+
display: block;
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 100%;
|
|
25
|
+
text-decoration: none;
|
|
26
|
+
color: var(--nav-link-fg, #333);
|
|
27
|
+
}
|
|
28
|
+
div a:hover {
|
|
29
|
+
color: var(--nav-link-hover-fg, #333);
|
|
30
|
+
}</style>
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
2
|
declare const __propDef: {
|
|
3
3
|
props: {
|
|
4
|
-
src
|
|
4
|
+
src?: string | undefined;
|
|
5
5
|
alt: string;
|
|
6
6
|
href: string;
|
|
7
7
|
};
|
|
8
8
|
events: {
|
|
9
9
|
[evt: string]: CustomEvent<any>;
|
|
10
10
|
};
|
|
11
|
-
slots: {
|
|
11
|
+
slots: {
|
|
12
|
+
default: {};
|
|
13
|
+
};
|
|
12
14
|
};
|
|
13
15
|
export type AppLogoProps = typeof __propDef.props;
|
|
14
16
|
export type AppLogoEvents = typeof __propDef.events;
|