@likable-hair/svelte 3.3.30 → 3.3.32

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

@@ -1,43 +1,54 @@
-import { SvelteComponent } from "svelte";
 import { type FadeParams, type FlyParams, type SlideParams, type TransitionConfig } from "svelte/transition";
-declare const __propDef: {
-    props: {
-        _top?: number | undefined;
-        _left?: number | undefined;
-        _width?: string | undefined;
-        _height?: string | undefined;
-        _maxHeight?: string | undefined;
-        _minWidth?: string | undefined;
-        _overflow?: string | undefined;
-        _boxShadow?: string | undefined;
-        _borderRadius?: string | undefined;
-        _activatorGap?: number | undefined;
-        open?: boolean | undefined;
-        refreshPosition?: boolean | undefined;
-        activator?: HTMLElement | undefined;
-        anchor?: "up" | "left" | "right" | "bottom" | "bottom-center" | "right-center" | "left-center" | "up-center" | undefined;
-        closeOnClickOutside?: boolean | undefined;
-        inAnimation?: ((node: Element, params?: SlideParams | FlyParams | FadeParams) => TransitionConfig) | undefined;
-        inAnimationConfig?: SlideParams | FlyParams | FadeParams | undefined;
-        outAnimation?: ((node: Element, params?: SlideParams | FlyParams | FadeParams) => TransitionConfig) | undefined;
-        outAnimationConfig?: SlideParams | FlyParams | FadeParams | undefined;
-        menuElement?: HTMLElement | undefined;
-        flipOnOverflow?: boolean | undefined;
-        stayInViewport?: boolean | undefined;
-        openingId?: 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: {
-        keydown: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type MenuProps = typeof __propDef.props;
-export type MenuEvents = typeof __propDef.events;
-export type MenuSlots = typeof __propDef.slots;
-export default class Menu extends SvelteComponent<MenuProps, MenuEvents, MenuSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Menu: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    _top?: number | undefined;
+    _left?: number | undefined;
+    _width?: string;
+    _height?: string;
+    _maxHeight?: string | undefined;
+    _minWidth?: string | undefined;
+    _overflow?: string;
+    _boxShadow?: string | undefined;
+    _borderRadius?: string | undefined;
+    _activatorGap?: number;
+    open?: boolean;
+    refreshPosition?: boolean;
+    activator?: HTMLElement | undefined;
+    anchor?: "bottom" | "bottom-center" | "right-center" | "left-center" | "up" | "left" | "right" | "up-center";
+    closeOnClickOutside?: boolean;
+    inAnimation?: (node: Element, params?: SlideParams | FlyParams | FadeParams) => TransitionConfig;
+    inAnimationConfig?: SlideParams | FlyParams | FadeParams;
+    outAnimation?: (node: Element, params?: SlideParams | FlyParams | FadeParams) => TransitionConfig;
+    outAnimationConfig?: SlideParams | FlyParams | FadeParams;
+    menuElement?: HTMLElement | undefined;
+    flipOnOverflow?: boolean;
+    stayInViewport?: boolean;
+    openingId?: string | undefined;
+}, {
+    default: {};
+}>, {
+    keydown: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Menu = InstanceType<typeof Menu>;
+export default Menu;

package/dist/components/simple/common/Playground.svelte

@@ -1,32 +1,32 @@
-<script>export let component;
-let frame;
+<script lang="ts">
+  export let component: any
+
+let frame: any;
 let win;
 let doc;
-let head;
+let head: any;
 let body;
-let content;
-let props;
+let content: any;
+let props: any;
 $: {
   ({ component, ...props } = $$props);
-  if (content)
-    content.set(props);
+  if (content) content.set(props);
 }
-$:
-  if (frame) {
-    frame.addEventListener("load", loadHandler);
-    if (frame.contentDocument.readyState === "complete" && frame.contentDocument.defaultView) {
-      loadHandler();
-    } else {
-      frame.addEventListener("load", loadHandler);
-    }
+$: if (frame) {
+  frame.addEventListener('load', loadHandler);
+  if (frame.contentDocument.readyState === 'complete' && frame.contentDocument.defaultView) {
+    loadHandler();
+  } else {
+    frame.addEventListener('load', loadHandler);
   }
+}
 function loadHandler() {
   win = frame.contentWindow;
   doc = frame.contentDocument;
   head = doc.head;
   body = doc.body;
   doc.insertBefore(document.doctype?.cloneNode(true), doc.documentElement);
-  const style = doc.createElement("style");
+  const style = doc.createElement('style');
   style.innerText = `html,body {
     background: none !important;
     margin: 0 !important;
@@ -35,7 +35,8 @@ function loadHandler() {
     height: 100% !important;
   }`;
   head.appendChild(style);
-  Array.from(document.querySelectorAll('style, link[rel="stylesheet"]')).forEach((node) => head.appendChild(node.cloneNode(true)));
+  Array.from(document.querySelectorAll('style, link[rel="stylesheet"]'))
+    .forEach(node => head.appendChild(node.cloneNode(true)));
   if (component) {
     content = new component({ target: body, props, slots: $$slots });
   }

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        component: any;
+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: {};
-};
-export type PlaygroundProps = typeof __propDef.props;
-export type PlaygroundEvents = typeof __propDef.events;
-export type PlaygroundSlots = typeof __propDef.slots;
-export default class Playground extends SvelteComponent<PlaygroundProps, PlaygroundEvents, PlaygroundSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Playground: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    component: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Playground = InstanceType<typeof Playground>;
+export default Playground;

package/dist/components/simple/common/VerticalDraggableList.svelte

@@ -1,19 +1,38 @@
-<script>import { flip } from "svelte/animate";
-import { dndzone } from "svelte-dnd-action";
-import { createEventDispatcher } from "svelte";
-import { Icon } from "../../..";
-let clazz = "";
-export { clazz as class };
-export let items = [];
-const flipDurationMs = 300;
-function handleDndConsider(e) {
-  items = e.detail.items;
-}
-function handleDndFinalize(e) {
-  items = e.detail.items;
-  dispatch("changeOrder", { items });
-}
-let dispatch = createEventDispatcher();
+<script lang="ts">
+  import { flip } from "svelte/animate";
+  import { dndzone } from "svelte-dnd-action";
+	import { createEventDispatcher } from "svelte"
+  import { Icon } from "../../..";
+
+	type Item = { [key: string]: any }
+  let clazz: string = '';
+  export { clazz as class }
+
+  export let items: {
+    id: string;
+    name: string;
+  }[] = [];
+
+  const flipDurationMs = 300;
+
+  function handleDndConsider(e: Item) {
+    items = e.detail.items;
+  }
+
+  function handleDndFinalize(e: Item) {
+		items = e.detail.items;
+    dispatch("changeOrder", { items });
+	}
+
+  let dispatch = createEventDispatcher<{
+    changeOrder: {
+      items: {
+        id: string;
+        name: string;
+      }[];
+    };
+  }>();
+
 </script>
 
 

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

@@ -1,34 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        items?: {
+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 VerticalDraggableList: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    items?: {
+        id: string;
+        name: string;
+    }[];
+}, {
+    changeOrder: CustomEvent<{
+        items: {
             id: string;
             name: string;
-        }[] | undefined;
-    };
-    events: {
-        changeOrder: CustomEvent<{
-            items: {
-                id: string;
-                name: string;
-            }[];
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
+        }[];
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    item: {
         item: {
-            item: {
-                id: string;
-                name: string;
-            };
+            id: string;
+            name: string;
         };
     };
-};
-export type VerticalDraggableListProps = typeof __propDef.props;
-export type VerticalDraggableListEvents = typeof __propDef.events;
-export type VerticalDraggableListSlots = typeof __propDef.slots;
-export default class VerticalDraggableList extends SvelteComponent<VerticalDraggableListProps, VerticalDraggableListEvents, VerticalDraggableListSlots> {
-}
-export {};
+}, {}, string>;
+type VerticalDraggableList = InstanceType<typeof VerticalDraggableList>;
+export default VerticalDraggableList;

package/dist/components/simple/dashboards/DashboardGridShaper.svelte

@@ -1,29 +1,35 @@
-<script>import Grid from "svelte-grid";
-import gridHelp from "svelte-grid/build/helper/index.mjs";
-const id = () => "_" + Math.random().toString(36).substr(2, 9);
-let items = [
-  {
-    6: gridHelp.item({
-      x: 0,
-      y: 0,
-      w: 2,
-      h: 2
-    }),
-    id: id()
-  },
-  {
-    6: gridHelp.item({
-      x: 2,
-      y: 0,
-      w: 2,
-      h: 2
-    }),
-    id: id()
-  }
-];
-const breakpoint = 1;
-const column = 6;
-const cols = [[breakpoint, column]];
+<script lang="ts">
+  import Grid from "svelte-grid";
+  import gridHelp from "svelte-grid/build/helper/index.mjs";
+
+  const id = () => "_" + Math.random().toString(36).substr(2, 9);
+
+  let items = [
+    {
+      6: gridHelp.item({
+        x: 0,
+        y: 0,
+        w: 2,
+        h: 2,
+      }),
+      id: id(),
+    },
+
+    {
+      6: gridHelp.item({
+        x: 2,
+        y: 0,
+        w: 2,
+        h: 2,
+      }),
+      id: id(),
+    },
+  ]
+
+  const breakpoint = 1
+  const column = 6
+
+  const cols = [[breakpoint, column]]
 </script>
 
 <div class=demo-container style:width="100%">

package/dist/components/simple/dashboards/DashboardGridShaper.svelte.d.ts

@@ -1,14 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type DashboardGridShaperProps = typeof __propDef.props;
-export type DashboardGridShaperEvents = typeof __propDef.events;
-export type DashboardGridShaperSlots = typeof __propDef.slots;
-export default class DashboardGridShaper extends SvelteComponent<DashboardGridShaperProps, DashboardGridShaperEvents, DashboardGridShaperSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const DashboardGridShaper: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DashboardGridShaper = InstanceType<typeof DashboardGridShaper>;
+export default DashboardGridShaper;

package/dist/components/simple/dates/Calendar.svelte

@@ -1,32 +1,56 @@
-<script>import "../../../css/main.css";
-import "./Calendar.css";
-import { fly } from "svelte/transition";
-import { getDateRowsStats, getDaysNames } from "./utils";
-let clazz = {};
-export { clazz as class };
-export let selectedDate = void 0, visibleMonth = (/* @__PURE__ */ new Date()).getMonth(), visibleYear = (/* @__PURE__ */ new Date()).getFullYear(), locale = "it", showExtraMonthDays = true, showHeader = true, animationDuration = 200, disabled = false;
-import { createEventDispatcher } from "svelte";
-const dispatch = createEventDispatcher();
-function handleDayClick(dateStat, extraMonth) {
-  if (disabled)
-    return;
-  if (!extraMonth) {
-    selectedDate = new Date(
-      dateStat.year,
-      dateStat.month,
-      dateStat.dayOfMonth,
-      0,
-      0,
-      0,
-      0
-    );
+<script lang="ts">
+  import '../../../css/main.css'
+  import './Calendar.css'
+  import { fly } from "svelte/transition";
+  import { getDateRowsStats, getDaysNames } from "./utils";
+  import type { DateStat, Locale } from "./utils";
+
+  let clazz: {
+    container?: string,
+    weekHeader?: string,
+    day?: string
+  } = {};
+	export { clazz as class };
+
+  export let selectedDate: Date | undefined | null = undefined,
+    visibleMonth: number = new Date().getMonth(),
+    visibleYear: number = new Date().getFullYear(),
+    locale: Locale = "it",
+    showExtraMonthDays: boolean = true,
+    showHeader: boolean = true,
+    animationDuration: number = 200,
+    disabled: boolean = false;
+
+  import { createEventDispatcher } from "svelte";
+  const dispatch = createEventDispatcher<{
+    "day-click": {
+      dateStat: DateStat;
+      selected: boolean;
+      extraMonth: boolean;
+    };
+  }>();
+
+  function handleDayClick(dateStat: DateStat, extraMonth: boolean) {
+    if(disabled) return
+
+    if (!extraMonth) {
+      selectedDate = new Date(
+        dateStat.year,
+        dateStat.month,
+        dateStat.dayOfMonth,
+        0,
+        0,
+        0,
+        0
+      );
+    }
+
+    dispatch("day-click", {
+      dateStat: dateStat,
+      selected: !extraMonth,
+      extraMonth: extraMonth,
+    });
   }
-  dispatch("day-click", {
-    dateStat,
-    selected: !extraMonth,
-    extraMonth
-  });
-}
 </script>
 
 <div class="container {clazz.container || ''}">

package/dist/components/simple/dates/Calendar.svelte.d.ts

@@ -1,47 +1,51 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Calendar.css';
 import type { DateStat, Locale } from "./utils";
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            weekHeader?: string | undefined;
-            day?: string | undefined;
-        } | undefined;
-        selectedDate?: Date | undefined | null;
-        visibleMonth?: number | undefined;
-        visibleYear?: number | undefined;
-        locale?: Locale | undefined;
-        showExtraMonthDays?: boolean | undefined;
-        showHeader?: boolean | undefined;
-        animationDuration?: number | undefined;
-        disabled?: 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: {
-        "day-click": CustomEvent<{
-            dateStat: DateStat;
-            selected: boolean;
-            extraMonth: boolean;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        weekHeader?: string;
+        day?: string;
     };
-    slots: {
-        weekHeader: {
-            header: string;
-            index: any;
-        };
-        day: {
-            dayStat: DateStat;
-            extraMonth: any;
-            selected: any;
-        };
+    selectedDate?: Date | undefined | null;
+    visibleMonth?: number;
+    visibleYear?: number;
+    locale?: Locale;
+    showExtraMonthDays?: boolean;
+    showHeader?: boolean;
+    animationDuration?: number;
+    disabled?: boolean;
+}, {
+    "day-click": CustomEvent<{
+        dateStat: DateStat;
+        selected: boolean;
+        extraMonth: boolean;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    weekHeader: {
+        header: string;
+        index: any;
     };
-};
-export type CalendarProps = typeof __propDef.props;
-export type CalendarEvents = typeof __propDef.events;
-export type CalendarSlots = typeof __propDef.slots;
-export default class Calendar extends SvelteComponent<CalendarProps, CalendarEvents, CalendarSlots> {
-}
-export {};
+    day: {
+        dayStat: DateStat;
+        extraMonth: any;
+        selected: any;
+    };
+}, {}, string>;
+type Calendar = InstanceType<typeof Calendar>;
+export default Calendar;