@likable-hair/svelte 3.3.21 → 3.3.22

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

@@ -1,40 +1,44 @@
-import { SvelteComponent } from "svelte";
 import type { Filter } from "../../../utils/filters/filters";
 import type { LabelMapper } from "./Filters.svelte";
-declare const __propDef: {
-    props: {
-        filter?: Filter | undefined;
-        lang?: "it" | "en" | undefined;
-        backIcon?: string | undefined;
-        betweenFromLabel?: string | undefined;
-        betweenToLabel?: string | undefined;
-        labelsMapper: LabelMapper;
-        forceApplyValid?: boolean | undefined;
-        tmpFilter?: Filter | undefined;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        keypress: KeyboardEvent;
-        click: MouseEvent;
-        close: CustomEvent<{}>;
-        backClick: CustomEvent<undefined>;
-        cancelClick: CustomEvent<undefined>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const MobileFilterEditor: $$__sveltets_2_IsomorphicComponent<{
+    filter?: Filter | undefined;
+    lang?: "it" | "en";
+    backIcon?: string;
+    betweenFromLabel?: string;
+    betweenToLabel?: string;
+    labelsMapper: LabelMapper;
+    forceApplyValid?: boolean;
+    tmpFilter?: Filter | undefined;
+}, {
+    keypress: KeyboardEvent;
+    click: MouseEvent;
+    close: CustomEvent<{}>;
+    backClick: CustomEvent<undefined>;
+    cancelClick: CustomEvent<undefined>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    title: {};
+    custom: {
+        filter: Filter | undefined;
     };
-    slots: {
-        title: {};
-        custom: {
-            filter: Filter | undefined;
-        };
-        'filter-actions': {
-            applyFilterDisabled: boolean;
-            filter: Filter | undefined;
-        };
+    'filter-actions': {
+        applyFilterDisabled: boolean;
+        filter: Filter | undefined;
     };
-};
-export type MobileFilterEditorProps = typeof __propDef.props;
-export type MobileFilterEditorEvents = typeof __propDef.events;
-export type MobileFilterEditorSlots = typeof __propDef.slots;
-export default class MobileFilterEditor extends SvelteComponent<MobileFilterEditorProps, MobileFilterEditorEvents, MobileFilterEditorSlots> {
-}
-export {};
+}, {}, string>;
+type MobileFilterEditor = InstanceType<typeof MobileFilterEditor>;
+export default MobileFilterEditor;

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

@@ -1,8 +1,31 @@
-<script>import "../../../css/main.css";
-import "./SearchBar.css";
-let clazz = {};
-export { clazz as class };
-export let input = void 0, value = void 0, placeholder = void 0;
+<script lang="ts">
+  import '../../../css/main.css'
+  import './SearchBar.css'
+
+  let clazz: {
+    container?: string,
+    icon?: string,
+    input?: string
+  } = {};
+	export { clazz as class };
+
+  /*
+    Styles:
+
+    --search-bar-ring-color
+    --search-bar-background-color
+    --search-bar-border-radius
+    --search-bar-height
+    --search-bar-padding
+    --search-bar-line-height
+    --search-bar-font-size
+    --search-bar-max-width
+    --search-bar-width
+  */
+
+  export let input: HTMLElement | undefined = undefined,
+    value: string | undefined = undefined,
+    placeholder: string | undefined = undefined
 </script>
 
 <div

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

@@ -1,34 +1,38 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './SearchBar.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            icon?: string | undefined;
-            input?: string | undefined;
-        } | undefined;
-        input?: HTMLElement | undefined;
-        value?: string | undefined;
-        placeholder?: string | undefined;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        input: Event;
-        change: Event;
-        keydown: KeyboardEvent;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        icon: {};
-        input: {};
-    };
-};
-export type SearchBarProps = typeof __propDef.props;
-export type SearchBarEvents = typeof __propDef.events;
-export type SearchBarSlots = typeof __propDef.slots;
-export default class SearchBar extends SvelteComponent<SearchBarProps, SearchBarEvents, SearchBarSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SearchBar: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        icon?: string;
+        input?: string;
+    };
+    input?: HTMLElement | undefined;
+    value?: string | undefined;
+    placeholder?: string | undefined;
+}, {
+    input: Event;
+    change: Event;
+    keydown: KeyboardEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    icon: {};
+    input: {};
+}, {}, string>;
+type SearchBar = InstanceType<typeof SearchBar>;
+export default SearchBar;

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

