@likable-hair/svelte 3.3.30 → 3.3.32

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

@@ -1,26 +1,30 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        hourFormat?: "12" | "24" | undefined;
-        dayPeriod?: "pm" | "am" | undefined;
-        time?: Date | undefined;
-        text?: string | undefined;
-        fieldSeparator?: string | undefined;
-        placeholder?: string | undefined;
-        focusedBoxShadow?: string | undefined;
-        borderColor?: string | undefined;
-        borderWeight?: string | undefined;
-        fontSize?: string | undefined;
-        width?: 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: {};
-};
-export type TimePickerTextFieldProps = typeof __propDef.props;
-export type TimePickerTextFieldEvents = typeof __propDef.events;
-export type TimePickerTextFieldSlots = typeof __propDef.slots;
-export default class TimePickerTextField extends SvelteComponent<TimePickerTextFieldProps, TimePickerTextFieldEvents, TimePickerTextFieldSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TimePickerTextField: $$__sveltets_2_IsomorphicComponent<{
+    hourFormat?: "12" | "24";
+    dayPeriod?: "am" | "pm";
+    time?: Date | undefined;
+    text?: string;
+    fieldSeparator?: string;
+    placeholder?: string;
+    focusedBoxShadow?: string;
+    borderColor?: string;
+    borderWeight?: string;
+    fontSize?: string;
+    width?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TimePickerTextField = InstanceType<typeof TimePickerTextField>;
+export default TimePickerTextField;

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

@@ -1,33 +1,58 @@
-<script>import "../../../css/main.css";
-import "./YearSelector.css";
-import { scrollAtCenter } from "../common/scroller";
-import { createEventDispatcher, onMount } from "svelte";
-let clazz = void 0;
-export { clazz as class };
-export let selectedYear = void 0, selectableYears = [...Array(150).keys()].map(
-  (i) => i + ((/* @__PURE__ */ new Date()).getFullYear() - 75)
-), disabled = false;
-let container, targetButtons = {};
-onMount(() => {
-  if (selectedYear)
-    scrollAtCenter(container, targetButtons[selectedYear], "auto");
-});
-const dispatch = createEventDispatcher();
-function handleYearClick(year) {
-  if (selectedYear === year) {
-    selectedYear = void 0;
-  } else {
-    selectedYear = year;
-    scrollAtCenter(container, targetButtons[selectedYear], "smooth");
-  }
-  dispatch("click", {
-    year
-  });
-  dispatch("change", {
-    year: selectedYear
+<script lang="ts">
+  import '../../../css/main.css'
+  import './YearSelector.css'
+  import { scrollAtCenter } from "../common/scroller";
+  import { createEventDispatcher, onMount } from "svelte";
+
+  /*
+    Styles
+
+    --year-selector-height
+    --year-selector-width
+  */
+
+  let clazz: string | undefined = undefined;
+	export { clazz as class };
+
+  export let selectedYear: number | undefined = undefined,
+    selectableYears: number[] = [...Array(150).keys()].map(
+      (i) => i + (new Date().getFullYear() - 75)
+    ),
+    disabled: boolean = false
+
+  let container: HTMLElement,
+    targetButtons: { [k: string]: HTMLElement } = {};
+
+  onMount(() => {
+    if (selectedYear)
+      scrollAtCenter(container, targetButtons[selectedYear], "auto");
   });
-}
-import Button from "../buttons/Button.svelte";
+
+  const dispatch = createEventDispatcher<{
+    click: {
+      year: number;
+    };
+    change: {
+      year: number | undefined
+    }
+  }>();
+
+  function handleYearClick(year: number) {
+    if(selectedYear === year) {
+      selectedYear = undefined
+    } else {
+      selectedYear = year;
+      scrollAtCenter(container, targetButtons[selectedYear], "smooth");
+    }
+
+    dispatch("click", {
+      year,
+    })
+    dispatch("change", {
+      year: selectedYear
+    })
+  }
+  import Button from "../buttons/Button.svelte";
 </script>
 
 <div bind:this={container} class="selector-container {clazz || ''}">

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

@@ -1,36 +1,40 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './YearSelector.css';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        selectedYear?: number | undefined;
-        selectableYears?: 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: {
-        click: CustomEvent<{
-            year: number;
-        }>;
-        change: CustomEvent<{
-            year: number | undefined;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const YearSelector: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
+    selectedYear?: number | undefined;
+    selectableYears?: number[];
+    disabled?: boolean;
+}, {
+    click: CustomEvent<{
+        year: number;
+    }>;
+    change: CustomEvent<{
+        year: number | undefined;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    selector: {
+        year: number;
+        handleYearClick: (year: number) => void;
     };
-    slots: {
-        selector: {
-            year: number;
-            handleYearClick: (year: number) => void;
-        };
-        label: {
-            year: number;
-        };
+    label: {
+        year: number;
     };
-};
-export type YearSelectorProps = typeof __propDef.props;
-export type YearSelectorEvents = typeof __propDef.events;
-export type YearSelectorSlots = typeof __propDef.slots;
-export default class YearSelector extends SvelteComponent<YearSelectorProps, YearSelectorEvents, YearSelectorSlots> {
-}
-export {};
+}, {}, string>;
+type YearSelector = InstanceType<typeof YearSelector>;
+export default YearSelector;

package/dist/components/simple/dialogs/Dialog.svelte

@@ -1,70 +1,103 @@
-<script>import Teleporter from "../../../utils/teleporter";
-import { BROWSER } from "esm-env";
-import { beforeUpdate, onMount } from "svelte";
-import Keyboarder, {} from "../../../utils/keyboarder";
-export let open = false, transition = "fly-up";
-export let _overlayOpacity = "30%", _overlayColor = "#282828", _overlayBackdropFilter = void 0, _transitionTimingFunction = "cubic-bezier(0.075, 0.82, 0.165, 1)", _transitionDuration = "0.5s";
-let zIndex = 50, localOpen = open, dialogElement, teleportedUid = void 0, hasBeenOpened = false;
-onMount(() => {
-  if (!teleportedUid) {
-    let tp = new Teleporter();
-    teleportedUid = tp.attachNode(dialogElement);
-  }
-  let keyboarderHandler = (params) => {
-    if (params.key == "Escape" && localOpen)
-      closeDialog();
-  };
-  Keyboarder.on(keyboarderHandler);
-  return () => {
-    if (!!teleportedUid) {
-      let tp = new Teleporter();
-      tp.destroyNode(teleportedUid);
+<script lang="ts">
+  import Teleporter from '../../../utils/teleporter';
+  import { BROWSER } from 'esm-env';
+  import { beforeUpdate, onMount } from "svelte";
+  import Keyboarder, { type CallbackFunction } from '../../../utils/keyboarder';
+
+  export let open = false,
+    persistent: boolean = false,
+    transition: 'fly-down' | 'fly-up' | 'fly-horizontal' | 'scale' | 'fade' = 'fly-up'
+
+  export let _overlayOpacity: string = "30%",
+    _overlayColor: string = "#282828",
+    _overlayBackdropFilter: string | undefined = undefined,
+    _transitionTimingFunction: string = 'cubic-bezier(0.075, 0.82, 0.165, 1)',
+    _transitionDuration: string = '0.5s'
+
+
+  let zIndex = 50,
+    localOpen: boolean = open,
+    localPersistent: boolean = persistent,
+    dialogElement: HTMLElement,
+    teleportedUid: string | undefined = undefined,
+    hasBeenOpened: boolean = false;
+
+  onMount(() => {
+    if(!teleportedUid) {
+      let tp = new Teleporter()
+      teleportedUid = tp.attachNode(dialogElement)
     }
-    Keyboarder.off(keyboarderHandler);
-  };
-});
-beforeUpdate(() => {
-  if (BROWSER) {
-    if (open && localOpen != open) {
-      hasBeenOpened = true;
-      let otherDialogs = document.querySelectorAll("[data-dialog=true]");
-      let maxZIndex = 0;
-      if (otherDialogs.length > 0) {
-        otherDialogs.forEach((dialog) => {
-          let computedStyle = getComputedStyle(dialog);
-          let currentZIndex = computedStyle.getPropertyValue("--dialog-z-index");
-          if (!maxZIndex || maxZIndex < Number(currentZIndex))
-            maxZIndex = Number(currentZIndex);
-        });
-        zIndex = maxZIndex + 2;
-      }
-      let otherDrawers = document.querySelectorAll("[data-drawer=true]");
-      if (otherDrawers.length > 0) {
-        otherDrawers.forEach((dialog) => {
-          let computedStyle = getComputedStyle(dialog);
-          let currentZIndex = computedStyle.getPropertyValue("--drawer-z-index");
-          if (!maxZIndex || maxZIndex < Number(currentZIndex))
-            maxZIndex = Number(currentZIndex);
-        });
-        zIndex = maxZIndex + 2;
+
+    let keyboarderHandler: CallbackFunction = (params) => {
+      if(params.key == 'Escape' && localOpen) closeDialog()
+    }
+    Keyboarder.on(keyboarderHandler)
+
+    return () => {
+      if(!!teleportedUid) {
+        let tp = new Teleporter()
+        tp.destroyNode(teleportedUid)
       }
-      document.body.style.overflow = "hidden";
-    } else if (!open) {
-      let otherDialogs = document.querySelectorAll("[data-dialog=true]");
-      if (otherDialogs.length <= 1) {
-        document.body.style.overflow = "auto";
+
+      Keyboarder.off(keyboarderHandler)
+    }
+  })
+
+  beforeUpdate(() => {
+    if (BROWSER) {
+      if (open && localOpen != open) {
+        hasBeenOpened = true
+
+        let otherDialogs: NodeListOf<HTMLElement> =
+          document.querySelectorAll("[data-dialog=true]");
+
+        let maxZIndex = 0;
+
+        if (otherDialogs.length > 0) {
+          otherDialogs.forEach((dialog) => {
+            let computedStyle = getComputedStyle(dialog)
+            let currentZIndex = computedStyle.getPropertyValue('--dialog-z-index')
+            if (!maxZIndex || maxZIndex < Number(currentZIndex))
+              maxZIndex = Number(currentZIndex);
+          });
+          zIndex = maxZIndex + 2;
+        }
+
+        let otherDrawers: NodeListOf<HTMLElement> =
+          document.querySelectorAll("[data-drawer=true]");
+
+        if (otherDrawers.length > 0) {
+          otherDrawers.forEach((dialog) => {
+            let computedStyle = getComputedStyle(dialog)
+            let currentZIndex = computedStyle.getPropertyValue('--drawer-z-index')
+            if (!maxZIndex || maxZIndex < Number(currentZIndex))
+              maxZIndex = Number(currentZIndex);
+          });
+          zIndex = maxZIndex + 2;
+        }
+
+        document.body.style.overflow = "hidden";
+      } else if (!open) {
+        let otherDialogs: NodeListOf<HTMLElement> =
+          document.querySelectorAll("[data-dialog=true]");
+        if (otherDialogs.length <= 1) {
+          document.body.style.overflow = "auto";
+        }
       }
     }
+
+    localOpen = open;
+  });
+
+  function closeDialog() {
+    open = false;
+    localOpen = false;
+  }
+
+  function handleOverlayClick() {
+    if (localPersistent) return;
+    closeDialog();
   }
-  localOpen = open;
-});
-function closeDialog() {
-  open = false;
-  localOpen = false;
-}
-function handleOverlayClick() {
-  closeDialog();
-}
 </script>
 
 <div

package/dist/components/simple/dialogs/Dialog.svelte.d.ts

@@ -1,30 +1,45 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        open?: boolean | undefined;
-        transition?: "fly-down" | "fly-up" | "fly-horizontal" | "scale" | "fade" | undefined;
-        _overlayOpacity?: string | undefined;
-        _overlayColor?: string | undefined;
-        _overlayBackdropFilter?: string | undefined;
-        _transitionTimingFunction?: string | undefined;
-        _transitionDuration?: 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: {
-        click: MouseEvent;
-        keypress: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'top-right': {};
-        'center-left': {};
-        default: {};
-        'center-right': {};
-    };
-};
-export type DialogProps = typeof __propDef.props;
-export type DialogEvents = typeof __propDef.events;
-export type DialogSlots = typeof __propDef.slots;
-export default class Dialog extends SvelteComponent<DialogProps, DialogEvents, DialogSlots> {
+    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 Dialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: boolean;
+    persistent?: boolean;
+    transition?: "fly-down" | "fly-up" | "fly-horizontal" | "scale" | "fade";
+    _overlayOpacity?: string;
+    _overlayColor?: string;
+    _overlayBackdropFilter?: string | undefined;
+    _transitionTimingFunction?: string;
+    _transitionDuration?: string;
+}, {
+    'top-right': {};
+    'center-left': {};
+    default: {};
+    'center-right': {};
+}>, {
+    click: MouseEvent;
+    keypress: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'top-right': {};
+    'center-left': {};
+    default: {};
+    'center-right': {};
+}, {}, string>;
+type Dialog = InstanceType<typeof Dialog>;
+export default Dialog;