@likable-hair/svelte 3.3.20 → 3.3.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/composed/buttons/ActivableButton.svelte +2 -6
- package/dist/components/composed/buttons/ActivableButton.svelte.d.ts +32 -36
- package/dist/components/composed/common/MenuOrDrawer.svelte +5 -21
- package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts +36 -50
- package/dist/components/composed/common/MenuOrDrawerOptions.svelte +13 -29
- package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts +30 -34
- package/dist/components/composed/common/QuickActions.svelte +20 -52
- package/dist/components/composed/common/QuickActions.svelte.d.ts +20 -24
- package/dist/components/composed/common/ToolTip.svelte +22 -31
- package/dist/components/composed/common/ToolTip.svelte.d.ts +43 -32
- package/dist/components/composed/forms/AsyncAutocomplete.svelte +23 -44
- package/dist/components/composed/forms/AsyncAutocomplete.svelte.d.ts +39 -44
- package/dist/components/composed/forms/AvatarDropdown.svelte +27 -57
- package/dist/components/composed/forms/AvatarDropdown.svelte.d.ts +41 -45
- package/dist/components/composed/forms/ConfirmOrCancelButtons.svelte +17 -35
- package/dist/components/composed/forms/ConfirmOrCancelButtons.svelte.d.ts +37 -41
- package/dist/components/composed/forms/CountriesAutocomplete.svelte +7 -16
- package/dist/components/composed/forms/CountriesAutocomplete.svelte.d.ts +60 -31
- package/dist/components/composed/forms/DatePickerTextField.svelte +114 -166
- package/dist/components/composed/forms/DatePickerTextField.svelte.d.ts +63 -67
- package/dist/components/composed/forms/Dropdown.svelte +21 -51
- package/dist/components/composed/forms/Dropdown.svelte.d.ts +43 -48
- package/dist/components/composed/forms/IconsDropdown.svelte +33 -61
- package/dist/components/composed/forms/IconsDropdown.svelte.d.ts +26 -30
- package/dist/components/composed/forms/LabelAndSelect.svelte +7 -32
- package/dist/components/composed/forms/LabelAndSelect.svelte.d.ts +31 -35
- package/dist/components/composed/forms/LabelAndTextField.svelte +5 -30
- package/dist/components/composed/forms/LabelAndTextField.svelte.d.ts +42 -46
- package/dist/components/composed/forms/ToggleList.svelte +33 -59
- package/dist/components/composed/forms/ToggleList.svelte.d.ts +17 -21
- package/dist/components/composed/forms/YearPickerTextField.svelte +74 -114
- package/dist/components/composed/forms/YearPickerTextField.svelte.d.ts +49 -53
- package/dist/components/composed/list/DynamicTable.svelte +707 -1102
- package/dist/components/composed/list/DynamicTable.svelte.d.ts +365 -369
- package/dist/components/composed/list/PaginatedTable.svelte +76 -139
- package/dist/components/composed/list/PaginatedTable.svelte.d.ts +108 -108
- package/dist/components/composed/progress/HorizontalStackedProgress.svelte +30 -58
- package/dist/components/composed/progress/HorizontalStackedProgress.svelte.d.ts +21 -25
- package/dist/components/composed/search/DynamicFilters.svelte +82 -103
- package/dist/components/composed/search/DynamicFilters.svelte.d.ts +27 -31
- package/dist/components/composed/search/FilterEditor.svelte +77 -106
- package/dist/components/composed/search/FilterEditor.svelte.d.ts +33 -37
- package/dist/components/composed/search/Filters.svelte +292 -361
- package/dist/components/composed/search/Filters.svelte.d.ts +51 -55
- package/dist/components/composed/search/GlobalSearchTextField.svelte +41 -79
- package/dist/components/composed/search/GlobalSearchTextField.svelte.d.ts +39 -43
- package/dist/components/composed/search/MobileFilterEditor.svelte +93 -135
- package/dist/components/composed/search/MobileFilterEditor.svelte.d.ts +35 -39
- package/dist/components/composed/search/SearchBar.svelte +5 -28
- package/dist/components/composed/search/SearchBar.svelte.d.ts +30 -34
- package/dist/components/composed/search/SearchResults.svelte +7 -42
- package/dist/components/composed/search/SearchResults.svelte.d.ts +36 -40
- package/dist/components/composed/shop/ProductCard.svelte +4 -18
- package/dist/components/composed/shop/ProductCard.svelte.d.ts +28 -32
- package/dist/components/composed/shop/ProductsGrid.svelte +2 -22
- package/dist/components/composed/shop/ProductsGrid.svelte.d.ts +40 -44
- package/dist/components/layouts/CollapsibleSideBarLayout.svelte +38 -77
- package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts +69 -109
- package/dist/components/layouts/StableDividedSideBarLayout.svelte +17 -47
- package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts +32 -50
- package/dist/components/layouts/UnstableDividedSideBarLayout.svelte +30 -53
- package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts +63 -103
- package/dist/components/simple/buttons/Button.svelte +32 -78
- package/dist/components/simple/buttons/Button.svelte.d.ts +35 -47
- package/dist/components/simple/buttons/LinkButton.svelte +22 -54
- package/dist/components/simple/buttons/LinkButton.svelte.d.ts +33 -50
- package/dist/components/simple/charts/GanymedeBarChart.svelte +134 -172
- package/dist/components/simple/charts/GanymedeBarChart.svelte.d.ts +46 -50
- package/dist/components/simple/charts/GanymedeLineChart.svelte +115 -157
- package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts +47 -51
- package/dist/components/simple/charts/GanymedePieChart.svelte +39 -62
- package/dist/components/simple/charts/GanymedePieChart.svelte.d.ts +33 -37
- package/dist/components/simple/common/Card.svelte +1 -20
- package/dist/components/simple/common/Card.svelte.d.ts +38 -51
- package/dist/components/simple/common/CollapsibleDivider.svelte +11 -23
- package/dist/components/simple/common/CollapsibleDivider.svelte.d.ts +25 -29
- package/dist/components/simple/common/Divider.svelte +2 -8
- package/dist/components/simple/common/Divider.svelte.d.ts +19 -23
- package/dist/components/simple/common/Gesture.svelte +46 -64
- package/dist/components/simple/common/Gesture.svelte.d.ts +17 -21
- package/dist/components/simple/common/InfiniteScroll.svelte +29 -52
- package/dist/components/simple/common/InfiniteScroll.svelte.d.ts +20 -24
- package/dist/components/simple/common/IntersectionObserver.svelte +32 -45
- package/dist/components/simple/common/IntersectionObserver.svelte.d.ts +21 -34
- package/dist/components/simple/common/MediaQuery.svelte +21 -30
- package/dist/components/simple/common/MediaQuery.svelte.d.ts +30 -34
- package/dist/components/simple/common/Menu.svelte +201 -290
- package/dist/components/simple/common/Menu.svelte.d.ts +40 -51
- package/dist/components/simple/common/Playground.svelte +17 -18
- package/dist/components/simple/common/Playground.svelte.d.ts +15 -19
- package/dist/components/simple/common/VerticalDraggableList.svelte +16 -35
- package/dist/components/simple/common/VerticalDraggableList.svelte.d.ts +29 -33
- package/dist/components/simple/dashboards/DashboardGridShaper.svelte +26 -32
- package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts +12 -16
- package/dist/components/simple/dates/Calendar.svelte +28 -52
- package/dist/components/simple/dates/Calendar.svelte.d.ts +41 -45
- package/dist/components/simple/dates/DatePicker.svelte +60 -90
- package/dist/components/simple/dates/DatePicker.svelte.d.ts +40 -44
- package/dist/components/simple/dates/MonthSelector.svelte +15 -37
- package/dist/components/simple/dates/MonthSelector.svelte.d.ts +31 -35
- package/dist/components/simple/dates/TimePicker.svelte +31 -45
- package/dist/components/simple/dates/TimePicker.svelte.d.ts +20 -24
- package/dist/components/simple/dates/TimePickerTextField.svelte +35 -56
- package/dist/components/simple/dates/TimePickerTextField.svelte.d.ts +24 -28
- package/dist/components/simple/dates/YearSelector.svelte +29 -54
- package/dist/components/simple/dates/YearSelector.svelte.d.ts +31 -35
- package/dist/components/simple/dialogs/Dialog.svelte +62 -92
- package/dist/components/simple/dialogs/Dialog.svelte.d.ts +28 -42
- package/dist/components/simple/forms/Autocomplete.svelte +142 -201
- package/dist/components/simple/forms/Autocomplete.svelte.d.ts +79 -83
- package/dist/components/simple/forms/Checkbox.svelte +24 -40
- package/dist/components/simple/forms/Checkbox.svelte.d.ts +21 -25
- package/dist/components/simple/forms/FileInput.svelte +48 -88
- package/dist/components/simple/forms/FileInput.svelte.d.ts +33 -37
- package/dist/components/simple/forms/FileInputList.svelte +34 -52
- package/dist/components/simple/forms/FileInputList.svelte.d.ts +39 -43
- package/dist/components/simple/forms/RadioButton.svelte +3 -11
- package/dist/components/simple/forms/RadioButton.svelte.d.ts +27 -31
- package/dist/components/simple/forms/Select.svelte +3 -16
- package/dist/components/simple/forms/Select.svelte.d.ts +20 -24
- package/dist/components/simple/forms/SimpleTextField.svelte +6 -53
- package/dist/components/simple/forms/SimpleTextField.svelte.d.ts +60 -64
- package/dist/components/simple/forms/Switch.svelte +16 -30
- package/dist/components/simple/forms/Switch.svelte.d.ts +21 -25
- package/dist/components/simple/forms/Textarea.svelte +2 -27
- package/dist/components/simple/forms/Textarea.svelte.d.ts +37 -41
- package/dist/components/simple/forms/Textfield.svelte +18 -56
- package/dist/components/simple/forms/Textfield.svelte.d.ts +51 -55
- package/dist/components/simple/forms/TreeEditor.svelte +95 -141
- package/dist/components/simple/forms/TreeEditor.svelte.d.ts +38 -42
- package/dist/components/simple/forms/TreeEditorItem.svelte +42 -77
- package/dist/components/simple/forms/TreeEditorItem.svelte.d.ts +50 -54
- package/dist/components/simple/forms/VerticalSwitch.svelte +1 -11
- package/dist/components/simple/forms/VerticalSwitch.svelte.d.ts +28 -32
- package/dist/components/simple/forms/VerticalTextSwitch.svelte +3 -15
- package/dist/components/simple/forms/VerticalTextSwitch.svelte.d.ts +26 -30
- package/dist/components/simple/lists/ColorInvertedSelector.svelte +23 -53
- package/dist/components/simple/lists/ColorInvertedSelector.svelte.d.ts +42 -46
- package/dist/components/simple/lists/HierarchyMenu.svelte +19 -38
- package/dist/components/simple/lists/HierarchyMenu.svelte.d.ts +30 -34
- package/dist/components/simple/lists/Paginator.svelte +41 -50
- package/dist/components/simple/lists/Paginator.svelte.d.ts +19 -23
- package/dist/components/simple/lists/SelectableMenuList.svelte +15 -43
- package/dist/components/simple/lists/SelectableMenuList.svelte.d.ts +20 -24
- package/dist/components/simple/lists/SelectableVerticalList.svelte +57 -99
- package/dist/components/simple/lists/SelectableVerticalList.svelte.d.ts +47 -51
- package/dist/components/simple/lists/SidebarMenuList.svelte +70 -115
- package/dist/components/simple/lists/SidebarMenuList.svelte.d.ts +22 -26
- package/dist/components/simple/lists/SimpleTable.svelte +154 -264
- package/dist/components/simple/lists/SimpleTable.svelte.d.ts +66 -70
- package/dist/components/simple/loaders/CircularLoader.svelte +5 -16
- package/dist/components/simple/loaders/CircularLoader.svelte.d.ts +15 -19
- package/dist/components/simple/loaders/Skeleton.svelte +2 -3
- package/dist/components/simple/loaders/Skeleton.svelte.d.ts +12 -16
- package/dist/components/simple/media/AttachmentDownloader.svelte +3 -17
- package/dist/components/simple/media/AttachmentDownloader.svelte.d.ts +28 -32
- package/dist/components/simple/media/Avatar.svelte +12 -18
- package/dist/components/simple/media/Avatar.svelte.d.ts +20 -31
- package/dist/components/simple/media/Carousel.svelte +11 -29
- package/dist/components/simple/media/Carousel.svelte.d.ts +24 -28
- package/dist/components/simple/media/DescriptiveAvatar.svelte +4 -12
- package/dist/components/simple/media/DescriptiveAvatar.svelte.d.ts +28 -44
- package/dist/components/simple/media/FlagIcon.svelte +5 -8
- package/dist/components/simple/media/FlagIcon.svelte.d.ts +15 -19
- package/dist/components/simple/media/Gallery.svelte +29 -49
- package/dist/components/simple/media/Gallery.svelte.d.ts +23 -27
- package/dist/components/simple/media/Icon.svelte +4 -9
- package/dist/components/simple/media/Icon.svelte.d.ts +20 -24
- package/dist/components/simple/media/Image.svelte +20 -42
- package/dist/components/simple/media/Image.svelte.d.ts +33 -44
- package/dist/components/simple/media/ImageGrid.svelte +12 -37
- package/dist/components/simple/media/ImageGrid.svelte.d.ts +28 -32
- package/dist/components/simple/navigation/Breadcrumb.svelte +10 -28
- package/dist/components/simple/navigation/Breadcrumb.svelte.d.ts +22 -26
- package/dist/components/simple/navigation/Chip.svelte +23 -44
- package/dist/components/simple/navigation/Chip.svelte.d.ts +31 -42
- package/dist/components/simple/navigation/Drawer.svelte +65 -107
- package/dist/components/simple/navigation/Drawer.svelte.d.ts +37 -50
- package/dist/components/simple/navigation/HeaderMenu.svelte +23 -40
- package/dist/components/simple/navigation/HeaderMenu.svelte.d.ts +35 -39
- package/dist/components/simple/navigation/Navigator.svelte +8 -30
- package/dist/components/simple/navigation/Navigator.svelte.d.ts +24 -28
- package/dist/components/simple/navigation/TabSwitcher.svelte +47 -83
- package/dist/components/simple/navigation/TabSwitcher.svelte.d.ts +34 -38
- package/dist/components/simple/notifiers/AlertBanner.svelte +15 -43
- package/dist/components/simple/notifiers/AlertBanner.svelte.d.ts +37 -41
- package/dist/components/simple/progress/ProgressBar.svelte +13 -20
- package/dist/components/simple/progress/ProgressBar.svelte.d.ts +17 -21
- package/dist/components/simple/timeline/SimpleTimeLine.svelte +5 -19
- package/dist/components/simple/timeline/SimpleTimeLine.svelte.d.ts +35 -39
- package/dist/components/simple/typography/Code.svelte +12 -27
- package/dist/components/simple/typography/Code.svelte.d.ts +24 -28
- package/dist/stores/debounce.d.ts +1 -0
- package/dist/stores/layouts/unstableSidebarOpened.d.ts +1 -0
- package/dist/stores/mediaQuery.d.ts +1 -0
- package/dist/stores/theme.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
<script
|
|
2
|
-
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
}
|
|
56
|
-
type
|
|
57
|
-
export
|
|
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
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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"
|
|
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
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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 !==
|
|
21
|
-
if(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(
|
|
31
|
-
|
|
21
|
+
};
|
|
22
|
+
activator.addEventListener("mouseenter", mouseEnterHandler);
|
|
32
23
|
mouseLeaveHandler = () => {
|
|
33
|
-
if(appearTimeoutId !==
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 {};
|