grav-svelte 0.0.84 → 0.0.87

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.
Files changed (28) hide show
  1. package/dist/CRUD/cells/CellRenderer.svelte +67 -62
  2. package/dist/CRUD/cells/TextAreaCell.svelte +19 -0
  3. package/dist/CRUD/cells/TextAreaCell.svelte.d.ts +18 -0
  4. package/dist/CRUD/interfaces.d.ts +1 -1
  5. package/dist/CRUD/styles/CrudTable.css +436 -383
  6. package/dist/Inputs/InputFormBool.svelte +59 -57
  7. package/dist/Inputs/InputFormCascade.svelte +94 -93
  8. package/dist/Inputs/InputFormColor.svelte +107 -105
  9. package/dist/Inputs/InputFormColor.svelte.d.ts +1 -0
  10. package/dist/Inputs/InputFormColorPicker.svelte +281 -261
  11. package/dist/Inputs/InputFormColorPicker.svelte.d.ts +1 -0
  12. package/dist/Inputs/InputFormDate.svelte +122 -120
  13. package/dist/Inputs/InputFormDate.svelte.d.ts +1 -0
  14. package/dist/Inputs/InputFormDateAndHours.svelte +122 -120
  15. package/dist/Inputs/InputFormDateAndHours.svelte.d.ts +1 -0
  16. package/dist/Inputs/InputFormImage.svelte +195 -203
  17. package/dist/Inputs/InputFormImage.svelte.d.ts +1 -0
  18. package/dist/Inputs/InputFormNumber.svelte +101 -98
  19. package/dist/Inputs/InputFormNumber.svelte.d.ts +1 -0
  20. package/dist/Inputs/InputFormPassword.svelte +159 -149
  21. package/dist/Inputs/InputFormPassword.svelte.d.ts +1 -0
  22. package/dist/Inputs/InputFormSelect.svelte +104 -91
  23. package/dist/Inputs/InputFormSelect.svelte.d.ts +1 -0
  24. package/dist/Inputs/InputFormText.svelte +102 -99
  25. package/dist/Inputs/InputFormText.svelte.d.ts +1 -0
  26. package/dist/Inputs/InputFormTextArea.svelte +103 -100
  27. package/dist/Inputs/InputFormTextArea.svelte.d.ts +1 -0
  28. package/package.json +1 -1
package/dist/CRUD/cells/CellRenderer.svelte CHANGED
@@ -1,69 +1,74 @@
1
1
  <script lang="ts">
2
- import type { TableHeader } from "../interfaces.js";
3
- import CrudTableButtons from "../CrudTableButtons.svelte";
4
- import TextCell from "./TextCell.svelte";
5
- import DateCell from "./DateCell.svelte";
6
- import BoolCell from "./BoolCell.svelte";
7
- import EditableBoolCell from "./EditableBoolCell.svelte";
8
- import EditableTextCell from "./EditableTextCell.svelte";
9
- import EditableNumberCell from "./EditableNumberCell.svelte";
10
- import ImageCell from "./ImageCell.svelte";
11
- import DynamicButtonCell from "./DynamicButtonCell.svelte";
12
- import ImageButtonCell from "./ImageButtonCell.svelte";
13
- import DualTextButtonCell from "./DualTextButtonCell.svelte";
14
- import ConditionalCell from "./ConditionalCell.svelte";
15
- import MultiTextButtonCell from "./MultiTextButtonCell.svelte";
16
- import ComponentCell from "./ComponentCell.svelte";
2
+ import type { TableHeader } from "../interfaces.js";
3
+ import CrudTableButtons from "../CrudTableButtons.svelte";
4
+ import TextCell from "./TextCell.svelte";
5
+ import TextAreaCell from "./TextAreaCell.svelte";
6
+ import DateCell from "./DateCell.svelte";
7
+ import BoolCell from "./BoolCell.svelte";
8
+ import EditableBoolCell from "./EditableBoolCell.svelte";
9
+ import EditableTextCell from "./EditableTextCell.svelte";
10
+ import EditableNumberCell from "./EditableNumberCell.svelte";
11
+ import ImageCell from "./ImageCell.svelte";
12
+ import DynamicButtonCell from "./DynamicButtonCell.svelte";
13
+ import ImageButtonCell from "./ImageButtonCell.svelte";
14
+ import DualTextButtonCell from "./DualTextButtonCell.svelte";
15
+ import ConditionalCell from "./ConditionalCell.svelte";
16
+ import MultiTextButtonCell from "./MultiTextButtonCell.svelte";
17
+ import ComponentCell from "./ComponentCell.svelte";
17
18
 
