@likable-hair/svelte 3.3.20 → 3.3.21

package/dist/components/simple/forms/FileInputList.svelte.d.ts

@@ -1,47 +1,43 @@
+import { SvelteComponent } from "svelte";
 import "../../../css/main.css";
 import "./FileInputList.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?: string | undefined;
+        files?: File[] | undefined;
+        persistOverUpload?: boolean | undefined;
+        dropAreaActive?: boolean | undefined;
+        icon?: string | undefined;
+        message?: string | undefined;
+        disabled?: boolean | undefined;
+        maxFiles?: number | undefined;
     };
-    z_$$bindings?: Bindings;
-}
-declare const FileInputList: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-    files?: File[];
-    persistOverUpload?: boolean;
-    dropAreaActive?: boolean;
-    icon?: string;
-    message?: string;
-    disabled?: boolean;
-    maxFiles?: number | undefined;
-}, {
-    change: Event;
-    fileDrop: CustomEvent<{
-        nativeEvent: DragEvent;
-        files: File[];
-    }>;
-    fileSelect: CustomEvent<{
-        nativeEvent: Event;
-        files: File[];
-    }>;
-    fileChange: CustomEvent<{
-        files: File[];
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    message: {};
-    'file-list': {
-        files: File[];
+    events: {
+        change: Event;
+        fileDrop: CustomEvent<{
+            nativeEvent: DragEvent;
+            files: File[];
+        }>;
+        fileSelect: CustomEvent<{
+            nativeEvent: Event;
+            files: File[];
+        }>;
+        fileChange: CustomEvent<{
+            files: File[];
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        message: {};
+        'file-list': {
+            files: File[];
+        };
     };
-}, {}, string>;
-type FileInputList = InstanceType<typeof FileInputList>;
-export default FileInputList;
+};
+export type FileInputListProps = typeof __propDef.props;
+export type FileInputListEvents = typeof __propDef.events;
+export type FileInputListSlots = typeof __propDef.slots;
+export default class FileInputList extends SvelteComponent<FileInputListProps, FileInputListEvents, FileInputListSlots> {
+}
+export {};

package/dist/components/simple/forms/RadioButton.svelte

@@ -1,14 +1,6 @@
-<script lang="ts">
-  import './RadioButton.css'
-  import "../../../css/main.css";
-
-  export let name: string,
-    value: string,
-    id: string | undefined = undefined,
-    checked = false,
-    label: string | undefined = undefined,
-    disabled = false;
-
+<script>import "./RadioButton.css";
+import "../../../css/main.css";
+export let name, value, id = void 0, checked = false, label = void 0, disabled = false;
 </script>
 
 <input

package/dist/components/simple/forms/RadioButton.svelte.d.ts

@@ -1,35 +1,31 @@
+import { SvelteComponent } from "svelte";
 import './RadioButton.css';
 import "../../../css/main.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: {
+        name: string;
+        value: string;
+        id?: string | undefined;
+        checked?: boolean | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        change: Event;
+        input: Event;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type RadioButtonProps = typeof __propDef.props;
+export type RadioButtonEvents = typeof __propDef.events;
+export type RadioButtonSlots = typeof __propDef.slots;
+export default class RadioButton extends SvelteComponent<RadioButtonProps, RadioButtonEvents, RadioButtonSlots> {
 }
-declare const RadioButton: $$__sveltets_2_IsomorphicComponent<{
-    name: string;
-    value: string;
-    id?: string | undefined;
-    checked?: boolean;
-    label?: string | undefined;
-    disabled?: boolean;
-}, {
-    change: Event;
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-    keydown: KeyboardEvent;
-    keypress: KeyboardEvent;
-    keyup: KeyboardEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RadioButton = InstanceType<typeof RadioButton>;
-export default RadioButton;
+export {};

package/dist/components/simple/forms/Select.svelte

@@ -1,21 +1,8 @@
-<script lang="ts" context="module">
-	import './Select.css'
-	export type Option = {
-		icon?: string
-		value: string | number | undefined
-		text: string
-	}
+<script context="module">import "./Select.css";
 </script>
 
-<script lang="ts">
-    import { Icon } from "../../..";
-
-
-	export let options: Option[],
-		name: string | undefined = undefined,
-		value: string | number | undefined = undefined,
-		disabled: boolean = false,
-		placeholder: string | undefined = undefined
+<script>import { Icon } from "../../..";
+export let options, name = void 0, value = void 0, disabled = false, placeholder = void 0;
 </script>
 
 <select

package/dist/components/simple/forms/Select.svelte.d.ts

@@ -1,32 +1,28 @@
+import { SvelteComponent } from "svelte";
 import './Select.css';
 export type Option = {
     icon?: string;
     value: string | number | undefined;
     text: string;
 };
-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: {
+        options: Option[];
+        name?: string | undefined;
+        value?: string | number | undefined;
+        disabled?: boolean | undefined;
+        placeholder?: string | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        change: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
+export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
 }
-declare const Select: $$__sveltets_2_IsomorphicComponent<{
-    options: Option[];
-    name?: string | undefined;
-    value?: string | number | undefined;
-    disabled?: boolean;
-    placeholder?: string | undefined;
-}, {
-    change: Event;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Select = InstanceType<typeof Select>;
-export default Select;
+export {};

package/dist/components/simple/forms/SimpleTextField.svelte

@@ -1,56 +1,9 @@
-<script lang="ts">
-  import '../../../css/main.css'
-  import './SimpleTextField.css'
-  import Icon from "../media/Icon.svelte";
-
-  let clazz: {
-    container?: string,
-    row?: string,
-    field?: string,
-    hint?: string,
-    input?: string
-  } | undefined = {};
-	export { clazz as class };
-
-  /* 
-    Styles:
-    
-    --simple-textfield-padding
-    --simple-textfield-height
-    --simple-textfield-width
-    --simple-textfield-max-width
-    --simple-textfield-color
-    --simple-textfield-background-color
-    --simple-textfield-border-radius
-    --simple-textfield-box-shadow
-    --simple-textfield-focus-background-color
-    --simple-textfield-focus-box-shadow
-    --simple-textfield-transition
-    --simple-textfield-font-size
-    --simple-textfield-font-weight
-    --simple-textfield-outer-gap
-    --simple-textfield-inner-gap
-    --simple-textfield-hint-font-size
-    --simple-textfield-hint-color
-    --simple-textfield-hint-margin-left
-    --simple-textfield-margin-bottom
-    --simple-textfield-margin-left
-  */
-
-  export let value: string | number | undefined = undefined,
-    type: "text" | "password" | "number" | "time" | "date" = "text",
-    placeholder: string | undefined = undefined,
-    disabled: boolean = false,
-    readonly: boolean = false,
-    id: string | undefined = undefined,
-    appendIcon: string | undefined = undefined,
-    appendInnerIcon: string | undefined = undefined,
-    prependIcon: string | undefined = undefined,
-    prependInnerIcon: string | undefined = undefined,
-    iconSize: string = "12pt",
-    name: string | undefined = undefined,
-    hint: string | undefined = undefined,
-    input: HTMLElement | undefined = undefined
+<script>import "../../../css/main.css";
+import "./SimpleTextField.css";
+import Icon from "../media/Icon.svelte";
+let clazz = {};
+export { clazz as class };
+export let value = void 0, type = "text", placeholder = void 0, disabled = false, readonly = false, id = void 0, appendIcon = void 0, appendInnerIcon = void 0, prependIcon = void 0, prependInnerIcon = void 0, iconSize = "12pt", name = void 0, hint = void 0, input = void 0;
 </script>
 
 <div

package/dist/components/simple/forms/SimpleTextField.svelte.d.ts

@@ -1,69 +1,65 @@
+import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './SimpleTextField.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: {
+        [x: string]: any;
+        class?: {
+            container?: string | undefined;
+            row?: string | undefined;
+            field?: string | undefined;
+            hint?: string | undefined;
+            input?: string | undefined;
+        } | undefined;
+        value?: string | number | undefined;
+        type?: "number" | "text" | "time" | "date" | "password" | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        id?: string | undefined;
+        appendIcon?: string | undefined;
+        appendInnerIcon?: string | undefined;
+        prependIcon?: string | undefined;
+        prependInnerIcon?: string | undefined;
+        iconSize?: string | undefined;
+        name?: string | undefined;
+        hint?: string | undefined;
+        input?: HTMLElement | undefined;
     };
-    z_$$bindings?: Bindings;
-}
-declare const SimpleTextField: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    class?: {
-        container?: string;
-        row?: string;
-        field?: string;
-        hint?: string;
-        input?: string;
-    } | undefined | undefined;
-    value?: string | number | undefined | undefined;
-    type?: "text" | "password" | "number" | "time" | "date" | undefined;
-    placeholder?: string | undefined | undefined;
-    disabled?: boolean | undefined;
-    readonly?: boolean | undefined;
-    id?: string | undefined | undefined;
-    appendIcon?: string | undefined | undefined;
-    appendInnerIcon?: string | undefined | undefined;
-    prependIcon?: string | undefined | undefined;
-    prependInnerIcon?: string | undefined | undefined;
-    iconSize?: string | undefined;
-    name?: string | undefined | undefined;
-    hint?: string | undefined | undefined;
-    input?: HTMLElement | undefined;
-}, {
-    change: Event;
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-    keydown: KeyboardEvent;
-    keypress: KeyboardEvent;
-    keyup: KeyboardEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    prepend: {
-        prependIcon: string | undefined;
-        iconSize: string;
-    };
-    'prepend-inner': {
-        prependInnerIcon: string | undefined;
-        iconSize: string;
+    events: {
+        change: Event;
+        input: Event;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    'append-inner': {
-        appendInnerIcon: string | undefined;
-        iconSize: string;
+    slots: {
+        prepend: {
+            prependIcon: string | undefined;
+            iconSize: string;
+        };
+        'prepend-inner': {
+            prependInnerIcon: string | undefined;
+            iconSize: string;
+        };
+        'append-inner': {
+            appendInnerIcon: string | undefined;
+            iconSize: string;
+        };
+        append: {
+            appendIcon: string | undefined;
+            iconSize: string;
+        };
+        hint: {};
     };
-    append: {
-        appendIcon: string | undefined;
-        iconSize: string;
-    };
-    hint: {};
-}, {}, string>;
-type SimpleTextField = InstanceType<typeof SimpleTextField>;
-export default SimpleTextField;
+};
+export type SimpleTextFieldProps = typeof __propDef.props;
+export type SimpleTextFieldEvents = typeof __propDef.events;
+export type SimpleTextFieldSlots = typeof __propDef.slots;
+export default class SimpleTextField extends SvelteComponent<SimpleTextFieldProps, SimpleTextFieldEvents, SimpleTextFieldSlots> {
+}
+export {};

package/dist/components/simple/forms/Switch.svelte

@@ -1,33 +1,19 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import './Switch.css'
-
-	export let label: string = '',
-		value: boolean | undefined = undefined,
-		disabled: boolean = false
-
-	let checked = value
-	const uniqueID = Math.floor(Math.random() * 100)
-
-	function handleClick(event: MouseEvent) {
-		const target = (event.target as HTMLElement) || null
-
-		const state = target.getAttribute('aria-checked')
-		checked = state === 'true' ? false : true
-		value = checked === true ? true : false
-
-		dispatch('change', {
-			label: label,
-			value: checked
-		})
-	}
-
-	let dispatch = createEventDispatcher<{
-		change: {
-			label: string
-			value: boolean
-		}
-	}>()
+<script>import { createEventDispatcher } from "svelte";
+import "./Switch.css";
+export let label = "", value = void 0, disabled = false;
+let checked = value;
+const uniqueID = Math.floor(Math.random() * 100);
+function handleClick(event) {
+  const target = event.target || null;
+  const state = target.getAttribute("aria-checked");
+  checked = state === "true" ? false : true;
+  value = checked === true ? true : false;
+  dispatch("change", {
+    label,
+    value: checked
+  });
+}
+let dispatch = createEventDispatcher();
 </script>
 
 <div class="s s--slider">

package/dist/components/simple/forms/Switch.svelte.d.ts

@@ -1,28 +1,24 @@
+import { SvelteComponent } from "svelte";
 import './Switch.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: {
+        label?: string | undefined;
+        value?: boolean | undefined;
+        disabled?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        change: CustomEvent<{
+            label: string;
+            value: boolean;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SwitchProps = typeof __propDef.props;
+export type SwitchEvents = typeof __propDef.events;
+export type SwitchSlots = typeof __propDef.slots;
+export default class Switch extends SvelteComponent<SwitchProps, SwitchEvents, SwitchSlots> {
 }
-declare const Switch: $$__sveltets_2_IsomorphicComponent<{
-    label?: string;
-    value?: boolean | undefined;
-    disabled?: boolean;
-}, {
-    change: CustomEvent<{
-        label: string;
-        value: boolean;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Switch = InstanceType<typeof Switch>;
-export default Switch;
+export {};

package/dist/components/simple/forms/Textarea.svelte

@@ -1,30 +1,5 @@
-<script lang="ts">
-  import { createId } from '@paralleldrive/cuid2';
-
-  export let label: string | null = null,
-    placeholder = "placeholder",
-    textAreaId: string = createId(),
-    fontFamily = "inherit",
-    value = "",
-    resizable = true,
-    disabled = false,
-    readOnly = false,
-    maxLength: number | undefined = undefined,
-    textColor = "black",
-    border = "none",
-    borderRadius = "5px",
-    focusedBoxShadow: string | undefined = undefined,
-    backgroundColor: string | null = null,
-    padding: string | undefined = undefined,
-    paddingLeft: string | undefined = undefined,
-    paddingRight: string | undefined = undefined,
-    paddingBottom: string | undefined = undefined,
-    paddingTop: string | undefined = undefined,
-    fontSize: string | undefined = undefined,
-    labelFontSize: string | undefined = undefined,
-    labelColor: string | undefined = undefined,
-    width = "100%",
-    height = "100%";
+<script>import { createId } from "@paralleldrive/cuid2";
+export let label = null, placeholder = "placeholder", textAreaId = createId(), fontFamily = "inherit", value = "", resizable = true, disabled = false, readOnly = false, maxLength = void 0, textColor = "black", border = "none", borderRadius = "5px", focusedBoxShadow = void 0, backgroundColor = null, padding = void 0, paddingLeft = void 0, paddingRight = void 0, paddingBottom = void 0, paddingTop = void 0, fontSize = void 0, labelFontSize = void 0, labelColor = void 0, width = "100%", height = "100%";
 </script>
 
 <div class="container">

package/dist/components/simple/forms/Textarea.svelte.d.ts

@@ -1,43 +1,39 @@
-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: {
+        label?: string | null | undefined;
+        placeholder?: string | undefined;
+        textAreaId?: string | undefined;
+        fontFamily?: string | undefined;
+        value?: string | undefined;
+        resizable?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        maxLength?: number | undefined;
+        textColor?: string | undefined;
+        border?: string | undefined;
+        borderRadius?: string | undefined;
+        focusedBoxShadow?: string | undefined;
+        backgroundColor?: string | null | undefined;
+        padding?: string | undefined;
+        paddingLeft?: string | undefined;
+        paddingRight?: string | undefined;
+        paddingBottom?: string | undefined;
+        paddingTop?: string | undefined;
+        fontSize?: string | undefined;
+        labelFontSize?: string | undefined;
+        labelColor?: string | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextareaProps = typeof __propDef.props;
+export type TextareaEvents = typeof __propDef.events;
+export type TextareaSlots = typeof __propDef.slots;
+export default class Textarea extends SvelteComponent<TextareaProps, TextareaEvents, TextareaSlots> {
 }
-declare const Textarea: $$__sveltets_2_IsomorphicComponent<{
-    label?: string | null;
-    placeholder?: string;
-    textAreaId?: string;
-    fontFamily?: string;
-    value?: string;
-    resizable?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    maxLength?: number | undefined;
-    textColor?: string;
-    border?: string;
-    borderRadius?: string;
-    focusedBoxShadow?: string | undefined;
-    backgroundColor?: string | null;
-    padding?: string | undefined;
-    paddingLeft?: string | undefined;
-    paddingRight?: string | undefined;
-    paddingBottom?: string | undefined;
-    paddingTop?: string | undefined;
-    fontSize?: string | undefined;
-    labelFontSize?: string | undefined;
-    labelColor?: string | undefined;
-    width?: string;
-    height?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Textarea = InstanceType<typeof Textarea>;
-export default Textarea;
+export {};