@likable-hair/svelte 3.3.24 → 3.3.26

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 (200) hide show
  1. package/dist/components/composed/buttons/ActivableButton.svelte +2 -6
  2. package/dist/components/composed/buttons/ActivableButton.svelte.d.ts +32 -36
  3. package/dist/components/composed/common/MenuOrDrawer.svelte +5 -21
  4. package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts +36 -50
  5. package/dist/components/composed/common/MenuOrDrawerOptions.svelte +13 -29
  6. package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts +30 -34
  7. package/dist/components/composed/common/QuickActions.svelte +20 -52
  8. package/dist/components/composed/common/QuickActions.svelte.d.ts +20 -24
  9. package/dist/components/composed/common/ToolTip.svelte +22 -31
  10. package/dist/components/composed/common/ToolTip.svelte.d.ts +43 -32
  11. package/dist/components/composed/forms/AsyncAutocomplete.svelte +23 -44
  12. package/dist/components/composed/forms/AsyncAutocomplete.svelte.d.ts +39 -44
  13. package/dist/components/composed/forms/AvatarDropdown.svelte +27 -57
  14. package/dist/components/composed/forms/AvatarDropdown.svelte.d.ts +41 -45
  15. package/dist/components/composed/forms/ConfirmOrCancelButtons.svelte +21 -43
  16. package/dist/components/composed/forms/ConfirmOrCancelButtons.svelte.d.ts +37 -41
  17. package/dist/components/composed/forms/CountriesAutocomplete.svelte +7 -16
  18. package/dist/components/composed/forms/CountriesAutocomplete.svelte.d.ts +60 -31
  19. package/dist/components/composed/forms/DatePickerTextField.svelte +114 -166
  20. package/dist/components/composed/forms/DatePickerTextField.svelte.d.ts +63 -67
  21. package/dist/components/composed/forms/Dropdown.svelte +21 -51
  22. package/dist/components/composed/forms/Dropdown.svelte.d.ts +43 -48
  23. package/dist/components/composed/forms/IconsDropdown.svelte +33 -61
  24. package/dist/components/composed/forms/IconsDropdown.svelte.d.ts +26 -30
  25. package/dist/components/composed/forms/LabelAndSelect.svelte +7 -32
  26. package/dist/components/composed/forms/LabelAndSelect.svelte.d.ts +31 -35
  27. package/dist/components/composed/forms/LabelAndTextField.svelte +5 -30
  28. package/dist/components/composed/forms/LabelAndTextField.svelte.d.ts +42 -46
  29. package/dist/components/composed/forms/ToggleList.svelte +33 -59
  30. package/dist/components/composed/forms/ToggleList.svelte.d.ts +17 -21
  31. package/dist/components/composed/forms/YearPickerTextField.svelte +74 -114
  32. package/dist/components/composed/forms/YearPickerTextField.svelte.d.ts +49 -53
  33. package/dist/components/composed/list/DynamicTable.svelte +836 -1227
  34. package/dist/components/composed/list/DynamicTable.svelte.d.ts +365 -369
  35. package/dist/components/composed/list/PaginatedTable.svelte +76 -139
  36. package/dist/components/composed/list/PaginatedTable.svelte.d.ts +108 -108
  37. package/dist/components/composed/progress/HorizontalStackedProgress.svelte +30 -58
  38. package/dist/components/composed/progress/HorizontalStackedProgress.svelte.d.ts +21 -25
  39. package/dist/components/composed/search/DynamicFilters.svelte +149 -159
  40. package/dist/components/composed/search/DynamicFilters.svelte.d.ts +27 -31
  41. package/dist/components/composed/search/FilterEditor.svelte +78 -106
  42. package/dist/components/composed/search/FilterEditor.svelte.d.ts +33 -37
  43. package/dist/components/composed/search/Filters.css +2 -1
  44. package/dist/components/composed/search/Filters.svelte +300 -362
  45. package/dist/components/composed/search/Filters.svelte.d.ts +52 -55
  46. package/dist/components/composed/search/GlobalSearchTextField.svelte +41 -79
  47. package/dist/components/composed/search/GlobalSearchTextField.svelte.d.ts +39 -43
  48. package/dist/components/composed/search/MobileFilterEditor.svelte +93 -135
  49. package/dist/components/composed/search/MobileFilterEditor.svelte.d.ts +35 -39
  50. package/dist/components/composed/search/SearchBar.svelte +5 -28
  51. package/dist/components/composed/search/SearchBar.svelte.d.ts +30 -34
  52. package/dist/components/composed/search/SearchResults.svelte +7 -42
  53. package/dist/components/composed/search/SearchResults.svelte.d.ts +36 -40
  54. package/dist/components/composed/shop/ProductCard.svelte +4 -18
  55. package/dist/components/composed/shop/ProductCard.svelte.d.ts +28 -32
  56. package/dist/components/composed/shop/ProductsGrid.svelte +2 -22
  57. package/dist/components/composed/shop/ProductsGrid.svelte.d.ts +40 -44
  58. package/dist/components/layouts/CollapsibleSideBarLayout.css +6 -9
  59. package/dist/components/layouts/CollapsibleSideBarLayout.svelte +67 -140
  60. package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts +54 -110
  61. package/dist/components/layouts/StableDividedSideBarLayout.svelte +17 -47
  62. package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts +32 -50
  63. package/dist/components/layouts/UnstableDividedSideBarLayout.svelte +30 -53
  64. package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts +63 -103
  65. package/dist/components/simple/buttons/Button.svelte +32 -78
  66. package/dist/components/simple/buttons/Button.svelte.d.ts +35 -47
  67. package/dist/components/simple/buttons/LinkButton.svelte +22 -54
  68. package/dist/components/simple/buttons/LinkButton.svelte.d.ts +33 -50
  69. package/dist/components/simple/charts/GanymedeBarChart.svelte +134 -172
  70. package/dist/components/simple/charts/GanymedeBarChart.svelte.d.ts +46 -50
  71. package/dist/components/simple/charts/GanymedeLineChart.svelte +115 -157
  72. package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts +47 -51
  73. package/dist/components/simple/charts/GanymedePieChart.svelte +39 -62
  74. package/dist/components/simple/charts/GanymedePieChart.svelte.d.ts +33 -37
  75. package/dist/components/simple/common/Card.svelte +1 -20
  76. package/dist/components/simple/common/Card.svelte.d.ts +38 -51
  77. package/dist/components/simple/common/CollapsibleDivider.svelte +11 -23
  78. package/dist/components/simple/common/CollapsibleDivider.svelte.d.ts +25 -29
  79. package/dist/components/simple/common/Divider.svelte +2 -8
  80. package/dist/components/simple/common/Divider.svelte.d.ts +19 -23
  81. package/dist/components/simple/common/Gesture.svelte +46 -64
  82. package/dist/components/simple/common/Gesture.svelte.d.ts +17 -21
  83. package/dist/components/simple/common/InfiniteScroll.svelte +29 -52
  84. package/dist/components/simple/common/InfiniteScroll.svelte.d.ts +20 -24
  85. package/dist/components/simple/common/IntersectionObserver.svelte +32 -45
  86. package/dist/components/simple/common/IntersectionObserver.svelte.d.ts +21 -34
  87. package/dist/components/simple/common/MediaQuery.svelte +21 -30
  88. package/dist/components/simple/common/MediaQuery.svelte.d.ts +30 -34
  89. package/dist/components/simple/common/Menu.svelte +201 -290
  90. package/dist/components/simple/common/Menu.svelte.d.ts +40 -51
  91. package/dist/components/simple/common/Playground.svelte +17 -18
  92. package/dist/components/simple/common/Playground.svelte.d.ts +15 -19
  93. package/dist/components/simple/common/VerticalDraggableList.svelte +16 -35
  94. package/dist/components/simple/common/VerticalDraggableList.svelte.d.ts +29 -33
  95. package/dist/components/simple/common/materialDesign.css +1 -1
  96. package/dist/components/simple/dashboards/DashboardGridShaper.svelte +26 -32
  97. package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts +12 -16
  98. package/dist/components/simple/dates/Calendar.svelte +28 -52
  99. package/dist/components/simple/dates/Calendar.svelte.d.ts +41 -45
  100. package/dist/components/simple/dates/DatePicker.svelte +60 -90
  101. package/dist/components/simple/dates/DatePicker.svelte.d.ts +40 -44
  102. package/dist/components/simple/dates/MonthSelector.svelte +15 -37
  103. package/dist/components/simple/dates/MonthSelector.svelte.d.ts +31 -35
  104. package/dist/components/simple/dates/TimePicker.svelte +31 -45
  105. package/dist/components/simple/dates/TimePicker.svelte.d.ts +20 -24
  106. package/dist/components/simple/dates/TimePickerTextField.svelte +35 -56
  107. package/dist/components/simple/dates/TimePickerTextField.svelte.d.ts +24 -28
  108. package/dist/components/simple/dates/YearSelector.svelte +29 -54
  109. package/dist/components/simple/dates/YearSelector.svelte.d.ts +31 -35
  110. package/dist/components/simple/dialogs/Dialog.svelte +62 -92
  111. package/dist/components/simple/dialogs/Dialog.svelte.d.ts +28 -42
  112. package/dist/components/simple/forms/Autocomplete.svelte +142 -201
  113. package/dist/components/simple/forms/Autocomplete.svelte.d.ts +79 -83
  114. package/dist/components/simple/forms/Checkbox.svelte +27 -41
  115. package/dist/components/simple/forms/Checkbox.svelte.d.ts +21 -25
  116. package/dist/components/simple/forms/FileInput.svelte +48 -88
  117. package/dist/components/simple/forms/FileInput.svelte.d.ts +33 -37
  118. package/dist/components/simple/forms/FileInputList.svelte +242 -110
  119. package/dist/components/simple/forms/FileInputList.svelte.d.ts +36 -43
  120. package/dist/components/simple/forms/RadioButton.svelte +3 -11
  121. package/dist/components/simple/forms/RadioButton.svelte.d.ts +27 -31
  122. package/dist/components/simple/forms/Select.svelte +3 -16
  123. package/dist/components/simple/forms/Select.svelte.d.ts +20 -24
  124. package/dist/components/simple/forms/SimpleTextField.svelte +6 -53
  125. package/dist/components/simple/forms/SimpleTextField.svelte.d.ts +60 -64
  126. package/dist/components/simple/forms/Switch.svelte +16 -30
  127. package/dist/components/simple/forms/Switch.svelte.d.ts +21 -25
  128. package/dist/components/simple/forms/Textarea.svelte +2 -27
  129. package/dist/components/simple/forms/Textarea.svelte.d.ts +37 -41
  130. package/dist/components/simple/forms/Textfield.svelte +18 -56
  131. package/dist/components/simple/forms/Textfield.svelte.d.ts +51 -55
  132. package/dist/components/simple/forms/TreeEditor.svelte +95 -141
  133. package/dist/components/simple/forms/TreeEditor.svelte.d.ts +38 -42
  134. package/dist/components/simple/forms/TreeEditorItem.svelte +42 -77
  135. package/dist/components/simple/forms/TreeEditorItem.svelte.d.ts +50 -54
  136. package/dist/components/simple/forms/VerticalSwitch.svelte +1 -11
  137. package/dist/components/simple/forms/VerticalSwitch.svelte.d.ts +28 -32
  138. package/dist/components/simple/forms/VerticalTextSwitch.svelte +3 -15
  139. package/dist/components/simple/forms/VerticalTextSwitch.svelte.d.ts +26 -30
  140. package/dist/components/simple/lists/ColorInvertedSelector.svelte +23 -53
  141. package/dist/components/simple/lists/ColorInvertedSelector.svelte.d.ts +42 -46
  142. package/dist/components/simple/lists/HierarchyMenu.svelte +19 -38
  143. package/dist/components/simple/lists/HierarchyMenu.svelte.d.ts +30 -34
  144. package/dist/components/simple/lists/Paginator.svelte +41 -50
  145. package/dist/components/simple/lists/Paginator.svelte.d.ts +19 -23
  146. package/dist/components/simple/lists/SelectableMenuList.svelte +15 -43
  147. package/dist/components/simple/lists/SelectableMenuList.svelte.d.ts +20 -24
  148. package/dist/components/simple/lists/SelectableVerticalList.svelte +57 -99
  149. package/dist/components/simple/lists/SelectableVerticalList.svelte.d.ts +47 -51
  150. package/dist/components/simple/lists/SidebarMenuList.svelte +71 -116
  151. package/dist/components/simple/lists/SidebarMenuList.svelte.d.ts +22 -26
  152. package/dist/components/simple/lists/SimpleTable.svelte +154 -264
  153. package/dist/components/simple/lists/SimpleTable.svelte.d.ts +66 -70
  154. package/dist/components/simple/loaders/CircularLoader.svelte +5 -16
  155. package/dist/components/simple/loaders/CircularLoader.svelte.d.ts +15 -19
  156. package/dist/components/simple/loaders/Skeleton.svelte +2 -3
  157. package/dist/components/simple/loaders/Skeleton.svelte.d.ts +12 -16
  158. package/dist/components/simple/media/AttachmentDownloader.svelte +3 -17
  159. package/dist/components/simple/media/AttachmentDownloader.svelte.d.ts +28 -32
  160. package/dist/components/simple/media/Avatar.svelte +12 -18
  161. package/dist/components/simple/media/Avatar.svelte.d.ts +20 -31
  162. package/dist/components/simple/media/Carousel.svelte +11 -29
  163. package/dist/components/simple/media/Carousel.svelte.d.ts +24 -28
  164. package/dist/components/simple/media/DescriptiveAvatar.svelte +4 -12
  165. package/dist/components/simple/media/DescriptiveAvatar.svelte.d.ts +28 -44
  166. package/dist/components/simple/media/FlagIcon.svelte +5 -8
  167. package/dist/components/simple/media/FlagIcon.svelte.d.ts +15 -19
  168. package/dist/components/simple/media/Gallery.svelte +29 -49
  169. package/dist/components/simple/media/Gallery.svelte.d.ts +23 -27
  170. package/dist/components/simple/media/Icon.svelte +4 -9
  171. package/dist/components/simple/media/Icon.svelte.d.ts +20 -24
  172. package/dist/components/simple/media/Image.svelte +20 -42
  173. package/dist/components/simple/media/Image.svelte.d.ts +33 -44
  174. package/dist/components/simple/media/ImageGrid.svelte +12 -37
  175. package/dist/components/simple/media/ImageGrid.svelte.d.ts +28 -32
  176. package/dist/components/simple/navigation/Breadcrumb.svelte +10 -28
  177. package/dist/components/simple/navigation/Breadcrumb.svelte.d.ts +22 -26
  178. package/dist/components/simple/navigation/Chip.svelte +23 -44
  179. package/dist/components/simple/navigation/Chip.svelte.d.ts +31 -42
  180. package/dist/components/simple/navigation/Drawer.svelte +65 -107
  181. package/dist/components/simple/navigation/Drawer.svelte.d.ts +37 -50
  182. package/dist/components/simple/navigation/HeaderMenu.svelte +23 -40
  183. package/dist/components/simple/navigation/HeaderMenu.svelte.d.ts +35 -39
  184. package/dist/components/simple/navigation/Navigator.svelte +8 -30
  185. package/dist/components/simple/navigation/Navigator.svelte.d.ts +24 -28
  186. package/dist/components/simple/navigation/TabSwitcher.svelte +47 -83
  187. package/dist/components/simple/navigation/TabSwitcher.svelte.d.ts +34 -38
  188. package/dist/components/simple/notifiers/AlertBanner.svelte +15 -43
  189. package/dist/components/simple/notifiers/AlertBanner.svelte.d.ts +37 -41
  190. package/dist/components/simple/progress/ProgressBar.svelte +13 -20
  191. package/dist/components/simple/progress/ProgressBar.svelte.d.ts +17 -21
  192. package/dist/components/simple/timeline/SimpleTimeLine.svelte +5 -19
  193. package/dist/components/simple/timeline/SimpleTimeLine.svelte.d.ts +35 -39
  194. package/dist/components/simple/typography/Code.svelte +12 -27
  195. package/dist/components/simple/typography/Code.svelte.d.ts +24 -28
  196. package/dist/stores/debounce.d.ts +1 -0
  197. package/dist/stores/layouts/unstableSidebarOpened.d.ts +1 -0
  198. package/dist/stores/mediaQuery.d.ts +1 -0
  199. package/dist/stores/theme.d.ts +1 -0
  200. package/package.json +1 -1
