@likable-hair/svelte 3.3.20 → 3.3.21

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

@@ -1,32 +1,32 @@
-<script lang="ts">
-  export let component: any
-
-let frame: any;
+<script>export let component;
+let frame;
 let win;
 let doc;
-let head: any;
+let head;
 let body;
-let content: any;
-let props: any;
+let content;
+let props;
 $: {
   ({ 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,8 +35,7 @@ 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,21 +1,17 @@
-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: {
+        [x: string]: any;
+        component: any;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-declare const Playground: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    component: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Playground = InstanceType<typeof Playground>;
-export default Playground;
+export {};

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

@@ -1,38 +1,19 @@
-<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>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>
 
 

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

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

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

@@ -1,35 +1,29 @@
-<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>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,18 +1,14 @@
-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;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-declare const DashboardGridShaper: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DashboardGridShaper = InstanceType<typeof DashboardGridShaper>;
-export default DashboardGridShaper;
+export {};

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

@@ -1,56 +1,32 @@
-<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,
-    });
+<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
+    );
   }
+  dispatch("day-click", {
+    dateStat,
+    selected: !extraMonth,
+    extraMonth
+  });
+}
 </script>
 
 <div class="container {clazz.container || ''}">

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

@@ -1,51 +1,47 @@
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Calendar.css';
 import type { DateStat, Locale } from "./utils";
-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;
+            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;
     };
-    z_$$bindings?: Bindings;
-}
-declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        container?: string;
-        weekHeader?: string;
-        day?: string;
-    };
-    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;
+    events: {
+        "day-click": CustomEvent<{
+            dateStat: DateStat;
+            selected: boolean;
+            extraMonth: boolean;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    day: {
-        dayStat: DateStat;
-        extraMonth: any;
-        selected: any;
+    slots: {
+        weekHeader: {
+            header: string;
+            index: any;
+        };
+        day: {
+            dayStat: DateStat;
+            extraMonth: any;
+            selected: any;
+        };
     };
-}, {}, string>;
-type Calendar = InstanceType<typeof Calendar>;
-export default Calendar;
+};
+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 {};

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

@@ -1,100 +1,70 @@
-<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;
-      }
+<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;
     } else {
-      if (visibleYear != selectableYears[selectableYears.length - 1])
-        visibleYear++;
+      visibleMonth += 1;
     }
+  } else {
+    if (visibleYear != selectableYears[selectableYears.length - 1])
+      visibleYear++;
   }
-
-  function previous() {
-    if (view == "day") {
-      if (visibleMonth == 0) {
-        visibleMonth = 11;
-        visibleYear -= 1;
-      } else {
-        visibleMonth -= 1;
-      }
+}
+function previous() {
+  if (view == "day") {
+    if (visibleMonth == 0) {
+      visibleMonth = 11;
+      visibleYear -= 1;
     } else {
-      if (visibleYear != selectableYears[0]) visibleYear--;
+      visibleMonth -= 1;
     }
+  } else {
+    if (visibleYear != selectableYears[0])
+      visibleYear--;
   }
-
-  function SelectorHandler() {
-    if (view == "month") view = "year";
-    else view = "month";
-  }
-
-  function handleYearChange() {
-    dispatch('year-click', {
-      year: selectedYear
-    })
+}
+function SelectorHandler() {
+  if (view == "month")
+    view = "year";
+  else
     view = "month";
-  }
-
-  function handleMonthChange() {
-    dispatch('month-click', {
-      month: selectedMonth
-    })
-    view = "day";
-  }
+}
+function handleYearChange() {
+  dispatch("year-click", {
+    year: selectedYear
+  });
+  view = "month";
+}
+function handleMonthChange() {
+  dispatch("month-click", {
+    month: selectedMonth
+  });
+  view = "day";
+}
 </script>
 
 <div