sveltacular 0.0.76 → 0.0.77

package/dist/forms/bool-box/bool-box.svelte

@@ -9,11 +9,10 @@ const onChange = () => {
   value = stringValue == "true";
   dispatch("change", value);
 };
-$:
-  items = [
-    { value: "true", name: options[0] },
-    { value: "false", name: options[1] }
-  ];
+$: items = [
+  { value: "true", name: options[0] },
+  { value: "false", name: options[1] }
+];
 </script>
 
 <ListBox {items} bind:value={stringValue} {size} on:change={onChange}><slot /></ListBox>

package/dist/forms/bool-box/bool-box.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
-        value?: boolean | undefined;
-        options?: [yes: string, no: string] | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        value?: boolean;
+        options?: [yes: string, no: string];
+        size?: FormFieldSizeOptions;
     };
     events: {
         change: CustomEvent<boolean>;
@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BoolBoxProps = typeof __propDef.props;
 export type BoolBoxEvents = typeof __propDef.events;

package/dist/forms/button/button.svelte.d.ts

@@ -3,15 +3,15 @@ import type { ButtonStyle, FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
         href?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        style?: ButtonStyle | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-        block?: boolean | undefined;
-        flex?: boolean | undefined;
-        disabled?: boolean | undefined;
-        noMargin?: boolean | undefined;
-        collapse?: boolean | undefined;
-        repeatSubmitDelay?: number | "infinite" | undefined;
+        size?: FormFieldSizeOptions;
+        style?: ButtonStyle;
+        type?: "button" | "submit" | "reset";
+        block?: boolean;
+        flex?: boolean;
+        disabled?: boolean;
+        noMargin?: boolean;
+        collapse?: boolean;
+        repeatSubmitDelay?: number | "infinite";
     };
     events: {
         click: CustomEvent<void>;
@@ -21,6 +21,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;

package/dist/forms/check-box/check-box-group.svelte.d.ts

@@ -2,13 +2,13 @@ import { SvelteComponent } from "svelte";
 import type { DropdownOption, FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        group?: string[] | undefined;
-        items?: (DropdownOption & {
-            isChecked?: true | undefined;
-        })[] | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
+        group?: string[];
+        items?: Array<DropdownOption & {
+            isChecked?: true;
+        }>;
+        size?: FormFieldSizeOptions;
+        disabled?: boolean;
+        required?: boolean;
     };
     events: {
         change: CustomEvent<{
@@ -20,6 +20,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckBoxGroupProps = typeof __propDef.props;
 export type CheckBoxGroupEvents = typeof __propDef.events;

package/dist/forms/check-box/check-box.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        value?: string | undefined;
-        isChecked?: boolean | undefined;
-        disabled?: boolean | undefined;
+        value?: string;
+        isChecked?: boolean;
+        disabled?: boolean;
         name?: string | undefined;
     };
     events: {
@@ -17,6 +17,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CheckBoxProps = typeof __propDef.props;
 export type CheckBoxEvents = typeof __propDef.events;

package/dist/forms/combo/new-or-existing-combo.svelte.d.ts

@@ -3,22 +3,24 @@ import { type DropdownOption, type FormFieldSizeOptions } from '../../index.js';
 import type { SearchFunction } from '../list-box/list-box.js';
 declare const __propDef: {
     props: {
-        mode?: "new" | "existing" | undefined;
-        newValue?: string | null | undefined;
-        existingValue?: string | null | undefined;
-        items?: DropdownOption[] | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        searchable?: boolean | undefined;
+        mode?: "new" | "existing";
+        newValue?: string | null;
+        existingValue?: string | null;
+        items?: DropdownOption[];
+        size?: FormFieldSizeOptions;
+        disabled?: boolean;
+        required?: boolean;
+        searchable?: boolean;
         search?: SearchFunction | undefined;
-        searchPlaceholder?: string | undefined;
-        newPlaceholder?: string | undefined;
+        searchPlaceholder?: string;
+        newPlaceholder?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NewOrExistingComboProps = typeof __propDef.props;
 export type NewOrExistingComboEvents = typeof __propDef.events;

package/dist/forms/date-box/date-box.svelte

@@ -40,13 +40,10 @@ const onInput = () => {
   dipatch("value", enabled ? value : null);
 };
 if (!value) {
-  if (nullable)
-    enabled = false;
-  else
-    value = getDefaultValue();
+  if (nullable) enabled = false;
+  else value = getDefaultValue();
 }
-$:
-  disabled = !enabled;
+$: disabled = !enabled;
 </script>
 
 <FormField {size}>

package/dist/forms/date-box/date-box.svelte.d.ts

@@ -4,17 +4,17 @@ declare const __propDef: {
     props: {
         value?: string | undefined | null;
         defaultValue?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        placeholder?: string | undefined;
-        nullable?: boolean | undefined;
-        enabled?: boolean | undefined;
-        type?: "date" | "datetime-local" | undefined;
-        required?: boolean | undefined;
+        size?: FormFieldSizeOptions;
+        placeholder?: string;
+        nullable?: boolean;
+        enabled?: boolean;
+        type?: "date" | "datetime-local";
+        required?: boolean;
         steps?: {
             label: string;
             value: number;
             unit: DateUnit;
-        }[] | undefined;
+        }[];
     };
     events: {
         value: CustomEvent<string | null>;
@@ -25,6 +25,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateBoxProps = typeof __propDef.props;
 export type DateBoxEvents = typeof __propDef.events;

package/dist/forms/file-area/file-area.svelte

@@ -7,34 +7,27 @@ export let fileMimePattern = void 0;
 let isDragging = false;
 const dispatch = createEventDispatcher();
 const filterFiles = (files) => {
-  if (!fileMimePattern)
-    return files;
+  if (!fileMimePattern) return files;
   return [...files].filter((file) => {
-    if (!file.type)
-      return false;
-    if (!fileMimePattern)
-      return true;
-    if (typeof fileMimePattern === "string")
-      return file.type.startsWith(fileMimePattern);
+    if (!file.type) return false;
+    if (!fileMimePattern) return true;
+    if (typeof fileMimePattern === "string") return file.type.startsWith(fileMimePattern);
     return file.type.match(fileMimePattern);
   });
 };
 const addFiles = async (files) => {
-  if (!files.length)
-    return;
+  if (!files.length) return;
   selectedFiles = [...files, selectedFiles].flat().slice(0, fileLimit);
   dispatch("filesSelected", selectedFiles);
 };
 const selectFiles = async (e) => {
   const target = e.target;
-  if (!target?.files || !target.files.length)
-    return;
+  if (!target?.files || !target.files.length) return;
   addFiles(filterFiles([...target.files]));
 };
 const dropFiles = async (e) => {
   dragStop(e);
-  if (!e.dataTransfer)
-    return;
+  if (!e.dataTransfer) return;
   const files = e.dataTransfer.items ? [...e.dataTransfer.items].filter((item) => item.kind === "file").map((item) => item.getAsFile()) : e.dataTransfer.files;
   addFiles(filterFiles(files));
 };
@@ -48,14 +41,10 @@ const dragStop = (e) => {
   e.stopPropagation();
   isDragging = false;
 };
-$:
-  filesClass = selectedFiles.length ? "has-files" : "no-files";
-$:
-  enabledClass = disabled ? "disabled" : "";
-$:
-  draggingClass = isDragging ? "isDragging" : "";
-$:
-  filesSelectedText = selectedFiles.length ? `${selectedFiles.length} file${selectedFiles.length > 1 ? "s" : ""} selected` : "";
+$: filesClass = selectedFiles.length ? "has-files" : "no-files";
+$: enabledClass = disabled ? "disabled" : "";
+$: draggingClass = isDragging ? "isDragging" : "";
+$: filesSelectedText = selectedFiles.length ? `${selectedFiles.length} file${selectedFiles.length > 1 ? "s" : ""} selected` : "";
 </script>
 
 <div

package/dist/forms/file-area/file-area.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        selectedFiles?: (FileList | File[]) | undefined;
-        disabled?: boolean | undefined;
-        fileLimit?: number | undefined;
+        selectedFiles?: FileList | File[];
+        disabled?: boolean;
+        fileLimit?: number;
         fileMimePattern?: string | RegExp | undefined;
     };
     events: {
@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileAreaProps = typeof __propDef.props;
 export type FileAreaEvents = typeof __propDef.events;

package/dist/forms/file-box/file-box.svelte.d.ts

@@ -2,15 +2,15 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        readonly?: boolean | undefined;
-        multiple?: boolean | undefined;
-        mimeTypes?: string[] | undefined;
-        capture?: boolean | undefined | 'environment' | 'user';
+        value?: string;
+        placeholder?: string;
+        size?: FormFieldSizeOptions;
+        disabled?: boolean;
+        required?: boolean;
+        readonly?: boolean;
+        multiple?: boolean;
+        mimeTypes?: string[];
+        capture?: boolean | undefined | "environment" | "user";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,6 +18,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FileBoxProps = typeof __propDef.props;
 export type FileBoxEvents = typeof __propDef.events;

package/dist/forms/form-field.svelte

@@ -6,10 +6,8 @@
   full: "100%"
 };
 export let size = "full";
-$:
-  displayType = ["xl", "full"].includes(size) ? "block" : "inline-block";
-$:
-  maxWidth = maxWidthMap[size];
+$: displayType = ["xl", "full"].includes(size) ? "block" : "inline-block";
+$: maxWidth = maxWidthMap[size];
 </script>
 
 <div style={`display: ${displayType}; width: 100%; min-width: 10rem; max-width: ${maxWidth}`}>

package/dist/forms/form-field.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        size?: FormFieldSizeOptions | undefined;
+        size?: FormFieldSizeOptions;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FormFieldProps = typeof __propDef.props;
 export type FormFieldEvents = typeof __propDef.events;

package/dist/forms/form-footer.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/forms/form-header.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import type { SectionLevel } from '../types/generic.js';
 declare const __propDef: {
     props: {
-        level?: SectionLevel | undefined;
-        underline?: boolean | undefined;
+        level?: SectionLevel;
+        underline?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FormHeaderProps = typeof __propDef.props;
 export type FormHeaderEvents = typeof __propDef.events;

package/dist/forms/form-label.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id?: string | undefined;
-        required?: boolean | undefined;
-        disabled?: boolean | undefined;
+        required?: boolean;
+        disabled?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FormLabelProps = typeof __propDef.props;
 export type FormLabelEvents = typeof __propDef.events;

package/dist/forms/form-section.svelte.d.ts

@@ -3,7 +3,7 @@ import type { SectionLevel } from '../types/generic.js';
 declare const __propDef: {
     props: {
         title?: string | undefined;
-        level?: SectionLevel | undefined;
+        level?: SectionLevel;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FormSectionProps = typeof __propDef.props;
 export type FormSectionEvents = typeof __propDef.events;

package/dist/forms/form.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../index.js';
 declare const __propDef: {
     props: {
-        method?: "get" | "post" | "put" | "delete" | undefined;
+        method?: "get" | "post" | "put" | "delete";
         title?: string | undefined;
         action?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        size?: FormFieldSizeOptions;
     };
     events: {
         submit: CustomEvent<void>;
@@ -15,6 +15,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FormProps = typeof __propDef.props;
 export type FormEvents = typeof __propDef.events;

package/dist/forms/info-box/info-box.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
-        size?: FormFieldSizeOptions | undefined;
+        size?: FormFieldSizeOptions;
         value: string | null;
         href?: string | undefined;
     };
@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InfoBoxProps = typeof __propDef.props;
 export type InfoBoxEvents = typeof __propDef.events;

package/dist/forms/list-box/list-box.svelte

@@ -21,8 +21,7 @@ let text = getText();
 let isMenuOpen = false;
 let highlightIndex = -1;
 let filteredItems = [];
-$:
-  isSeachable = searchable || !!search;
+$: isSeachable = searchable || !!search;
 const onSelect = (e) => {
   value = e.detail.value;
   dispatch("change", value);
@@ -31,20 +30,16 @@ const onSelect = (e) => {
   isMenuOpen = false;
 };
 const focusOnInput = () => {
-  if (browser)
-    document.getElementById(id)?.focus();
+  if (browser) document.getElementById(id)?.focus();
 };
 const toggle = () => isMenuOpen = !open;
 const clickArrow = () => {
-  if (disabled)
-    return;
+  if (disabled) return;
   toggle();
-  if (isMenuOpen)
-    focusOnInput();
+  if (isMenuOpen) focusOnInput();
 };
 const onInputKeyPress = (e) => {
-  if (disabled)
-    return;
+  if (disabled) return;
   if (e.key == "Escape") {
     isMenuOpen = false;
     return;
@@ -63,8 +58,7 @@ const onInputKeyPress = (e) => {
   }
   if (e.key == "ArrowUp") {
     highlightIndex = Math.max(highlightIndex - 1, -1);
-    if (highlightIndex == -1)
-      isMenuOpen = false;
+    if (highlightIndex == -1) isMenuOpen = false;
     return;
   }
   if (e.key.length == 1 || e.key == "Backspace" || e.key == "Delete") {
@@ -85,8 +79,7 @@ const applyFilter = () => {
   filteredItems = searchText && isSeachable ? items.map((item, index) => ({ ...item, index })).filter((item) => item.name.toLowerCase().includes(searchText)) : items.map((item, index) => ({ ...item, index }));
 };
 const clear = () => {
-  if (disabled)
-    return;
+  if (disabled) return;
   text = "";
   value = "";
   triggerSearch();
@@ -95,13 +88,11 @@ const clear = () => {
 const updateText = async () => {
   if (browser) {
     const textBox = document.getElementById(id);
-    if (document.activeElement != textBox)
-      text = getText();
+    if (document.activeElement != textBox) text = getText();
   }
 };
 triggerSearch();
-$:
-  open = isMenuOpen && !disabled;
+$: open = isMenuOpen && !disabled;
 </script>
 
 <FormField {size}>

package/dist/forms/list-box/list-box.svelte.d.ts

@@ -3,14 +3,14 @@ import type { DropdownOption, FormFieldSizeOptions } from '../../types/form.js';
 import type { SearchFunction } from './list-box.js';
 declare const __propDef: {
     props: {
-        value?: string | null | undefined;
-        items?: DropdownOption[] | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        searchable?: boolean | undefined;
+        value?: string | null;
+        items?: DropdownOption[];
+        size?: FormFieldSizeOptions;
+        disabled?: boolean;
+        required?: boolean;
+        searchable?: boolean;
         search?: SearchFunction | undefined;
-        placeholder?: string | undefined;
+        placeholder?: string;
     };
     events: {
         change: CustomEvent<string | null>;
@@ -20,6 +20,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ListBoxProps = typeof __propDef.props;
 export type ListBoxEvents = typeof __propDef.events;

package/dist/forms/money-box/money-box.svelte

@@ -15,17 +15,13 @@ export let units = "ones";
 export let min = 0;
 export let max = null;
 const getDollarsFromValue = () => {
-  if (!value)
-    return "0";
-  if (isValueInCents)
-    return String(Math.abs(Math.floor(value / 100)));
+  if (!value) return "0";
+  if (isValueInCents) return String(Math.abs(Math.floor(value / 100)));
   return String(Math.abs(Math.floor(value)));
 };
 const getCentsFromValue = () => {
-  if (!value)
-    return "00";
-  if (isValueInCents)
-    return String(Math.abs(Math.round(value % 100))).padStart(2, "0");
+  if (!value) return "00";
+  if (isValueInCents) return String(Math.abs(Math.round(value % 100))).padStart(2, "0");
   return String(Math.abs(Math.round(value % 1 * 100))).padStart(2, "0");
 };
 let isValueInCents = units === "cents";
@@ -36,11 +32,10 @@ let lastState = [
   { value: String(dollars), selectionStart: 0, selectionEnd: 0 },
   { value: String(cents), selectionStart: 0, selectionEnd: 0 }
 ];
-$:
-  if (value !== null && value >= 0) {
-    dollars = getDollarsFromValue();
-    cents = getCentsFromValue();
-  }
+$: if (value !== null && value >= 0) {
+  dollars = getDollarsFromValue();
+  cents = getCentsFromValue();
+}
 const getTargetProperties = (e) => {
   const target = e.target;
   const name = target.getAttribute("name");
@@ -96,18 +91,15 @@ const moveExtraCentsToDollars = (centsValue, append = true) => {
 };
 const onKeyPress = (e) => {
   const target = getTargetProperties(e);
-  if (!target.isAllowed)
-    return e.preventDefault();
+  if (!target.isAllowed) return e.preventDefault();
   if (target.isDecimal) {
     e.preventDefault();
-    if (target.next && allowCents)
-      focusAndHighlightText(target.next);
+    if (target.next && allowCents) focusAndHighlightText(target.next);
     return;
   }
   ;
   if (target.name === "cents" && target.value.length >= 2 && !target.isHighligted) {
-    if (target.isNumber)
-      moveExtraCentsToDollars(`${target.value}${e.key}`);
+    if (target.isNumber) moveExtraCentsToDollars(`${target.value}${e.key}`);
     return e.preventDefault();
   }
   updateLastState(e);
@@ -153,23 +145,17 @@ const onInput = (e) => {
   }
 };
 const onSaveStateEvent = (e) => {
-  if (dollars.length === 0)
-    dollars = "0";
-  if (cents.length === 0)
-    cents = "00";
+  if (dollars.length === 0) dollars = "0";
+  if (cents.length === 0) cents = "00";
   updateLastState(e);
 };
 const onChange = () => {
   let centValue = Math.abs(isNumericString(cents) ? Number(cents) : 0);
   let dollarValue = Math.abs(isNumericString(dollars) ? Number(dollars) : 0);
-  if (isValueInCents)
-    value = dollarValue * 100 + centValue;
-  else
-    value = dollarValue + centValue / 100;
-  if (min && value < min)
-    value = min;
-  if (max && value > max)
-    value = max;
+  if (isValueInCents) value = dollarValue * 100 + centValue;
+  else value = dollarValue + centValue / 100;
+  if (min && value < min) value = min;
+  if (max && value > max) value = max;
   cents = String(centValue).padStart(2, "0");
 };
 </script>