@functionalcms/svelte-components 3.5.16 → 3.5.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.
Files changed (129) hide show
  1. package/css/functional.css +1 -1
  2. package/css/functional.css.map +1 -1
  3. package/dist/components/Banner.svelte +1 -1
  4. package/dist/components/Banner.svelte.d.ts +8 -13
  5. package/dist/components/Link.svelte.d.ts +45 -34
  6. package/dist/components/Logo.svelte.d.ts +26 -22
  7. package/dist/components/Markdown.svelte.d.ts +5 -14
  8. package/dist/components/Spacer.svelte.d.ts +6 -14
  9. package/dist/components/Well.svelte.d.ts +11 -13
  10. package/dist/components/agnostic/Button/Button.svelte +333 -332
  11. package/dist/components/agnostic/Button/Button.svelte.d.ts +50 -39
  12. package/dist/components/agnostic/Button/ButtonGroup.svelte.d.ts +30 -19
  13. package/dist/components/agnostic/Close/Close.svelte.d.ts +22 -18
  14. package/dist/components/agnostic/Disclose/Disclose.svelte.d.ts +10 -13
  15. package/dist/components/agnostic/Divider/Divider.svelte.d.ts +21 -17
  16. package/dist/components/agnostic/Loader/Loader.svelte.d.ts +20 -16
  17. package/dist/components/blog/BlogDescription.svelte.d.ts +21 -17
  18. package/dist/components/blog/BlogTitle.svelte.d.ts +21 -17
  19. package/dist/components/form/DateTimePicker.svelte.d.ts +16 -12
  20. package/dist/components/form/Input.svelte +1 -1
  21. package/dist/components/form/Input.svelte.d.ts +46 -20
  22. package/dist/components/form/InputAddonItem.svelte +34 -34
  23. package/dist/components/form/InputAddonItem.svelte.d.ts +27 -27
  24. package/dist/components/form/Select.svelte.d.ts +32 -28
  25. package/dist/components/{agnostic/Switch → form}/Switch.svelte +1 -1
  26. package/dist/components/form/Switch.svelte.d.ts +30 -0
  27. package/dist/components/layouts/DefaultLayout.svelte.d.ts +11 -13
  28. package/dist/components/layouts/Meta.svelte.d.ts +10 -13
  29. package/dist/components/layouts/SimpleFooter.svelte.d.ts +7 -13
  30. package/dist/components/layouts/Tracker.svelte.d.ts +5 -13
  31. package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts +9 -13
  32. package/dist/components/menu/CollapsibleMenu.svelte.d.ts +27 -23
  33. package/dist/components/menu/DynamicMenu.svelte.d.ts +27 -23
  34. package/dist/components/menu/HamburgerMenu.svelte +3 -3
  35. package/dist/components/menu/HamburgerMenu.svelte.d.ts +25 -21
  36. package/dist/components/menu/Menu.svelte.d.ts +31 -27
  37. package/dist/components/menu/MenuItem.svelte.d.ts +37 -25
  38. package/dist/components/menu/NavigationItems.svelte +9 -4
  39. package/dist/components/menu/NavigationItems.svelte.d.ts +27 -23
  40. package/dist/components/presentation/Card.svelte.d.ts +17 -13
  41. package/dist/components/presentation/Carousel/carousel-content.svelte +35 -0
  42. package/dist/components/presentation/Carousel/carousel-content.svelte.d.ts +28 -0
  43. package/dist/components/presentation/Carousel/carousel-item.svelte +25 -0
  44. package/dist/components/presentation/Carousel/carousel-item.svelte.d.ts +28 -0
  45. package/dist/components/presentation/Carousel/carousel-next.svelte +39 -0
  46. package/dist/components/presentation/Carousel/carousel-next.svelte.d.ts +18 -0
  47. package/dist/components/presentation/Carousel/carousel-previous.svelte +40 -0
  48. package/dist/components/presentation/Carousel/carousel-previous.svelte.d.ts +18 -0
  49. package/dist/components/presentation/Carousel/carousel.svelte +99 -0
  50. package/dist/components/presentation/Carousel/carousel.svelte.d.ts +31 -0
  51. package/dist/components/presentation/Carousel/context.d.ts +32 -0
  52. package/dist/components/presentation/Carousel/context.js +12 -0
  53. package/dist/components/presentation/Carousel.svelte +4 -0
  54. package/dist/components/presentation/Carousel.svelte.d.ts +18 -0
  55. package/dist/components/presentation/Carusele.d.ts +1 -1
  56. package/dist/components/presentation/Carusele.js +1 -1
  57. package/dist/components/presentation/Gallery.svelte.d.ts +14 -13
  58. package/dist/components/presentation/ImageCompare.svelte +15 -12
  59. package/dist/components/presentation/ImageCompare.svelte.d.ts +24 -38
  60. package/dist/index.d.ts +4 -4
  61. package/dist/index.js +11 -6
  62. package/package.json +24 -24
  63. package/dist/components/agnostic/Alert/Alert.svelte +0 -317
  64. package/dist/components/agnostic/Alert/Alert.svelte.d.ts +0 -29
  65. package/dist/components/agnostic/Avatar/Avatar.svelte +0 -127
  66. package/dist/components/agnostic/Avatar/Avatar.svelte.d.ts +0 -24
  67. package/dist/components/agnostic/Avatar/AvatarGroup.svelte +0 -106
  68. package/dist/components/agnostic/Avatar/AvatarGroup.svelte.d.ts +0 -27
  69. package/dist/components/agnostic/Breadcrumb/Breadcrumb.svelte +0 -65
  70. package/dist/components/agnostic/Breadcrumb/Breadcrumb.svelte.d.ts +0 -18
  71. package/dist/components/agnostic/Breadcrumb/api.d.ts +0 -4
  72. package/dist/components/agnostic/Breadcrumb/api.js +0 -1
  73. package/dist/components/agnostic/ChoiceInput/ChoiceInput.svelte +0 -365
  74. package/dist/components/agnostic/ChoiceInput/ChoiceInput.svelte.d.ts +0 -35
  75. package/dist/components/agnostic/ChoiceInput/api.d.ts +0 -7
  76. package/dist/components/agnostic/ChoiceInput/api.js +0 -1
  77. package/dist/components/agnostic/Dialog/Dialog.svelte +0 -278
  78. package/dist/components/agnostic/Dialog/Dialog.svelte.d.ts +0 -37
  79. package/dist/components/agnostic/Dialog/SvelteA11yDialog.svelte +0 -128
  80. package/dist/components/agnostic/Dialog/SvelteA11yDialog.svelte.d.ts +0 -28
  81. package/dist/components/agnostic/Dialog/a11y-dialog.d.ts +0 -56
  82. package/dist/components/agnostic/Dialog/a11y-dialog.js +0 -216
  83. package/dist/components/agnostic/Dialog/dom-utils.d.ts +0 -26
  84. package/dist/components/agnostic/Dialog/dom-utils.js +0 -206
  85. package/dist/components/agnostic/Drawer/Drawer.svelte +0 -34
  86. package/dist/components/agnostic/Drawer/Drawer.svelte.d.ts +0 -26
  87. package/dist/components/agnostic/Drawer/api.d.ts +0 -1
  88. package/dist/components/agnostic/Drawer/api.js +0 -1
  89. package/dist/components/agnostic/EmptyState/EmptyState.svelte +0 -49
  90. package/dist/components/agnostic/EmptyState/EmptyState.svelte.d.ts +0 -21
  91. package/dist/components/agnostic/Header/Header.svelte +0 -111
  92. package/dist/components/agnostic/Header/Header.svelte.d.ts +0 -24
  93. package/dist/components/agnostic/Header/HeaderNav.svelte +0 -29
  94. package/dist/components/agnostic/Header/HeaderNav.svelte.d.ts +0 -18
  95. package/dist/components/agnostic/Header/HeaderNavItem.svelte +0 -31
  96. package/dist/components/agnostic/Header/HeaderNavItem.svelte.d.ts +0 -18
  97. package/dist/components/agnostic/Icon/Icon.svelte +0 -188
  98. package/dist/components/agnostic/Icon/Icon.svelte.d.ts +0 -21
  99. package/dist/components/agnostic/Icon/api.d.ts +0 -2
  100. package/dist/components/agnostic/Icon/api.js +0 -1
  101. package/dist/components/agnostic/Progress/Progress.svelte +0 -51
  102. package/dist/components/agnostic/Progress/Progress.svelte.d.ts +0 -18
  103. package/dist/components/agnostic/Spinner/Spinner.svelte +0 -108
  104. package/dist/components/agnostic/Spinner/Spinner.svelte.d.ts +0 -17
  105. package/dist/components/agnostic/Switch/Switch.svelte.d.ts +0 -43
  106. package/dist/components/agnostic/Table/Table.svelte +0 -521
  107. package/dist/components/agnostic/Table/Table.svelte.d.ts +0 -34
  108. package/dist/components/agnostic/Table/TableCustomRenderComponent.svelte +0 -13
  109. package/dist/components/agnostic/Table/TableCustomRenderComponent.svelte.d.ts +0 -23
  110. package/dist/components/agnostic/Tabs/TabButtonCustom.svelte +0 -77
  111. package/dist/components/agnostic/Tabs/TabButtonCustom.svelte.d.ts +0 -33
  112. package/dist/components/agnostic/Tabs/Tabs.svelte +0 -399
  113. package/dist/components/agnostic/Tabs/Tabs.svelte.d.ts +0 -32
  114. package/dist/components/agnostic/Tabs/api.d.ts +0 -10
  115. package/dist/components/agnostic/Tabs/api.js +0 -1
  116. package/dist/components/agnostic/Tag/Tag.svelte +0 -78
  117. package/dist/components/agnostic/Tag/Tag.svelte.d.ts +0 -21
  118. package/dist/components/agnostic/Tag/TagSlots.svelte +0 -52
  119. package/dist/components/agnostic/Tag/TagSlots.svelte.d.ts +0 -14
  120. package/dist/components/agnostic/Toasts/Toasts.svelte +0 -56
  121. package/dist/components/agnostic/Toasts/Toasts.svelte.d.ts +0 -20
  122. package/dist/components/agnostic/Tooltip/Tooltip.svelte +0 -120
  123. package/dist/components/agnostic/Tooltip/Tooltip.svelte.d.ts +0 -21
  124. package/dist/components/agnostic/Tooltip/TooltipSlots.svelte +0 -82
  125. package/dist/components/agnostic/Tooltip/TooltipSlots.svelte.d.ts +0 -14
  126. package/dist/components/agnostic/Tooltip/api.d.ts +0 -1
  127. package/dist/components/agnostic/Tooltip/api.js +0 -1
  128. package/dist/components/presentation/Carusel.svelte +0 -109
  129. package/dist/components/presentation/Carusel.svelte.d.ts +0 -56
