fuma 0.3.55 → 0.3.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,16 +15,16 @@ $:
15
15
  let header;
16
16
  let timeout;
17
17
  async function handleClick(event) {
18
- if (isClickOnLink(event))
18
+ if (isClickOnInteractiveElement(event))
19
19
  return;
20
20
  await goto($urlParam.toggle({ section: value }), { noScroll: true, keepFocus: true });
21
21
  }
22
- function isClickOnLink(event) {
22
+ function isClickOnInteractiveElement(event) {
23
23
  if (!event)
24
24
  return false;
25
25
  const target = event.target;
26
- const links = [...header.getElementsByTagName("a")];
27
- return !!links.filter((link) => link.contains(target)).length;
26
+ const elements = [...header.querySelectorAll("a, button")];
27
+ return !!elements.filter((element) => element.contains(target)).length;
28
28
  }
29
29
  onDestroy(() => {
30
30
  clearTimeout(timeout);
@@ -27,7 +27,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
27
27
  dropdownProps?: {
28
28
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
29
29
  class?: string | undefined;
30
- wrapperClass?: string | undefined;
30
+ classWrapper?: string | undefined;
31
31
  classActivator?: string | undefined;
32
32
  useSingleton?: boolean | undefined;
33
33
  autofocus?: boolean | undefined;
@@ -96,7 +96,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
96
96
  dropdownProps?: {
97
97
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
98
98
  class?: string | undefined;
99
- wrapperClass?: string | undefined;
99
+ classWrapper?: string | undefined;
100
100
  classActivator?: string | undefined;
101
101
  useSingleton?: boolean | undefined;
102
102
  autofocus?: boolean | undefined;
@@ -31,7 +31,7 @@ export type FormInputProps<T extends FormInputsType> = ComponentProps<InstanceTy
31
31
  export type FormInputsProps = {
32
32
  [T in FormInputsType]: FormInputProps<T>;
33
33
  };
34
- export declare const formInputsType: ("number" | "boolean" | "select" | "textarea" | "date" | "text" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
34
+ export declare const formInputsType: ("number" | "boolean" | "select" | "textarea" | "text" | "date" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
35
35
  export declare function relationProps<Item extends {
36
36
  id: string;
37
37
  }>(props: ComponentProps<InstanceType<typeof InputRelation<Item>>>): {
@@ -48,7 +48,7 @@ export declare function relationProps<Item extends {
48
48
  dropdownProps?: {
49
49
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
50
50
  class?: string | undefined;
51
- wrapperClass?: string | undefined;
51
+ classWrapper?: string | undefined;
52
52
  classActivator?: string | undefined;
53
53
  useSingleton?: boolean | undefined;
54
54
  autofocus?: boolean | undefined;
@@ -15,7 +15,7 @@ declare const __propDef: {
15
15
  } & {
16
16
  input?: HTMLInputAttributes | undefined;
17
17
  inputElement?: HTMLInputElement | undefined;
18
- wrapperClass?: string | undefined;
18
+ classWrapper?: string | undefined;
19
19
  value?: boolean | null | undefined;
20
20
  bindWithParams?: boolean | undefined;
21
21
  } & {
@@ -15,7 +15,7 @@ declare const __propDef: {
15
15
  } & {
16
16
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
17
17
  inputElement?: HTMLInputElement | undefined;
18
- wrapperClass?: string | undefined;
18
+ classWrapper?: string | undefined;
19
19
  value?: string[] | null | undefined;
20
20
  bindWithParams?: boolean | undefined;
21
21
  } & {
@@ -42,7 +42,7 @@ function handleReset() {
42
42
 
43
43
  <input type="hidden" name={key} value={JSON.stringify(value)} />
44
44
 
45
- <DropDown bind:this={dropdown} tippyProps={{ onHide: handleSubmit }} wrapperClass="mb-[-2px]">
45
+ <DropDown bind:this={dropdown} tippyProps={{ onHide: handleSubmit }} classWrapper="mb-[-2px]">
46
46
  <div class="join" class:ml-2={value?.length} slot="activator">
47
47
  <button class="btn indicator join-item btn-sm {btnClass || ''}">
48
48
  <slot name="label">
@@ -15,7 +15,7 @@ declare const __propDef: {
15
15
  } & {
16
16
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
17
17
  inputElement?: HTMLInputElement | undefined;
18
- wrapperClass?: string | undefined;
18
+ classWrapper?: string | undefined;
19
19
  value?: string[] | null | undefined;
20
20
  bindWithParams?: boolean | undefined;
21
21
  } & {
@@ -18,7 +18,7 @@ declare const __propDef: {
18
18
  } & {
19
19
  input?: import("svelte/elements").HTMLInputAttributes | undefined;
20
20
  inputElement?: HTMLInputElement | undefined;
21
- wrapperClass?: string | undefined;
21
+ classWrapper?: string | undefined;
22
22
  value?: string | null | undefined;
23
23
  bindWithParams?: boolean | undefined;
24
24
  } & {
@@ -14,7 +14,7 @@ declare const __propDef: {
14
14
  } & {
15
15
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
16
16
  inputElement?: HTMLInputElement | undefined;
17
- wrapperClass?: string | undefined;
17
+ classWrapper?: string | undefined;
18
18
  value?: string | null | undefined;
19
19
  bindWithParams?: boolean | undefined;
20
20
  } & {
@@ -15,7 +15,7 @@ declare const __propDef: {
15
15
  } & {
16
16
  input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
17
17
  inputElement?: HTMLInputElement | undefined;
18
- wrapperClass?: string | undefined;
18
+ classWrapper?: string | undefined;
19
19
  value?: string | null | undefined;
20
20
  bindWithParams?: boolean | undefined;
21
21
  } & {
@@ -19,7 +19,7 @@ declare class __sveltets_Render<RelationItem extends {
19
19
  dropdownProps?: {
20
20
  tippyProps?: Partial<TippyProps> | undefined;
21
21
  class?: string | undefined;
22
- wrapperClass?: string | undefined;
22
+ classWrapper?: string | undefined;
23
23
  classActivator?: string | undefined;
24
24
  useSingleton?: boolean | undefined;
25
25
  autofocus?: boolean | undefined;
@@ -26,7 +26,7 @@ let inputElement;
26
26
  autocomplete: 'fuck-off',
27
27
  inputmode: 'search'
28
28
  }}
29
- wrapperClass="relative {klass}"
29
+ classWrapper="relative {klass}"
30
30
  >
31
31
  <button
32
32
  slot="append"
@@ -1,6 +1,6 @@
1
1
  <script>import { FormControl, bindValueWithParams } from "./index.js";
2
2
  $:
3
- ({ input, value: _value, wrapperClass, bindWithParams, ...props } = $$props);
3
+ ({ input, value: _value, classWrapper, bindWithParams, ...props } = $$props);
4
4
  $:
5
5
  ({ class: inputClass, ...inputProps } = input || {});
6
6
  export let value = _value;
@@ -10,7 +10,7 @@ export let inputElement = void 0;
10
10
  <FormControl {...props} enhanceDisabled={props.enhanceDisabled || bindWithParams} let:key>
11
11
  <slot name="label_append" slot="label_append" />
12
12
 
13
- <div class={wrapperClass}>
13
+ <div class={classWrapper}>
14
14
  <slot name="prepend" {value} />
15
15
  <input
16
16
  bind:value
@@ -4,7 +4,7 @@ import { default as FormControl } from './FormControl.svelte';
4
4
  export type InputProps<T = string> = ComponentProps<FormControl> & {
5
5
  input?: HTMLInputAttributes;
6
6
  inputElement?: HTMLInputElement;
7
- wrapperClass?: string;
7
+ classWrapper?: string;
8
8
  value?: T | null;
9
9
  bindWithParams?: boolean;
10
10
  };
@@ -17,7 +17,7 @@ import "./dropdown.css";
17
17
  export let tippyProps = {};
18
18
  let klass = "";
19
19
  export { klass as class };
20
- export let wrapperClass = "";
20
+ export let classWrapper = "";
21
21
  export let classActivator = "";
22
22
  export let useSingleton = false;
23
23
  export let autofocus = false;
@@ -86,7 +86,7 @@ export function setTippyProps(props) {
86
86
  </script>
87
87
 
88
88
  {#if !disable}
89
- <div class={wrapperClass}>
89
+ <div class={classWrapper}>
90
90
  <div class={classActivator} bind:this={activator}>
91
91
  <slot name="activator" />
92
92
  </div>
@@ -101,7 +101,7 @@ export function setTippyProps(props) {
101
101
  </div>
102
102
  </div>
103
103
  {:else}
104
- <div class={wrapperClass}>
104
+ <div class={classWrapper}>
105
105
  <slot name="activator" />
106
106
  <div class="{klass} mt-2">
107
107
  <slot />
@@ -6,7 +6,7 @@ declare const __propDef: {
6
6
  props: {
7
7
  tippyProps?: Partial<TippyProps> | undefined;
8
8
  class?: string | undefined;
9
- wrapperClass?: string | undefined;
9
+ classWrapper?: string | undefined;
10
10
  classActivator?: string | undefined;
11
11
  useSingleton?: boolean | undefined;
12
12
  autofocus?: boolean | undefined;
@@ -186,7 +186,7 @@ export declare const z: {
186
186
  map: "map";
187
187
  set: "set";
188
188
  };
189
- getParsedType: (data: any) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function" | "map" | "nan" | "integer" | "float" | "date" | "null" | "array" | "unknown" | "promise" | "void" | "never" | "set";
189
+ getParsedType: (data: any) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function" | "map" | "set" | "nan" | "integer" | "float" | "date" | "null" | "array" | "unknown" | "promise" | "void" | "never";
190
190
  ZodType: typeof zod.ZodType;
191
191
  ZodString: typeof zod.ZodString;
192
192
  ZodNumber: typeof zod.ZodNumber;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fuma",
3
- "version": "0.3.55",
3
+ "version": "0.3.57",
4
4
  "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
5
5
  "author": {
6
6
  "name": "Jonas Voisard",