@functionalcms/svelte-components 2.34.16 → 2.34.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,59 @@
|
|
|
1
|
+
<!-- <script lang='ts'>
|
|
2
|
+
import { DatePicker } from 'date-picker-svelte';
|
|
3
|
+
|
|
4
|
+
export let label = '';
|
|
5
|
+
export let id = '';
|
|
6
|
+
export let labelCss = '';
|
|
7
|
+
export let isLabelHidden = false;
|
|
8
|
+
export let helpText = '';
|
|
9
|
+
export let invalidText = '';
|
|
10
|
+
export let hasLeftAddon = false;
|
|
11
|
+
export let hasRightAddon = false;
|
|
12
|
+
export let isInvalid = false;
|
|
13
|
+
export let isInline = false;
|
|
14
|
+
export let isRounded = false;
|
|
15
|
+
export let isDisabled = undefined;
|
|
16
|
+
export let css = '';
|
|
17
|
+
export let isSkinned = true;
|
|
18
|
+
export let isUnderlinedWithBackground = false;
|
|
19
|
+
export let isUnderlined = false;
|
|
20
|
+
export let size: 'small' | 'large' | '' = '';
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
export let value?: Date | null = new Date();
|
|
24
|
+
export let timePrecision?: "minute" | "second" | "millisecond" | null;
|
|
25
|
+
export let min?: Date;
|
|
26
|
+
export let max?: Date;
|
|
27
|
+
export let locale?: Locale;
|
|
28
|
+
export let browseWithoutSelecting?: boolean;
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
$: labelClasses = [
|
|
32
|
+
"label",
|
|
33
|
+
isInvalid ? "label-error" : "",
|
|
34
|
+
isInline ? "label-inline" : "",
|
|
35
|
+
size ? `label-${size}` : "",
|
|
36
|
+
isLabelHidden ? "screenreader-only" : "",
|
|
37
|
+
labelCss ? labelCss : "",
|
|
38
|
+
].filter(c => c).join(" ");
|
|
39
|
+
|
|
40
|
+
$: inputClasses = [
|
|
41
|
+
isSkinned ? "input" : "input-base",
|
|
42
|
+
isRounded ? "input-rounded" : "",
|
|
43
|
+
isUnderlined ? "input-underlined" : "",
|
|
44
|
+
hasLeftAddon ? "input-has-left-addon" : "",
|
|
45
|
+
hasRightAddon ? "input-has-right-addon" : "",
|
|
46
|
+
isDisabled ? "disabled" : "",
|
|
47
|
+
isInvalid ? "input-error" : "",
|
|
48
|
+
isInline ? "input-inline" : "",
|
|
49
|
+
isUnderlinedWithBackground ? "input-underlined-bg" : "",
|
|
50
|
+
css ? css : "",
|
|
51
|
+
size ? `input-${size}` : "",
|
|
52
|
+
].filter(c => c).join(" ");
|
|
53
|
+
|
|
54
|
+
</script>
|
|
55
|
+
|
|
56
|
+
<div class="w-100">
|
|
57
|
+
<label class={labelClasses} for={id}>{label}</label>
|
|
58
|
+
<DatePicker />
|
|
59
|
+
</div> -->
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: Record<string, never>;
|
|
4
|
+
events: {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
};
|
|
7
|
+
slots: {};
|
|
8
|
+
exports?: {} | undefined;
|
|
9
|
+
bindings?: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
export type DateTimePickerProps = typeof __propDef.props;
|
|
12
|
+
export type DateTimePickerEvents = typeof __propDef.events;
|
|
13
|
+
export type DateTimePickerSlots = typeof __propDef.slots;
|
|
14
|
+
export default class DateTimePicker extends SvelteComponent<DateTimePickerProps, DateTimePickerEvents, DateTimePickerSlots> {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -4,6 +4,7 @@ import ColumnMenu from "./ColumnMenu.svelte";
|
|
|
4
4
|
import { HeaderNavigationItem } from "./Menu.js";
|
|
5
5
|
export let buttonCss = "";
|
|
6
6
|
export let contentCss = "";
|
|
7
|
+
export let linkCss = "";
|
|
7
8
|
export let contentPosition = Placement.End;
|
|
8
9
|
export let orientation = Orientation.Column;
|
|
9
10
|
export let localPages = [];
|
|
@@ -20,7 +21,7 @@ $: showContentBeforeButton = contentPosition == Placement.Start;
|
|
|
20
21
|
</Button>
|
|
21
22
|
</div>
|
|
22
23
|
{#if showContent && !showContentBeforeButton}
|
|
23
|
-
<ColumnMenu {localPages} {orientation} css={contentCss} />
|
|
24
|
+
<ColumnMenu {localPages} {orientation} css={contentCss} linkCss={linkCss}/>
|
|
24
25
|
{/if}
|
|
25
26
|
|
|
26
27
|
<style>
|