@likable-hair/svelte 3.0.83 → 3.0.85

package/dist/components/composed/buttons/ActivableButton.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         active?: boolean | undefined;
@@ -29,6 +29,6 @@ declare const __propDef: {
 export type ActivableButtonProps = typeof __propDef.props;
 export type ActivableButtonEvents = typeof __propDef.events;
 export type ActivableButtonSlots = typeof __propDef.slots;
-export default class ActivableButton extends SvelteComponentTyped<ActivableButtonProps, ActivableButtonEvents, ActivableButtonSlots> {
+export default class ActivableButton extends SvelteComponent<ActivableButtonProps, ActivableButtonEvents, ActivableButtonSlots> {
 }
 export {};

package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import Drawer from '../../simple/navigation/Drawer.svelte';
 import Menu from '../../simple/common/Menu.svelte';
@@ -36,6 +36,6 @@ declare const __propDef: {
 export type MenuOrDrawerProps = typeof __propDef.props;
 export type MenuOrDrawerEvents = typeof __propDef.events;
 export type MenuOrDrawerSlots = typeof __propDef.slots;
-export default class MenuOrDrawer extends SvelteComponentTyped<MenuOrDrawerProps, MenuOrDrawerEvents, MenuOrDrawerSlots> {
+export default class MenuOrDrawer extends SvelteComponent<MenuOrDrawerProps, MenuOrDrawerEvents, MenuOrDrawerSlots> {
 }
 export {};

package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
 import '../../../css/main.css';
 import type { ComponentProps } from 'svelte';
@@ -33,6 +33,6 @@ declare const __propDef: {
 export type MenuOrDrawerOptionsProps = typeof __propDef.props;
 export type MenuOrDrawerOptionsEvents = typeof __propDef.events;
 export type MenuOrDrawerOptionsSlots = typeof __propDef.slots;
-export default class MenuOrDrawerOptions extends SvelteComponentTyped<MenuOrDrawerOptionsProps, MenuOrDrawerOptionsEvents, MenuOrDrawerOptionsSlots> {
+export default class MenuOrDrawerOptions extends SvelteComponent<MenuOrDrawerOptionsProps, MenuOrDrawerOptionsEvents, MenuOrDrawerOptionsSlots> {
 }
 export {};

package/dist/components/composed/common/ToolTip.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 declare const __propDef: {
     props: {
@@ -41,6 +41,6 @@ declare const __propDef: {
 export type ToolTipProps = typeof __propDef.props;
 export type ToolTipEvents = typeof __propDef.events;
 export type ToolTipSlots = typeof __propDef.slots;
-export default class ToolTip extends SvelteComponentTyped<ToolTipProps, ToolTipEvents, ToolTipSlots> {
+export default class ToolTip extends SvelteComponent<ToolTipProps, ToolTipEvents, ToolTipSlots> {
 }
 export {};

package/dist/components/composed/forms/AsyncAutocomplete.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
 export type { Item };
 declare const __propDef: {
@@ -30,5 +30,5 @@ declare const __propDef: {
 export type AsyncAutocompleteProps = typeof __propDef.props;
 export type AsyncAutocompleteEvents = typeof __propDef.events;
 export type AsyncAutocompleteSlots = typeof __propDef.slots;
-export default class AsyncAutocomplete extends SvelteComponentTyped<AsyncAutocompleteProps, AsyncAutocompleteEvents, AsyncAutocompleteSlots> {
+export default class AsyncAutocomplete extends SvelteComponent<AsyncAutocompleteProps, AsyncAutocompleteEvents, AsyncAutocompleteSlots> {
 }

package/dist/components/composed/forms/AvatarDropdown.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type AvatarItem = {
     value: string | number;
     tooltip?: string | number;
@@ -45,6 +45,6 @@ declare const __propDef: {
 export type AvatarDropdownProps = typeof __propDef.props;
 export type AvatarDropdownEvents = typeof __propDef.events;
 export type AvatarDropdownSlots = typeof __propDef.slots;
-export default class AvatarDropdown extends SvelteComponentTyped<AvatarDropdownProps, AvatarDropdownEvents, AvatarDropdownSlots> {
+export default class AvatarDropdown extends SvelteComponent<AvatarDropdownProps, AvatarDropdownEvents, AvatarDropdownSlots> {
 }
 export {};

package/dist/components/composed/forms/ConfirmOrCancelButtons.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 declare const __propDef: {
     props: {
@@ -36,6 +36,6 @@ declare const __propDef: {
 export type ConfirmOrCancelButtonsProps = typeof __propDef.props;
 export type ConfirmOrCancelButtonsEvents = typeof __propDef.events;
 export type ConfirmOrCancelButtonsSlots = typeof __propDef.slots;
-export default class ConfirmOrCancelButtons extends SvelteComponentTyped<ConfirmOrCancelButtonsProps, ConfirmOrCancelButtonsEvents, ConfirmOrCancelButtonsSlots> {
+export default class ConfirmOrCancelButtons extends SvelteComponent<ConfirmOrCancelButtonsProps, ConfirmOrCancelButtonsEvents, ConfirmOrCancelButtonsSlots> {
 }
 export {};

package/dist/components/composed/forms/CountriesAutocomplete.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { type Item } from "../../simple/forms/Autocomplete.svelte";
 declare const __propDef: {
     props: {
@@ -54,6 +54,6 @@ declare const __propDef: {
 export type CountriesAutocompleteProps = typeof __propDef.props;
 export type CountriesAutocompleteEvents = typeof __propDef.events;
 export type CountriesAutocompleteSlots = typeof __propDef.slots;
-export default class CountriesAutocomplete extends SvelteComponentTyped<CountriesAutocompleteProps, CountriesAutocompleteEvents, CountriesAutocompleteSlots> {
+export default class CountriesAutocomplete extends SvelteComponent<CountriesAutocompleteProps, CountriesAutocompleteEvents, CountriesAutocompleteSlots> {
 }
 export {};

package/dist/components/composed/forms/DatePickerTextField.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import SimpleTextField from "../../simple/forms/SimpleTextField.svelte";
 import { type ComponentProps } from 'svelte';
 import type { DateStat } from '../../simple/dates/utils';
@@ -54,6 +54,6 @@ declare const __propDef: {
 export type DatePickerTextFieldProps = typeof __propDef.props;
 export type DatePickerTextFieldEvents = typeof __propDef.events;
 export type DatePickerTextFieldSlots = typeof __propDef.slots;
-export default class DatePickerTextField extends SvelteComponentTyped<DatePickerTextFieldProps, DatePickerTextFieldEvents, DatePickerTextFieldSlots> {
+export default class DatePickerTextField extends SvelteComponent<DatePickerTextFieldProps, DatePickerTextFieldEvents, DatePickerTextFieldSlots> {
 }
 export {};

package/dist/components/composed/forms/Dropdown.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
 export type { Item };
 declare const __propDef: {
@@ -40,5 +40,5 @@ declare const __propDef: {
 export type DropdownProps = typeof __propDef.props;
 export type DropdownEvents = typeof __propDef.events;
 export type DropdownSlots = typeof __propDef.slots;
-export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
+export default class Dropdown extends SvelteComponent<DropdownProps, DropdownEvents, DropdownSlots> {
 }

package/dist/components/composed/forms/IconsDropdown.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type IconItem = {
     value: string | number;
     icon: string;
@@ -24,6 +24,6 @@ declare const __propDef: {
 export type IconsDropdownProps = typeof __propDef.props;
 export type IconsDropdownEvents = typeof __propDef.events;
 export type IconsDropdownSlots = typeof __propDef.slots;
-export default class IconsDropdown extends SvelteComponentTyped<IconsDropdownProps, IconsDropdownEvents, IconsDropdownSlots> {
+export default class IconsDropdown extends SvelteComponent<IconsDropdownProps, IconsDropdownEvents, IconsDropdownSlots> {
 }
 export {};

package/dist/components/composed/forms/YearPickerTextField.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import SimpleTextField from "../../simple/forms/SimpleTextField.svelte";
 import { type ComponentProps } from 'svelte';
 declare const __propDef: {
@@ -48,6 +48,6 @@ declare const __propDef: {
 export type YearPickerTextFieldProps = typeof __propDef.props;
 export type YearPickerTextFieldEvents = typeof __propDef.events;
 export type YearPickerTextFieldSlots = typeof __propDef.slots;
-export default class YearPickerTextField extends SvelteComponentTyped<YearPickerTextFieldProps, YearPickerTextFieldEvents, YearPickerTextFieldSlots> {
+export default class YearPickerTextField extends SvelteComponent<YearPickerTextFieldProps, YearPickerTextFieldEvents, YearPickerTextFieldSlots> {
 }
 export {};

package/dist/components/composed/list/PaginatedTable.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import SimpleTable from "../../simple/lists/SimpleTable.svelte";
 import Paginator from "./Paginator.svelte";
 import Dropdown from "../forms/Dropdown.svelte";
@@ -102,6 +102,6 @@ declare const __propDef: {
 export type PaginatedTableProps = typeof __propDef.props;
 export type PaginatedTableEvents = typeof __propDef.events;
 export type PaginatedTableSlots = typeof __propDef.slots;
-export default class PaginatedTable extends SvelteComponentTyped<PaginatedTableProps, PaginatedTableEvents, PaginatedTableSlots> {
+export default class PaginatedTable extends SvelteComponent<PaginatedTableProps, PaginatedTableEvents, PaginatedTableSlots> {
 }
 export {};

package/dist/components/composed/list/Paginator.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Paginator.css';
 declare const __propDef: {
@@ -18,6 +18,6 @@ declare const __propDef: {
 export type PaginatorProps = typeof __propDef.props;
 export type PaginatorEvents = typeof __propDef.events;
 export type PaginatorSlots = typeof __propDef.slots;
-export default class Paginator extends SvelteComponentTyped<PaginatorProps, PaginatorEvents, PaginatorSlots> {
+export default class Paginator extends SvelteComponent<PaginatorProps, PaginatorEvents, PaginatorSlots> {
 }
 export {};

package/dist/components/composed/progress/HorizontalStackedProgress.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type ProgressItem = {
     label?: string;
     color?: string;
@@ -19,6 +19,6 @@ declare const __propDef: {
 export type HorizontalStackedProgressProps = typeof __propDef.props;
 export type HorizontalStackedProgressEvents = typeof __propDef.events;
 export type HorizontalStackedProgressSlots = typeof __propDef.slots;
-export default class HorizontalStackedProgress extends SvelteComponentTyped<HorizontalStackedProgressProps, HorizontalStackedProgressEvents, HorizontalStackedProgressSlots> {
+export default class HorizontalStackedProgress extends SvelteComponent<HorizontalStackedProgressProps, HorizontalStackedProgressEvents, HorizontalStackedProgressSlots> {
 }
 export {};

package/dist/components/composed/search/FilterEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Filter } from "../../../utils/filters/filters";
 import type { LabelMapper } from "./Filters.svelte";
 declare const __propDef: {
@@ -29,6 +29,6 @@ declare const __propDef: {
 export type FilterEditorProps = typeof __propDef.props;
 export type FilterEditorEvents = typeof __propDef.events;
 export type FilterEditorSlots = typeof __propDef.slots;
-export default class FilterEditor extends SvelteComponentTyped<FilterEditorProps, FilterEditorEvents, FilterEditorSlots> {
+export default class FilterEditor extends SvelteComponent<FilterEditorProps, FilterEditorEvents, FilterEditorSlots> {
 }
 export {};

package/dist/components/composed/search/Filters.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
 export type LabelMapper = {
     [label: string]: {
@@ -52,6 +52,6 @@ declare const __propDef: {
 export type FiltersProps = typeof __propDef.props;
 export type FiltersEvents = typeof __propDef.events;
 export type FiltersSlots = typeof __propDef.slots;
-export default class Filters extends SvelteComponentTyped<FiltersProps, FiltersEvents, FiltersSlots> {
+export default class Filters extends SvelteComponent<FiltersProps, FiltersEvents, FiltersSlots> {
 }
 export {};

package/dist/components/composed/search/GlobalSearchTextField.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './GlobalSearchTextField.css';
 import { type Result } from './SearchResults.svelte';
@@ -40,6 +40,6 @@ declare const __propDef: {
 export type GlobalSearchTextFieldProps = typeof __propDef.props;
 export type GlobalSearchTextFieldEvents = typeof __propDef.events;
 export type GlobalSearchTextFieldSlots = typeof __propDef.slots;
-export default class GlobalSearchTextField extends SvelteComponentTyped<GlobalSearchTextFieldProps, GlobalSearchTextFieldEvents, GlobalSearchTextFieldSlots> {
+export default class GlobalSearchTextField extends SvelteComponent<GlobalSearchTextFieldProps, GlobalSearchTextFieldEvents, GlobalSearchTextFieldSlots> {
 }
 export {};

package/dist/components/composed/search/MobileFilterEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Filter } from "../../../utils/filters/filters";
 import type { LabelMapper } from "./Filters.svelte";
 declare const __propDef: {
@@ -33,6 +33,6 @@ declare const __propDef: {
 export type MobileFilterEditorProps = typeof __propDef.props;
 export type MobileFilterEditorEvents = typeof __propDef.events;
 export type MobileFilterEditorSlots = typeof __propDef.slots;
-export default class MobileFilterEditor extends SvelteComponentTyped<MobileFilterEditorProps, MobileFilterEditorEvents, MobileFilterEditorSlots> {
+export default class MobileFilterEditor extends SvelteComponent<MobileFilterEditorProps, MobileFilterEditorEvents, MobileFilterEditorSlots> {
 }
 export {};

package/dist/components/composed/search/SearchBar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './SearchBar.css';
 declare const __propDef: {
@@ -29,6 +29,6 @@ declare const __propDef: {
 export type SearchBarProps = typeof __propDef.props;
 export type SearchBarEvents = typeof __propDef.events;
 export type SearchBarSlots = typeof __propDef.slots;
-export default class SearchBar extends SvelteComponentTyped<SearchBarProps, SearchBarEvents, SearchBarSlots> {
+export default class SearchBar extends SvelteComponent<SearchBarProps, SearchBarEvents, SearchBarSlots> {
 }
 export {};

package/dist/components/composed/search/SearchResults.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type Result = {
     title: string;
     name: string | number;
@@ -42,6 +42,6 @@ declare const __propDef: {
 export type SearchResultsProps = typeof __propDef.props;
 export type SearchResultsEvents = typeof __propDef.events;
 export type SearchResultsSlots = typeof __propDef.slots;
-export default class SearchResults extends SvelteComponentTyped<SearchResultsProps, SearchResultsEvents, SearchResultsSlots> {
+export default class SearchResults extends SvelteComponent<SearchResultsProps, SearchResultsEvents, SearchResultsSlots> {
 }
 export {};

package/dist/components/composed/shop/ProductCard.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         image?: string | undefined;
@@ -25,6 +25,6 @@ declare const __propDef: {
 export type ProductCardProps = typeof __propDef.props;
 export type ProductCardEvents = typeof __propDef.events;
 export type ProductCardSlots = typeof __propDef.slots;
-export default class ProductCard extends SvelteComponentTyped<ProductCardProps, ProductCardEvents, ProductCardSlots> {
+export default class ProductCard extends SvelteComponent<ProductCardProps, ProductCardEvents, ProductCardSlots> {
 }
 export {};

package/dist/components/composed/shop/ProductsGrid.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         products?: {
@@ -39,6 +39,6 @@ declare const __propDef: {
 export type ProductsGridProps = typeof __propDef.props;
 export type ProductsGridEvents = typeof __propDef.events;
 export type ProductsGridSlots = typeof __propDef.slots;
-export default class ProductsGrid extends SvelteComponentTyped<ProductsGridProps, ProductsGridEvents, ProductsGridSlots> {
+export default class ProductsGrid extends SvelteComponent<ProductsGridProps, ProductsGridEvents, ProductsGridSlots> {
 }
 export {};

package/dist/components/layouts/CollapsibleSideBarLayout.svelte

@@ -68,6 +68,7 @@ function handleCollpsabledDividerChange() {
             items={menuItems}
             collapsed={false}
             selected={selectedMenuElementName}
+            on:select={handleMenuSelect}
           ></SelectableMenuList>
           <div class="sidebar-footer">
             <slot name="sidebar-footer" collapsed={false} drawer={true}></slot>

package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './CollapsibleSideBarLayout.css';
 import type { MenuItem } from "../simple/lists/SelectableMenuList.svelte";
@@ -38,6 +38,6 @@ declare const __propDef: {
 export type CollapsibleSideBarLayoutProps = typeof __propDef.props;
 export type CollapsibleSideBarLayoutEvents = typeof __propDef.events;
 export type CollapsibleSideBarLayoutSlots = typeof __propDef.slots;
-export default class CollapsibleSideBarLayout extends SvelteComponentTyped<CollapsibleSideBarLayoutProps, CollapsibleSideBarLayoutEvents, CollapsibleSideBarLayoutSlots> {
+export default class CollapsibleSideBarLayout extends SvelteComponent<CollapsibleSideBarLayoutProps, CollapsibleSideBarLayoutEvents, CollapsibleSideBarLayoutSlots> {
 }
 export {};

package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './StableDividedSideBarLayout.css';
 declare const __propDef: {
@@ -32,6 +32,6 @@ declare const __propDef: {
 export type StableDividedSideBarLayoutProps = typeof __propDef.props;
 export type StableDividedSideBarLayoutEvents = typeof __propDef.events;
 export type StableDividedSideBarLayoutSlots = typeof __propDef.slots;
-export default class StableDividedSideBarLayout extends SvelteComponentTyped<StableDividedSideBarLayoutProps, StableDividedSideBarLayoutEvents, StableDividedSideBarLayoutSlots> {
+export default class StableDividedSideBarLayout extends SvelteComponent<StableDividedSideBarLayoutProps, StableDividedSideBarLayoutEvents, StableDividedSideBarLayoutSlots> {
 }
 export {};

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../css/main.css';
 import './UnstableDividedSideBarLayout.css';
 import { type Option } from '../simple/lists/ColorInvertedSelector.svelte';
@@ -51,6 +51,6 @@ declare const __propDef: {
 export type UnstableDividedSideBarLayoutProps = typeof __propDef.props;
 export type UnstableDividedSideBarLayoutEvents = typeof __propDef.events;
 export type UnstableDividedSideBarLayoutSlots = typeof __propDef.slots;
-export default class UnstableDividedSideBarLayout extends SvelteComponentTyped<UnstableDividedSideBarLayoutProps, UnstableDividedSideBarLayoutEvents, UnstableDividedSideBarLayoutSlots> {
+export default class UnstableDividedSideBarLayout extends SvelteComponent<UnstableDividedSideBarLayoutProps, UnstableDividedSideBarLayoutEvents, UnstableDividedSideBarLayoutSlots> {
 }
 export {};

package/dist/components/simple/buttons/Button.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Button.css';
 declare const __propDef: {
@@ -34,6 +34,6 @@ declare const __propDef: {
 export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
+export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

package/dist/components/simple/buttons/LinkButton.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './LinkButton.css';
 declare const __propDef: {
@@ -33,6 +33,6 @@ declare const __propDef: {
 export type LinkButtonProps = typeof __propDef.props;
 export type LinkButtonEvents = typeof __propDef.events;
 export type LinkButtonSlots = typeof __propDef.slots;
-export default class LinkButton extends SvelteComponentTyped<LinkButtonProps, LinkButtonEvents, LinkButtonSlots> {
+export default class LinkButton extends SvelteComponent<LinkButtonProps, LinkButtonEvents, LinkButtonSlots> {
 }
 export {};

package/dist/components/simple/charts/GanymedeLineChart.svelte

@@ -1,9 +1,4 @@
 <script>import { Line } from "svelte-chartjs";
-let background = void 0;
-onMount(() => {
-  let style = getComputedStyle(document.body);
-  background = style.getPropertyValue("--global-color-background-200");
-});
 import {
   Chart as ChartJS,
   Title,
@@ -24,27 +19,57 @@ ChartJS.register(
   PointElement,
   CategoryScale
 );
+let background = void 0, mounted = false, zoomMounted = false;
+onMount(async () => {
+  let style = getComputedStyle(document.body);
+  background = style.getPropertyValue("--global-color-background-200");
+  mounted = true;
+});
 export let data = {
   labels: [],
   datasets: []
-}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1;
+}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = false, resetZoom = false;
 $:
   gridColor = "rgb(" + (background || "200, 200, 200") + ", .3)";
-</script>
-
-<Line
-  bind:data={data}
-  options={{
-    indexAxis: horizontal ? 'y' : 'x',
-    responsive: responsive,
-    maintainAspectRatio: maintainAspectRatio,
+let chart;
+$:
+  if (!!chart && !!enableZoom && !!resetZoom) {
+    chart.resetZoom();
+    resetZoom = false;
+  }
+$:
+  if (enableZoom && mounted) {
+    import("chartjs-plugin-zoom").then(({ default: zoomPlugin }) => {
+      ChartJS.register(zoomPlugin);
+      zoomMounted = true;
+    });
+  }
+let chartOptions;
+$:
+  chartOptions = {
+    indexAxis: horizontal ? "y" : "x",
+    responsive,
+    maintainAspectRatio,
     plugins: {
       legend: {
         display: showLegend
+      },
+      zoom: {
+        pan: {
+          enabled: true,
+          mode: "x",
+          modifierKey: "ctrl"
+        },
+        zoom: {
+          drag: {
+            enabled: true
+          },
+          mode: "x"
+        }
       }
     },
     interaction: {
-      intersect: false,
+      intersect: false
     },
     scales: {
       x: {
@@ -64,14 +89,13 @@ $:
       },
       y: {
         display: displayYGrid,
-        title: {
-        },
+        title: {},
         grid: {
-          lineWidth: lineWidth,
+          lineWidth,
           color: gridColor
         },
         border: {
-          dash: [10,10],
+          dash: [10, 10],
           display: false
         },
         ticks: {
@@ -79,5 +103,13 @@ $:
         }
       }
     }
-  }}
-></Line>
+  };
+</script>
+
+{#if zoomMounted || !enableZoom}
+  <Line
+    bind:data={data}
+    options={chartOptions}
+    bind:chart={chart}
+  ></Line>
+{/if}

package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         data?: {
@@ -20,6 +20,8 @@ declare const __propDef: {
         showXTicks?: boolean | undefined;
         displayYGrid?: boolean | undefined;
         lineWidth?: number | undefined;
+        enableZoom?: boolean | undefined;
+        resetZoom?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -29,6 +31,6 @@ declare const __propDef: {
 export type GanymedeLineChartProps = typeof __propDef.props;
 export type GanymedeLineChartEvents = typeof __propDef.events;
 export type GanymedeLineChartSlots = typeof __propDef.slots;
-export default class GanymedeLineChart extends SvelteComponentTyped<GanymedeLineChartProps, GanymedeLineChartEvents, GanymedeLineChartSlots> {
+export default class GanymedeLineChart extends SvelteComponent<GanymedeLineChartProps, GanymedeLineChartEvents, GanymedeLineChartSlots> {
 }
 export {};

package/dist/components/simple/common/Card.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         outlined?: boolean | undefined;
@@ -35,6 +35,6 @@ declare const __propDef: {
 export type CardProps = typeof __propDef.props;
 export type CardEvents = typeof __propDef.events;
 export type CardSlots = typeof __propDef.slots;
-export default class Card extends SvelteComponentTyped<CardProps, CardEvents, CardSlots> {
+export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
 }
 export {};

package/dist/components/simple/common/CollapsibleDivider.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './CollapsibleDivider.css';
 declare const __propDef: {
@@ -24,6 +24,6 @@ declare const __propDef: {
 export type CollapsibleDividerProps = typeof __propDef.props;
 export type CollapsibleDividerEvents = typeof __propDef.events;
 export type CollapsibleDividerSlots = typeof __propDef.slots;
-export default class CollapsibleDivider extends SvelteComponentTyped<CollapsibleDividerProps, CollapsibleDividerEvents, CollapsibleDividerSlots> {
+export default class CollapsibleDivider extends SvelteComponent<CollapsibleDividerProps, CollapsibleDividerEvents, CollapsibleDividerSlots> {
 }
 export {};

package/dist/components/simple/common/Gesture.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         timeThreshold?: number | undefined;
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type GestureProps = typeof __propDef.props;
 export type GestureEvents = typeof __propDef.events;
 export type GestureSlots = typeof __propDef.slots;
-export default class Gesture extends SvelteComponentTyped<GestureProps, GestureEvents, GestureSlots> {
+export default class Gesture extends SvelteComponent<GestureProps, GestureEvents, GestureSlots> {
 }
 export {};

package/dist/components/simple/common/IntersectionObserver.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         once?: boolean | undefined;
@@ -19,6 +19,6 @@ declare const __propDef: {
 export type IntersectionObserverProps = typeof __propDef.props;
 export type IntersectionObserverEvents = typeof __propDef.events;
 export type IntersectionObserverSlots = typeof __propDef.slots;
-export default class IntersectionObserver extends SvelteComponentTyped<IntersectionObserverProps, IntersectionObserverEvents, IntersectionObserverSlots> {
+export default class IntersectionObserver extends SvelteComponent<IntersectionObserverProps, IntersectionObserverEvents, IntersectionObserverSlots> {
 }
 export {};

package/dist/components/simple/common/MediaQuery.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -27,6 +27,6 @@ declare const __propDef: {
 export type MediaQueryProps = typeof __propDef.props;
 export type MediaQueryEvents = typeof __propDef.events;
 export type MediaQuerySlots = typeof __propDef.slots;
-export default class MediaQuery extends SvelteComponentTyped<MediaQueryProps, MediaQueryEvents, MediaQuerySlots> {
+export default class MediaQuery extends SvelteComponent<MediaQueryProps, MediaQueryEvents, MediaQuerySlots> {
 }
 export {};