@@ -1,11 +1,46 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type Result = {
+    title: string
+    name: string | number,
+    subtitle?: string
+    url?: string,
+    /* eslint-disable  @typescript-eslint/no-explicit-any */
+    data?: Record<string, any>
+  };
+</script>
+
+<script lang="ts">
+  import '../../../css/main.css'
+  import './SearchResults.css'
+  import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
+
+  let clazz: {
+    container?: string,
+    loading?: string,
+    noData?: string,
+    results?: string
+  } = {};
+	export { clazz as class };
+
+  /*
+    Styles
+
+    --search-results-width
+    --search-results-max-width
+    --search-results-height
+    --search-results-max-height
+    --search-results-margin
+    --search-results-background-color
+    --search-results-border-color
+    --search-results-border-radius
+  */
 
-<script>import "../../../css/main.css";
-import "./SearchResults.css";
-import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
-let clazz = {};
-export { clazz as class };
-export let noDataText = "Sorry, nothing found", loadingText = "Searching for references ...", results = [], loading = false, footer = true, activeKeyboard = false;
+  export let noDataText: string = "Sorry, nothing found",
+    loadingText: string = "Searching for references ...",
+    results: Result[] | undefined = [],
+    loading: boolean = false,
+    footer: boolean = true,
+    activeKeyboard: boolean = false
 </script>
 
 <div 

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type Result = {
     title: string;
     name: string | number;
@@ -8,40 +7,45 @@ export type Result = {
 };
 import '../../../css/main.css';
 import './SearchResults.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            loading?: string | undefined;
-            noData?: string | undefined;
-            results?: string | undefined;
-        } | undefined;
-        noDataText?: string | undefined;
-        loadingText?: string | undefined;
-        results?: Result[] | undefined;
-        loading?: boolean | undefined;
-        footer?: boolean | undefined;
-        activeKeyboard?: boolean | undefined;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        focus: CustomEvent<{
-            element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
-        }>;
-        select: CustomEvent<{
-            element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        loading: {};
-        'no-data': {};
-        footer: {};
-    };
-};
-export type SearchResultsProps = typeof __propDef.props;
-export type SearchResultsEvents = typeof __propDef.events;
-export type SearchResultsSlots = typeof __propDef.slots;
-export default class SearchResults extends SvelteComponent<SearchResultsProps, SearchResultsEvents, SearchResultsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SearchResults: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        loading?: string;
+        noData?: string;
+        results?: string;
+    };
+    noDataText?: string;
+    loadingText?: string;
+    results?: Result[] | undefined;
+    loading?: boolean;
+    footer?: boolean;
+    activeKeyboard?: boolean;
+}, {
+    focus: CustomEvent<{
+        element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
+    }>;
+    select: CustomEvent<{
+        element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    loading: {};
+    'no-data': {};
+    footer: {};
+}, {}, string>;
+type SearchResults = InstanceType<typeof SearchResults>;
+export default SearchResults;

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

@@ -1,7 +1,21 @@
-<script>export let image = "", title = "", sale = false, saleText = "SALE", price = void 0, currency = "\u20AC", discount = void 0, maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = void 0, height = void 0;
-$:
-  priceLessDiscount = Number(((price || 0) - (discount || 0)).toFixed(2));
-import Image from "../../simple/media/Image.svelte";
+<script lang="ts">
+  export let image = "",
+    title = "",
+    sale = false,
+    saleText = "SALE",
+    price: number | undefined = undefined,
+    currency = "€",
+    discount: number | undefined = undefined,
+    maxWidth: string | undefined = undefined,
+    maxHeight: string | undefined = undefined,
+    minWidth: string | undefined = undefined,
+    minHeight: string | undefined = undefined,
+    width: string | undefined = undefined,
+    height: string | undefined = undefined;
+
+  $: priceLessDiscount = Number(((price || 0) - (discount || 0)).toFixed(2));
+
+  import Image from "../../simple/media/Image.svelte";
 </script>
 
 <div

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

@@ -1,30 +1,34 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        image?: string | undefined;
-        title?: string | undefined;
-        sale?: boolean | undefined;
-        saleText?: string | undefined;
-        price?: number | undefined;
-        currency?: string | undefined;
-        discount?: number | undefined;
-        maxWidth?: string | undefined;
-        maxHeight?: string | undefined;
-        minWidth?: string | undefined;
-        minHeight?: string | undefined;
-        width?: string | undefined;
-        height?: string | undefined;
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        sizes: {};
-    };
-};
-export type ProductCardProps = typeof __propDef.props;
-export type ProductCardEvents = typeof __propDef.events;
-export type ProductCardSlots = typeof __propDef.slots;
-export default class ProductCard extends SvelteComponent<ProductCardProps, ProductCardEvents, ProductCardSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ProductCard: $$__sveltets_2_IsomorphicComponent<{
+    image?: string;
+    title?: string;
+    sale?: boolean;
+    saleText?: string;
+    price?: number | undefined;
+    currency?: string;
+    discount?: number | undefined;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    sizes: {};
+}, {}, string>;
+type ProductCard = InstanceType<typeof ProductCard>;
+export default ProductCard;

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

