@likable-hair/svelte 3.3.21 → 3.3.22

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;

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

@@ -1,70 +1,100 @@
-<script>import "../../../css/main.css";
-import "./DatePicker.css";
-import { getMonthName, dateToString } from "./utils";
-import YearSelector from "./YearSelector.svelte";
-import MonthSelector from "./MonthSelector.svelte";
-import Calendar from "./Calendar.svelte";
-import Button from "../buttons/Button.svelte";
-import { createEventDispatcher } from "svelte";
-let clazz = {};
-export { clazz as class };
-export let selectedYear = (/* @__PURE__ */ new Date()).getFullYear(), selectedMonth = (/* @__PURE__ */ new Date()).getMonth(), selectedDate = void 0, visibleMonth = selectedMonth, visibleYear = selectedYear, view = "day", locale = "it", selectableYears = [...Array(150).keys()].map(
-  (i) => i + ((/* @__PURE__ */ new Date()).getFullYear() - 75)
-), skipTabs = false, disabled = false;
-let dispatch = createEventDispatcher();
-let selectorText = void 0;
-let elementDisabled = "date";
-$:
-  visibleSelector = view == "day" || view == "month";
-$: {
-  selectorText = view == "day" ? getMonthName(visibleMonth, locale) + " " + visibleYear : visibleYear.toString();
-}
-$:
-  elementDisabled = view == "year" ? "year" : "date";
-function next() {
-  if (view == "day") {
-    if (visibleMonth == 11) {
-      visibleMonth = 0;
-      visibleYear += 1;
+<script lang="ts">
+  import '../../../css/main.css'
+  import './DatePicker.css'
+  import { getMonthName, dateToString } from "./utils";
+  import type { Locale } from "./utils";
+  import YearSelector from "./YearSelector.svelte";
+  import MonthSelector from "./MonthSelector.svelte";
+  import Calendar from "./Calendar.svelte";
+  import Button from "../buttons/Button.svelte";
+  import { createEventDispatcher } from 'svelte';
+
+  let clazz: {
+    container?: string,
+    header?: string,
+    selectorRow?: string
+  } = {};
+	export { clazz as class };
+
+  export let selectedYear: number = new Date().getFullYear(),
+    selectedMonth: number = new Date().getMonth(),
+    selectedDate: Date | null | undefined = undefined,
+    visibleMonth: number = selectedMonth,
+    visibleYear: number = selectedYear,
+    view: "year" | "month" | "day" = "day",
+    locale: Locale = "it",
+    selectableYears: number[] = [...Array(150).keys()].map(
+      (i) => i + (new Date().getFullYear() - 75)
+    ),
+    skipTabs: boolean = false,
+    disabled: boolean = false
+
+  let dispatch = createEventDispatcher<{
+    'year-click': {
+      year: number
+    },
+    'month-click': {
+      month: number
+    }
+  }>()
+
+  let selectorText: string | undefined = undefined;
+  let elementDisabled: "year" | "date" = "date";
+
+  $: visibleSelector = view == "day" || view == "month";
+  $: {
+    selectorText =
+      view == "day"
+        ? getMonthName(visibleMonth, locale) + " " + visibleYear
+        : visibleYear.toString();
+  }
+  $: elementDisabled = view == "year" ? "year" : "date";
+
+  function next() {
+    if (view == "day") {
+      if (visibleMonth == 11) {
+        visibleMonth = 0;
+        visibleYear += 1;
+      } else {
+        visibleMonth += 1;
+      }
     } else {
-      visibleMonth += 1;
+      if (visibleYear != selectableYears[selectableYears.length - 1])
+        visibleYear++;
     }
-  } else {
-    if (visibleYear != selectableYears[selectableYears.length - 1])
-      visibleYear++;
   }
-}
-function previous() {
-  if (view == "day") {
-    if (visibleMonth == 0) {
-      visibleMonth = 11;
-      visibleYear -= 1;
+
+  function previous() {
+    if (view == "day") {
+      if (visibleMonth == 0) {
+        visibleMonth = 11;
+        visibleYear -= 1;
+      } else {
+        visibleMonth -= 1;
+      }
     } else {
-      visibleMonth -= 1;
+      if (visibleYear != selectableYears[0]) visibleYear--;
     }
-  } else {
-    if (visibleYear != selectableYears[0])
-      visibleYear--;
   }
-}
-function SelectorHandler() {
-  if (view == "month")
-    view = "year";
-  else
+
+  function SelectorHandler() {
+    if (view == "month") view = "year";
+    else view = "month";
+  }
+
+  function handleYearChange() {
+    dispatch('year-click', {
+      year: selectedYear
+    })
     view = "month";
-}
-function handleYearChange() {
-  dispatch("year-click", {
-    year: selectedYear
-  });
-  view = "month";
-}
-function handleMonthChange() {
-  dispatch("month-click", {
-    month: selectedMonth
-  });
-  view = "day";
-}
+  }
+
+  function handleMonthChange() {
+    dispatch('month-click', {
+      month: selectedMonth
+    })
+    view = "day";
+  }
 </script>
 
 <div