@@ -1,9 +1,5 @@
1
- <script lang="ts">
2
- import Button from "../../simple/buttons/Button.svelte";
3
- import type { ComponentProps } from "svelte";
4
-
5
- export let active: boolean = false,
6
- buttonProps: ComponentProps<Button> = {}
1
+ <script>import Button from "../../simple/buttons/Button.svelte";
2
+ export let active = false, buttonProps = {};
7
3
  </script>
8
4
 
9
5
  <Button
@@ -1,38 +1,34 @@
1
- import Button from "../../simple/buttons/Button.svelte";
2
- import type { ComponentProps } from "svelte";
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;
1
+ import { SvelteComponent } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ active?: boolean | undefined;
5
+ buttonProps?: {
6
+ [x: string]: any;
7
+ class?: string | undefined;
8
+ buttonType?: "default" | "text" | "icon" | undefined;
9
+ type?: "submit" | "button" | undefined;
10
+ loading?: boolean | undefined;
11
+ icon?: string | undefined;
12
+ tabindex?: number | null | undefined;
13
+ disabled?: boolean | undefined;
14
+ buttonElement?: HTMLElement | undefined;
15
+ } | undefined;
13
16
  };
14
- z_$$bindings?: Bindings;
17
+ events: {
18
+ click: CustomEvent<{
19
+ nativeEvent: MouseEvent;
20
+ }>;
21
+ } & {
22
+ [evt: string]: CustomEvent<any>;
23
+ };
24
+ slots: {
25
+ default: {};
26
+ append: {};
27
+ };
28
+ };
29
+ export type ActivableButtonProps = typeof __propDef.props;
30
+ export type ActivableButtonEvents = typeof __propDef.events;
31
+ export type ActivableButtonSlots = typeof __propDef.slots;
32
+ export default class ActivableButton extends SvelteComponent<ActivableButtonProps, ActivableButtonEvents, ActivableButtonSlots> {
15
33
  }
