@functionalcms/svelte-components 3.5.16 → 3.5.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/css/functional.css +1 -1
- package/css/functional.css.map +1 -1
- package/dist/components/Banner.svelte +1 -1
- package/dist/components/Banner.svelte.d.ts +8 -13
- package/dist/components/Link.svelte.d.ts +45 -34
- package/dist/components/Logo.svelte.d.ts +26 -22
- package/dist/components/Markdown.svelte.d.ts +5 -14
- package/dist/components/Spacer.svelte.d.ts +6 -14
- package/dist/components/Well.svelte.d.ts +11 -13
- package/dist/components/agnostic/Button/Button.svelte +333 -332
- package/dist/components/agnostic/Button/Button.svelte.d.ts +50 -39
- package/dist/components/agnostic/Button/ButtonGroup.svelte.d.ts +30 -19
- package/dist/components/agnostic/Close/Close.svelte.d.ts +22 -18
- package/dist/components/agnostic/Disclose/Disclose.svelte.d.ts +10 -13
- package/dist/components/agnostic/Divider/Divider.svelte.d.ts +21 -17
- package/dist/components/agnostic/Loader/Loader.svelte.d.ts +20 -16
- package/dist/components/blog/BlogDescription.svelte.d.ts +21 -17
- package/dist/components/blog/BlogTitle.svelte.d.ts +21 -17
- package/dist/components/form/DateTimePicker.svelte.d.ts +16 -12
- package/dist/components/form/Input.svelte +1 -1
- package/dist/components/form/Input.svelte.d.ts +46 -20
- package/dist/components/form/InputAddonItem.svelte +34 -34
- package/dist/components/form/InputAddonItem.svelte.d.ts +27 -27
- package/dist/components/form/Select.svelte.d.ts +32 -28
- package/dist/components/{agnostic/Switch → form}/Switch.svelte +1 -1
- package/dist/components/form/Switch.svelte.d.ts +30 -0
- package/dist/components/layouts/DefaultLayout.svelte.d.ts +11 -13
- package/dist/components/layouts/Meta.svelte.d.ts +10 -13
- package/dist/components/layouts/SimpleFooter.svelte.d.ts +7 -13
- package/dist/components/layouts/Tracker.svelte.d.ts +5 -13
- package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts +9 -13
- package/dist/components/menu/CollapsibleMenu.svelte.d.ts +27 -23
- package/dist/components/menu/DynamicMenu.svelte.d.ts +27 -23
- package/dist/components/menu/HamburgerMenu.svelte +3 -3
- package/dist/components/menu/HamburgerMenu.svelte.d.ts +25 -21
- package/dist/components/menu/Menu.svelte.d.ts +31 -27
- package/dist/components/menu/MenuItem.svelte.d.ts +37 -25
- package/dist/components/menu/NavigationItems.svelte +9 -4
- package/dist/components/menu/NavigationItems.svelte.d.ts +27 -23
- package/dist/components/presentation/Card.svelte.d.ts +17 -13
- package/dist/components/presentation/Carousel/carousel-content.svelte +35 -0
- package/dist/components/presentation/Carousel/carousel-content.svelte.d.ts +28 -0
- package/dist/components/presentation/Carousel/carousel-item.svelte +25 -0
- package/dist/components/presentation/Carousel/carousel-item.svelte.d.ts +28 -0
- package/dist/components/presentation/Carousel/carousel-next.svelte +39 -0
- package/dist/components/presentation/Carousel/carousel-next.svelte.d.ts +18 -0
- package/dist/components/presentation/Carousel/carousel-previous.svelte +40 -0
- package/dist/components/presentation/Carousel/carousel-previous.svelte.d.ts +18 -0
- package/dist/components/presentation/Carousel/carousel.svelte +99 -0
- package/dist/components/presentation/Carousel/carousel.svelte.d.ts +31 -0
- package/dist/components/presentation/Carousel/context.d.ts +32 -0
- package/dist/components/presentation/Carousel/context.js +12 -0
- package/dist/components/presentation/Carousel.svelte +4 -0
- package/dist/components/presentation/Carousel.svelte.d.ts +18 -0
- package/dist/components/presentation/Carusele.d.ts +1 -1
- package/dist/components/presentation/Carusele.js +1 -1
- package/dist/components/presentation/Gallery.svelte.d.ts +14 -13
- package/dist/components/presentation/ImageCompare.svelte +15 -12
- package/dist/components/presentation/ImageCompare.svelte.d.ts +24 -38
- package/dist/index.d.ts +4 -5
- package/dist/index.js +12 -7
- package/package.json +24 -24
- package/dist/components/agnostic/Alert/Alert.svelte +0 -317
- package/dist/components/agnostic/Alert/Alert.svelte.d.ts +0 -29
- package/dist/components/agnostic/Avatar/Avatar.svelte +0 -127
- package/dist/components/agnostic/Avatar/Avatar.svelte.d.ts +0 -24
- package/dist/components/agnostic/Avatar/AvatarGroup.svelte +0 -106
- package/dist/components/agnostic/Avatar/AvatarGroup.svelte.d.ts +0 -27
- package/dist/components/agnostic/Breadcrumb/Breadcrumb.svelte +0 -65
- package/dist/components/agnostic/Breadcrumb/Breadcrumb.svelte.d.ts +0 -18
- package/dist/components/agnostic/Breadcrumb/api.d.ts +0 -4
- package/dist/components/agnostic/Breadcrumb/api.js +0 -1
- package/dist/components/agnostic/ChoiceInput/ChoiceInput.svelte +0 -365
- package/dist/components/agnostic/ChoiceInput/ChoiceInput.svelte.d.ts +0 -35
- package/dist/components/agnostic/ChoiceInput/api.d.ts +0 -7
- package/dist/components/agnostic/ChoiceInput/api.js +0 -1
- package/dist/components/agnostic/Dialog/Dialog.svelte +0 -278
- package/dist/components/agnostic/Dialog/Dialog.svelte.d.ts +0 -37
- package/dist/components/agnostic/Dialog/SvelteA11yDialog.svelte +0 -128
- package/dist/components/agnostic/Dialog/SvelteA11yDialog.svelte.d.ts +0 -28
- package/dist/components/agnostic/Dialog/a11y-dialog.d.ts +0 -56
- package/dist/components/agnostic/Dialog/a11y-dialog.js +0 -216
- package/dist/components/agnostic/Dialog/dom-utils.d.ts +0 -26
- package/dist/components/agnostic/Dialog/dom-utils.js +0 -206
- package/dist/components/agnostic/Drawer/Drawer.svelte +0 -34
- package/dist/components/agnostic/Drawer/Drawer.svelte.d.ts +0 -26
- package/dist/components/agnostic/Drawer/api.d.ts +0 -1
- package/dist/components/agnostic/Drawer/api.js +0 -1
- package/dist/components/agnostic/EmptyState/EmptyState.svelte +0 -49
- package/dist/components/agnostic/EmptyState/EmptyState.svelte.d.ts +0 -21
- package/dist/components/agnostic/Header/Header.svelte +0 -111
- package/dist/components/agnostic/Header/Header.svelte.d.ts +0 -24
- package/dist/components/agnostic/Header/HeaderNav.svelte +0 -29
- package/dist/components/agnostic/Header/HeaderNav.svelte.d.ts +0 -18
- package/dist/components/agnostic/Header/HeaderNavItem.svelte +0 -31
- package/dist/components/agnostic/Header/HeaderNavItem.svelte.d.ts +0 -18
- package/dist/components/agnostic/Icon/Icon.svelte +0 -188
- package/dist/components/agnostic/Icon/Icon.svelte.d.ts +0 -21
- package/dist/components/agnostic/Icon/api.d.ts +0 -2
- package/dist/components/agnostic/Icon/api.js +0 -1
- package/dist/components/agnostic/Progress/Progress.svelte +0 -51
- package/dist/components/agnostic/Progress/Progress.svelte.d.ts +0 -18
- package/dist/components/agnostic/Spinner/Spinner.svelte +0 -108
- package/dist/components/agnostic/Spinner/Spinner.svelte.d.ts +0 -17
- package/dist/components/agnostic/Switch/Switch.svelte.d.ts +0 -43
- package/dist/components/agnostic/Table/Table.svelte +0 -521
- package/dist/components/agnostic/Table/Table.svelte.d.ts +0 -34
- package/dist/components/agnostic/Table/TableCustomRenderComponent.svelte +0 -13
- package/dist/components/agnostic/Table/TableCustomRenderComponent.svelte.d.ts +0 -23
- package/dist/components/agnostic/Tabs/TabButtonCustom.svelte +0 -77
- package/dist/components/agnostic/Tabs/TabButtonCustom.svelte.d.ts +0 -33
- package/dist/components/agnostic/Tabs/Tabs.svelte +0 -399
- package/dist/components/agnostic/Tabs/Tabs.svelte.d.ts +0 -32
- package/dist/components/agnostic/Tabs/api.d.ts +0 -10
- package/dist/components/agnostic/Tabs/api.js +0 -1
- package/dist/components/agnostic/Tag/Tag.svelte +0 -78
- package/dist/components/agnostic/Tag/Tag.svelte.d.ts +0 -21
- package/dist/components/agnostic/Tag/TagSlots.svelte +0 -52
- package/dist/components/agnostic/Tag/TagSlots.svelte.d.ts +0 -14
- package/dist/components/agnostic/Toasts/Toasts.svelte +0 -56
- package/dist/components/agnostic/Toasts/Toasts.svelte.d.ts +0 -20
- package/dist/components/agnostic/Tooltip/Tooltip.svelte +0 -120
- package/dist/components/agnostic/Tooltip/Tooltip.svelte.d.ts +0 -21
- package/dist/components/agnostic/Tooltip/TooltipSlots.svelte +0 -82
- package/dist/components/agnostic/Tooltip/TooltipSlots.svelte.d.ts +0 -14
- package/dist/components/agnostic/Tooltip/api.d.ts +0 -1
- package/dist/components/agnostic/Tooltip/api.js +0 -1
- package/dist/components/presentation/Carusel.svelte +0 -109
- package/dist/components/presentation/Carusel.svelte.d.ts +0 -56
|
@@ -1,30 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
defaultOptionLabel?: string;
|
|
12
|
-
isDisabled?: boolean;
|
|
13
|
-
isSkinned?: boolean;
|
|
14
|
-
css?: string;
|
|
15
|
-
singleSelected?: string;
|
|
16
|
-
multiSelected?: any[];
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
17
11
|
};
|
|
18
|
-
|
|
19
|
-
selected: CustomEvent<any>;
|
|
20
|
-
} & {
|
|
21
|
-
[evt: string]: CustomEvent<any>;
|
|
22
|
-
};
|
|
23
|
-
slots: {};
|
|
24
|
-
};
|
|
25
|
-
export type SelectProps = typeof __propDef.props;
|
|
26
|
-
export type SelectEvents = typeof __propDef.events;
|
|
27
|
-
export type SelectSlots = typeof __propDef.slots;
|
|
28
|
-
export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
29
13
|
}
|
|
30
|
-
|
|
14
|
+
declare const Select: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
uniqueId?: string;
|
|
16
|
+
name?: string;
|
|
17
|
+
labelCopy?: string;
|
|
18
|
+
options?: any[];
|
|
19
|
+
size?: "small" | "large" | "";
|
|
20
|
+
multipleSize?: number;
|
|
21
|
+
isMultiple?: boolean;
|
|
22
|
+
defaultOptionLabel?: string;
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
isSkinned?: boolean;
|
|
25
|
+
css?: string;
|
|
26
|
+
singleSelected?: string;
|
|
27
|
+
multiSelected?: any[];
|
|
28
|
+
}, {
|
|
29
|
+
selected: CustomEvent<any>;
|
|
30
|
+
} & {
|
|
31
|
+
[evt: string]: CustomEvent<any>;
|
|
32
|
+
}, {}, {}, string>;
|
|
33
|
+
type Select = InstanceType<typeof Select>;
|
|
34
|
+
export default Select;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
11
|
+
};
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
13
|
+
}
|
|
14
|
+
declare const Switch: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
id?: string;
|
|
16
|
+
label?: string;
|
|
17
|
+
css?: string;
|
|
18
|
+
labelPosition?: string;
|
|
19
|
+
size?: string;
|
|
20
|
+
isChecked?: boolean;
|
|
21
|
+
isBordered?: boolean;
|
|
22
|
+
isAction?: boolean;
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
}, {
|
|
25
|
+
change: Event;
|
|
26
|
+
} & {
|
|
27
|
+
[evt: string]: CustomEvent<any>;
|
|
28
|
+
}, {}, {}, string>;
|
|
29
|
+
type Switch = InstanceType<typeof Switch>;
|
|
30
|
+
export default Switch;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
type DefaultLayoutProps_ = typeof __propDef.props;
|
|
10
|
-
export { DefaultLayoutProps_ as DefaultLayoutProps };
|
|
11
|
-
export type DefaultLayoutEvents = typeof __propDef.events;
|
|
12
|
-
export type DefaultLayoutSlots = typeof __propDef.slots;
|
|
13
|
-
export default class DefaultLayout extends SvelteComponentTyped<DefaultLayoutProps_, DefaultLayoutEvents, DefaultLayoutSlots> {
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
interface DefaultLayoutProps {
|
|
3
|
+
headerIsSticky: boolean;
|
|
4
|
+
canonicalUrl: string;
|
|
5
|
+
header?: Snippet;
|
|
6
|
+
footer?: Snippet;
|
|
7
|
+
stickyFooter?: Snippet;
|
|
8
|
+
children: Snippet;
|
|
14
9
|
}
|
|
10
|
+
declare const DefaultLayout: import("svelte").Component<DefaultLayoutProps, {}, "">;
|
|
11
|
+
type DefaultLayout = ReturnType<typeof DefaultLayout>;
|
|
12
|
+
export default DefaultLayout;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
type MetaProps_ = typeof __propDef.props;
|
|
10
|
-
export { MetaProps_ as MetaProps };
|
|
11
|
-
export type MetaEvents = typeof __propDef.events;
|
|
12
|
-
export type MetaSlots = typeof __propDef.slots;
|
|
13
|
-
export default class Meta extends SvelteComponentTyped<MetaProps_, MetaEvents, MetaSlots> {
|
|
1
|
+
interface MetaProps {
|
|
2
|
+
title: string;
|
|
3
|
+
description: string;
|
|
4
|
+
keywords: string;
|
|
5
|
+
robots: string;
|
|
6
|
+
charset: string;
|
|
7
|
+
viewport: string;
|
|
14
8
|
}
|
|
9
|
+
declare const Meta: import("svelte").Component<MetaProps, {}, "">;
|
|
10
|
+
type Meta = ReturnType<typeof Meta>;
|
|
11
|
+
export default Meta;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
[evt: string]: CustomEvent<any>;
|
|
6
|
-
};
|
|
7
|
-
slots: {};
|
|
8
|
-
};
|
|
9
|
-
type SimpleFooterProps_ = typeof __propDef.props;
|
|
10
|
-
export { SimpleFooterProps_ as SimpleFooterProps };
|
|
11
|
-
export type SimpleFooterEvents = typeof __propDef.events;
|
|
12
|
-
export type SimpleFooterSlots = typeof __propDef.slots;
|
|
13
|
-
export default class SimpleFooter extends SvelteComponentTyped<SimpleFooterProps_, SimpleFooterEvents, SimpleFooterSlots> {
|
|
1
|
+
interface SimpleFooterProps {
|
|
2
|
+
companyName: string;
|
|
3
|
+
motto: string;
|
|
4
|
+
logoUrl?: string;
|
|
14
5
|
}
|
|
6
|
+
declare const SimpleFooter: import("svelte").Component<SimpleFooterProps, {}, "">;
|
|
7
|
+
type SimpleFooter = ReturnType<typeof SimpleFooter>;
|
|
8
|
+
export default SimpleFooter;
|
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
props: Record<string, never>;
|
|
4
|
-
events: {
|
|
5
|
-
[evt: string]: CustomEvent<any>;
|
|
6
|
-
};
|
|
7
|
-
slots: {};
|
|
1
|
+
type $$ComponentProps = {
|
|
2
|
+
domain: string;
|
|
8
3
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export
|
|
12
|
-
export default class Tracker extends SvelteComponentTyped<TrackerProps, TrackerEvents, TrackerSlots> {
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
4
|
+
declare const Tracker: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
5
|
+
type Tracker = ReturnType<typeof Tracker>;
|
|
6
|
+
export default Tracker;
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
slots: {};
|
|
8
|
-
};
|
|
9
|
-
export type TwoColumnsLayoutProps = typeof __propDef.props;
|
|
10
|
-
export type TwoColumnsLayoutEvents = typeof __propDef.events;
|
|
11
|
-
export type TwoColumnsLayoutSlots = typeof __propDef.slots;
|
|
12
|
-
export default class TwoColumnsLayout extends SvelteComponentTyped<TwoColumnsLayoutProps, TwoColumnsLayoutEvents, TwoColumnsLayoutSlots> {
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
interface TwoColumnLayoutProps {
|
|
3
|
+
leftRender: Snippet;
|
|
4
|
+
rightRender: Snippet;
|
|
5
|
+
leftCss: string;
|
|
6
|
+
rightCss: string;
|
|
13
7
|
}
|
|
14
|
-
|
|
8
|
+
declare const TwoColumnsLayout: import("svelte").Component<TwoColumnLayoutProps, {}, "">;
|
|
9
|
+
type TwoColumnsLayout = ReturnType<typeof TwoColumnsLayout>;
|
|
10
|
+
export default TwoColumnsLayout;
|
|
@@ -1,27 +1,31 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
1
|
import { Orientation, Placement } from '../Styling.js';
|
|
3
2
|
import { HeaderNavigationItem } from './Menu.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
3
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
5
|
+
$$bindings?: Bindings;
|
|
6
|
+
} & Exports;
|
|
7
|
+
(internal: unknown, props: Props & {
|
|
8
|
+
$$events?: Events;
|
|
9
|
+
$$slots?: Slots;
|
|
10
|
+
}): Exports & {
|
|
11
|
+
$set?: any;
|
|
12
|
+
$on?: any;
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
[evt: string]: CustomEvent<any>;
|
|
17
|
-
};
|
|
18
|
-
slots: {
|
|
19
|
-
handle: {};
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export type CollapsibleMenuProps = typeof __propDef.props;
|
|
23
|
-
export type CollapsibleMenuEvents = typeof __propDef.events;
|
|
24
|
-
export type CollapsibleMenuSlots = typeof __propDef.slots;
|
|
25
|
-
export default class CollapsibleMenu extends SvelteComponentTyped<CollapsibleMenuProps, CollapsibleMenuEvents, CollapsibleMenuSlots> {
|
|
14
|
+
z_$$bindings?: Bindings;
|
|
26
15
|
}
|
|
27
|
-
|
|
16
|
+
declare const CollapsibleMenu: $$__sveltets_2_IsomorphicComponent<{
|
|
17
|
+
css?: {
|
|
18
|
+
buttonCss: string[];
|
|
19
|
+
container: string[];
|
|
20
|
+
link: string[];
|
|
21
|
+
};
|
|
22
|
+
contentPosition?: Placement;
|
|
23
|
+
orientation?: Orientation;
|
|
24
|
+
localPages?: Array<HeaderNavigationItem>;
|
|
25
|
+
}, {
|
|
26
|
+
[evt: string]: CustomEvent<any>;
|
|
27
|
+
}, {
|
|
28
|
+
handle: {};
|
|
29
|
+
}, {}, string>;
|
|
30
|
+
type CollapsibleMenu = InstanceType<typeof CollapsibleMenu>;
|
|
31
|
+
export default CollapsibleMenu;
|
|
@@ -1,27 +1,31 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
1
|
import { HeaderNavigationItem } from './Menu.js';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
|
+
$$bindings?: Bindings;
|
|
5
|
+
} & Exports;
|
|
6
|
+
(internal: unknown, props: Props & {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
9
12
|
};
|
|
10
|
-
|
|
11
|
-
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
declare const DynamicMenu: $$__sveltets_2_IsomorphicComponent<{
|
|
16
|
+
css?: {
|
|
17
|
+
container: string[];
|
|
12
18
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
19
|
+
localPages?: Array<HeaderNavigationItem>;
|
|
20
|
+
}, {
|
|
21
|
+
[evt: string]: CustomEvent<any>;
|
|
22
|
+
}, {
|
|
23
|
+
mobile: {
|
|
24
|
+
pages: any[];
|
|
20
25
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
export {};
|
|
26
|
+
desktop: {
|
|
27
|
+
pages: any[];
|
|
28
|
+
};
|
|
29
|
+
}, {}, string>;
|
|
30
|
+
type DynamicMenu = InstanceType<typeof DynamicMenu>;
|
|
31
|
+
export default DynamicMenu;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { Orientation, Placement } from '../Styling.js';
|
|
5
5
|
import ColumnMenu from './NavigationItems.svelte';
|
|
6
6
|
import { mergedClasses } from '../CssHelper.js';
|
|
7
|
-
import Drawer from '../agnostic/Drawer/Drawer.svelte';
|
|
7
|
+
// import Drawer from '../agnostic/Drawer/Drawer.svelte';
|
|
8
8
|
import Button from '../agnostic/Button/Button.svelte';
|
|
9
9
|
|
|
10
10
|
export let css: { buttonCss: string[]; container: string[]; link: string[] } = defaultCss;
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
>
|
|
34
34
|
☰
|
|
35
35
|
</Button>
|
|
36
|
-
<Drawer
|
|
36
|
+
<!-- <Drawer
|
|
37
37
|
id="hamburger-menu"
|
|
38
38
|
drawerRoot="#drawer-root"
|
|
39
39
|
{placement}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
css={{ container: ['submenu'], link: css.link }}
|
|
49
49
|
/>
|
|
50
50
|
</ColumnMenu>
|
|
51
|
-
</Drawer>
|
|
51
|
+
</Drawer> -->
|
|
52
52
|
|
|
53
53
|
<style>
|
|
54
54
|
:global(#hamburger-menu) {
|
|
@@ -1,25 +1,29 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
1
|
import { HeaderNavigationItem } from './Menu.js';
|
|
3
2
|
import { Placement } from '../Styling.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
3
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
5
|
+
$$bindings?: Bindings;
|
|
6
|
+
} & Exports;
|
|
7
|
+
(internal: unknown, props: Props & {
|
|
8
|
+
$$events?: Events;
|
|
9
|
+
$$slots?: Slots;
|
|
10
|
+
}): Exports & {
|
|
11
|
+
$set?: any;
|
|
12
|
+
$on?: any;
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
[evt: string]: CustomEvent<any>;
|
|
17
|
-
};
|
|
18
|
-
slots: {};
|
|
19
|
-
};
|
|
20
|
-
export type HamburgerMenuProps = typeof __propDef.props;
|
|
21
|
-
export type HamburgerMenuEvents = typeof __propDef.events;
|
|
22
|
-
export type HamburgerMenuSlots = typeof __propDef.slots;
|
|
23
|
-
export default class HamburgerMenu extends SvelteComponentTyped<HamburgerMenuProps, HamburgerMenuEvents, HamburgerMenuSlots> {
|
|
14
|
+
z_$$bindings?: Bindings;
|
|
24
15
|
}
|
|
25
|
-
|
|
16
|
+
declare const HamburgerMenu: $$__sveltets_2_IsomorphicComponent<{
|
|
17
|
+
css?: {
|
|
18
|
+
buttonCss: string[];
|
|
19
|
+
container: string[];
|
|
20
|
+
link: string[];
|
|
21
|
+
};
|
|
22
|
+
noBorder?: boolean;
|
|
23
|
+
placement?: Placement;
|
|
24
|
+
localPages?: Array<HeaderNavigationItem>;
|
|
25
|
+
}, {
|
|
26
|
+
[evt: string]: CustomEvent<any>;
|
|
27
|
+
}, {}, {}, string>;
|
|
28
|
+
type HamburgerMenu = InstanceType<typeof HamburgerMenu>;
|
|
29
|
+
export default HamburgerMenu;
|
|
@@ -1,29 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
isBordered?: boolean;
|
|
12
|
-
isItemsRight?: boolean;
|
|
13
|
-
icon?: string;
|
|
14
|
-
onOpen: any;
|
|
15
|
-
onClose: any;
|
|
16
|
-
closeOnClickOutside?: boolean;
|
|
17
|
-
closeOnSelect?: boolean;
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
18
11
|
};
|
|
19
|
-
|
|
20
|
-
[evt: string]: CustomEvent<any>;
|
|
21
|
-
};
|
|
22
|
-
slots: {};
|
|
23
|
-
};
|
|
24
|
-
export type MenuProps = typeof __propDef.props;
|
|
25
|
-
export type MenuEvents = typeof __propDef.events;
|
|
26
|
-
export type MenuSlots = typeof __propDef.slots;
|
|
27
|
-
export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
28
13
|
}
|
|
29
|
-
|
|
14
|
+
declare const Menu: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
id: any;
|
|
16
|
+
type?: "simple" | "kebab" | "hamburger" | "meatball";
|
|
17
|
+
size?: "small" | "large" | "";
|
|
18
|
+
menuTitle: any;
|
|
19
|
+
menuItems?: any[];
|
|
20
|
+
isDisabled?: boolean;
|
|
21
|
+
isRounded?: boolean;
|
|
22
|
+
isBordered?: boolean;
|
|
23
|
+
isItemsRight?: boolean;
|
|
24
|
+
icon?: string;
|
|
25
|
+
onOpen: any;
|
|
26
|
+
onClose: any;
|
|
27
|
+
closeOnClickOutside?: boolean;
|
|
28
|
+
closeOnSelect?: boolean;
|
|
29
|
+
}, {
|
|
30
|
+
[evt: string]: CustomEvent<any>;
|
|
31
|
+
}, {}, {}, string>;
|
|
32
|
+
type Menu = InstanceType<typeof Menu>;
|
|
33
|
+
export default Menu;
|
|
@@ -1,27 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
9
11
|
};
|
|
10
|
-
|
|
11
|
-
click: MouseEvent;
|
|
12
|
-
keydown: KeyboardEvent;
|
|
13
|
-
} & {
|
|
14
|
-
[evt: string]: CustomEvent<any>;
|
|
15
|
-
};
|
|
16
|
-
slots: {
|
|
17
|
-
default: {};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export type MenuItemProps = typeof __propDef.props;
|
|
21
|
-
export type MenuItemEvents = typeof __propDef.events;
|
|
22
|
-
export type MenuItemSlots = typeof __propDef.slots;
|
|
23
|
-
export default class MenuItem extends SvelteComponentTyped<MenuItemProps, MenuItemEvents, MenuItemSlots> {
|
|
24
|
-
get focus(): () => any;
|
|
25
|
-
get isDisabled(): () => any;
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
26
13
|
}
|
|
27
|
-
|
|
14
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
15
|
+
default: any;
|
|
16
|
+
} ? Props extends Record<string, never> ? any : {
|
|
17
|
+
children?: any;
|
|
18
|
+
} : {});
|
|
19
|
+
declare const MenuItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
isSelected?: boolean;
|
|
22
|
+
classes: any;
|
|
23
|
+
focus?: () => any;
|
|
24
|
+
isDisabled?: () => any;
|
|
25
|
+
}, {
|
|
26
|
+
default: {};
|
|
27
|
+
}>, {
|
|
28
|
+
click: MouseEvent;
|
|
29
|
+
keydown: KeyboardEvent;
|
|
30
|
+
} & {
|
|
31
|
+
[evt: string]: CustomEvent<any>;
|
|
32
|
+
}, {
|
|
33
|
+
default: {};
|
|
34
|
+
}, {
|
|
35
|
+
focus: () => any;
|
|
36
|
+
isDisabled: () => any;
|
|
37
|
+
}, string>;
|
|
38
|
+
type MenuItem = InstanceType<typeof MenuItem>;
|
|
39
|
+
export default MenuItem;
|
|
@@ -4,7 +4,12 @@
|
|
|
4
4
|
import { page } from '$app/state';
|
|
5
5
|
import { mergedClasses } from '../CssHelper.js';
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
interface CssProps {
|
|
8
|
+
container: string[];
|
|
9
|
+
link: string[];
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export let css: CssProps = defaultCss;
|
|
8
13
|
|
|
9
14
|
export let localPages: Array<HeaderNavigationItem> = [];
|
|
10
15
|
|
|
@@ -12,9 +17,9 @@
|
|
|
12
17
|
|
|
13
18
|
export let includeSubpagesForSelect: boolean = true;
|
|
14
19
|
|
|
15
|
-
const cssClasses = { ...defaultCss, ...css };
|
|
16
|
-
const containerCss = mergedClasses('flex', cssClasses.container
|
|
17
|
-
const linkCss = mergedClasses(cssClasses.link);
|
|
20
|
+
const cssClasses: CssProps = { ...defaultCss, ...css };
|
|
21
|
+
const containerCss = mergedClasses('flex', orientation,...cssClasses.container);
|
|
22
|
+
const linkCss = mergedClasses(...cssClasses.link);
|
|
18
23
|
</script>
|
|
19
24
|
|
|
20
25
|
<ul class={containerCss} role="menu" aria-label="menu">
|
|
@@ -1,28 +1,32 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
1
|
import { type HeaderNavigationItem } from './Menu.js';
|
|
3
2
|
import { Orientation } from '../Styling.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
5
|
+
$$bindings?: Bindings;
|
|
6
|
+
} & Exports;
|
|
7
|
+
(internal: unknown, props: Props & {
|
|
8
|
+
$$events?: Events;
|
|
9
|
+
$$slots?: Slots;
|
|
10
|
+
}): Exports & {
|
|
11
|
+
$set?: any;
|
|
12
|
+
$on?: any;
|
|
13
13
|
};
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
z_$$bindings?: Bindings;
|
|
15
|
+
}
|
|
16
|
+
declare const NavigationItems: $$__sveltets_2_IsomorphicComponent<{
|
|
17
|
+
css?: {
|
|
18
|
+
container: string[];
|
|
19
|
+
link: string[];
|
|
16
20
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
+
localPages?: Array<HeaderNavigationItem>;
|
|
22
|
+
orientation?: Orientation;
|
|
23
|
+
includeSubpagesForSelect?: boolean;
|
|
24
|
+
}, {
|
|
25
|
+
[evt: string]: CustomEvent<any>;
|
|
26
|
+
}, {
|
|
27
|
+
subItems: {
|
|
28
|
+
subpages: HeaderNavigationItem[] | undefined;
|
|
21
29
|
};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export
|
|
25
|
-
export type NavigationItemsSlots = typeof __propDef.slots;
|
|
26
|
-
export default class NavigationItems extends SvelteComponentTyped<NavigationItemsProps, NavigationItemsEvents, NavigationItemsSlots> {
|
|
27
|
-
}
|
|
28
|
-
export {};
|
|
30
|
+
}, {}, string>;
|
|
31
|
+
type NavigationItems = InstanceType<typeof NavigationItems>;
|
|
32
|
+
export default NavigationItems;
|