@@ -1,5 +1,25 @@
-<script>export let products = [], productMaxWidth = "90vw", productMinWidth = "200px", productMaxHeight = "90vh", productMinHeight = "300px", productHeight = "300px", productWidth = "200px", width = "100%", gap = "1rem";
-import ProductCard from "./ProductCard.svelte";
+<script lang="ts">
+  type Product = {
+    image: string;
+    title: string;
+    sale?: boolean;
+    saleText?: string;
+    price?: number;
+    currency?: string;
+    discount?: number;
+  };
+
+  export let products: Product[] = [],
+    productMaxWidth = "90vw",
+    productMinWidth = "200px",
+    productMaxHeight = "90vh",
+    productMinHeight = "300px",
+    productHeight = "300px",
+    productWidth = "200px",
+    width = "100%",
+    gap = "1rem";
+
+  import ProductCard from "./ProductCard.svelte";
 </script>
 
 <div

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

@@ -1,44 +1,48 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        products?: {
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ProductsGrid: $$__sveltets_2_IsomorphicComponent<{
+    products?: {
+        image: string;
+        title: string;
+        sale?: boolean;
+        saleText?: string;
+        price?: number;
+        currency?: string;
+        discount?: number;
+    }[];
+    productMaxWidth?: string;
+    productMinWidth?: string;
+    productMaxHeight?: string;
+    productMinHeight?: string;
+    productHeight?: string;
+    productWidth?: string;
+    width?: string;
+    gap?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    sizes: {
+        product: {
             image: string;
             title: string;
-            sale?: boolean | undefined;
-            saleText?: string | undefined;
-            price?: number | undefined;
-            currency?: string | undefined;
-            discount?: number | undefined;
-        }[] | undefined;
-        productMaxWidth?: string | undefined;
-        productMinWidth?: string | undefined;
-        productMaxHeight?: string | undefined;
-        productMinHeight?: string | undefined;
-        productHeight?: string | undefined;
-        productWidth?: string | undefined;
-        width?: string | undefined;
-        gap?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        sizes: {
-            product: {
-                image: string;
-                title: string;
-                sale?: boolean | undefined;
-                saleText?: string | undefined;
-                price?: number | undefined;
-                currency?: string | undefined;
-                discount?: number | undefined;
-            };
+            sale?: boolean;
+            saleText?: string;
+            price?: number;
+            currency?: string;
+            discount?: number;
         };
     };
-};
-export type ProductsGridProps = typeof __propDef.props;
-export type ProductsGridEvents = typeof __propDef.events;
-export type ProductsGridSlots = typeof __propDef.slots;
-export default class ProductsGrid extends SvelteComponent<ProductsGridProps, ProductsGridEvents, ProductsGridSlots> {
-}
-export {};
+}, {}, string>;
+type ProductsGrid = InstanceType<typeof ProductsGrid>;
+export default ProductsGrid;

