sveltacular 0.0.76 → 0.0.77

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

@@ -3,15 +3,15 @@ import { type FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
         value: number | null;
-        prefix?: string | undefined;
-        suffix?: string | undefined;
-        currency?: string | undefined;
-        allowCents?: boolean | undefined;
-        placeholder?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        units?: "ones" | "cents" | undefined;
-        min?: number | undefined;
-        max?: number | null | undefined;
+        prefix?: string;
+        suffix?: string;
+        currency?: string;
+        allowCents?: boolean;
+        placeholder?: string;
+        size?: FormFieldSizeOptions;
+        units?: "ones" | "cents";
+        min?: number;
+        max?: number | null;
     };
     events: {
         change: CustomEvent<number | null>;
@@ -21,6 +21,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type MoneyBoxProps = typeof __propDef.props;
 export type MoneyBoxEvents = typeof __propDef.events;

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

@@ -16,34 +16,27 @@ export let prefix = null;
 export let suffix = null;
 export let step = 1;
 const valueChanged = () => {
-  if (value === null || value === void 0)
-    return;
-  if (value < min)
-    value = min;
-  if (value > max)
-    value = max;
+  if (value === null || value === void 0) return;
+  if (value < min) value = min;
+  if (value > max) value = max;
   value = roundToDecimals(value, decimals);
   dipatch("change", value);
 };
 const onInput = (e) => {
   const input = e.target;
   const newValue = parseFloat(input.value);
-  if (isNaN(newValue))
-    return;
+  if (isNaN(newValue)) return;
   value = newValue;
 };
 const onKeyPress = (e) => {
   const isNumber = !isNaN(Number(e.key));
   const isDecimal = e.key === ".";
   const isAllowed = isNumber || isDecimal || ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key);
-  if (!isAllowed)
-    return e.preventDefault();
-  if (isDecimal && decimals === 0)
-    return e.preventDefault();
+  if (!isAllowed) return e.preventDefault();
+  if (isDecimal && decimals === 0) return e.preventDefault();
   const newValue = `${value}${e.key}`;
   const decimalPart = newValue.split(".")[1];
-  if (decimalPart && decimalPart.length > decimals)
-    return e.preventDefault();
+  if (decimalPart && decimalPart.length > decimals) return e.preventDefault();
 };
 </script>
 

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

