@likable-hair/svelte 3.3.17 → 3.3.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.
Files changed (197) 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 -42
  12. package/dist/components/composed/forms/AsyncAutocomplete.svelte.d.ts +37 -42
  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 +17 -35
  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 +59 -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 +849 -1190
  34. package/dist/components/composed/list/DynamicTable.svelte.d.ts +364 -362
  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 +82 -103
  40. package/dist/components/composed/search/DynamicFilters.svelte.d.ts +27 -31
  41. package/dist/components/composed/search/FilterEditor.svelte +77 -106
  42. package/dist/components/composed/search/FilterEditor.svelte.d.ts +33 -37
  43. package/dist/components/composed/search/Filters.svelte +292 -361
  44. package/dist/components/composed/search/Filters.svelte.d.ts +51 -55
  45. package/dist/components/composed/search/GlobalSearchTextField.svelte +41 -79
  46. package/dist/components/composed/search/GlobalSearchTextField.svelte.d.ts +39 -43
  47. package/dist/components/composed/search/MobileFilterEditor.svelte +93 -135
  48. package/dist/components/composed/search/MobileFilterEditor.svelte.d.ts +35 -39
  49. package/dist/components/composed/search/SearchBar.svelte +5 -28
  50. package/dist/components/composed/search/SearchBar.svelte.d.ts +30 -34
  51. package/dist/components/composed/search/SearchResults.svelte +7 -42
  52. package/dist/components/composed/search/SearchResults.svelte.d.ts +36 -40
  53. package/dist/components/composed/shop/ProductCard.svelte +4 -18
  54. package/dist/components/composed/shop/ProductCard.svelte.d.ts +28 -32
  55. package/dist/components/composed/shop/ProductsGrid.svelte +2 -22
  56. package/dist/components/composed/shop/ProductsGrid.svelte.d.ts +40 -44
  57. package/dist/components/layouts/CollapsibleSideBarLayout.svelte +38 -77
  58. package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts +69 -109
  59. package/dist/components/layouts/StableDividedSideBarLayout.svelte +17 -47
  60. package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts +32 -50
  61. package/dist/components/layouts/UnstableDividedSideBarLayout.svelte +30 -53
  62. package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts +63 -103
  63. package/dist/components/simple/buttons/Button.svelte +32 -78
  64. package/dist/components/simple/buttons/Button.svelte.d.ts +35 -47
  65. package/dist/components/simple/buttons/LinkButton.svelte +22 -54
  66. package/dist/components/simple/buttons/LinkButton.svelte.d.ts +33 -50
  67. package/dist/components/simple/charts/GanymedeBarChart.svelte +134 -172
  68. package/dist/components/simple/charts/GanymedeBarChart.svelte.d.ts +46 -50
  69. package/dist/components/simple/charts/GanymedeLineChart.svelte +115 -157
  70. package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts +47 -51
  71. package/dist/components/simple/charts/GanymedePieChart.svelte +39 -62
  72. package/dist/components/simple/charts/GanymedePieChart.svelte.d.ts +33 -37
  73. package/dist/components/simple/common/Card.svelte +1 -20
  74. package/dist/components/simple/common/Card.svelte.d.ts +38 -51
  75. package/dist/components/simple/common/CollapsibleDivider.svelte +11 -23
  76. package/dist/components/simple/common/CollapsibleDivider.svelte.d.ts +25 -29
  77. package/dist/components/simple/common/Divider.svelte +2 -8
  78. package/dist/components/simple/common/Divider.svelte.d.ts +19 -23
  79. package/dist/components/simple/common/Gesture.svelte +46 -64
  80. package/dist/components/simple/common/Gesture.svelte.d.ts +17 -21
  81. package/dist/components/simple/common/InfiniteScroll.svelte +29 -52
  82. package/dist/components/simple/common/InfiniteScroll.svelte.d.ts +20 -24
  83. package/dist/components/simple/common/IntersectionObserver.svelte +32 -45
  84. package/dist/components/simple/common/IntersectionObserver.svelte.d.ts +21 -34
  85. package/dist/components/simple/common/MediaQuery.svelte +21 -30
  86. package/dist/components/simple/common/MediaQuery.svelte.d.ts +30 -34
  87. package/dist/components/simple/common/Menu.svelte +201 -290
  88. package/dist/components/simple/common/Menu.svelte.d.ts +40 -51
  89. package/dist/components/simple/common/Playground.svelte +17 -18
  90. package/dist/components/simple/common/Playground.svelte.d.ts +15 -19
  91. package/dist/components/simple/common/VerticalDraggableList.svelte +16 -35
  92. package/dist/components/simple/common/VerticalDraggableList.svelte.d.ts +29 -33
  93. package/dist/components/simple/dashboards/DashboardGridShaper.svelte +26 -32
  94. package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts +12 -16
  95. package/dist/components/simple/dates/Calendar.svelte +28 -52
  96. package/dist/components/simple/dates/Calendar.svelte.d.ts +41 -45
  97. package/dist/components/simple/dates/DatePicker.svelte +60 -90
  98. package/dist/components/simple/dates/DatePicker.svelte.d.ts +40 -44
  99. package/dist/components/simple/dates/MonthSelector.svelte +15 -37
  100. package/dist/components/simple/dates/MonthSelector.svelte.d.ts +31 -35
  101. package/dist/components/simple/dates/TimePicker.svelte +31 -45
  102. package/dist/components/simple/dates/TimePicker.svelte.d.ts +20 -24
  103. package/dist/components/simple/dates/TimePickerTextField.svelte +35 -56
  104. package/dist/components/simple/dates/TimePickerTextField.svelte.d.ts +24 -28
  105. package/dist/components/simple/dates/YearSelector.svelte +29 -54
  106. package/dist/components/simple/dates/YearSelector.svelte.d.ts +31 -35
  107. package/dist/components/simple/dialogs/Dialog.svelte +62 -92
  108. package/dist/components/simple/dialogs/Dialog.svelte.d.ts +28 -42
  109. package/dist/components/simple/forms/Autocomplete.svelte +142 -200
  110. package/dist/components/simple/forms/Autocomplete.svelte.d.ts +78 -82
  111. package/dist/components/simple/forms/Checkbox.svelte +24 -40
  112. package/dist/components/simple/forms/Checkbox.svelte.d.ts +21 -25
  113. package/dist/components/simple/forms/FileInput.svelte +48 -88
  114. package/dist/components/simple/forms/FileInput.svelte.d.ts +33 -37
  115. package/dist/components/simple/forms/FileInputList.svelte +34 -52
  116. package/dist/components/simple/forms/FileInputList.svelte.d.ts +39 -43
  117. package/dist/components/simple/forms/RadioButton.svelte +3 -11
  118. package/dist/components/simple/forms/RadioButton.svelte.d.ts +27 -31
  119. package/dist/components/simple/forms/Select.svelte +3 -16
  120. package/dist/components/simple/forms/Select.svelte.d.ts +20 -24
  121. package/dist/components/simple/forms/SimpleTextField.svelte +6 -53
  122. package/dist/components/simple/forms/SimpleTextField.svelte.d.ts +60 -64
  123. package/dist/components/simple/forms/Switch.svelte +16 -30
  124. package/dist/components/simple/forms/Switch.svelte.d.ts +21 -25
  125. package/dist/components/simple/forms/Textarea.svelte +2 -27
  126. package/dist/components/simple/forms/Textarea.svelte.d.ts +37 -41
  127. package/dist/components/simple/forms/Textfield.svelte +18 -56
  128. package/dist/components/simple/forms/Textfield.svelte.d.ts +51 -55
  129. package/dist/components/simple/forms/TreeEditor.svelte +95 -141
  130. package/dist/components/simple/forms/TreeEditor.svelte.d.ts +38 -42
  131. package/dist/components/simple/forms/TreeEditorItem.svelte +42 -77
  132. package/dist/components/simple/forms/TreeEditorItem.svelte.d.ts +50 -54
  133. package/dist/components/simple/forms/VerticalSwitch.svelte +1 -11
  134. package/dist/components/simple/forms/VerticalSwitch.svelte.d.ts +28 -32
  135. package/dist/components/simple/forms/VerticalTextSwitch.svelte +3 -15
  136. package/dist/components/simple/forms/VerticalTextSwitch.svelte.d.ts +26 -30
  137. package/dist/components/simple/lists/ColorInvertedSelector.svelte +23 -53
  138. package/dist/components/simple/lists/ColorInvertedSelector.svelte.d.ts +42 -46
  139. package/dist/components/simple/lists/HierarchyMenu.svelte +19 -38
  140. package/dist/components/simple/lists/HierarchyMenu.svelte.d.ts +30 -34
  141. package/dist/components/simple/lists/Paginator.svelte +41 -50
  142. package/dist/components/simple/lists/Paginator.svelte.d.ts +19 -23
  143. package/dist/components/simple/lists/SelectableMenuList.svelte +15 -43
  144. package/dist/components/simple/lists/SelectableMenuList.svelte.d.ts +20 -24
  145. package/dist/components/simple/lists/SelectableVerticalList.svelte +57 -99
  146. package/dist/components/simple/lists/SelectableVerticalList.svelte.d.ts +47 -51
  147. package/dist/components/simple/lists/SidebarMenuList.svelte +70 -115
  148. package/dist/components/simple/lists/SidebarMenuList.svelte.d.ts +22 -26
  149. package/dist/components/simple/lists/SimpleTable.svelte +168 -211
  150. package/dist/components/simple/lists/SimpleTable.svelte.d.ts +66 -70
  151. package/dist/components/simple/loaders/CircularLoader.svelte +5 -16
  152. package/dist/components/simple/loaders/CircularLoader.svelte.d.ts +15 -19
  153. package/dist/components/simple/loaders/Skeleton.svelte +2 -3
  154. package/dist/components/simple/loaders/Skeleton.svelte.d.ts +12 -16
  155. package/dist/components/simple/media/AttachmentDownloader.svelte +3 -17
  156. package/dist/components/simple/media/AttachmentDownloader.svelte.d.ts +28 -32
  157. package/dist/components/simple/media/Avatar.svelte +12 -18
  158. package/dist/components/simple/media/Avatar.svelte.d.ts +20 -31
  159. package/dist/components/simple/media/Carousel.svelte +11 -29
  160. package/dist/components/simple/media/Carousel.svelte.d.ts +24 -28
  161. package/dist/components/simple/media/DescriptiveAvatar.svelte +4 -12
  162. package/dist/components/simple/media/DescriptiveAvatar.svelte.d.ts +28 -44
  163. package/dist/components/simple/media/FlagIcon.svelte +5 -8
  164. package/dist/components/simple/media/FlagIcon.svelte.d.ts +15 -19
  165. package/dist/components/simple/media/Gallery.svelte +29 -49
  166. package/dist/components/simple/media/Gallery.svelte.d.ts +23 -27
  167. package/dist/components/simple/media/Icon.svelte +4 -9
  168. package/dist/components/simple/media/Icon.svelte.d.ts +20 -24
  169. package/dist/components/simple/media/Image.svelte +20 -42
  170. package/dist/components/simple/media/Image.svelte.d.ts +33 -44
  171. package/dist/components/simple/media/ImageGrid.svelte +12 -37
  172. package/dist/components/simple/media/ImageGrid.svelte.d.ts +28 -32
  173. package/dist/components/simple/navigation/Breadcrumb.svelte +10 -28
  174. package/dist/components/simple/navigation/Breadcrumb.svelte.d.ts +22 -26
  175. package/dist/components/simple/navigation/Chip.svelte +23 -44
  176. package/dist/components/simple/navigation/Chip.svelte.d.ts +31 -42
  177. package/dist/components/simple/navigation/Drawer.svelte +65 -107
  178. package/dist/components/simple/navigation/Drawer.svelte.d.ts +37 -50
  179. package/dist/components/simple/navigation/HeaderMenu.svelte +23 -40
  180. package/dist/components/simple/navigation/HeaderMenu.svelte.d.ts +35 -39
  181. package/dist/components/simple/navigation/Navigator.svelte +8 -30
  182. package/dist/components/simple/navigation/Navigator.svelte.d.ts +24 -28
  183. package/dist/components/simple/navigation/TabSwitcher.svelte +47 -83
  184. package/dist/components/simple/navigation/TabSwitcher.svelte.d.ts +34 -38
  185. package/dist/components/simple/notifiers/AlertBanner.svelte +15 -43
  186. package/dist/components/simple/notifiers/AlertBanner.svelte.d.ts +37 -41
  187. package/dist/components/simple/progress/ProgressBar.svelte +13 -20
  188. package/dist/components/simple/progress/ProgressBar.svelte.d.ts +17 -21
  189. package/dist/components/simple/timeline/SimpleTimeLine.svelte +5 -19
  190. package/dist/components/simple/timeline/SimpleTimeLine.svelte.d.ts +35 -39
  191. package/dist/components/simple/typography/Code.svelte +12 -27
  192. package/dist/components/simple/typography/Code.svelte.d.ts +24 -28
  193. package/dist/stores/debounce.d.ts +1 -0
  194. package/dist/stores/layouts/unstableSidebarOpened.d.ts +1 -0
  195. package/dist/stores/mediaQuery.d.ts +1 -0
  196. package/dist/stores/theme.d.ts +1 -0
  197. 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 = "fit-content",
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 = "fit-content", _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 {};