18
- export let item: any;
19
- export let header: TableHeader;
20
- export let idField: string;
21
- export let index: number;
22
- export let dragEnabled: boolean;
23
- export let expandEnabled: boolean;
24
- export let onImageClick: (src: string) => void;
19
+ export let item: any;
20
+ export let header: TableHeader;
21
+ export let idField: string;
22
+ export let index: number;
23
+ export let dragEnabled: boolean;
24
+ export let expandEnabled: boolean;
25
+ export let onImageClick: (src: string) => void;
25
26
  </script>
26
27
 
27
28
  <td
28
- class="table-cell {index == 0 && !dragEnabled && !expandEnabled
29
- ? 'sticky-cell'
30
- : ''}"
31
- style="text-align: {header.align ?? 'center'}"
29
+ class="table-cell {index == 0 && !dragEnabled && !expandEnabled
30
+ ? 'sticky-cell'
31
+ : ''} {header.tipo === 'TextArea' ? 'cell-textarea' : ''}"
32
+ style="text-align: {header.align ?? 'center'}; {header.tipo === 'TextArea'
33
+ ? `max-height: calc(${header.cellMaxHeight ?? '150px'} + 14px + 0.6rem);`
34
+ : ''}"
32
35
  >
33
- {#if header.tipo == "Text" || header.tipo == "Number"}
34
- <TextCell {item} {header} />
35
- {:else if header.tipo == "Date"}
36
- <DateCell {item} {header} isDatetime={false} />
37
- {:else if header.tipo == "Datetime"}
38
- <DateCell {item} {header} isDatetime={true} />
39
- {:else if header.tipo == "Bool"}
40
- <BoolCell {item} {header} />
41
- {:else if header.tipo == "EditableBool"}
42
- <EditableBoolCell {item} {header} {idField} />
43
- {:else if header.tipo == "EditableText"}
44
- <EditableTextCell {item} {header} {idField} />
45
- {:else if header.tipo == "EditableNumber"}
46
- <EditableNumberCell {item} {header} {idField} />
47
- {:else if header.tipo == "Image"}
48
- <ImageCell {item} {header} {onImageClick} />
49
- {:else if header.tipo == "Buttons"}
50
- <CrudTableButtons
51
- id={item[header.campo]}
52
- buttonsConfig={header.buttonsConfig ?? []}
53
- align={header.align ?? "center"}
54
- row={item}
55
- />
56
- {:else if header.tipo == "DynamicButton"}
57
- <DynamicButtonCell {item} {header} {idField} />
58
- {:else if header.tipo == "ImageButton"}
59
- <ImageButtonCell {item} {header} {idField} />
60
- {:else if header.tipo == "DualTextButton"}
61
- <DualTextButtonCell {item} {header} {idField} />
62
- {:else if header.tipo == "ConditionalCell"}
63
- <ConditionalCell {item} {header} {idField} />
64
- {:else if header.tipo == "MultiTextButton"}
65
- <MultiTextButtonCell {item} {header} {idField} />
66
- {:else if header.tipo == "Component"}
67
- <ComponentCell {item} {header} />
68
- {/if}
36
+ {#if header.tipo == "Text" || header.tipo == "Number"}
37
+ <TextCell {item} {header} />
38
+ {:else if header.tipo == "TextArea"}
39
+ <TextAreaCell {item} {header} />
40
+ {:else if header.tipo == "Date"}
41
+ <DateCell {item} {header} isDatetime={false} />
42
+ {:else if header.tipo == "Datetime"}
43
+ <DateCell {item} {header} isDatetime={true} />
44
+ {:else if header.tipo == "Bool"}
45
+ <BoolCell {item} {header} />
46
+ {:else if header.tipo == "EditableBool"}
47
+ <EditableBoolCell {item} {header} {idField} />
48
+ {:else if header.tipo == "EditableText"}
49
+ <EditableTextCell {item} {header} {idField} />
50
+ {:else if header.tipo == "EditableNumber"}
51
+ <EditableNumberCell {item} {header} {idField} />
52
+ {:else if header.tipo == "Image"}
53
+ <ImageCell {item} {header} {onImageClick} />
54
+ {:else if header.tipo == "Buttons"}
55
+ <CrudTableButtons
56
+ id={item[header.campo]}
57
+ buttonsConfig={header.buttonsConfig ?? []}
58
+ align={header.align ?? "center"}
59
+ row={item}
60
+ />
61
+ {:else if header.tipo == "DynamicButton"}
62
+ <DynamicButtonCell {item} {header} {idField} />
63
+ {:else if header.tipo == "ImageButton"}
64
+ <ImageButtonCell {item} {header} {idField} />
65
+ {:else if header.tipo == "DualTextButton"}
66
+ <DualTextButtonCell {item} {header} {idField} />
67
+ {:else if header.tipo == "ConditionalCell"}
68
+ <ConditionalCell {item} {header} {idField} />
69
+ {:else if header.tipo == "MultiTextButton"}
70
+ <MultiTextButtonCell {item} {header} {idField} />
71
+ {:else if header.tipo == "Component"}
72
+ <ComponentCell {item} {header} />
73
+ {/if}
69
74
  </td>
package/dist/CRUD/cells/TextAreaCell.svelte ADDED
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import type { TableHeader } from "../interfaces.js";
3
+
4
+ export let item: any;
5
+ export let header: TableHeader;
6
+
7
+ // Altura máxima para TextArea (150px por defecto, puede ser personalizada con cellMaxHeight)
8
+ $: maxHeight = header.cellMaxHeight ?? "180px";
9
+ </script>
10
+
11
+ <div
12
+ class="cell-content-textarea {header.biBold ? 'bold' : ''}"
13
+ style="text-align: {header.align ?? 'left'}; {header.colorCampo &&
14
+ item[header.colorCampo]
15
+ ? `background-color: ${item[header.colorCampo]}; color: white;`
16
+ : ''} max-height: {maxHeight};"
17
+ >
18
+ {item[header.campo] ?? ""}
19
+ </div>
package/dist/CRUD/cells/TextAreaCell.svelte.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ import type { TableHeader } from "../interfaces.js";
3
+ declare const __propDef: {
4
+ props: {
5
+ item: any;
6
+ header: TableHeader;
7
+ };
8
+ events: {
9
+ [evt: string]: CustomEvent<any>;
10
+ };
11
+ slots: {};
12
+ };
13
+ export type TextAreaCellProps = typeof __propDef.props;
14
+ export type TextAreaCellEvents = typeof __propDef.events;
15
+ export type TextAreaCellSlots = typeof __propDef.slots;
16
+ export default class TextAreaCell extends SvelteComponentTyped<TextAreaCellProps, TextAreaCellEvents, TextAreaCellSlots> {
17
+ }
18
+ export {};
package/dist/CRUD/interfaces.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface ButtonConfig {
11
11
  export interface TableHeader {
12
12
  titulo: string;
13
13
  biSort: boolean;
14
- tipo: 'Text' | 'Number' | 'Buttons' | 'Bool' | 'Image' | 'Datetime' | 'Date' | 'EditableBool' | 'EditableText' | 'EditableNumber' | 'DynamicButton' | 'ImageButton' | 'DualTextButton' | 'ConditionalCell' | 'MultiTextButton' | 'Component';
14
+ tipo: 'Text' | 'TextArea' | 'Number' | 'Buttons' | 'Bool' | 'Image' | 'Datetime' | 'Date' | 'EditableBool' | 'EditableText' | 'EditableNumber' | 'DynamicButton' | 'ImageButton' | 'DualTextButton' | 'ConditionalCell' | 'MultiTextButton' | 'Component';
15
15
  biBold: boolean;
16
16
  /**
17
17
  * Alignment for the content of the cells belonging to this header.