@@ -2,16 +2,16 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        value?: number | null | undefined;
-        placeholder?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        type?: ("number" | "currency") | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        decimals?: number | undefined;
-        prefix?: string | null | undefined;
-        suffix?: string | null | undefined;
-        step?: number | undefined;
+        value?: number | null;
+        placeholder?: string;
+        size?: FormFieldSizeOptions;
+        type?: "number" | "currency";
+        min?: number;
+        max?: number;
+        decimals?: number;
+        prefix?: string | null;
+        suffix?: string | null;
+        step?: number;
     };
     events: {
         change: CustomEvent<number | null>;
@@ -21,6 +21,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NumberBoxProps = typeof __propDef.props;
 export type NumberBoxEvents = typeof __propDef.events;

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

@@ -11,12 +11,9 @@ let areaCode = "";
 let localExt = "";
 let lastFour = "";
 const getValueByField = (field) => {
-  if (field === "areaCode")
-    return areaCode;
-  if (field === "localExt")
-    return localExt;
-  if (field === "lastFour")
-    return lastFour;
+  if (field === "areaCode") return areaCode;
+  if (field === "localExt") return localExt;
+  if (field === "lastFour") return lastFour;
   return "";
 };
 const getValueByIndex = (index) => {
@@ -63,8 +60,7 @@ const setValue = (value2) => {
 const valueChanged = (event) => {
   const props = getTargetProperties(event);
   const newValue = cleanValue(props.value);
-  if (newValue.length >= 10)
-    return setValue(newValue);
+  if (newValue.length >= 10) return setValue(newValue);
   if (props.name == "localExt" && newValue.length >= 7) {
     return setValue(`${areaCode}${newValue}`);
   }
@@ -83,10 +79,8 @@ const keyUp = (event) => {
   const isAcceptable = isNumeric || isBackspaceOrDelete;
   const isRightArrow = event.key === "ArrowRight" || event.key === "Tab";
   const isLeftArrow = event.key === "ArrowLeft";
-  if (isRightArrow || isLeftArrow)
-    return;
-  if (!isAcceptable)
-    event.preventDefault();
+  if (isRightArrow || isLeftArrow) return;
+  if (!isAcceptable) event.preventDefault();
   const newValue = (() => {
     if (isCursorHighlighting) {
       const start = props.target.selectionStart || 0;
@@ -97,8 +91,7 @@ const keyUp = (event) => {
   })();
   if (newValue.length >= props.maxLength) {
     props.target.value = newValue.slice(0, props.maxLength);
-    if (props.nextInput)
-      props.nextInput.focus();
+    if (props.nextInput) props.nextInput.focus();
   }
   if (isBackspace) {
     if (newValue.length === 0 && props.prevId) {
@@ -107,8 +100,7 @@ const keyUp = (event) => {
   }
 };
 setValue(value ?? "");
-$:
-  areaCode || localExt || lastFour ? publishChange() : null;
+$: areaCode || localExt || lastFour ? publishChange() : null;
 </script>
 
 <FormField {size}>

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

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import { type FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
-        value?: string | null | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        value?: string | null;
+        size?: FormFieldSizeOptions;
     };
     events: {
         change: CustomEvent<string>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PhoneBoxProps = typeof __propDef.props;
 export type PhoneBoxEvents = typeof __propDef.events;

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

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         value?: string | number | boolean | null | undefined;
         group?: string | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RadioBoxProps = typeof __propDef.props;
 export type RadioBoxEvents = typeof __propDef.events;

package/dist/forms/radio-group/radio-group.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponent } from "svelte";
 import type { DropdownOption, FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        group?: string | undefined;
-        items?: DropdownOption[] | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
+        group?: string;
+        items?: DropdownOption[];
+        size?: FormFieldSizeOptions;
+        disabled?: boolean;
+        required?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RadioGroupProps = typeof __propDef.props;
 export type RadioGroupEvents = typeof __propDef.events;

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

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
-        checked?: boolean | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        checked?: boolean;
+        size?: FormFieldSizeOptions;
     };
     events: {
         change: CustomEvent<boolean>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchBoxProps = typeof __propDef.props;
 export type SwitchBoxEvents = typeof __propDef.events;

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

@@ -2,13 +2,13 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        size?: FormFieldSizeOptions | undefined;
-        value?: string | null | undefined;
-        placeholder?: string | undefined;
-        rows?: number | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        readonly?: boolean | undefined;
+        size?: FormFieldSizeOptions;
+        value?: string | null;
+        placeholder?: string;
+        rows?: number;
+        disabled?: boolean;
+        required?: boolean;
+        readonly?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +16,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextAreaProps = typeof __propDef.props;
 export type TextAreaEvents = typeof __propDef.events;

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

@@ -2,23 +2,23 @@ import { SvelteComponent } from "svelte";
 import type { AllowedTextInputTypes, FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        value?: string | null | undefined;
-        placeholder?: string | undefined;
-        helperText?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        type?: AllowedTextInputTypes | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        readonly?: boolean | undefined;
+        value?: string | null;
+        placeholder?: string;
+        helperText?: string;
+        size?: FormFieldSizeOptions;
+        type?: AllowedTextInputTypes;
+        disabled?: boolean;
+        required?: boolean;
+        readonly?: boolean;
         maxlength?: number | undefined;
         minlength?: number | undefined;
         pattern?: string | undefined;
         prefix?: string | undefined;
         suffix?: string | undefined;
-        allowSpaces?: boolean | undefined;
-        allowNumbers?: boolean | undefined;
-        allowLetters?: boolean | undefined;
-        textCase?: 'lower' | 'upper' | undefined;
+        allowSpaces?: boolean;
+        allowNumbers?: boolean;
+        allowLetters?: boolean;
+        textCase?: "lower" | "upper" | undefined;
     };
     events: {
         change: CustomEvent<string>;
@@ -29,6 +29,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextBoxProps = typeof __propDef.props;
 export type TextBoxEvents = typeof __propDef.events;

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

@@ -3,10 +3,10 @@ import type { FormFieldSizeOptions } from '../../index.js';
 import type { HttpProtocol } from '../../types/generic.js';
 declare const __propDef: {
     props: {
-        protocol?: HttpProtocol | undefined;
-        value?: string | null | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        placeholder?: string | undefined;
+        protocol?: HttpProtocol;
+        value?: string | null;
+        size?: FormFieldSizeOptions;
+        placeholder?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type UrlBoxProps = typeof __propDef.props;
 export type UrlBoxEvents = typeof __propDef.events;

package/dist/generic/address/address.svelte

@@ -5,12 +5,10 @@ export let city = "";
 export let region = "";
 export let postalCode = "";
 export let country = "";
-$:
-  streetAddressArray = splitNewLines(streetAddress);
-$:
-  flatAddress = nobr(
-    `${streetAddress}, ${city}, ${region} ${postalCode}, ${country}`.replace(/,\s+/g, ", ")
-  );
+$: streetAddressArray = splitNewLines(streetAddress);
+$: flatAddress = nobr(
+  `${streetAddress}, ${city}, ${region} ${postalCode}, ${country}`.replace(/,\s+/g, ", ")
+);
 </script>
 
 <address>

package/dist/generic/address/address.svelte.d.ts

@@ -1,16 +1,18 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        streetAddress?: string | undefined;
-        city?: string | undefined;
-        region?: string | undefined;
-        postalCode?: string | undefined;
-        country?: string | undefined;
+        streetAddress?: string;
+        city?: string;
+        region?: string;
+        postalCode?: string;
+        country?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AddressProps = typeof __propDef.props;
 export type AddressEvents = typeof __propDef.events;

package/dist/generic/card/card-container.svelte

@@ -8,8 +8,7 @@ const register = (id) => {
 setContext("CardContainer", {
   register
 });
-$:
-  count = cards.length;
+$: count = cards.length;
 </script>
 
 <ul data-count={count} class="{spacing} {align}">

package/dist/generic/card/card-container.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        align?: "start" | "center" | "end" | "left" | "right" | undefined;
-        spacing?: "none" | "space-between" | "space-around" | "space-evenly" | "tight" | "compact" | "loose" | undefined;
+        align?: "left" | "center" | "right" | "start" | "end";
+        spacing?: "none" | "tight" | "compact" | "loose" | "space-evenly" | "space-around" | "space-between";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CardContainerProps = typeof __propDef.props;
 export type CardContainerEvents = typeof __propDef.events;

package/dist/generic/card/card.svelte

@@ -4,12 +4,10 @@ import { getContext } from "svelte";
 export let title = void 0;
 export let href = void 0;
 export let size = "md";
-$:
-  role = href ? "link" : "listitem";
+$: role = href ? "link" : "listitem";
 const id = uniqueId();
 const onClick = () => {
-  if (!href)
-    return;
+  if (!href) return;
   navigateTo(href);
 };
 const container = getContext("CardContainer");

package/dist/generic/card/card.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         title?: string | undefined;
         href?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        size?: FormFieldSizeOptions;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CardProps = typeof __propDef.props;
 export type CardEvents = typeof __propDef.events;

package/dist/generic/date/date-time.svelte

@@ -16,15 +16,13 @@ const getTimezone = () => {
   }).format(date).split(", ")[1];
 };
 const getDate = () => {
-  if (!["datetime", "date"].includes(type))
-    return "";
+  if (!["datetime", "date"].includes(type)) return "";
   return Intl.DateTimeFormat(lang, {
     dateStyle: style
   }).format(date);
 };
 const getTime = () => {
-  if (!["datetime", "time"].includes(type))
-    return "";
+  if (!["datetime", "time"].includes(type)) return "";
   const time = Intl.DateTimeFormat(lang, {
     timeStyle: style
   }).format(date);
@@ -41,27 +39,23 @@ const getSeparator = () => {
   }
   return dateTimeSeparator;
 };
-$:
-  date = value ? new Date(value) : /* @__PURE__ */ new Date();
-$:
-  text = (() => {
-    if (type == "ago")
-      return toAgo(date, style);
-    if (type == "ymd") {
-      const [year, month, day] = date.toISOString().split("T")[0].split("-");
-      return `${year}-${month}-${day}`;
-    }
-    if (["ymdhm", "ymdhms", "ymdhmt", "ymdhmts"].includes(type)) {
-      const [year, month, day] = date.toISOString().split("T")[0].split("-");
-      const [hours, minutes, seconds] = date.toISOString().split("T")[1].split(":");
-      const separator = dateTimeSeparator === void 0 ? " " : dateTimeSeparator;
-      const dateTime = type == "ymdhms" ? `${year}-${month}-${day}${separator}${hours}:${minutes}:${seconds.substring(0, 2)}` : `${year}-${month}-${day}${separator}${hours}:${minutes}`;
-      return type.includes("t") ? `${dateTime} ${getTimezone()}` : dateTime;
-    }
-    return type == "date" ? getDate() : type == "time" ? getTime() : `${getDate()}${getSeparator()}${getTime()}`;
-  })();
-$:
-  datetime = date.toISOString();
+$: date = value ? new Date(value) : /* @__PURE__ */ new Date();
+$: text = (() => {
+  if (type == "ago") return toAgo(date, style);
+  if (type == "ymd") {
+    const [year, month, day] = date.toISOString().split("T")[0].split("-");
+    return `${year}-${month}-${day}`;
+  }
+  if (["ymdhm", "ymdhms", "ymdhmt", "ymdhmts"].includes(type)) {
+    const [year, month, day] = date.toISOString().split("T")[0].split("-");
+    const [hours, minutes, seconds] = date.toISOString().split("T")[1].split(":");
+    const separator = dateTimeSeparator === void 0 ? " " : dateTimeSeparator;
+    const dateTime = type == "ymdhms" ? `${year}-${month}-${day}${separator}${hours}:${minutes}:${seconds.substring(0, 2)}` : `${year}-${month}-${day}${separator}${hours}:${minutes}`;
+    return type.includes("t") ? `${dateTime} ${getTimezone()}` : dateTime;
+  }
+  return type == "date" ? getDate() : type == "time" ? getTime() : `${getDate()}${getSeparator()}${getTime()}`;
+})();
+$: datetime = date.toISOString();
 </script>
 
 <time {datetime}>{text}</time>

package/dist/generic/date/date-time.svelte.d.ts

@@ -2,16 +2,18 @@ import { SvelteComponent } from "svelte";
 import type { DateTimeStyle, DateType } from '../../types/date.js';
 declare const __propDef: {
     props: {
-        value?: string | number | Date | undefined;
-        lang?: string | undefined;
-        type?: DateType | undefined;
-        style?: DateTimeStyle | undefined;
+        value?: string | number | Date;
+        lang?: string;
+        type?: DateType;
+        style?: DateTimeStyle;
         dateTimeSeparator?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateTimeProps = typeof __propDef.props;
 export type DateTimeEvents = typeof __propDef.events;

package/dist/generic/divider/divider.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/generic/dot/dot.svelte.d.ts

@@ -2,14 +2,16 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
-        color?: string | undefined;
-        shadow?: boolean | undefined;
-        size?: FormFieldSizeOptions | undefined;
+        color?: string;
+        shadow?: boolean;
+        size?: FormFieldSizeOptions;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DotProps = typeof __propDef.props;
 export type DotEvents = typeof __propDef.events;

package/dist/generic/dropdown-item/dropdown-item.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         href?: string | undefined;
         target?: string | undefined;
-        tabindex?: number | undefined;
+        tabindex?: number;
     };
     events: {
         click: CustomEvent<void>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DropdownItemProps = typeof __propDef.props;
 export type DropdownItemEvents = typeof __propDef.events;

package/dist/generic/email/email.svelte.d.ts

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        emailAddress?: string | undefined;
+        emailAddress?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EmailProps = typeof __propDef.props;
 export type EmailEvents = typeof __propDef.events;

package/dist/generic/empty/empty.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        text?: string | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | undefined;
-        orientation?: "horizontal" | "vertical" | undefined;
-        reverse?: boolean | undefined;
-        align?: "start" | "center" | "end" | undefined;
+        text?: string;
+        size?: "sm" | "md" | "lg" | "xl";
+        orientation?: "horizontal" | "vertical";
+        reverse?: boolean;
+        align?: "center" | "start" | "end";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EmptyProps = typeof __propDef.props;
 export type EmptyEvents = typeof __propDef.events;