16
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
17
- default: any;
18
- } ? Props extends Record<string, never> ? any : {
19
- children?: any;
20
- } : {});
21
- declare const ActivableButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
22
- active?: boolean;
23
- buttonProps?: ComponentProps<Button>;
24
- }, {
25
- default: {};
26
- append: {};
27
- }>, {
28
- click: CustomEvent<{
29
- nativeEvent: MouseEvent;
30
- }>;
31
- } & {
32
- [evt: string]: CustomEvent<any>;
33
- }, {
34
- default: {};
35
- append: {};
36
- }, {}, string>;
37
- type ActivableButton = InstanceType<typeof ActivableButton>;
38
- export default ActivableButton;
34
+ export {};
@@ -1,24 +1,8 @@
1
- <script lang="ts">
2
- import '../../../css/main.css'
3
- import Drawer from '../../simple/navigation/Drawer.svelte';
4
- import Menu from '../../simple/common/Menu.svelte';
5
- import MediaQuery from '../../simple/common/MediaQuery.svelte';
6
- import type { ComponentProps } from 'svelte';
7
-
8
- export let open: boolean = false,
9
- activator: HTMLElement,
10
- drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
11
- menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
12
- stayInViewport: ComponentProps<Menu>['stayInViewport'] = true,
13
- flipOnOverflow: ComponentProps<Menu>['flipOnOverflow'] = false,
14
- _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
15
- _height: string = "fit-content",
16
- _width: string | undefined = undefined,
17
- _maxHeight: string | undefined = undefined,
18
- _minWidth: string = "100px",
19
- _borderRadius: string = "5px",
20
- openingId: ComponentProps<Menu>['openingId'] = undefined,
21
- _drawerOverflow: string | undefined = undefined;
1
+ <script>import "../../../css/main.css";
2
+ import Drawer from "../../simple/navigation/Drawer.svelte";
3
+ import Menu from "../../simple/common/Menu.svelte";
4
+ import MediaQuery from "../../simple/common/MediaQuery.svelte";
5
+ export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _width = void 0, _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0, _drawerOverflow = void 0;
22
6
  </script>
