@likable-hair/svelte 3.3.21 → 3.3.23

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

@@ -1,43 +1,47 @@
-import { SvelteComponent } from "svelte";
 import "../../../css/main.css";
 import "./FileInputList.css";
-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;
+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: {
-        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[];
-        };
-    };
-};
-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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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[];
+    };
+}, {}, string>;
+type FileInputList = InstanceType<typeof FileInputList>;
+export default FileInputList;

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

@@ -1,6 +1,14 @@
-<script>import "./RadioButton.css";
-import "../../../css/main.css";
-export let name, value, id = void 0, checked = false, label = void 0, disabled = false;
+<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>
 
 <input

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

@@ -1,31 +1,35 @@
-import { SvelteComponent } from "svelte";
 import './RadioButton.css';
 import "../../../css/main.css";
-declare const __propDef: {
-    props: {
-        name: string;
-        value: string;
-        id?: string | undefined;
-        checked?: boolean | undefined;
-        label?: string | 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: {
-        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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

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

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

@@ -1,28 +1,32 @@
-import { SvelteComponent } from "svelte";
 import './Select.css';
 export type Option = {
     icon?: string;
     value: string | number | undefined;
     text: string;
 };
-declare const __propDef: {
-    props: {
-        options: Option[];
-        name?: string | undefined;
-        value?: string | number | undefined;
-        disabled?: boolean | undefined;
-        placeholder?: 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: {
-        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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,9 +1,56 @@
-<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 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>
 
 <div

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

@@ -1,65 +1,69 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './SimpleTextField.css';
-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;
+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: {
-        change: Event;
-        input: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    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;
     };
-    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: {};
+    'prepend-inner': {
+        prependInnerIcon: string | undefined;
+        iconSize: string;
     };
-};
-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 {};
+    'append-inner': {
+        appendInnerIcon: string | undefined;
+        iconSize: string;
+    };
+    append: {
+        appendIcon: string | undefined;
+        iconSize: string;
+    };
+    hint: {};
+}, {}, string>;
+type SimpleTextField = InstanceType<typeof SimpleTextField>;
+export default SimpleTextField;

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

@@ -1,19 +1,33 @@
-<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 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>
 
 <div class="s s--slider">

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

@@ -1,24 +1,28 @@
-import { SvelteComponent } from "svelte";
 import './Switch.css';
-declare const __propDef: {
-    props: {
-        label?: string | undefined;
-        value?: boolean | 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: {
-        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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;

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

@@ -1,5 +1,30 @@
-<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 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>
 
 <div class="container">

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

@@ -1,39 +1,43 @@
-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;
+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 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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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;