@likable-hair/svelte 3.3.20 → 3.3.21

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

@@ -1,44 +1,40 @@
+import { SvelteComponent } from "svelte";
 import type { Filter } from "../../../utils/filters/filters";
 import type { LabelMapper } from "./Filters.svelte";
-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;
+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;
     };
-    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;
+    events: {
+        keypress: KeyboardEvent;
+        click: MouseEvent;
+        close: CustomEvent<{}>;
+        backClick: CustomEvent<undefined>;
+        cancelClick: CustomEvent<undefined>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    'filter-actions': {
-        applyFilterDisabled: boolean;
-        filter: Filter | undefined;
+    slots: {
+        title: {};
+        custom: {
+            filter: Filter | undefined;
+        };
+        'filter-actions': {
+            applyFilterDisabled: boolean;
+            filter: Filter | undefined;
+        };
     };
-}, {}, string>;
-type MobileFilterEditor = InstanceType<typeof MobileFilterEditor>;
-export default MobileFilterEditor;
+};
+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 {};

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

@@ -1,31 +1,8 @@
-<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>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>
 
 <div

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

@@ -1,38 +1,34 @@
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './SearchBar.css';
-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;
+declare const __propDef: {
+    props: {
+        class?: {
+            container?: string | undefined;
+            icon?: string | undefined;
+            input?: string | undefined;
+        } | undefined;
+        input?: HTMLElement | undefined;
+        value?: string | undefined;
+        placeholder?: string | undefined;
     };
-    z_$$bindings?: Bindings;
-}
-declare const SearchBar: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        container?: string;
-        icon?: string;
-        input?: string;
+    events: {
+        input: Event;
+        change: Event;
+        keydown: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        icon: {};
+        input: {};
     };
-    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;
+};
+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> {
+}
+export {};

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

@@ -1,46 +1,11 @@
-<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 context="module"></script>
 
-  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>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;
 </script>
 
 <div 

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 export type Result = {
     title: string;
     name: string | number;
@@ -7,45 +8,40 @@ export type Result = {
 };
 import '../../../css/main.css';
 import './SearchResults.css';
-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;
+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;
     };
-    z_$$bindings?: Bindings;
-}
-declare const SearchResults: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        container?: string;
-        loading?: string;
-        noData?: string;
-        results?: string;
+    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: {};
     };
-    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;
+};
+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> {
+}
+export {};

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

@@ -1,21 +1,7 @@
-<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>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>
 
 <div

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

@@ -1,34 +1,30 @@
-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;
+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;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-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;
+export {};

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

@@ -1,25 +1,5 @@
-<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>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>
 
 <div

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

@@ -1,48 +1,44 @@
-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: {
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        products?: {
             image: string;
             title: string;
-            sale?: boolean;
-            saleText?: string;
-            price?: number;
-            currency?: string;
-            discount?: number;
+            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;
+            };
         };
     };
-}, {}, string>;
-type ProductsGrid = InstanceType<typeof ProductsGrid>;
-export default ProductsGrid;
+};
+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 {};

package/dist/components/layouts/CollapsibleSideBarLayout.svelte

@@ -1,81 +1,42 @@
-<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 });
+<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;
   }
+  drawerOpened = false;
+  dispatch("drawer-change", { opened: drawerOpened });
+  dispatch("menu-select", { option });
+}
+function toggleSidebar() {
+  sidebarExpanded = !sidebarExpanded;
+  dispatch("sidebar-toggle", { expanded: sidebarExpanded });
+}
 </script>
 
 <MediaQuery let:mAndDown>