@likable-hair/svelte 3.3.30 → 3.3.32

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;

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

@@ -1,23 +1,61 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type VariantOptions = "outlined" | "boxed";
+</script>
+
+<script lang="ts">
+  export let label = "",
+    placeholder = "",
+    color: string | null = null,
+    value: string | number = "",
+    disabled = false,
+    variant: VariantOptions = "outlined",
+    width = "100%",
+    height = "50px",
+    maxWidth: string | undefined = undefined,
+    minWidth: string | undefined = undefined,
+    textColor = "black",
+    borderWeight = "2px",
+    borderRadius = "5px",
+    borderColor: string | null = null,
+    focusBorderColor: string | null = null,
+    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,
+    type: "text" | "password" | "number" = "text",
+    readonly = false,
+    inputElement: HTMLElement | undefined = undefined,
+    autocomplete = true;
+
+  import { createId } from '@paralleldrive/cuid2';
+  import { onMount } from "svelte";
+
+  let inputId: string = createId(),
+    focused = false,
+    legendWidth = 0,
+    labelElement: HTMLElement | undefined = undefined;
+
+  onMount(() => {
+    console.warn('TextField component is going to be depracated. Please use SimpleTextField instead.')
 
-<script>export let label = "", placeholder = "", color = null, value = "", disabled = false, variant = "outlined", width = "100%", height = "50px", maxWidth = void 0, minWidth = void 0, textColor = "black", borderWeight = "2px", borderRadius = "5px", borderColor = null, focusBorderColor = null, focusedBoxShadow = void 0, backgroundColor = null, padding = void 0, paddingLeft = void 0, paddingRight = void 0, paddingBottom = void 0, paddingTop = void 0, fontSize = void 0, type = "text", readonly = false, inputElement = void 0, autocomplete = true;
-import { createId } from "@paralleldrive/cuid2";
-import { onMount } from "svelte";
-let inputId = createId(), focused = false, legendWidth = 0, labelElement = void 0;
-onMount(() => {
-  console.warn("TextField component is going to be depracated. Please use SimpleTextField instead.");
-  if (labelElement) {
-    legendWidth = labelElement.offsetWidth * 0.8 + 8;
+    if (labelElement) {
+      legendWidth = labelElement.offsetWidth * 0.8 + 8;
+    }
+  });
+
+  function handleFocus(): void {
+    focused = true;
+  }
+
+  function handleBlur(): void {
+    focused = false;
   }
-});
-function handleFocus() {
-  focused = true;
-}
-function handleBlur() {
-  focused = false;
-}
-$:
-  if (labelElement) {
+
+  $: if (labelElement) {
     legendWidth = !value && !focused ? 0 : labelElement.offsetWidth * 0.8 + 8;
   }
 </script>

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

@@ -1,54 +1,58 @@
-import { SvelteComponent } from "svelte";
 export type VariantOptions = "outlined" | "boxed";
-declare const __propDef: {
-    props: {
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        color?: string | null | undefined;
-        value?: string | number | undefined;
-        disabled?: boolean | undefined;
-        variant?: VariantOptions | undefined;
-        width?: string | undefined;
-        height?: string | undefined;
-        maxWidth?: string | undefined;
-        minWidth?: string | undefined;
-        textColor?: string | undefined;
-        borderWeight?: string | undefined;
-        borderRadius?: string | undefined;
-        borderColor?: string | null | undefined;
-        focusBorderColor?: string | null | 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;
-        type?: "number" | "text" | "password" | undefined;
-        readonly?: boolean | undefined;
-        inputElement?: HTMLElement | undefined;
-        autocomplete?: 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: {
-        'prepend-inner': {};
-        'append-inner': {};
-    };
-};
-export type TextfieldProps = typeof __propDef.props;
-export type TextfieldEvents = typeof __propDef.events;
-export type TextfieldSlots = typeof __propDef.slots;
-export default class Textfield extends SvelteComponent<TextfieldProps, TextfieldEvents, TextfieldSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Textfield: $$__sveltets_2_IsomorphicComponent<{
+    label?: string;
+    placeholder?: string;
+    color?: string | null;
+    value?: string | number;
+    disabled?: boolean;
+    variant?: VariantOptions;
+    width?: string;
+    height?: string;
+    maxWidth?: string | undefined;
+    minWidth?: string | undefined;
+    textColor?: string;
+    borderWeight?: string;
+    borderRadius?: string;
+    borderColor?: string | null;
+    focusBorderColor?: string | null;
+    focusedBoxShadow?: string | undefined;
+    backgroundColor?: string | null;
+    padding?: string | undefined;
+    paddingLeft?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingTop?: string | undefined;
+    fontSize?: string | undefined;
+    type?: "text" | "password" | "number";
+    readonly?: boolean;
+    inputElement?: HTMLElement | undefined;
+    autocomplete?: boolean;
+}, {
+    change: Event;
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+    keydown: KeyboardEvent;
+    keypress: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'prepend-inner': {};
+    'append-inner': {};
+}, {}, string>;
+type Textfield = InstanceType<typeof Textfield>;
+export default Textfield;