23
7
 
24
8
  <MediaQuery let:mAndDown>
@@ -1,57 +1,43 @@
1
+ import { SvelteComponent } from "svelte";
1
2
  import '../../../css/main.css';
2
3
  import Drawer from '../../simple/navigation/Drawer.svelte';
3
4
  import Menu from '../../simple/common/Menu.svelte';
4
5
  import type { ComponentProps } from 'svelte';
5
- 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> {
6
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
7
- $$bindings?: Bindings;
8
- } & Exports;
9
- (internal: unknown, props: Props & {
10
- $$events?: Events;
11
- $$slots?: Slots;
12
- }): Exports & {
13
- $set?: any;
14
- $on?: any;
6
+ declare const __propDef: {
7
+ props: {
8
+ open?: boolean | undefined;
9
+ activator: HTMLElement;
10
+ drawerPosition?: ComponentProps<Drawer>['position'];
11
+ menuAnchor?: ComponentProps<Menu>['anchor'];
12
+ stayInViewport?: ComponentProps<Menu>['stayInViewport'];
13
+ flipOnOverflow?: ComponentProps<Menu>['flipOnOverflow'];
14
+ _boxShadow?: string | undefined;
15
+ _height?: string | undefined;
16
+ _width?: string | undefined;
17
+ _maxHeight?: string | undefined;
18
+ _minWidth?: string | undefined;
19
+ _borderRadius?: string | undefined;
20
+ openingId?: ComponentProps<Menu>['openingId'];
21
+ _drawerOverflow?: string | undefined;
15
22
  };
16
- z_$$bindings?: Bindings;
17
- }
18
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
19
- default: any;
20
- } ? Props extends Record<string, never> ? any : {
21
- children?: any;
22
- } : {});
23
- declare const MenuOrDrawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
24
- open?: boolean;
25
- activator: HTMLElement;
26
- drawerPosition?: ComponentProps<Drawer>["position"];
27
- menuAnchor?: ComponentProps<Menu>["anchor"];
28
- stayInViewport?: ComponentProps<Menu>["stayInViewport"];
29
- flipOnOverflow?: ComponentProps<Menu>["flipOnOverflow"];
30
- _boxShadow?: string;
31
- _height?: string;
32
- _width?: string | undefined;
33
- _maxHeight?: string | undefined;
34
- _minWidth?: string;
35
- _borderRadius?: string;
36
- openingId?: ComponentProps<Menu>["openingId"];
37
- _drawerOverflow?: string | undefined;
38
- }, {
39
- default: {
40
- isDrawer: boolean;
41
- isMenu: boolean;
23
+ events: {
24
+ close: CustomEvent<{}>;
25
+ 'item-click': CustomEvent<{
26
+ item: import("../../simple/navigation/Navigator.svelte").Item;
27
+ }>;
28
+ } & {
29
+ [evt: string]: CustomEvent<any>;
42
30
  };
43
- }>, {
44
- close: CustomEvent<{}>;
45
- 'item-click': CustomEvent<{
46
- item: import("../../simple/navigation/Navigator.svelte").Item;
47
- }>;
48
- } & {
49
- [evt: string]: CustomEvent<any>;
50
- }, {
51
- default: {
52
- isDrawer: boolean;
53
- isMenu: boolean;
31
+ slots: {
32
+ default: {
33
+ isDrawer: boolean;
34
+ isMenu: boolean;
35
+ };
54
36
  };
55
- }, {}, string>;
56
- type MenuOrDrawer = InstanceType<typeof MenuOrDrawer>;
57
- export default MenuOrDrawer;
37
+ };
38
+ export type MenuOrDrawerProps = typeof __propDef.props;
39
+ export type MenuOrDrawerEvents = typeof __propDef.events;
40
+ export type MenuOrDrawerSlots = typeof __propDef.slots;
41
+ export default class MenuOrDrawer extends SvelteComponent<MenuOrDrawerProps, MenuOrDrawerEvents, MenuOrDrawerSlots> {
42
+ }
43
+ export {};
@@ -1,33 +1,17 @@
1
- <script lang="ts" context="module">
2
- export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
3
- </script>
4
-
5
- <script lang="ts">
6
- import '../../../css/main.css'
7
- import type { ComponentProps } from 'svelte';
8
- import MenuOrDrawer from "./MenuOrDrawer.svelte";
9
- import type Drawer from '../../simple/navigation/Drawer.svelte';
10
- import type Menu from '../../simple/common/Menu.svelte';
11
- import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
12
-
13
- export let open: boolean = false,
14
- activator: HTMLElement,
15
- drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
16
- menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
17
- elements: ComponentProps<SelectableVerticalList>['elements'] = [],
18
- stayInViewport: ComponentProps<MenuOrDrawer>['stayInViewport'] = true,
19
- flipOnOverflow: ComponentProps<MenuOrDrawer>['flipOnOverflow'] = false,
20
- _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
21
- _height: string = "300px",
22
- _maxHeight: string | undefined = undefined,
23
- _minWidth: string = "100px",
24
- _borderRadius: string = "5px",
25
- openingId: ComponentProps<MenuOrDrawer>['openingId'] = undefined;
1
+ <script context="module"></script>
26
2
 
27
- let selected: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
28
- let focused: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
29
- $: if(!!selected) selected = undefined
30
- $: if(!!focused && !open) focused = undefined
3
+ <script>import "../../../css/main.css";
4
+ import MenuOrDrawer from "./MenuOrDrawer.svelte";
5
+ import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
6
+ export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", elements = [], stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "300px", _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0;
7
+ let selected;
8
+ let focused;
9
+ $:
10
+ if (!!selected)
11
+ selected = void 0;
12
+ $:
13
+ if (!!focused && !open)
14
+ focused = void 0;
31
15
  </script>
32
16
 
33
17
  <MenuOrDrawer
@@ -1,3 +1,4 @@
1
+ import { SvelteComponent } from "svelte";
1
2
  export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
2
3
  import '../../../css/main.css';
3
4
  import type { ComponentProps } from 'svelte';
@@ -5,39 +6,34 @@ import MenuOrDrawer from "./MenuOrDrawer.svelte";
5
6
  import type Drawer from '../../simple/navigation/Drawer.svelte';
6
7
  import type Menu from '../../simple/common/Menu.svelte';
7
8
  import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
8
- 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> {
9
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
10
- $$bindings?: Bindings;
11
- } & Exports;
12
- (internal: unknown, props: Props & {
13
- $$events?: Events;
14
- $$slots?: Slots;
15
- }): Exports & {
16
- $set?: any;
17
- $on?: any;
9
+ declare const __propDef: {
10
+ props: {
11
+ open?: boolean | undefined;
12
+ activator: HTMLElement;
13
+ drawerPosition?: ComponentProps<Drawer>['position'];
14
+ menuAnchor?: ComponentProps<Menu>['anchor'];
15
+ elements?: ComponentProps<SelectableVerticalList>['elements'];
16
+ stayInViewport?: ComponentProps<MenuOrDrawer>['stayInViewport'];
17
+ flipOnOverflow?: ComponentProps<MenuOrDrawer>['flipOnOverflow'];
18
+ _boxShadow?: string | undefined;
19
+ _height?: string | undefined;
20
+ _maxHeight?: string | undefined;
21
+ _minWidth?: string | undefined;
22
+ _borderRadius?: string | undefined;
23
+ openingId?: ComponentProps<MenuOrDrawer>['openingId'];
18
24
  };
19
- z_$$bindings?: Bindings;
25
+ events: {
26
+ select: CustomEvent<{
27
+ element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
28
+ }>;
29
+ } & {
30
+ [evt: string]: CustomEvent<any>;
31
+ };
32
+ slots: {};
33
+ };
34
+ export type MenuOrDrawerOptionsProps = typeof __propDef.props;
35
+ export type MenuOrDrawerOptionsEvents = typeof __propDef.events;
36
+ export type MenuOrDrawerOptionsSlots = typeof __propDef.slots;
37
+ export default class MenuOrDrawerOptions extends SvelteComponent<MenuOrDrawerOptionsProps, MenuOrDrawerOptionsEvents, MenuOrDrawerOptionsSlots> {
20
38
  }
21
- declare const MenuOrDrawerOptions: $$__sveltets_2_IsomorphicComponent<{
22
- open?: boolean;
23
- activator: HTMLElement;
24
- drawerPosition?: ComponentProps<Drawer>["position"];
25
- menuAnchor?: ComponentProps<Menu>["anchor"];
26
- elements?: ComponentProps<SelectableVerticalList>["elements"];
27
- stayInViewport?: ComponentProps<MenuOrDrawer>["stayInViewport"];
28
- flipOnOverflow?: ComponentProps<MenuOrDrawer>["flipOnOverflow"];
29
- _boxShadow?: string;
30
- _height?: string;
31
- _maxHeight?: string | undefined;
32
- _minWidth?: string;
33
- _borderRadius?: string;
34
- openingId?: ComponentProps<MenuOrDrawer>["openingId"];
35
- }, {
36
- select: CustomEvent<{
37
- element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
38
- }>;
39
- } & {
40
- [evt: string]: CustomEvent<any>;
41
- }, {}, {}, string>;
42
- type MenuOrDrawerOptions = InstanceType<typeof MenuOrDrawerOptions>;
43
- export default MenuOrDrawerOptions;
39
+ export {};
@@ -1,58 +1,26 @@
1
- <script context="module" lang="ts">
2
- export type Action = {
3
- label: string;
4
- icon?: string;
5
- disabled?: boolean;
6
- loading?: boolean;
7
- info?: string;
8
- disabledInfo?: string
9
- onClick: (e: CustomEvent<{ nativeEvent: MouseEvent }>) => void;
10
- };
11
- </script>
12
-
13
- <script lang="ts">
14
- import { Button, Icon, mediaQuery, ToolTip } from "../../..";
15
- import { fly } from "svelte/transition";
16
- import { cubicIn } from "svelte/easing";
17
- import MenuOrDrawer from "./MenuOrDrawer.svelte";
18
- import './QuickActions.css'
19
- import { createEventDispatcher } from "svelte";
20
-
21
- export let selectedItems: number,
22
- disabled: boolean,
23
- actionsForSelectedItems: Action[],
24
- position: 'top' | 'bottom' = 'top',
25
- lang: 'it' | 'en' = 'en'
26
-
27
- let actions: Action[] = [],
28
- extraActions: Action[] = [],
29
- slotSelectActionsContainer: HTMLElement | undefined,
30
- moreActionsActivator: HTMLElement | undefined,
31
- openMoreActions: boolean = false,
32
- infoActivators: { [actionLabel: string]: HTMLElement } = {},
33
- disabledInfoActivators: { [actionLabel: string]: HTMLElement } = {};
34
-
35
- const dispatch = createEventDispatcher<{
36
- close: {}
37
- }>()
38
-
39
- $: {
40
- if (!!slotSelectActionsContainer) {
41
- let numberOfSplit = $mediaQuery.xl ? 5 :
42
- $mediaQuery.l ? 4 :
43
- $mediaQuery.m ? 2 :
44
- $mediaQuery.s ? 0 :
45
- $mediaQuery.xs ? 0 : 3
1
+ <script context="module"></script>
46
2
 
47
- if (actionsForSelectedItems.length > numberOfSplit) {
48
- extraActions = actionsForSelectedItems.slice(numberOfSplit);
49
- actions = actionsForSelectedItems.slice(0, numberOfSplit);
50
- } else {
51
- actions = actionsForSelectedItems;
52
- extraActions = [];
53
- }
3
+ <script>import { Button, Icon, mediaQuery, ToolTip } from "../../..";
4
+ import { fly } from "svelte/transition";
5
+ import { cubicIn } from "svelte/easing";
6
+ import MenuOrDrawer from "./MenuOrDrawer.svelte";
7
+ import "./QuickActions.css";
8
+ import { createEventDispatcher } from "svelte";
9
+ export let selectedItems, disabled, actionsForSelectedItems, position = "top", lang = "en";
10
+ let actions = [], extraActions = [], slotSelectActionsContainer, moreActionsActivator, openMoreActions = false, infoActivators = {}, disabledInfoActivators = {};
11
+ const dispatch = createEventDispatcher();
12
+ $: {
13
+ if (!!slotSelectActionsContainer) {
14
+ let numberOfSplit = $mediaQuery.xl ? 5 : $mediaQuery.l ? 4 : $mediaQuery.m ? 2 : $mediaQuery.s ? 0 : $mediaQuery.xs ? 0 : 3;
15
+ if (actionsForSelectedItems.length > numberOfSplit) {
16
+ extraActions = actionsForSelectedItems.slice(numberOfSplit);
17
+ actions = actionsForSelectedItems.slice(0, numberOfSplit);
18
+ } else {
19
+ actions = actionsForSelectedItems;
20
+ extraActions = [];
54
21
  }
55
22
  }
23
+ }
56
24
  </script>
57
25
 
58
26
  {#if selectedItems > 0}
@@ -1,3 +1,4 @@
1
+ import { SvelteComponent } from "svelte";
1
2
  export type Action = {
2
3
  label: string;
3
4
  icon?: string;
@@ -10,29 +11,24 @@ export type Action = {
10
11
  }>) => void;
11
12
  };
12
13
  import './QuickActions.css';
13
- 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> {
14
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
15
- $$bindings?: Bindings;
16
- } & Exports;
17
- (internal: unknown, props: Props & {
18
- $$events?: Events;
19
- $$slots?: Slots;
20
- }): Exports & {
21
- $set?: any;
22
- $on?: any;
14
+ declare const __propDef: {
15
+ props: {
16
+ selectedItems: number;
17
+ disabled: boolean;
18
+ actionsForSelectedItems: Action[];
19
+ position?: "bottom" | "top" | undefined;
20
+ lang?: "it" | "en" | undefined;
23
21
  };
24
- z_$$bindings?: Bindings;
22
+ events: {
23
+ close: CustomEvent<{}>;
24
+ } & {
25
+ [evt: string]: CustomEvent<any>;
26
+ };
27
+ slots: {};
28
+ };
29
+ export type QuickActionsProps = typeof __propDef.props;
30
+ export type QuickActionsEvents = typeof __propDef.events;
31
+ export type QuickActionsSlots = typeof __propDef.slots;
32
+ export default class QuickActions extends SvelteComponent<QuickActionsProps, QuickActionsEvents, QuickActionsSlots> {
25
33
  }
26
- declare const QuickActions: $$__sveltets_2_IsomorphicComponent<{
27
- selectedItems: number;
28
- disabled: boolean;
29
- actionsForSelectedItems: Action[];
30
- position?: "top" | "bottom";
31
- lang?: "it" | "en";
32
- }, {
33
- close: CustomEvent<{}>;
34
- } & {
35
- [evt: string]: CustomEvent<any>;
36
- }, {}, {}, string>;
37
- type QuickActions = InstanceType<typeof QuickActions>;
38
- export default QuickActions;
34
+ export {};
@@ -1,41 +1,32 @@
1
- <script lang="ts">
2
- import '../../../css/main.css'
3
- import Menu from "../../simple/common/Menu.svelte";
4
- import type { ComponentProps } from 'svelte';
5
-
6
- export let activator: HTMLElement,
7
- menuOpen: boolean = false,
8
- menuProps: ComponentProps<Menu> = {},
9
- appearTimeout: number | undefined = undefined
10
-
11
- let mouseEnterHandler: (() => void) | undefined = undefined,
12
- mouseLeaveHandler: (() => void) | undefined = undefined,
13
- appearTimeoutId: NodeJS.Timeout | undefined = undefined
14
-
15
- $: if(!!activator) {
16
- if(!!mouseEnterHandler) activator.removeEventListener('mouseenter', mouseEnterHandler)
17
- if(!!mouseLeaveHandler) activator.removeEventListener('mouseleave', mouseLeaveHandler)
18
-
1
+ <script>import "../../../css/main.css";
2
+ import Menu from "../../simple/common/Menu.svelte";
3
+ export let activator, menuOpen = false, menuProps = {}, appearTimeout = void 0;
4
+ let mouseEnterHandler = void 0, mouseLeaveHandler = void 0, appearTimeoutId = void 0;
5
+ $:
6
+ if (!!activator) {
7
+ if (!!mouseEnterHandler)
8
+ activator.removeEventListener("mouseenter", mouseEnterHandler);
9
+ if (!!mouseLeaveHandler)
10
+ activator.removeEventListener("mouseleave", mouseLeaveHandler);
19
11
  mouseEnterHandler = () => {
20
- if(appearTimeout !== undefined) {
21
- if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
22
-
12
+ if (appearTimeout !== void 0) {
13
+ if (appearTimeoutId !== void 0)
14
+ clearTimeout(appearTimeoutId);
23
15
  appearTimeoutId = setTimeout(() => {
24
- menuOpen = true
16
+ menuOpen = true;
25
17
  }, appearTimeout);
26
18
  } else {
27
- menuOpen = true
19
+ menuOpen = true;
28
20
  }
29
- }
30
- activator.addEventListener('mouseenter', mouseEnterHandler)
31
-
21
+ };
22
+ activator.addEventListener("mouseenter", mouseEnterHandler);
32
23
  mouseLeaveHandler = () => {
33
- if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
34
- menuOpen = false
35
- }
36
- activator.addEventListener('mouseleave', mouseLeaveHandler)
24
+ if (appearTimeoutId !== void 0)
25
+ clearTimeout(appearTimeoutId);
26
+ menuOpen = false;
27
+ };
28
+ activator.addEventListener("mouseleave", mouseLeaveHandler);
37
29
  }
38
-
39
30
  </script>
40
31
 
41
32
  <Menu
@@ -1,35 +1,46 @@
1
+ import { SvelteComponent } from "svelte";
1
2
  import '../../../css/main.css';
2
- import Menu from "../../simple/common/Menu.svelte";
3
- import type { ComponentProps } from 'svelte';
4
- 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> {
5
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
- $$bindings?: Bindings;
7
- } & Exports;
8
- (internal: unknown, props: Props & {
9
- $$events?: Events;
10
- $$slots?: Slots;
11
- }): Exports & {
12
- $set?: any;
13
- $on?: any;
3
+ declare const __propDef: {
4
+ props: {
5
+ activator: HTMLElement;
6
+ menuOpen?: boolean | undefined;
7
+ menuProps?: {
8
+ _top?: number | undefined;
9
+ _left?: number | undefined;
10
+ _width?: string | undefined;
11
+ _height?: string | undefined;
12
+ _maxHeight?: string | undefined;
13
+ _minWidth?: string | undefined;
14
+ _overflow?: string | undefined;
15
+ _boxShadow?: string | undefined;
16
+ _borderRadius?: string | undefined;
17
+ _activatorGap?: number | undefined;
18
+ open?: boolean | undefined;
19
+ refreshPosition?: boolean | undefined;
20
+ activator?: HTMLElement | undefined;
21
+ anchor?: "bottom" | "bottom-center" | "right-center" | undefined;
22
+ closeOnClickOutside?: boolean | undefined;
23
+ inAnimation?: ((node: Element, params?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined) => import("svelte/transition").TransitionConfig) | undefined;
24
+ inAnimationConfig?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined;
25
+ outAnimation?: ((node: Element, params?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined) => import("svelte/transition").TransitionConfig) | undefined;
26
+ outAnimationConfig?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined;
27
+ menuElement?: HTMLElement | undefined;
28
+ flipOnOverflow?: boolean | undefined;
29
+ stayInViewport?: boolean | undefined;
30
+ openingId?: string | undefined;
31
+ } | undefined;
32
+ appearTimeout?: number | undefined;
14
33
  };
15
- z_$$bindings?: Bindings;
34
+ events: {
35
+ [evt: string]: CustomEvent<any>;
36
+ };
37
+ slots: {
38
+ default: {};
39
+ };
40
+ };
41
+ export type ToolTipProps = typeof __propDef.props;
42
+ export type ToolTipEvents = typeof __propDef.events;
43
+ export type ToolTipSlots = typeof __propDef.slots;
44
+ export default class ToolTip extends SvelteComponent<ToolTipProps, ToolTipEvents, ToolTipSlots> {
16
45
  }
17
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
18
- default: any;
19
- } ? Props extends Record<string, never> ? any : {
20
- children?: any;
21
- } : {});
22
- declare const ToolTip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
23
- activator: HTMLElement;
24
- menuOpen?: boolean;
25
- menuProps?: ComponentProps<Menu>;
26
- appearTimeout?: number | undefined;
27
- }, {
28
- default: {};
29
- }>, {
30
- [evt: string]: CustomEvent<any>;
31
- }, {
32
- default: {};
33
- }, {}, string>;
34
- type ToolTip = InstanceType<typeof ToolTip>;
35
- export default ToolTip;
46
+ export {};