package/dist/components/layouts/CollapsibleSideBarLayout.svelte

@@ -1,42 +1,81 @@
-<script>import "../../css/main.css";
-import "./CollapsibleSideBarLayout.css";
-import MediaQuery from "../simple/common/MediaQuery.svelte";
-import Icon from "../simple/media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-import ColorInvertedSelector, {
-} from "../simple/lists/ColorInvertedSelector.svelte";
-import { writable } from "svelte/store";
-export let drawerOpened = false;
-export let options = [];
-export let selectedIndex = void 0;
-export let sidebarExpanded = false;
-export let isPinned = false;
-let clazz = {};
-export { clazz as class };
-const sidebarPinned = writable(false);
-$sidebarPinned = isPinned;
-let headerElement;
-const dispatch = createEventDispatcher();
-function toggleMenu() {
-  drawerOpened = !drawerOpened;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
-function handleOverlayClick() {
-  drawerOpened = false;
-  dispatch("drawer-change", { opened: drawerOpened });
-}
-function handleMenuSelection(option) {
-  if (!$sidebarPinned) {
-    sidebarExpanded = false;
+<script lang="ts">
+  import "../../css/main.css";
+  import "./CollapsibleSideBarLayout.css";
+  import MediaQuery from "../simple/common/MediaQuery.svelte";
+  import Icon from "../simple/media/Icon.svelte";
+  import { createEventDispatcher } from "svelte";
+  import ColorInvertedSelector, {
+    type Option,
+  } from "../simple/lists/ColorInvertedSelector.svelte";
+  import { writable } from "svelte/store";
+
+  interface ClassProps {
+    container?: string;
+    header?: string;
+    mainSection?: string;
+    overlay?: string;
+  }
+
+  export let drawerOpened = false;
+  export let options: Option[] = [];
+  export let selectedIndex: number | undefined = undefined;
+  export let sidebarExpanded: boolean = false;
+  export let isPinned: boolean = false;
+
+  //export let $$restProps: Record<string, any>;
+
+  let clazz: ClassProps = {};
+  export { clazz as class };
+
+  const sidebarPinned = writable(false);
+  $sidebarPinned = isPinned;
+
+  let headerElement: HTMLElement;
+
+  const dispatch = createEventDispatcher<{
+    "drawer-change": {
+      opened: boolean;
+    };
+    "menu-select": {
+      option: Option;
+    };
+    "pinned-change": {
+      pinned: boolean;
+    };
+    "sidebar-toggle": {
+      expanded: boolean;
+    };
+  }>();
+
+  function toggleMenu(): void {
+    drawerOpened = !drawerOpened;
+    dispatch("drawer-change", { opened: drawerOpened });
+  }
+
+  function handleOverlayClick(): void {
+    drawerOpened = false;
+    dispatch("drawer-change", { opened: drawerOpened });
+  }
+
+  function handleMenuSelection(option: Option): void {
+    if (!$sidebarPinned) {
+      sidebarExpanded = false;
+    }
+
+    drawerOpened = false;
+    dispatch("drawer-change", { opened: drawerOpened });
+    dispatch("menu-select", { option });
+  }
+
+  // function togglePin(): void {
+  //   sidebarExpanded = $sidebarPinned;
+  //   dispatch("pinned-change", { pinned: $sidebarPinned });
+  // }
+
+  function toggleSidebar(): void {
+    sidebarExpanded = !sidebarExpanded;
+    dispatch("sidebar-toggle", { expanded: sidebarExpanded });
   }
-  drawerOpened = false;
-  dispatch("drawer-change", { opened: drawerOpened });
-  dispatch("menu-select", { option });
-}
-function toggleSidebar() {
-  sidebarExpanded = !sidebarExpanded;
-  dispatch("sidebar-toggle", { expanded: sidebarExpanded });
-}
 </script>
 
 <MediaQuery let:mAndDown>