@@ -1,30 +1,34 @@
1
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- uniqueId?: string;
5
- name?: string;
6
- labelCopy?: string;
7
- options?: any[];
8
- size?: "small" | "large" | "";
9
- multipleSize?: number;
10
- isMultiple?: boolean;
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
- events: {
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
- export {};
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;
@@ -210,7 +210,7 @@ https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled#:~:text=Th
210
210
 
211
211
  </style>
212
212
 
213
- <script>
213
+ <script lang="ts">
214
214
  export let id = "";
215
215
  export let label = "";
216
216
  export let css = "";
@@ -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 { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: Record<string, never>;
4
- events: {
5
- [evt: string]: CustomEvent<any>;
6
- };
7
- slots: {};
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
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: Record<string, never>;
4
- events: {
5
- [evt: string]: CustomEvent<any>;
6
- };
7
- slots: {};
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
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: Record<string, never>;
4
- events: {
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
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: Record<string, never>;
4
- events: {
5
- [evt: string]: CustomEvent<any>;
6
- };
7
- slots: {};
1
+ type $$ComponentProps = {
2
+ domain: string;
8
3
  };
9
- export type TrackerProps = typeof __propDef.props;
10
- export type TrackerEvents = typeof __propDef.events;
11
- export type TrackerSlots = typeof __propDef.slots;
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 { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: Record<string, never>;
4
- events: {
5
- [evt: string]: CustomEvent<any>;
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
- export {};
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
- declare const __propDef: {
5
- props: {
6
- css?: {
7
- buttonCss: string[];
8
- container: string[];
9
- link: string[];
10
- };
11
- contentPosition?: Placement;
12
- orientation?: Orientation;
13
- localPages?: Array<HeaderNavigationItem>;
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
- events: {
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
- export {};
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
- declare const __propDef: {
4
- props: {
5
- css?: {
6
- container: string[];
7
- };
8
- localPages?: Array<HeaderNavigationItem>;
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
- events: {
11
- [evt: string]: CustomEvent<any>;
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const DynamicMenu: $$__sveltets_2_IsomorphicComponent<{
16
+ css?: {
17
+ container: string[];
12
18
  };
13
- slots: {
14
- mobile: {
15
- pages: any[];
16
- };
17
- desktop: {
18
- pages: any[];
19
- };
19
+ localPages?: Array<HeaderNavigationItem>;
20
+ }, {
21
+ [evt: string]: CustomEvent<any>;
22
+ }, {
23
+ mobile: {
24
+ pages: any[];
20
25
  };
21
- };
22
- export type DynamicMenuProps = typeof __propDef.props;
23
- export type DynamicMenuEvents = typeof __propDef.events;
24
- export type DynamicMenuSlots = typeof __propDef.slots;
25
- export default class DynamicMenu extends SvelteComponentTyped<DynamicMenuProps, DynamicMenuEvents, DynamicMenuSlots> {
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
  &#9776;
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
- declare const __propDef: {
5
- props: {
6
- css?: {
7
- buttonCss: string[];
8
- container: string[];
9
- link: string[];
10
- };
11
- noBorder?: boolean;
12
- placement?: Placement;
13
- localPages?: Array<HeaderNavigationItem>;
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
- events: {
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
- export {};
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
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- id: any;
5
- type?: "simple" | "kebab" | "hamburger" | "meatball";
6
- size?: "small" | "large" | "";
7
- menuTitle: any;
8
- menuItems?: any[];
9
- isDisabled?: boolean;
10
- isRounded?: boolean;
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
- events: {
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
- export {};
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
- import { SvelteComponentTyped } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- disabled?: boolean;
5
- isSelected?: boolean;
6
- classes: any;
7
- focus?: () => any;
8
- isDisabled?: () => 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;
9
11
  };
10
- events: {
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
- export {};
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
- export let css: { container: string[]; link: string[] } = defaultCss;
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, orientation);
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
- declare const __propDef: {
5
- props: {
6
- css?: {
7
- container: string[];
8
- link: string[];
9
- };
10
- localPages?: Array<HeaderNavigationItem>;
11
- orientation?: Orientation;
12
- includeSubpagesForSelect?: boolean;
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
- events: {
15
- [evt: string]: CustomEvent<any>;
14
+ z_$$bindings?: Bindings;
15
+ }
16
+ declare const NavigationItems: $$__sveltets_2_IsomorphicComponent<{
17
+ css?: {
18
+ container: string[];
19
+ link: string[];
16
20
  };
17
- slots: {
18
- subItems: {
19
- subpages: HeaderNavigationItem[] | undefined;
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
- export type NavigationItemsProps = typeof __propDef.props;
24
- export type NavigationItemsEvents = typeof __propDef.events;
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;