@some-angular-utils/table 0.1.22 → 0.1.24
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.
|
@@ -9,14 +9,14 @@ import { SAUPaginatorModule } from '@some-angular-utils/paginator';
|
|
|
9
9
|
import * as i1$1 from '@angular/common/http';
|
|
10
10
|
|
|
11
11
|
class ChevronDownIconComponent {
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: ChevronDownIconComponent, isStandalone: true, selector: "sau-chevron-down-icon", ngImport: i0, template: `
|
|
14
14
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
15
15
|
<path d="M12 15.5l-6-6h12l-6 6z" />
|
|
16
16
|
</svg>
|
|
17
17
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'sau-chevron-down-icon', standalone: true, template: `
|
|
22
22
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -26,14 +26,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
26
26
|
}] });
|
|
27
27
|
|
|
28
28
|
class PenIconComponent {
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PenIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: PenIconComponent, isStandalone: true, selector: "sau-pen-icon", ngImport: i0, template: `
|
|
31
31
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
32
32
|
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
|
|
33
33
|
</svg>
|
|
34
34
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PenIconComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'sau-pen-icon', standalone: true, template: `
|
|
39
39
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -43,14 +43,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
43
43
|
}] });
|
|
44
44
|
|
|
45
45
|
class TrashIconComponent {
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TrashIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: TrashIconComponent, isStandalone: true, selector: "sau-trash-icon", ngImport: i0, template: `
|
|
48
48
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
49
49
|
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>
|
|
50
50
|
</svg>
|
|
51
51
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TrashIconComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'sau-trash-icon', standalone: true, template: `
|
|
56
56
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -60,14 +60,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
60
60
|
}] });
|
|
61
61
|
|
|
62
62
|
class InboxIconComponent {
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
64
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InboxIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: InboxIconComponent, isStandalone: true, selector: "sau-inbox-icon", ngImport: i0, template: `
|
|
65
65
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
66
66
|
<path d="M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H5V5h14v10z"/>
|
|
67
67
|
</svg>
|
|
68
68
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InboxIconComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'sau-inbox-icon', standalone: true, template: `
|
|
73
73
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -77,15 +77,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
class PrintIconComponent {
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PrintIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: PrintIconComponent, isStandalone: true, selector: "sau-print-icon", ngImport: i0, template: `
|
|
82
82
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="width: 100%; height: 100%; fill: currentColor;">
|
|
83
83
|
<!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
|
|
84
84
|
<path d="M128 128C128 92.7 156.7 64 192 64L405.5 64C422.5 64 438.8 70.7 450.8 82.7L493.3 125.2C505.3 137.2 512 153.5 512 170.5L512 208L128 208L128 128zM64 320C64 284.7 92.7 256 128 256L512 256C547.3 256 576 284.7 576 320L576 416C576 433.7 561.7 448 544 448L512 448L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 448L96 448C78.3 448 64 433.7 64 416L64 320zM192 480L192 512L448 512L448 416L192 416L192 480zM520 336C520 322.7 509.3 312 496 312C482.7 312 472 322.7 472 336C472 349.3 482.7 360 496 360C509.3 360 520 349.3 520 336z"/>
|
|
85
85
|
</svg>
|
|
86
86
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
87
87
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PrintIconComponent, decorators: [{
|
|
89
89
|
type: Component,
|
|
90
90
|
args: [{ selector: 'sau-print-icon', standalone: true, template: `
|
|
91
91
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -96,15 +96,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
96
96
|
}] });
|
|
97
97
|
|
|
98
98
|
class EyeIconComponent {
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EyeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: EyeIconComponent, isStandalone: true, selector: "sau-eye-icon", ngImport: i0, template: `
|
|
101
101
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-auto">
|
|
102
102
|
<path fill="currentColor"
|
|
103
103
|
d="M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6.01 7 11 7s9.27-3.11 11-7c-1.73-3.89-6.01-7-11-7zm0 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8.5c-1.93 0-3.5 1.57-3.5 3.5S10.07 15.5 12 15.5 15.5 13.93 15.5 12 13.93 8.5 12 8.5z" />
|
|
104
104
|
</svg>
|
|
105
105
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EyeIconComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
109
|
args: [{ selector: 'sau-eye-icon', standalone: true, template: `
|
|
110
110
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-auto">
|
|
@@ -115,14 +115,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
115
115
|
}] });
|
|
116
116
|
|
|
117
117
|
class CheckIconComponent {
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: CheckIconComponent, isStandalone: true, selector: "sau-check-icon", ngImport: i0, template: `
|
|
120
120
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
121
121
|
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
|
|
122
122
|
</svg>
|
|
123
123
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CheckIconComponent, decorators: [{
|
|
126
126
|
type: Component,
|
|
127
127
|
args: [{ selector: 'sau-check-icon', standalone: true, template: `
|
|
128
128
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -132,14 +132,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
132
132
|
}] });
|
|
133
133
|
|
|
134
134
|
class XmarkIconComponent {
|
|
135
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
136
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: XmarkIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
136
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: XmarkIconComponent, isStandalone: true, selector: "sau-xmark-icon", ngImport: i0, template: `
|
|
137
137
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
138
138
|
<path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.88-4.89c.39-.38.39-1.02.01-1.4z"/>
|
|
139
139
|
</svg>
|
|
140
140
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: XmarkIconComponent, decorators: [{
|
|
143
143
|
type: Component,
|
|
144
144
|
args: [{ selector: 'sau-xmark-icon', standalone: true, template: `
|
|
145
145
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -149,14 +149,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
149
149
|
}] });
|
|
150
150
|
|
|
151
151
|
class EnvelopeIconComponent {
|
|
152
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
153
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EnvelopeIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
153
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: EnvelopeIconComponent, isStandalone: true, selector: "sau-envelope-icon", ngImport: i0, template: `
|
|
154
154
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
155
155
|
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
|
|
156
156
|
</svg>
|
|
157
157
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
158
158
|
}
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EnvelopeIconComponent, decorators: [{
|
|
160
160
|
type: Component,
|
|
161
161
|
args: [{ selector: 'sau-envelope-icon', standalone: true, template: `
|
|
162
162
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -166,8 +166,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
166
166
|
}] });
|
|
167
167
|
|
|
168
168
|
class GoogleIconComponent {
|
|
169
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
170
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GoogleIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
170
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: GoogleIconComponent, isStandalone: true, selector: "sau-google-icon", ngImport: i0, template: `
|
|
171
171
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;">
|
|
172
172
|
<path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
|
|
173
173
|
<path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
|
|
@@ -176,7 +176,7 @@ class GoogleIconComponent {
|
|
|
176
176
|
</svg>
|
|
177
177
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
178
178
|
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: GoogleIconComponent, decorators: [{
|
|
180
180
|
type: Component,
|
|
181
181
|
args: [{ selector: 'sau-google-icon', standalone: true, template: `
|
|
182
182
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;">
|
|
@@ -234,10 +234,10 @@ class DataTypeTemplateComponent {
|
|
|
234
234
|
isExternal
|
|
235
235
|
};
|
|
236
236
|
}
|
|
237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTypeTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: DataTypeTemplateComponent, isStandalone: true, selector: "sau-data-type-template", inputs: { item: "item", header: "header", value: "value" }, ngImport: i0, template: "<section class=\"sau-table-data-type-section\">\n @switch (header.type) {\n\n @case ('boolean') {\n @if(getValue(item, value)){\n <div class=\"sau-table-boolean-true\">\n <span class=\"sau-icon sau-icon-check\">\n <sau-check-icon></sau-check-icon>\n </span>\n </div>\n } @else {\n <div class=\"sau-table-boolean-false\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @case ('date') {\n <span class=\"sau-table-date\">\n {{getValue(item, value) | date: 'dd/MM/yyyy'}}\n </span>\n }\n\n @case ('dateTime') {\n <span class=\"sau-table-datetime\">\n {{getValue(item, value) | date: 'dd/MM/yyyy HH:mm'}}\n </span>\n }\n\n @case ('color'){\n <span class=\"sau-table-color-indicator\" [style.background-color]=\"getValue(item, value)\"></span>\n }\n\n @case ('link'){\n @let link = getLink(header.url, item, value);\n\n @if(link.isExternal){\n <a [href]=\"link.url\" class=\"sau-table-link\">\n {{header.linkName}}\n </a>\n }@else{\n <a [routerLink]=\"link.url\" class=\"sau-table-link\" target=\"_blank\">\n {{header.linkName}}\n </a>\n }\n\n }\n\n @case ('image'){\n @let link = getLink(header.url, item, value);\n\n <img [src]=\"link.url\" [alt]=\"getValue(item, value)\" loading=\"lazy\" class=\"sau-table-image\">\n }\n\n @case ('login'){\n @if(item.active){\n <span class=\"sau-table-login-container\">\n\n @if(item.email_verified_at){\n <div [title]=\"item.email\" class=\"sau-table-login-email-verified\">\n <span class=\"sau-icon sau-icon-envelope\">\n <sau-envelope-icon></sau-envelope-icon>\n </span>\n </div>\n }\n\n @if(item.google_id){\n <div [title]=\"item.google_id\" class=\"sau-table-login-google\">\n <span class=\"sau-icon sau-icon-google\">\n <sau-google-icon></sau-google-icon>\n </span>\n </div>\n }\n\n </span>\n } @else {\n <div class=\"sau-table-login-inactive\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @default {\n {{getValue(item, value)}}\n }\n }\n</section>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CheckIconComponent, selector: "sau-check-icon" }, { kind: "component", type: XmarkIconComponent, selector: "sau-xmark-icon" }, { kind: "component", type: EnvelopeIconComponent, selector: "sau-envelope-icon" }, { kind: "component", type: GoogleIconComponent, selector: "sau-google-icon" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
|
|
239
239
|
}
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTypeTemplateComponent, decorators: [{
|
|
241
241
|
type: Component,
|
|
242
242
|
args: [{ selector: 'sau-data-type-template', imports: [
|
|
243
243
|
CommonModule,
|
|
@@ -257,14 +257,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
257
257
|
}] } });
|
|
258
258
|
|
|
259
259
|
class CrownIconComponent {
|
|
260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
261
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CrownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
261
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: CrownIconComponent, isStandalone: true, selector: "sau-crown-icon", ngImport: i0, template: `
|
|
262
262
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
263
263
|
<path d="M5 16L3 5l4.5 7L12 4l4.5 8L21 5l-2 11H5zm2.7-2h8.6l.9-5.4-2.1 3.7L12 9l-3.1 3.3-2.1-3.7L7.7 14z"/>
|
|
264
264
|
</svg>
|
|
265
265
|
`, isInline: true, styles: [":host{display:inline-block;width:1em;height:1em;vertical-align:middle}\n"] });
|
|
266
266
|
}
|
|
267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CrownIconComponent, decorators: [{
|
|
268
268
|
type: Component,
|
|
269
269
|
args: [{ selector: 'sau-crown-icon', standalone: true, template: `
|
|
270
270
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: currentColor;">
|
|
@@ -313,10 +313,10 @@ class DataTemplateComponent {
|
|
|
313
313
|
}
|
|
314
314
|
return result;
|
|
315
315
|
}
|
|
316
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
317
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
316
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
317
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: DataTemplateComponent, isStandalone: true, selector: "sau-data-template", inputs: { item: "item", header: "header", customTemplates: "customTemplates" }, ngImport: i0, template: "<section class=\"sau-table-data-section\">\n\n @if(header.name == 'NOMBRE' && item.role == 'ROLE_ADMIN') {\n <div class=\"sau-table-admin-crown\">\n <span class=\"sau-icon sau-icon-crown\">\n <sau-crown-icon></sau-crown-icon>\n </span>\n </div>\n }\n\n @let customTmpl = getCustomTemplate(header.key);\n\n @if (customTmpl) {\n\n <section class=\"sau-table-data-type-section\">\n <ng-container [ngTemplateOutlet]=\"customTmpl\" [ngTemplateOutletContext]=\"{item: item, header: header}\">\n </ng-container>\n </section>\n\n } @else {\n <span>\n\n @if (header.innerHtml) {\n <span [innerHTML]=\"getValue(item, header.key)\"></span>\n } @else {\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.key\"></sau-data-type-template>\n }\n\n @if(header.subKey){\n <span class=\"sau-table-subkey\">\n (\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.subKey\"></sau-data-type-template>\n )\n </span>\n }\n\n </span>\n }\n\n</section>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DataTypeTemplateComponent, selector: "sau-data-type-template", inputs: ["item", "header", "value"] }, { kind: "component", type: CrownIconComponent, selector: "sau-crown-icon" }] });
|
|
318
318
|
}
|
|
319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DataTemplateComponent, decorators: [{
|
|
320
320
|
type: Component,
|
|
321
321
|
args: [{ selector: 'sau-data-template', imports: [
|
|
322
322
|
CommonModule,
|
|
@@ -344,6 +344,7 @@ class SAUTableModule {
|
|
|
344
344
|
sizeBetweenPages = 1;
|
|
345
345
|
fixedContent = [];
|
|
346
346
|
orientation = "dynamic";
|
|
347
|
+
mobileTheme = "cards";
|
|
347
348
|
headers;
|
|
348
349
|
showOptions = true;
|
|
349
350
|
editEvent = new EventEmitter();
|
|
@@ -527,10 +528,10 @@ class SAUTableModule {
|
|
|
527
528
|
this.filters = filters;
|
|
528
529
|
this.getItems();
|
|
529
530
|
}
|
|
530
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
531
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SAUTableModule, isStandalone: true, selector: "sau-table", inputs: { url: "url", filterConfig: "filterConfig", contentList: "contentList", contentTotal: "contentTotal", pageParamName: "pageParamName", limitParamName: "limitParamName", sizeInitialPage: "sizeInitialPage", sizeBetweenPages: "sizeBetweenPages", fixedContent: "fixedContent", orientation: "orientation", headers: "headers", showOptions: "showOptions", canEdit: "canEdit", canDelete: "canDelete", canPrint: "canPrint", canShow: "canShow", customTemplates: "customTemplates", items: "items", limit: "limit" }, outputs: { editEvent: "editEvent", deleteEvent: "deleteEvent", printEvent: "printEvent", showEvent: "showEvent", itemsLoadedEvent: "itemsLoadedEvent" }, queries: [{ propertyName: "editButtonTemplate", first: true, predicate: ["editButton"], descendants: true }, { propertyName: "deleteButtonTemplate", first: true, predicate: ["deleteButton"], descendants: true }, { propertyName: "printButtonTemplate", first: true, predicate: ["printButton"], descendants: true }, { propertyName: "showButtonTemplate", first: true, predicate: ["showButton"], descendants: true }, { propertyName: "customCellTemplates", predicate: ["customCell"] }], viewQueries: [{ propertyName: "filterComponent", first: true, predicate: ["filterComponent"], descendants: true }], ngImport: i0, template: "<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecer\u00E1n aqu\u00ED cuando est\u00E9n disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>", styles: [".sau-table{--sau-color-primary: rgb(147, 51, 234);--sau-color-secondary: var(--sau-color-primary);--sau-color-background: rgb(255, 255, 255);--sau-color-edit: rgb(34, 197, 94);--sau-color-delete: rgb(239, 68, 68);--sau-color-print: rgb(212, 167, 44);--sau-color-show: rgb(44, 122, 212);--sau-color-text: rgb(31, 41, 55);background:var(--sau-color-background)}.sau-table .sau-filter{--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table .sau-filter__grid{padding:.5rem 1rem}.sau-table table{border-collapse:collapse}.sau-table .sau-table-width-full{width:100%}.sau-table .sau-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;display:flex;align-items:center;justify-content:center}.sau-table .sau-icon svg{width:100%;height:100%;fill:currentColor}.sau-table .sau-icon.sau-icon-chevron-down svg{width:1.8em;height:1.8em}.sau-table .sau-icon.sau-icon-inbox svg{width:1.5em;height:1.5em}@media(min-width:768px){.sau-table .sau-table-mobile.sau-table-dynamic-mode{display:none}}.sau-table .sau-table-mobile .sau-table-mobile-header{background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);padding:.5rem 1rem}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-title{font-size:1rem;font-weight:600;line-height:1.25}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-divider{width:2rem;height:.125rem;background:var(--sau-color-background);margin-top:.25rem}.sau-table .sau-table-mobile .sau-table-mobile-table{width:100%;font-size:.875rem;text-align:left;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row{border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row:last-child{border-bottom:none}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row.sau-table-mobile-row-even{background:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row .sau-table-mobile-header-cell{padding:.5rem;font-weight:500;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);max-width:min-content}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row .sau-table-mobile-data-cell{padding:.5rem;width:100%;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-toggle-input{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked~.sau-table-toggle-content{height:auto!important;opacity:1!important;overflow:visible!important}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-show{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-hide{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--sau-color-background);color:var(--sau-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.sau-table .sau-table-mobile .sau-table-toggle-label:hover{background:var(--sau-color-secondary);color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text{font-size:.875rem;font-weight:500}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-show{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-hide{display:none}.sau-table .sau-table-mobile .sau-table-toggle-content{margin-top:.75rem;height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.sau-table .sau-table-mobile .sau-table-mobile-actions-row{border-bottom:.5rem solid transparent;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));padding:1rem}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container{display:flex;justify-content:center;gap:1rem;padding:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--sau-color-background);transition:all .2s;cursor:pointer}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-desktop{width:100%;font-size:.875rem;text-align:center;color:var(--sau-color-primary)}.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:none}@media(min-width:768px){.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:table}}.sau-table .sau-table-desktop .sau-table-desktop-header{font-size:.75rem;font-weight:600;text-transform:uppercase;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-header .sau-table-desktop-header-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row{min-width:max-content;transition:background-color .2s;border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-desktop .sau-table-desktop-row:last-child{border-bottom:none}.sau-table .sau-table-desktop .sau-table-desktop-row:hover,.sau-table .sau-table-desktop .sau-table-desktop-row.sau-table-desktop-row-even{background:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-cell,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container{display:flex;align-items:center;gap:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--sau-color-background);transition:all .2s;font-size:1.2rem;cursor:pointer}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12rem;text-align:center}.sau-table .sau-table-empty .sau-table-empty-icon{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--sau-color-primary);font-size:2rem}.sau-table .sau-table-empty .sau-table-empty-icon:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table .sau-table-empty .sau-table-empty-title{color:var(--sau-color-text);font-weight:500}.sau-table .sau-table-empty .sau-table-empty-subtitle{color:var(--sau-color-text);font-size:.875rem}.sau-table .sau-paginator{border-top:1px solid var(--sau-color-primary);--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table-data-section{display:flex;align-items:center;gap:.5rem}.sau-table-data-section .sau-table-admin-crown{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}.sau-table-data-section .sau-table-subkey{display:block;color:var(--sau-color-primary);font-size:.75rem;min-width:max-content}.sau-table-data-type-section{display:inline-block;min-width:max-content;color:var(--sau-color-text)}.sau-table-data-type-section .sau-table-boolean-true{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-true:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-boolean-false{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-false:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-datetime{color:var(--sau-color-text);font-size:.875rem}.sau-table-data-type-section .sau-table-color-indicator{display:inline-block;width:2rem;height:1rem}.sau-table-data-type-section .sau-table-link{color:var(--sau-color-primary);text-decoration:none}.sau-table-data-type-section .sau-table-link:hover{text-decoration:underline}.sau-table-data-type-section .sau-table-image{width:2.5rem;height:2.5rem;object-fit:cover}.sau-table-data-type-section .sau-table-login-container{display:inline-flex;align-items:center;gap:.25rem}.sau-table-data-type-section .sau-table-login-container .sau-table-login-email-verified{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-primary)}.sau-table-data-type-section .sau-table-login-container .sau-table-login-google,.sau-table-data-type-section .sau-table-login-inactive{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.sau-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-line{position:relative;overflow:hidden;border-radius:4px;-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);border:1px solid rgba(0,0,0,.05)}.skeleton-line:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.8s infinite}.skeleton-line.head{height:12px;width:60px}.skeleton-line.data{height:10px;width:90%}@media screen and (max-width:768px){.sau-skeleton .sau-table-desktop{display:none}}@media screen and (min-width:769px){.sau-skeleton .sau-table-mobile{display:none}}\n"], dependencies: [{ kind: "component", type: SAUTableModule, selector: "sau-table", inputs: ["url", "filterConfig", "contentList", "contentTotal", "pageParamName", "limitParamName", "sizeInitialPage", "sizeBetweenPages", "fixedContent", "orientation", "headers", "showOptions", "canEdit", "canDelete", "canPrint", "canShow", "customTemplates", "items", "limit"], outputs: ["editEvent", "deleteEvent", "printEvent", "showEvent", "itemsLoadedEvent"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SAUFilterModule, selector: "sau-filter", inputs: ["filterConfig", "searchButtonText"], outputs: ["onFilterProcessed"] }, { kind: "component", type: SAUPaginatorModule, selector: "sau-paginator", inputs: ["totalPages", "currentPage"], outputs: ["pageChange"] }, { kind: "component", type: ChevronDownIconComponent, selector: "sau-chevron-down-icon" }, { kind: "component", type: PenIconComponent, selector: "sau-pen-icon" }, { kind: "component", type: TrashIconComponent, selector: "sau-trash-icon" }, { kind: "component", type: InboxIconComponent, selector: "sau-inbox-icon" }, { kind: "component", type: PrintIconComponent, selector: "sau-print-icon" }, { kind: "component", type: EyeIconComponent, selector: "sau-eye-icon" }, { kind: "component", type: DataTemplateComponent, selector: "sau-data-template", inputs: ["item", "header", "customTemplates"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
531
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SAUTableModule, deps: [{ token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
532
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: SAUTableModule, isStandalone: true, selector: "sau-table", inputs: { url: "url", filterConfig: "filterConfig", contentList: "contentList", contentTotal: "contentTotal", pageParamName: "pageParamName", limitParamName: "limitParamName", sizeInitialPage: "sizeInitialPage", sizeBetweenPages: "sizeBetweenPages", fixedContent: "fixedContent", orientation: "orientation", mobileTheme: "mobileTheme", headers: "headers", showOptions: "showOptions", canEdit: "canEdit", canDelete: "canDelete", canPrint: "canPrint", canShow: "canShow", customTemplates: "customTemplates", items: "items", limit: "limit" }, outputs: { editEvent: "editEvent", deleteEvent: "deleteEvent", printEvent: "printEvent", showEvent: "showEvent", itemsLoadedEvent: "itemsLoadedEvent" }, queries: [{ propertyName: "editButtonTemplate", first: true, predicate: ["editButton"], descendants: true }, { propertyName: "deleteButtonTemplate", first: true, predicate: ["deleteButton"], descendants: true }, { propertyName: "printButtonTemplate", first: true, predicate: ["printButton"], descendants: true }, { propertyName: "showButtonTemplate", first: true, predicate: ["showButton"], descendants: true }, { propertyName: "customCellTemplates", predicate: ["customCell"] }], viewQueries: [{ propertyName: "filterComponent", first: true, predicate: ["filterComponent"], descendants: true }], ngImport: i0, template: "<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecer\u00E1n aqu\u00ED cuando est\u00E9n disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>", styles: [".sau-table{--sau-color-primary: rgb(147, 51, 234);--sau-color-secondary: var(--sau-color-primary);--sau-color-background: rgb(255, 255, 255);--sau-color-edit: rgb(34, 197, 94);--sau-color-delete: rgb(239, 68, 68);--sau-color-print: rgb(212, 167, 44);--sau-color-show: rgb(44, 122, 212);--sau-color-text: rgb(31, 41, 55);background:var(--sau-color-background)}.sau-table .sau-filter{--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table .sau-filter__grid{padding:.5rem 1rem}.sau-table table{border-collapse:collapse}.sau-table .sau-table-width-full{width:100%}.sau-table .sau-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;display:flex;align-items:center;justify-content:center}.sau-table .sau-icon svg{width:100%;height:100%;fill:currentColor}.sau-table .sau-icon.sau-icon-chevron-down svg{width:1.8em;height:1.8em}.sau-table .sau-icon.sau-icon-inbox svg{width:1.5em;height:1.5em}@media(min-width:768px){.sau-table .sau-table-mobile.sau-table-dynamic-mode{display:none}}.sau-table .sau-table-mobile .sau-table-mobile-header{background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);padding:.5rem 1rem}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-title{font-size:1rem;font-weight:600;line-height:1.25}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-divider{width:2rem;height:.125rem;background:var(--sau-color-background);margin-top:.25rem}.sau-table .sau-table-mobile .sau-table-mobile-table{width:100%;font-size:.875rem;text-align:left}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic{color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row{border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row:last-child{border-bottom:none}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row.sau-table-mobile-row-even{background:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row .sau-table-mobile-header-cell{padding:.5rem;font-weight:500;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);max-width:min-content}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row .sau-table-mobile-data-cell{padding:.5rem;width:100%;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-actions-row{border-bottom:.5rem solid transparent;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));padding:1rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-actions-row .sau-table-mobile-actions-container{display:flex;justify-content:center;gap:1rem;padding:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards{display:block;color:var(--sau-color-text);padding:.75rem;background:#00000008}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards tbody{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row{display:block;border-bottom:none;margin-bottom:.75rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row:last-child{margin-bottom:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row>td{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full{display:block;background:var(--sau-color-background);border-radius:.875rem;box-shadow:0 1px 4px #00000014;padding:.875rem .875rem .75rem;overflow:hidden}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full tbody{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full tr{display:block;border-bottom:none;background:none;margin-bottom:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-header-cell{display:block;padding:0;margin-bottom:.15rem;font-weight:600;background:none;color:var(--sau-color-primary);opacity:.55;font-size:.65rem;letter-spacing:.03em;text-transform:uppercase;max-width:none}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-data-cell{display:block;padding:0;width:auto;color:var(--sau-color-text);font-size:.875rem;font-weight:600}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-row{display:block;background:none;border-bottom:none;padding:0;margin-top:.25rem;margin-bottom:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-row>td{display:block;padding:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container{padding:0;gap:.5rem;flex-wrap:wrap}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-show-button{flex:1 1 calc(50% - .25rem);justify-content:center;border-radius:.625rem;border-width:1.5px}.sau-table .sau-table-mobile .sau-table-toggle-input{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked~.sau-table-toggle-content{height:auto!important;opacity:1!important;overflow:visible!important}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-show{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-hide{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--sau-color-background);color:var(--sau-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.sau-table .sau-table-mobile .sau-table-toggle-label:hover{background:var(--sau-color-secondary);color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text{font-size:.875rem;font-weight:500}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-show{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-hide{display:none}.sau-table .sau-table-mobile .sau-table-toggle-content{margin-top:.75rem;height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--sau-color-background);transition:all .2s;cursor:pointer}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-desktop{width:100%;font-size:.875rem;text-align:center;color:var(--sau-color-primary)}.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:none}@media(min-width:768px){.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:table}}.sau-table .sau-table-desktop .sau-table-desktop-header{font-size:.75rem;font-weight:600;text-transform:uppercase;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-header .sau-table-desktop-header-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row{min-width:max-content;transition:background-color .2s;border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-desktop .sau-table-desktop-row:last-child{border-bottom:none}.sau-table .sau-table-desktop .sau-table-desktop-row:hover,.sau-table .sau-table-desktop .sau-table-desktop-row.sau-table-desktop-row-even{background:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-cell,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container{display:flex;align-items:center;gap:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--sau-color-background);transition:all .2s;font-size:1.2rem;cursor:pointer}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12rem;text-align:center}.sau-table .sau-table-empty .sau-table-empty-icon{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--sau-color-primary);font-size:2rem}.sau-table .sau-table-empty .sau-table-empty-icon:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table .sau-table-empty .sau-table-empty-title{color:var(--sau-color-text);font-weight:500}.sau-table .sau-table-empty .sau-table-empty-subtitle{color:var(--sau-color-text);font-size:.875rem}.sau-table .sau-paginator{border-top:1px solid var(--sau-color-primary);--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table-data-section{display:flex;align-items:center;gap:.5rem}.sau-table-data-section .sau-table-admin-crown{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}.sau-table-data-section .sau-table-subkey{display:block;color:var(--sau-color-primary);font-size:.75rem;min-width:max-content}.sau-table-data-type-section{display:inline-block;min-width:max-content;color:var(--sau-color-text)}.sau-table-data-type-section .sau-table-boolean-true{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-true:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-boolean-false{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-false:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-datetime{color:var(--sau-color-text);font-size:.875rem}.sau-table-data-type-section .sau-table-color-indicator{display:inline-block;width:2rem;height:1rem}.sau-table-data-type-section .sau-table-link{color:var(--sau-color-primary);text-decoration:none}.sau-table-data-type-section .sau-table-link:hover{text-decoration:underline}.sau-table-data-type-section .sau-table-image{width:2.5rem;height:2.5rem;object-fit:cover}.sau-table-data-type-section .sau-table-login-container{display:inline-flex;align-items:center;gap:.25rem}.sau-table-data-type-section .sau-table-login-container .sau-table-login-email-verified{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-primary)}.sau-table-data-type-section .sau-table-login-container .sau-table-login-google,.sau-table-data-type-section .sau-table-login-inactive{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.sau-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-line{position:relative;overflow:hidden;border-radius:4px;-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);border:1px solid rgba(0,0,0,.05)}.skeleton-line:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.8s infinite}.skeleton-line.head{height:12px;width:60px}.skeleton-line.data{height:10px;width:90%}@media screen and (max-width:768px){.sau-skeleton .sau-table-desktop{display:none}}@media screen and (min-width:769px){.sau-skeleton .sau-table-mobile{display:none}}\n"], dependencies: [{ kind: "component", type: SAUTableModule, selector: "sau-table", inputs: ["url", "filterConfig", "contentList", "contentTotal", "pageParamName", "limitParamName", "sizeInitialPage", "sizeBetweenPages", "fixedContent", "orientation", "mobileTheme", "headers", "showOptions", "canEdit", "canDelete", "canPrint", "canShow", "customTemplates", "items", "limit"], outputs: ["editEvent", "deleteEvent", "printEvent", "showEvent", "itemsLoadedEvent"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SAUFilterModule, selector: "sau-filter", inputs: ["filterConfig", "searchButtonText"], outputs: ["onFilterProcessed"] }, { kind: "component", type: SAUPaginatorModule, selector: "sau-paginator", inputs: ["totalPages", "currentPage"], outputs: ["pageChange"] }, { kind: "component", type: ChevronDownIconComponent, selector: "sau-chevron-down-icon" }, { kind: "component", type: PenIconComponent, selector: "sau-pen-icon" }, { kind: "component", type: TrashIconComponent, selector: "sau-trash-icon" }, { kind: "component", type: InboxIconComponent, selector: "sau-inbox-icon" }, { kind: "component", type: PrintIconComponent, selector: "sau-print-icon" }, { kind: "component", type: EyeIconComponent, selector: "sau-eye-icon" }, { kind: "component", type: DataTemplateComponent, selector: "sau-data-template", inputs: ["item", "header", "customTemplates"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
532
533
|
}
|
|
533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SAUTableModule, decorators: [{
|
|
534
535
|
type: Component,
|
|
535
536
|
args: [{ selector: 'sau-table', encapsulation: ViewEncapsulation.None, imports: [
|
|
536
537
|
RouterModule,
|
|
@@ -544,7 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
544
545
|
PrintIconComponent,
|
|
545
546
|
EyeIconComponent,
|
|
546
547
|
DataTemplateComponent,
|
|
547
|
-
], template: "<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecer\u00E1n aqu\u00ED cuando est\u00E9n disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>", styles: [".sau-table{--sau-color-primary: rgb(147, 51, 234);--sau-color-secondary: var(--sau-color-primary);--sau-color-background: rgb(255, 255, 255);--sau-color-edit: rgb(34, 197, 94);--sau-color-delete: rgb(239, 68, 68);--sau-color-print: rgb(212, 167, 44);--sau-color-show: rgb(44, 122, 212);--sau-color-text: rgb(31, 41, 55);background:var(--sau-color-background)}.sau-table .sau-filter{--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table .sau-filter__grid{padding:.5rem 1rem}.sau-table table{border-collapse:collapse}.sau-table .sau-table-width-full{width:100%}.sau-table .sau-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;display:flex;align-items:center;justify-content:center}.sau-table .sau-icon svg{width:100%;height:100%;fill:currentColor}.sau-table .sau-icon.sau-icon-chevron-down svg{width:1.8em;height:1.8em}.sau-table .sau-icon.sau-icon-inbox svg{width:1.5em;height:1.5em}@media(min-width:768px){.sau-table .sau-table-mobile.sau-table-dynamic-mode{display:none}}.sau-table .sau-table-mobile .sau-table-mobile-header{background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);padding:.5rem 1rem}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-title{font-size:1rem;font-weight:600;line-height:1.25}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-divider{width:2rem;height:.125rem;background:var(--sau-color-background);margin-top:.25rem}.sau-table .sau-table-mobile .sau-table-mobile-table{width:100%;font-size:.875rem;text-align:left;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row{border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row:last-child{border-bottom:none}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row.sau-table-mobile-row-even{background:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row .sau-table-mobile-header-cell{padding:.5rem;font-weight:500;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);max-width:min-content}.sau-table .sau-table-mobile .sau-table-mobile-table .sau-table-mobile-row .sau-table-mobile-data-cell{padding:.5rem;width:100%;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-toggle-input{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked~.sau-table-toggle-content{height:auto!important;opacity:1!important;overflow:visible!important}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-show{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-hide{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--sau-color-background);color:var(--sau-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.sau-table .sau-table-mobile .sau-table-toggle-label:hover{background:var(--sau-color-secondary);color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text{font-size:.875rem;font-weight:500}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-show{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-hide{display:none}.sau-table .sau-table-mobile .sau-table-toggle-content{margin-top:.75rem;height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.sau-table .sau-table-mobile .sau-table-mobile-actions-row{border-bottom:.5rem solid transparent;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));padding:1rem}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container{display:flex;justify-content:center;gap:1rem;padding:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--sau-color-background);transition:all .2s;cursor:pointer}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-mobile .sau-table-mobile-actions-row .sau-table-mobile-actions-container .sau-table-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-desktop{width:100%;font-size:.875rem;text-align:center;color:var(--sau-color-primary)}.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:none}@media(min-width:768px){.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:table}}.sau-table .sau-table-desktop .sau-table-desktop-header{font-size:.75rem;font-weight:600;text-transform:uppercase;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-header .sau-table-desktop-header-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row{min-width:max-content;transition:background-color .2s;border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-desktop .sau-table-desktop-row:last-child{border-bottom:none}.sau-table .sau-table-desktop .sau-table-desktop-row:hover,.sau-table .sau-table-desktop .sau-table-desktop-row.sau-table-desktop-row-even{background:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-cell,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container{display:flex;align-items:center;gap:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--sau-color-background);transition:all .2s;font-size:1.2rem;cursor:pointer}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12rem;text-align:center}.sau-table .sau-table-empty .sau-table-empty-icon{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--sau-color-primary);font-size:2rem}.sau-table .sau-table-empty .sau-table-empty-icon:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table .sau-table-empty .sau-table-empty-title{color:var(--sau-color-text);font-weight:500}.sau-table .sau-table-empty .sau-table-empty-subtitle{color:var(--sau-color-text);font-size:.875rem}.sau-table .sau-paginator{border-top:1px solid var(--sau-color-primary);--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table-data-section{display:flex;align-items:center;gap:.5rem}.sau-table-data-section .sau-table-admin-crown{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}.sau-table-data-section .sau-table-subkey{display:block;color:var(--sau-color-primary);font-size:.75rem;min-width:max-content}.sau-table-data-type-section{display:inline-block;min-width:max-content;color:var(--sau-color-text)}.sau-table-data-type-section .sau-table-boolean-true{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-true:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-boolean-false{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-false:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-datetime{color:var(--sau-color-text);font-size:.875rem}.sau-table-data-type-section .sau-table-color-indicator{display:inline-block;width:2rem;height:1rem}.sau-table-data-type-section .sau-table-link{color:var(--sau-color-primary);text-decoration:none}.sau-table-data-type-section .sau-table-link:hover{text-decoration:underline}.sau-table-data-type-section .sau-table-image{width:2.5rem;height:2.5rem;object-fit:cover}.sau-table-data-type-section .sau-table-login-container{display:inline-flex;align-items:center;gap:.25rem}.sau-table-data-type-section .sau-table-login-container .sau-table-login-email-verified{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-primary)}.sau-table-data-type-section .sau-table-login-container .sau-table-login-google,.sau-table-data-type-section .sau-table-login-inactive{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.sau-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-line{position:relative;overflow:hidden;border-radius:4px;-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);border:1px solid rgba(0,0,0,.05)}.skeleton-line:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.8s infinite}.skeleton-line.head{height:12px;width:60px}.skeleton-line.data{height:10px;width:90%}@media screen and (max-width:768px){.sau-skeleton .sau-table-desktop{display:none}}@media screen and (min-width:769px){.sau-skeleton .sau-table-mobile{display:none}}\n"] }]
|
|
548
|
+
], template: "<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecer\u00E1n aqu\u00ED cuando est\u00E9n disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>", styles: [".sau-table{--sau-color-primary: rgb(147, 51, 234);--sau-color-secondary: var(--sau-color-primary);--sau-color-background: rgb(255, 255, 255);--sau-color-edit: rgb(34, 197, 94);--sau-color-delete: rgb(239, 68, 68);--sau-color-print: rgb(212, 167, 44);--sau-color-show: rgb(44, 122, 212);--sau-color-text: rgb(31, 41, 55);background:var(--sau-color-background)}.sau-table .sau-filter{--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table .sau-filter__grid{padding:.5rem 1rem}.sau-table table{border-collapse:collapse}.sau-table .sau-table-width-full{width:100%}.sau-table .sau-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;display:flex;align-items:center;justify-content:center}.sau-table .sau-icon svg{width:100%;height:100%;fill:currentColor}.sau-table .sau-icon.sau-icon-chevron-down svg{width:1.8em;height:1.8em}.sau-table .sau-icon.sau-icon-inbox svg{width:1.5em;height:1.5em}@media(min-width:768px){.sau-table .sau-table-mobile.sau-table-dynamic-mode{display:none}}.sau-table .sau-table-mobile .sau-table-mobile-header{background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);padding:.5rem 1rem}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-title{font-size:1rem;font-weight:600;line-height:1.25}.sau-table .sau-table-mobile .sau-table-mobile-header .sau-table-mobile-divider{width:2rem;height:.125rem;background:var(--sau-color-background);margin-top:.25rem}.sau-table .sau-table-mobile .sau-table-mobile-table{width:100%;font-size:.875rem;text-align:left}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic{color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row{border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row:last-child{border-bottom:none}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row.sau-table-mobile-row-even{background:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row .sau-table-mobile-header-cell{padding:.5rem;font-weight:500;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background);max-width:min-content}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-row .sau-table-mobile-data-cell{padding:.5rem;width:100%;color:var(--sau-color-primary)}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-actions-row{border-bottom:.5rem solid transparent;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));padding:1rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-classic .sau-table-mobile-actions-row .sau-table-mobile-actions-container{display:flex;justify-content:center;gap:1rem;padding:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards{display:block;color:var(--sau-color-text);padding:.75rem;background:#00000008}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards tbody{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row{display:block;border-bottom:none;margin-bottom:.75rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row:last-child{margin-bottom:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row>td{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full{display:block;background:var(--sau-color-background);border-radius:.875rem;box-shadow:0 1px 4px #00000014;padding:.875rem .875rem .75rem;overflow:hidden}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full tbody{display:block}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full tr{display:block;border-bottom:none;background:none;margin-bottom:.5rem}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-header-cell{display:block;padding:0;margin-bottom:.15rem;font-weight:600;background:none;color:var(--sau-color-primary);opacity:.55;font-size:.65rem;letter-spacing:.03em;text-transform:uppercase;max-width:none}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-data-cell{display:block;padding:0;width:auto;color:var(--sau-color-text);font-size:.875rem;font-weight:600}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-row{display:block;background:none;border-bottom:none;padding:0;margin-top:.25rem;margin-bottom:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-row>td{display:block;padding:0}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container{padding:0;gap:.5rem;flex-wrap:wrap}.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-table.sau-table-mobile-theme-cards .sau-table-mobile-row .sau-table-width-full .sau-table-mobile-actions-container .sau-table-show-button{flex:1 1 calc(50% - .25rem);justify-content:center;border-radius:.625rem;border-width:1.5px}.sau-table .sau-table-mobile .sau-table-toggle-input{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked~.sau-table-toggle-content{height:auto!important;opacity:1!important;overflow:visible!important}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-show{display:none}.sau-table .sau-table-mobile .sau-table-toggle-input:checked+.sau-table-toggle-label .sau-table-toggle-hide{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--sau-color-background);color:var(--sau-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.sau-table .sau-table-mobile .sau-table-toggle-label:hover{background:var(--sau-color-secondary);color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text{font-size:.875rem;font-weight:500}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-show{display:inline}.sau-table .sau-table-mobile .sau-table-toggle-label .sau-table-toggle-text .sau-table-toggle-hide{display:none}.sau-table .sau-table-mobile .sau-table-toggle-content{margin-top:.75rem;height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--sau-color-background);transition:all .2s;cursor:pointer}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button:hover,.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-mobile .sau-table-mobile-actions-container .sau-table-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-desktop{width:100%;font-size:.875rem;text-align:center;color:var(--sau-color-primary)}.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:none}@media(min-width:768px){.sau-table .sau-table-desktop.sau-table-dynamic-mode{display:table}}.sau-table .sau-table-desktop .sau-table-desktop-header{font-size:.75rem;font-weight:600;text-transform:uppercase;background:linear-gradient(to right,var(--sau-color-primary),var(--sau-color-secondary));color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-header .sau-table-desktop-header-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row{min-width:max-content;transition:background-color .2s;border-bottom:1px solid var(--sau-color-primary)}.sau-table .sau-table-desktop .sau-table-desktop-row:last-child{border-bottom:none}.sau-table .sau-table-desktop .sau-table-desktop-row:hover,.sau-table .sau-table-desktop .sau-table-desktop-row.sau-table-desktop-row-even{background:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-cell,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell{padding:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container{display:flex;align-items:center;gap:.5rem}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--sau-color-background);transition:all .2s;font-size:1.2rem;cursor:pointer}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover,.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{color:var(--sau-color-background)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button{color:var(--sau-color-edit);border:1px solid var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-edit-button:hover{background:var(--sau-color-edit)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button{color:var(--sau-color-delete);border:1px solid var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-delete-button:hover{background:var(--sau-color-delete)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button{color:var(--sau-color-print);border:1px solid var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-print-button:hover{background:var(--sau-color-print)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button{color:var(--sau-color-show);border:1px solid var(--sau-color-show)}.sau-table .sau-table-desktop .sau-table-desktop-row .sau-table-desktop-actions-cell .sau-table-desktop-actions-container .sau-table-desktop-show-button:hover{background:var(--sau-color-show)}.sau-table .sau-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:12rem;text-align:center}.sau-table .sau-table-empty .sau-table-empty-icon{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--sau-color-primary);font-size:2rem}.sau-table .sau-table-empty .sau-table-empty-icon:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table .sau-table-empty .sau-table-empty-title{color:var(--sau-color-text);font-weight:500}.sau-table .sau-table-empty .sau-table-empty-subtitle{color:var(--sau-color-text);font-size:.875rem}.sau-table .sau-paginator{border-top:1px solid var(--sau-color-primary);--sau-color-primary: inherit !important;--sau-color-secondary: inherit !important;--sau-color-background: inherit !important;--sau-color-edit: inherit !important;--sau-color-delete: inherit !important;--sau-color-text: inherit !important}.sau-table-data-section{display:flex;align-items:center;gap:.5rem}.sau-table-data-section .sau-table-admin-crown{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}.sau-table-data-section .sau-table-subkey{display:block;color:var(--sau-color-primary);font-size:.75rem;min-width:max-content}.sau-table-data-type-section{display:inline-block;min-width:max-content;color:var(--sau-color-text)}.sau-table-data-type-section .sau-table-boolean-true{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-true:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-boolean-false{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.sau-table-data-type-section .sau-table-boolean-false:after{content:\"\";width:100%;height:100%;background:var(--sau-color-primary);position:absolute;top:0;left:0;opacity:.3;border-radius:50%}.sau-table-data-type-section .sau-table-datetime{color:var(--sau-color-text);font-size:.875rem}.sau-table-data-type-section .sau-table-color-indicator{display:inline-block;width:2rem;height:1rem}.sau-table-data-type-section .sau-table-link{color:var(--sau-color-primary);text-decoration:none}.sau-table-data-type-section .sau-table-link:hover{text-decoration:underline}.sau-table-data-type-section .sau-table-image{width:2.5rem;height:2.5rem;object-fit:cover}.sau-table-data-type-section .sau-table-login-container{display:inline-flex;align-items:center;gap:.25rem}.sau-table-data-type-section .sau-table-login-container .sau-table-login-email-verified{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-primary)}.sau-table-data-type-section .sau-table-login-container .sau-table-login-google,.sau-table-data-type-section .sau-table-login-inactive{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--sau-color-secondary)}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.sau-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-line{position:relative;overflow:hidden;border-radius:4px;-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);border:1px solid rgba(0,0,0,.05)}.skeleton-line:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.8s infinite}.skeleton-line.head{height:12px;width:60px}.skeleton-line.data{height:10px;width:90%}@media screen and (max-width:768px){.sau-skeleton .sau-table-desktop{display:none}}@media screen and (min-width:769px){.sau-skeleton .sau-table-mobile{display:none}}\n"] }]
|
|
548
549
|
}], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { url: [{
|
|
549
550
|
type: Input
|
|
550
551
|
}], filterConfig: [{
|
|
@@ -565,6 +566,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
565
566
|
type: Input
|
|
566
567
|
}], orientation: [{
|
|
567
568
|
type: Input
|
|
569
|
+
}], mobileTheme: [{
|
|
570
|
+
type: Input
|
|
568
571
|
}], headers: [{
|
|
569
572
|
type: Input
|
|
570
573
|
}], showOptions: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"some-angular-utils-table.mjs","sources":["../../../../projects/some-angular-utils/table/src/lib/icons/chevron-down-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/pen-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/trash-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/inbox-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/print-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/eye-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/check-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/xmark-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/envelope-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/google-icon.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-type-template/data-type-template.component.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-type-template/data-type-template.component.html","../../../../projects/some-angular-utils/table/src/lib/icons/crown-icon.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-template/data-template.component.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-template/data-template.component.html","../../../../projects/some-angular-utils/table/src/lib/table.ts","../../../../projects/some-angular-utils/table/src/lib/table.html","../../../../projects/some-angular-utils/table/src/public-api.ts","../../../../projects/some-angular-utils/table/src/some-angular-utils-table.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-chevron-down-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M12 15.5l-6-6h12l-6 6z\" />\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class ChevronDownIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-pen-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class PenIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-trash-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class TrashIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-inbox-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H5V5h14v10z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class InboxIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-print-icon',\n standalone: true,\n template: `\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->\n <path d=\"M128 128C128 92.7 156.7 64 192 64L405.5 64C422.5 64 438.8 70.7 450.8 82.7L493.3 125.2C505.3 137.2 512 153.5 512 170.5L512 208L128 208L128 128zM64 320C64 284.7 92.7 256 128 256L512 256C547.3 256 576 284.7 576 320L576 416C576 433.7 561.7 448 544 448L512 448L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 448L96 448C78.3 448 64 433.7 64 416L64 320zM192 480L192 512L448 512L448 416L192 416L192 480zM520 336C520 322.7 509.3 312 496 312C482.7 312 472 322.7 472 336C472 349.3 482.7 360 496 360C509.3 360 520 349.3 520 336z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class PrintIconComponent { }","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-eye-icon',\n standalone: true,\n template: `\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" class=\"w-4 h-auto\">\n <path fill=\"currentColor\"\n d=\"M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6.01 7 11 7s9.27-3.11 11-7c-1.73-3.89-6.01-7-11-7zm0 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8.5c-1.93 0-3.5 1.57-3.5 3.5S10.07 15.5 12 15.5 15.5 13.93 15.5 12 13.93 8.5 12 8.5z\" />\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class EyeIconComponent { }","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-check-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class CheckIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-xmark-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.88-4.89c.39-.38.39-1.02.01-1.4z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class XmarkIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-envelope-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class EnvelopeIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-google-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%;\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\"/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\"/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class GoogleIconComponent {}","import { Component, Input } from '@angular/core';\nimport { CommonModule, DatePipe } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { CheckIconComponent } from '../../icons/check-icon';\nimport { XmarkIconComponent } from '../../icons/xmark-icon';\nimport { EnvelopeIconComponent } from '../../icons/envelope-icon';\nimport { GoogleIconComponent } from '../../icons/google-icon';\n\n@Component({\n selector: 'sau-data-type-template',\n templateUrl: './data-type-template.component.html',\n styleUrls: ['./data-type-template.component.scss'],\n imports: [\n CommonModule,\n DatePipe,\n RouterModule,\n CheckIconComponent,\n XmarkIconComponent,\n EnvelopeIconComponent,\n GoogleIconComponent\n ]\n})\nexport class DataTypeTemplateComponent {\n @Input() item!: any;\n @Input() header!: any;\n @Input() value!: string | string[];\n\n getValue(item: any, key: string | string[]) {\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n\n result = value;\n\n }\n\n arrayKey.shift();\n }\n\n return result;\n }\n\n getLink(pattern: string = '{key}', item: any, value: string | string[]): { url: string, isExternal: boolean } {\n const keyValue = this.getValue(item, value);\n const url = pattern.replace('{key}', keyValue);\n const isExternal = url.startsWith('http://') || url.startsWith('https://')\n\n return {\n url,\n isExternal\n }\n }\n}\n","<section class=\"sau-table-data-type-section\">\n @switch (header.type) {\n\n @case ('boolean') {\n @if(getValue(item, value)){\n <div class=\"sau-table-boolean-true\">\n <span class=\"sau-icon sau-icon-check\">\n <sau-check-icon></sau-check-icon>\n </span>\n </div>\n } @else {\n <div class=\"sau-table-boolean-false\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @case ('date') {\n <span class=\"sau-table-date\">\n {{getValue(item, value) | date: 'dd/MM/yyyy'}}\n </span>\n }\n\n @case ('dateTime') {\n <span class=\"sau-table-datetime\">\n {{getValue(item, value) | date: 'dd/MM/yyyy HH:mm'}}\n </span>\n }\n\n @case ('color'){\n <span class=\"sau-table-color-indicator\" [style.background-color]=\"getValue(item, value)\"></span>\n }\n\n @case ('link'){\n @let link = getLink(header.url, item, value);\n\n @if(link.isExternal){\n <a [href]=\"link.url\" class=\"sau-table-link\">\n {{header.linkName}}\n </a>\n }@else{\n <a [routerLink]=\"link.url\" class=\"sau-table-link\" target=\"_blank\">\n {{header.linkName}}\n </a>\n }\n\n }\n\n @case ('image'){\n @let link = getLink(header.url, item, value);\n\n <img [src]=\"link.url\" [alt]=\"getValue(item, value)\" loading=\"lazy\" class=\"sau-table-image\">\n }\n\n @case ('login'){\n @if(item.active){\n <span class=\"sau-table-login-container\">\n\n @if(item.email_verified_at){\n <div [title]=\"item.email\" class=\"sau-table-login-email-verified\">\n <span class=\"sau-icon sau-icon-envelope\">\n <sau-envelope-icon></sau-envelope-icon>\n </span>\n </div>\n }\n\n @if(item.google_id){\n <div [title]=\"item.google_id\" class=\"sau-table-login-google\">\n <span class=\"sau-icon sau-icon-google\">\n <sau-google-icon></sau-google-icon>\n </span>\n </div>\n }\n\n </span>\n } @else {\n <div class=\"sau-table-login-inactive\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @default {\n {{getValue(item, value)}}\n }\n }\n</section>","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-crown-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M5 16L3 5l4.5 7L12 4l4.5 8L21 5l-2 11H5zm2.7-2h8.6l.9-5.4-2.1 3.7L12 9l-3.1 3.3-2.1-3.7L7.7 14z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class CrownIconComponent {}","import { Component, Input, TemplateRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DataTypeTemplateComponent } from '../data-type-template/data-type-template.component';\nimport { CrownIconComponent } from '../../icons/crown-icon';\n\n@Component({\n selector: 'sau-data-template',\n templateUrl: './data-template.component.html',\n styleUrls: ['./data-template.component.scss'],\n imports: [\n CommonModule,\n DataTypeTemplateComponent,\n CrownIconComponent\n ]\n})\nexport class DataTemplateComponent {\n @Input() item!: any;\n @Input() header!: any;\n @Input() customTemplates: { [key: string]: TemplateRef<any> } = {};\n\n getCustomTemplate(key: string): TemplateRef<any> | undefined {\n return this.customTemplates ? this.customTemplates[key] : undefined;\n }\n\n getValue(item: any, key: string | string[]) {\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n\n result = value;\n\n }\n\n arrayKey.shift();\n }\n\n return result;\n }\n}\n","<section class=\"sau-table-data-section\">\n\n @if(header.name == 'NOMBRE' && item.role == 'ROLE_ADMIN') {\n <div class=\"sau-table-admin-crown\">\n <span class=\"sau-icon sau-icon-crown\">\n <sau-crown-icon></sau-crown-icon>\n </span>\n </div>\n }\n\n @let customTmpl = getCustomTemplate(header.key);\n\n @if (customTmpl) {\n\n <section class=\"sau-table-data-type-section\">\n <ng-container [ngTemplateOutlet]=\"customTmpl\" [ngTemplateOutletContext]=\"{item: item, header: header}\">\n </ng-container>\n </section>\n\n } @else {\n <span>\n\n @if (header.innerHtml) {\n <span [innerHTML]=\"getValue(item, header.key)\"></span>\n } @else {\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.key\"></sau-data-type-template>\n }\n\n @if(header.subKey){\n <span class=\"sau-table-subkey\">\n (\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.subKey\"></sau-data-type-template>\n )\n </span>\n }\n\n </span>\n }\n\n</section>","import { CommonModule } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, ContentChild, ContentChildren, QueryList, ViewChild } from '@angular/core';\nimport { TemplateRef } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SAUFilterModule } from '@some-angular-utils/filter'\nimport { SAUPaginatorModule } from '@some-angular-utils/paginator'\n\nimport { ChevronDownIconComponent } from './icons/chevron-down-icon';\nimport { PenIconComponent } from './icons/pen-icon';\nimport { TrashIconComponent } from './icons/trash-icon';\nimport { InboxIconComponent } from './icons/inbox-icon';\nimport { PrintIconComponent } from './icons/print-icon';\nimport { EyeIconComponent } from './icons/eye-icon';\nimport { DataTemplateComponent } from './components/data-template/data-template.component';\n\n@Component({\n selector: 'sau-table',\n templateUrl: './table.html',\n styleUrls: ['./table.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n RouterModule,\n CommonModule,\n SAUFilterModule,\n SAUPaginatorModule,\n ChevronDownIconComponent,\n PenIconComponent,\n TrashIconComponent,\n InboxIconComponent,\n PrintIconComponent,\n EyeIconComponent,\n DataTemplateComponent,\n ]\n})\nexport class SAUTableModule {\n @Input() url?: string;\n @Input() filterConfig = ''\n @Input() contentList?: string;\n @Input() contentTotal?: string;\n @Input() pageParamName = 'page';\n @Input() limitParamName = 'limit'\n @Input() sizeInitialPage = 0\n @Input() sizeBetweenPages = 1\n @Input() fixedContent = []\n @Input() orientation: \"dynamic\" | \"horizontal\" | \"vertical\" = \"dynamic\"\n @Input() headers?: { name: string, key: string | string[], subKey?: string, type?: string, innerHtml?: boolean, headers?: any }[];\n\n @Input() showOptions = true;\n @Output() editEvent = new EventEmitter();\n @Output() deleteEvent = new EventEmitter();\n @Output() printEvent = new EventEmitter();\n @Output() showEvent = new EventEmitter();\n @Output() itemsLoadedEvent = new EventEmitter<any[]>();\n\n // ContentChild para detectar cosas personalizadas\n @ContentChild('editButton', { static: false }) editButtonTemplate?: TemplateRef<any>;\n @ContentChild('deleteButton', { static: false }) deleteButtonTemplate?: TemplateRef<any>;\n @ContentChild('printButton', { static: false }) printButtonTemplate?: TemplateRef<any>;\n @ContentChild('showButton', { static: false }) showButtonTemplate?: TemplateRef<any>;\n\n @Input() canEdit?: (item: any) => boolean;\n @Input() canDelete?: (item: any) => boolean;\n @Input() canPrint?: (item: any) => boolean;\n @Input() canShow?: (item: any) => boolean;\n\n @ViewChild('filterComponent') filterComponent?: SAUFilterModule;\n\n @ContentChildren('customCell') customCellTemplates!: QueryList<any>;\n @Input() customTemplates: { [key: string]: TemplateRef<any> } = {};\n\n getCustomTemplate(key: string): TemplateRef<any> | undefined {\n return this.customTemplates ? this.customTemplates[key] : undefined;\n }\n\n // Getters para verificar si hay suscriptores\n get hasEditSubscription(): boolean {\n return this.editEvent.observed;\n }\n\n get hasDeleteSubscription(): boolean {\n return this.deleteEvent.observed;\n }\n\n get hasPrintSubscription(): boolean {\n return this.printEvent.observed;\n }\n\n get hasShowSubscription(): boolean {\n return this.showEvent.observed;\n }\n\n showEdit(item: any): boolean {\n return this.canEdit ? this.canEdit(item) : this.hasEditSubscription;\n }\n\n showDelete(item: any): boolean {\n return this.canDelete ? this.canDelete(item) : this.hasDeleteSubscription;\n }\n\n showPrint(item: any): boolean {\n return this.canPrint ? this.canPrint(item) : this.hasPrintSubscription;\n }\n\n showShow(item: any): boolean {\n return this.canShow ? this.canShow(item) : this.hasShowSubscription;\n }\n\n loading = false\n\n @Input() items: any = [];\n\n total: number = 0\n\n page = 1\n\n @Input() limit = 10\n\n filters = ''\n\n constructor(\n private http: HttpClient,\n private cdr: ChangeDetectorRef\n ) { }\n\n ngAfterViewInit() {\n if (this.filterConfig && this.filterComponent) {\n this.filterComponent.processFilter()\n }\n\n if (this.url) {\n this.getItems();\n\n } else if (this.fixedContent && this.fixedContent.length > 0) {\n this.items = [...this.fixedContent];\n this.cdr.detectChanges();\n this.itemsLoadedEvent.emit(this.items);\n\n }\n }\n\n // Método para obtener la página interna (0-based si sizeInitialPage es 0, 1-based si es 1)\n private getInternalPage(): number {\n if (this.sizeInitialPage === 0) {\n return (this.page - 1) * this.sizeBetweenPages;\n }\n return this.page * this.sizeBetweenPages;\n }\n\n getItems() {\n this.loading = true;\n this.cdr.detectChanges(); // Forzar detección antes de la petición\n\n const internalPage = this.getInternalPage();\n const url = this.url + this.filters;\n const questionMark = url?.includes('?') ? '&' : '?'\n const filters = `${this.pageParamName}=${internalPage}&${this.limitParamName}=${this.limit}`;\n\n this.http.get(url + questionMark + filters).subscribe({\n next: (data: any) => {\n\n if (this.contentList && data[this.contentList]) {\n this.items = [...data[this.contentList]]; // Crear nueva referencia del array\n } else {\n this.items = [...data]; // Crear nueva referencia del array\n }\n\n if (this.contentTotal) {\n\n const total = []\n for (let i = 0; i < this.getValue(data, this.contentTotal) / this.limit; i++) {\n total.push(i + 1)\n }\n\n this.total = total.length\n }\n\n this.loading = false;\n this.cdr.detectChanges(); // Forzar detección después de actualizar datos\n this.itemsLoadedEvent.emit(this.items);\n },\n error: (error: any) => {\n console.error('ERROR obtener productos. ' + error);\n this.loading = false;\n this.cdr.detectChanges();\n }\n });\n }\n\n // Método simple para refrescar la tabla\n refresh() {\n if (this.url) {\n this.items = []; // Limpiar array primero\n this.cdr.detectChanges(); // Forzar actualización\n this.getItems();\n }\n }\n\n getLink(pattern: string = '{key}', item: any, value: string | string[]): { url: string, isExternal: boolean } {\n const keyValue = this.getValue(item, value);\n const url = pattern.replace('{key}', keyValue);\n const isExternal = url.startsWith('http://') || url.startsWith('https://')\n\n return {\n url,\n isExternal\n }\n }\n\n getValue(item: any, key: string | string[]) {\n\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n }\n\n arrayKey.shift();\n\n result += (value ?? '') + (arrayKey.length > 0 ? ' ' : '');\n\n }\n\n return result;\n }\n\n isArray(array: any): boolean {\n return Array.isArray(array)\n }\n\n clickEditButton(item?: any) {\n this.editEvent.emit(item)\n }\n\n clickDeleteButton(item?: any) {\n this.deleteEvent.emit(item);\n }\n\n clickPrintButton(item?: any) {\n this.printEvent.emit(item);\n }\n\n clickShowButton(item?: any) {\n this.showEvent.emit(item);\n }\n\n onPageChange(newPage: number) {\n this.page = newPage;\n this.getItems()\n }\n\n onFiltersChange(filters: string) {\n this.filters = filters;\n this.getItems()\n }\n\n}\n","<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecerán aquí cuando estén disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>","/*\n * Public API Surface of table\n */\n\nexport * from './lib/table';\nexport * from './lib/components/data-template/data-template.component';\nexport * from './lib/components/data-type-template/data-type-template.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"some-angular-utils-table.mjs","sources":["../../../../projects/some-angular-utils/table/src/lib/icons/chevron-down-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/pen-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/trash-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/inbox-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/print-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/eye-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/check-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/xmark-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/envelope-icon.ts","../../../../projects/some-angular-utils/table/src/lib/icons/google-icon.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-type-template/data-type-template.component.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-type-template/data-type-template.component.html","../../../../projects/some-angular-utils/table/src/lib/icons/crown-icon.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-template/data-template.component.ts","../../../../projects/some-angular-utils/table/src/lib/components/data-template/data-template.component.html","../../../../projects/some-angular-utils/table/src/lib/table.ts","../../../../projects/some-angular-utils/table/src/lib/table.html","../../../../projects/some-angular-utils/table/src/public-api.ts","../../../../projects/some-angular-utils/table/src/some-angular-utils-table.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-chevron-down-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M12 15.5l-6-6h12l-6 6z\" />\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class ChevronDownIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-pen-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class PenIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-trash-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class TrashIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-inbox-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H5V5h14v10z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class InboxIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-print-icon',\n standalone: true,\n template: `\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->\n <path d=\"M128 128C128 92.7 156.7 64 192 64L405.5 64C422.5 64 438.8 70.7 450.8 82.7L493.3 125.2C505.3 137.2 512 153.5 512 170.5L512 208L128 208L128 128zM64 320C64 284.7 92.7 256 128 256L512 256C547.3 256 576 284.7 576 320L576 416C576 433.7 561.7 448 544 448L512 448L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 448L96 448C78.3 448 64 433.7 64 416L64 320zM192 480L192 512L448 512L448 416L192 416L192 480zM520 336C520 322.7 509.3 312 496 312C482.7 312 472 322.7 472 336C472 349.3 482.7 360 496 360C509.3 360 520 349.3 520 336z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class PrintIconComponent { }","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-eye-icon',\n standalone: true,\n template: `\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" class=\"w-4 h-auto\">\n <path fill=\"currentColor\"\n d=\"M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6.01 7 11 7s9.27-3.11 11-7c-1.73-3.89-6.01-7-11-7zm0 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8.5c-1.93 0-3.5 1.57-3.5 3.5S10.07 15.5 12 15.5 15.5 13.93 15.5 12 13.93 8.5 12 8.5z\" />\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class EyeIconComponent { }","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-check-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class CheckIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-xmark-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.88-4.89c.39-.38.39-1.02.01-1.4z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class XmarkIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-envelope-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class EnvelopeIconComponent {}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-google-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%;\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\"/>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\"/>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class GoogleIconComponent {}","import { Component, Input } from '@angular/core';\nimport { CommonModule, DatePipe } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { CheckIconComponent } from '../../icons/check-icon';\nimport { XmarkIconComponent } from '../../icons/xmark-icon';\nimport { EnvelopeIconComponent } from '../../icons/envelope-icon';\nimport { GoogleIconComponent } from '../../icons/google-icon';\n\n@Component({\n selector: 'sau-data-type-template',\n templateUrl: './data-type-template.component.html',\n styleUrls: ['./data-type-template.component.scss'],\n imports: [\n CommonModule,\n DatePipe,\n RouterModule,\n CheckIconComponent,\n XmarkIconComponent,\n EnvelopeIconComponent,\n GoogleIconComponent\n ]\n})\nexport class DataTypeTemplateComponent {\n @Input() item!: any;\n @Input() header!: any;\n @Input() value!: string | string[];\n\n getValue(item: any, key: string | string[]) {\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n\n result = value;\n\n }\n\n arrayKey.shift();\n }\n\n return result;\n }\n\n getLink(pattern: string = '{key}', item: any, value: string | string[]): { url: string, isExternal: boolean } {\n const keyValue = this.getValue(item, value);\n const url = pattern.replace('{key}', keyValue);\n const isExternal = url.startsWith('http://') || url.startsWith('https://')\n\n return {\n url,\n isExternal\n }\n }\n}\n","<section class=\"sau-table-data-type-section\">\n @switch (header.type) {\n\n @case ('boolean') {\n @if(getValue(item, value)){\n <div class=\"sau-table-boolean-true\">\n <span class=\"sau-icon sau-icon-check\">\n <sau-check-icon></sau-check-icon>\n </span>\n </div>\n } @else {\n <div class=\"sau-table-boolean-false\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @case ('date') {\n <span class=\"sau-table-date\">\n {{getValue(item, value) | date: 'dd/MM/yyyy'}}\n </span>\n }\n\n @case ('dateTime') {\n <span class=\"sau-table-datetime\">\n {{getValue(item, value) | date: 'dd/MM/yyyy HH:mm'}}\n </span>\n }\n\n @case ('color'){\n <span class=\"sau-table-color-indicator\" [style.background-color]=\"getValue(item, value)\"></span>\n }\n\n @case ('link'){\n @let link = getLink(header.url, item, value);\n\n @if(link.isExternal){\n <a [href]=\"link.url\" class=\"sau-table-link\">\n {{header.linkName}}\n </a>\n }@else{\n <a [routerLink]=\"link.url\" class=\"sau-table-link\" target=\"_blank\">\n {{header.linkName}}\n </a>\n }\n\n }\n\n @case ('image'){\n @let link = getLink(header.url, item, value);\n\n <img [src]=\"link.url\" [alt]=\"getValue(item, value)\" loading=\"lazy\" class=\"sau-table-image\">\n }\n\n @case ('login'){\n @if(item.active){\n <span class=\"sau-table-login-container\">\n\n @if(item.email_verified_at){\n <div [title]=\"item.email\" class=\"sau-table-login-email-verified\">\n <span class=\"sau-icon sau-icon-envelope\">\n <sau-envelope-icon></sau-envelope-icon>\n </span>\n </div>\n }\n\n @if(item.google_id){\n <div [title]=\"item.google_id\" class=\"sau-table-login-google\">\n <span class=\"sau-icon sau-icon-google\">\n <sau-google-icon></sau-google-icon>\n </span>\n </div>\n }\n\n </span>\n } @else {\n <div class=\"sau-table-login-inactive\">\n <span class=\"sau-icon sau-icon-xmark\">\n <sau-xmark-icon></sau-xmark-icon>\n </span>\n </div>\n }\n }\n\n @default {\n {{getValue(item, value)}}\n }\n }\n</section>","import { Component } from '@angular/core';\n\n@Component({\n selector: 'sau-crown-icon',\n standalone: true,\n template: `\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 100%; height: 100%; fill: currentColor;\">\n <path d=\"M5 16L3 5l4.5 7L12 4l4.5 8L21 5l-2 11H5zm2.7-2h8.6l.9-5.4-2.1 3.7L12 9l-3.1 3.3-2.1-3.7L7.7 14z\"/>\n </svg>\n `,\n styles: [`\n :host {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n }\n `]\n})\nexport class CrownIconComponent {}","import { Component, Input, TemplateRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DataTypeTemplateComponent } from '../data-type-template/data-type-template.component';\nimport { CrownIconComponent } from '../../icons/crown-icon';\n\n@Component({\n selector: 'sau-data-template',\n templateUrl: './data-template.component.html',\n styleUrls: ['./data-template.component.scss'],\n imports: [\n CommonModule,\n DataTypeTemplateComponent,\n CrownIconComponent\n ]\n})\nexport class DataTemplateComponent {\n @Input() item!: any;\n @Input() header!: any;\n @Input() customTemplates: { [key: string]: TemplateRef<any> } = {};\n\n getCustomTemplate(key: string): TemplateRef<any> | undefined {\n return this.customTemplates ? this.customTemplates[key] : undefined;\n }\n\n getValue(item: any, key: string | string[]) {\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n\n result = value;\n\n }\n\n arrayKey.shift();\n }\n\n return result;\n }\n}\n","<section class=\"sau-table-data-section\">\n\n @if(header.name == 'NOMBRE' && item.role == 'ROLE_ADMIN') {\n <div class=\"sau-table-admin-crown\">\n <span class=\"sau-icon sau-icon-crown\">\n <sau-crown-icon></sau-crown-icon>\n </span>\n </div>\n }\n\n @let customTmpl = getCustomTemplate(header.key);\n\n @if (customTmpl) {\n\n <section class=\"sau-table-data-type-section\">\n <ng-container [ngTemplateOutlet]=\"customTmpl\" [ngTemplateOutletContext]=\"{item: item, header: header}\">\n </ng-container>\n </section>\n\n } @else {\n <span>\n\n @if (header.innerHtml) {\n <span [innerHTML]=\"getValue(item, header.key)\"></span>\n } @else {\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.key\"></sau-data-type-template>\n }\n\n @if(header.subKey){\n <span class=\"sau-table-subkey\">\n (\n <sau-data-type-template [item]=\"item\" [header]=\"header\" [value]=\"header.subKey\"></sau-data-type-template>\n )\n </span>\n }\n\n </span>\n }\n\n</section>","import { CommonModule } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, ContentChild, ContentChildren, QueryList, ViewChild } from '@angular/core';\nimport { TemplateRef } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SAUFilterModule } from '@some-angular-utils/filter'\nimport { SAUPaginatorModule } from '@some-angular-utils/paginator'\n\nimport { ChevronDownIconComponent } from './icons/chevron-down-icon';\nimport { PenIconComponent } from './icons/pen-icon';\nimport { TrashIconComponent } from './icons/trash-icon';\nimport { InboxIconComponent } from './icons/inbox-icon';\nimport { PrintIconComponent } from './icons/print-icon';\nimport { EyeIconComponent } from './icons/eye-icon';\nimport { DataTemplateComponent } from './components/data-template/data-template.component';\n\n@Component({\n selector: 'sau-table',\n templateUrl: './table.html',\n styleUrls: ['./table.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n RouterModule,\n CommonModule,\n SAUFilterModule,\n SAUPaginatorModule,\n ChevronDownIconComponent,\n PenIconComponent,\n TrashIconComponent,\n InboxIconComponent,\n PrintIconComponent,\n EyeIconComponent,\n DataTemplateComponent,\n ]\n})\nexport class SAUTableModule {\n @Input() url?: string;\n @Input() filterConfig = ''\n @Input() contentList?: string;\n @Input() contentTotal?: string;\n @Input() pageParamName = 'page';\n @Input() limitParamName = 'limit'\n @Input() sizeInitialPage = 0\n @Input() sizeBetweenPages = 1\n @Input() fixedContent = []\n @Input() orientation: \"dynamic\" | \"horizontal\" | \"vertical\" = \"dynamic\"\n @Input() mobileTheme: \"classic\" | \"cards\" = \"cards\"\n @Input() headers?: { name: string, key: string | string[], subKey?: string, type?: string, innerHtml?: boolean, headers?: any }[];\n\n @Input() showOptions = true;\n @Output() editEvent = new EventEmitter();\n @Output() deleteEvent = new EventEmitter();\n @Output() printEvent = new EventEmitter();\n @Output() showEvent = new EventEmitter();\n @Output() itemsLoadedEvent = new EventEmitter<any[]>();\n\n // ContentChild para detectar cosas personalizadas\n @ContentChild('editButton', { static: false }) editButtonTemplate?: TemplateRef<any>;\n @ContentChild('deleteButton', { static: false }) deleteButtonTemplate?: TemplateRef<any>;\n @ContentChild('printButton', { static: false }) printButtonTemplate?: TemplateRef<any>;\n @ContentChild('showButton', { static: false }) showButtonTemplate?: TemplateRef<any>;\n\n @Input() canEdit?: (item: any) => boolean;\n @Input() canDelete?: (item: any) => boolean;\n @Input() canPrint?: (item: any) => boolean;\n @Input() canShow?: (item: any) => boolean;\n\n @ViewChild('filterComponent') filterComponent?: SAUFilterModule;\n\n @ContentChildren('customCell') customCellTemplates!: QueryList<any>;\n @Input() customTemplates: { [key: string]: TemplateRef<any> } = {};\n\n getCustomTemplate(key: string): TemplateRef<any> | undefined {\n return this.customTemplates ? this.customTemplates[key] : undefined;\n }\n\n // Getters para verificar si hay suscriptores\n get hasEditSubscription(): boolean {\n return this.editEvent.observed;\n }\n\n get hasDeleteSubscription(): boolean {\n return this.deleteEvent.observed;\n }\n\n get hasPrintSubscription(): boolean {\n return this.printEvent.observed;\n }\n\n get hasShowSubscription(): boolean {\n return this.showEvent.observed;\n }\n\n showEdit(item: any): boolean {\n return this.canEdit ? this.canEdit(item) : this.hasEditSubscription;\n }\n\n showDelete(item: any): boolean {\n return this.canDelete ? this.canDelete(item) : this.hasDeleteSubscription;\n }\n\n showPrint(item: any): boolean {\n return this.canPrint ? this.canPrint(item) : this.hasPrintSubscription;\n }\n\n showShow(item: any): boolean {\n return this.canShow ? this.canShow(item) : this.hasShowSubscription;\n }\n\n loading = false\n\n @Input() items: any = [];\n\n total: number = 0\n\n page = 1\n\n @Input() limit = 10\n\n filters = ''\n\n constructor(\n private http: HttpClient,\n private cdr: ChangeDetectorRef\n ) { }\n\n ngAfterViewInit() {\n if (this.filterConfig && this.filterComponent) {\n this.filterComponent.processFilter()\n }\n\n if (this.url) {\n this.getItems();\n\n } else if (this.fixedContent && this.fixedContent.length > 0) {\n this.items = [...this.fixedContent];\n this.cdr.detectChanges();\n this.itemsLoadedEvent.emit(this.items);\n\n }\n }\n\n // Método para obtener la página interna (0-based si sizeInitialPage es 0, 1-based si es 1)\n private getInternalPage(): number {\n if (this.sizeInitialPage === 0) {\n return (this.page - 1) * this.sizeBetweenPages;\n }\n return this.page * this.sizeBetweenPages;\n }\n\n getItems() {\n this.loading = true;\n this.cdr.detectChanges(); // Forzar detección antes de la petición\n\n const internalPage = this.getInternalPage();\n const url = this.url + this.filters;\n const questionMark = url?.includes('?') ? '&' : '?'\n const filters = `${this.pageParamName}=${internalPage}&${this.limitParamName}=${this.limit}`;\n\n this.http.get(url + questionMark + filters).subscribe({\n next: (data: any) => {\n\n if (this.contentList && data[this.contentList]) {\n this.items = [...data[this.contentList]]; // Crear nueva referencia del array\n } else {\n this.items = [...data]; // Crear nueva referencia del array\n }\n\n if (this.contentTotal) {\n\n const total = []\n for (let i = 0; i < this.getValue(data, this.contentTotal) / this.limit; i++) {\n total.push(i + 1)\n }\n\n this.total = total.length\n }\n\n this.loading = false;\n this.cdr.detectChanges(); // Forzar detección después de actualizar datos\n this.itemsLoadedEvent.emit(this.items);\n },\n error: (error: any) => {\n console.error('ERROR obtener productos. ' + error);\n this.loading = false;\n this.cdr.detectChanges();\n }\n });\n }\n\n // Método simple para refrescar la tabla\n refresh() {\n if (this.url) {\n this.items = []; // Limpiar array primero\n this.cdr.detectChanges(); // Forzar actualización\n this.getItems();\n }\n }\n\n getLink(pattern: string = '{key}', item: any, value: string | string[]): { url: string, isExternal: boolean } {\n const keyValue = this.getValue(item, value);\n const url = pattern.replace('{key}', keyValue);\n const isExternal = url.startsWith('http://') || url.startsWith('https://')\n\n return {\n url,\n isExternal\n }\n }\n\n getValue(item: any, key: string | string[]) {\n\n let arrayKey = [];\n\n if (!Array.isArray(key)) {\n arrayKey.push(key);\n } else {\n arrayKey = key.slice();\n }\n\n let result = ''\n\n while (arrayKey.length > 0) {\n\n let keys = arrayKey[0].split('.');\n let value = item;\n\n if (keys[0].includes('[]')) {\n let arrayKey = keys[0].replace('[]', '');\n\n value = value[arrayKey].map((element: any) => this.getValue(element, keys.slice(1).join('.'))).join(', ');\n\n } else {\n let finalValue = item[String(key)]\n\n let isArray = Array.isArray(finalValue)\n let isBoolean = typeof finalValue === 'boolean'\n let isNumber = typeof finalValue === 'number'\n\n if (isArray || isBoolean || isNumber) {\n return finalValue\n }\n\n for (let i = 0; value && i < keys.length; i++) {\n value = value[keys[i]];\n }\n }\n\n arrayKey.shift();\n\n result += (value ?? '') + (arrayKey.length > 0 ? ' ' : '');\n\n }\n\n return result;\n }\n\n isArray(array: any): boolean {\n return Array.isArray(array)\n }\n\n clickEditButton(item?: any) {\n this.editEvent.emit(item)\n }\n\n clickDeleteButton(item?: any) {\n this.deleteEvent.emit(item);\n }\n\n clickPrintButton(item?: any) {\n this.printEvent.emit(item);\n }\n\n clickShowButton(item?: any) {\n this.showEvent.emit(item);\n }\n\n onPageChange(newPage: number) {\n this.page = newPage;\n this.getItems()\n }\n\n onFiltersChange(filters: string) {\n this.filters = filters;\n this.getItems()\n }\n\n}\n","<div class=\"sau-table\">\n\n @if(filterConfig){\n <sau-filter #filterComponent [filterConfig]=\"filterConfig\"\n (onFilterProcessed)=\"onFiltersChange($event.url)\"></sau-filter>\n }\n\n @if (loading) {\n <div class=\"sau-skeleton\">\n\n <div class=\"sau-table-mobile\">\n <div class=\"sau-table-mobile-header\">\n <div class=\"skeleton-line head\" style=\"width: 150px; height: 24px;\"></div>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (i of [1,2,3]; track $index) {\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (h of headers; track $index) {\n <tr [class]=\"$index % 2 == 0 ? 'sau-table-mobile-row-even' : ''\">\n <th class=\"sau-table-mobile-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n </tr>\n }\n\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(editButtonTemplate){\n\n } @else if(hasEditSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(deleteButtonTemplate){\n\n } @else if(hasDeleteSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(printButtonTemplate){\n\n } @else if(hasPrintSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n @if(showButtonTemplate){\n\n } @else if(hasShowSubscription){\n <div class=\"skeleton-line head\"></div>\n }\n\n </div>\n </td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <table class=\"sau-table-desktop\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (h of headers; track $index) {\n <th class=\"sau-table-desktop-header-cell\">\n <div class=\"skeleton-line head\"></div>\n </th>\n }\n @if(this.url){ <th class=\"sau-table-desktop-header-cell\"></th> }\n </tr>\n </thead>\n <tbody>\n @for (i of [1,2,3,4,5]; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index % 2 == 0 ? 'sau-table-desktop-row-even' : '')\">\n @for (h of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n <div class=\"skeleton-line data\"></div>\n </td>\n }\n @if(this.url){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"skeleton-line data\" style=\"width: 40px; margin: 0 auto;\"></div>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n } @else {\n\n\n\n <!----------------------------------- Table mobile ----------------------------------->\n @if(orientation=='dynamic' || orientation=='vertical'){\n <div class=\"sau-table-mobile\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <!-- Mobile header -->\n <div class=\"sau-table-mobile-header\">\n <h3 class=\"sau-table-mobile-title\">Lista de elementos</h3>\n <div class=\"sau-table-mobile-divider\"></div>\n </div>\n\n <table class=\"sau-table-mobile-table\" [class.sau-table-mobile-theme-classic]=\"mobileTheme === 'classic'\"\n [class.sau-table-mobile-theme-cards]=\"mobileTheme === 'cards'\">\n <tbody>\n @for (item of items; track $index) {\n @let itemIndex = $index;\n <tr class=\"sau-table-mobile-row\">\n <td>\n <table class=\"sau-table-width-full\">\n <tbody>\n @for (header of headers; track $index) {\n <tr [class]=\"$index%2==0?'sau-table-mobile-row-even':''\">\n\n <th scope=\"col\" class=\"sau-table-mobile-header-cell\">\n {{header.name}}\n </th>\n <td class=\"sau-table-mobile-data-cell\">\n\n @if(header.type == 'table' && !isArray(header.key)){\n\n <!-- CSS-only toggle button -->\n <input type=\"checkbox\" [id]=\"'toggle-table-' + itemIndex\"\n class=\"sau-table-toggle-input\">\n <label [for]=\"'toggle-table-' + itemIndex\" class=\"sau-table-toggle-label\">\n <span class=\"sau-icon sau-icon-chevron-down\">\n <sau-chevron-down-icon></sau-chevron-down-icon>\n </span>\n <span class=\"sau-table-toggle-text\">\n <span class=\"sau-table-toggle-show\">Mostrar</span>\n <span class=\"sau-table-toggle-hide\">Ocultar</span>\n </span>\n </label>\n\n <!-- Content that toggles -->\n <div class=\"sau-table-toggle-content\">\n <sau-table [headers]=\"header.headers\"\n [items]=\"getValue(item, header.key)\"></sau-table>\n </div>\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n\n }\n\n </td>\n\n </tr>\n }\n\n @if(showOptions){\n <tr class=\"sau-table-mobile-actions-row\">\n <td colspan=\"2\">\n <div class=\"sau-table-mobile-actions-container\">\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-edit-button\" (click)=\"clickEditButton(item)\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n Editar\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-delete-button\" (click)=\"clickDeleteButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n Eliminar\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-print-button\" (click)=\"clickPrintButton(item)\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n Imprimir\n </button>\n }\n }\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-show-button\" (click)=\"clickShowButton(item)\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n Mostrar\n </button>\n }\n }\n\n </div>\n </td>\n </tr>\n }\n\n </tbody>\n </table>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n <!--------------------------------- Table mobile end --------------------------------->\n\n <!----------------------------------- Table desktop ----------------------------------->\n @if(orientation=='dynamic' || orientation=='horizontal'){\n <table class=\"sau-table-desktop\" [class.sau-table-dynamic-mode]=\"orientation=='dynamic'\">\n <thead class=\"sau-table-desktop-header\">\n <tr>\n @for (header of headers; track $index) {\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n {{header.name}}\n </th>\n }\n\n @if(showOptions){\n <th scope=\"col\" class=\"sau-table-desktop-header-cell\">\n Opciones\n </th>\n }\n\n </tr>\n </thead>\n <tbody>\n @for (item of items; track $index) {\n <tr [class]=\"'sau-table-desktop-row ' + ($index%2==0?'sau-table-desktop-row-even':'')\">\n\n @for (header of headers; track $index) {\n <td class=\"sau-table-desktop-cell\">\n\n @if(header.type == 'table'){\n\n @if(!isArray(header.key)){\n <sau-table [headers]=\"header.headers\" [items]=\"getValue(item, header.key)\"></sau-table>\n }\n\n }@else{\n <sau-data-template [item]=\"item\" [header]=\"header\"\n [customTemplates]=\"customTemplates\"></sau-data-template>\n }\n\n </td>\n }\n\n @if(showOptions){\n <td class=\"sau-table-desktop-actions-cell\">\n <div class=\"sau-table-desktop-actions-container\">\n\n @if(showEdit(item)){\n @if(editButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"editButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasEditSubscription){\n <button class=\"sau-table-desktop-edit-button\" (click)=\"clickEditButton(item)\" title=\"Editar\">\n <span class=\"sau-icon sau-icon-pen\">\n <sau-pen-icon></sau-pen-icon>\n </span>\n </button>\n }\n }\n\n @if(showDelete(item)){\n @if(deleteButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"deleteButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasDeleteSubscription){\n <button class=\"sau-table-desktop-delete-button\" (click)=\"clickDeleteButton(item)\"\n title=\"Eliminar\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-trash-icon></sau-trash-icon>\n </span>\n </button>\n }\n }\n\n @if(showPrint(item)){\n @if(printButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"printButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasPrintSubscription){\n <button class=\"sau-table-desktop-print-button\" (click)=\"clickPrintButton(item)\"\n title=\"Imprimir\">\n <span class=\"sau-icon sau-icon-trash\">\n <sau-print-icon></sau-print-icon>\n </span>\n </button>\n }\n }\n\n\n @if(showShow(item)){\n @if(showButtonTemplate){\n <ng-container\n *ngTemplateOutlet=\"showButtonTemplate; context: { $implicit: item }\"></ng-container>\n\n } @else if(hasShowSubscription){\n <button class=\"sau-table-desktop-show-button\" (click)=\"clickShowButton(item)\" title=\"Mostrar\">\n <span class=\"sau-icon sau-icon-eye\">\n <sau-eye-icon></sau-eye-icon>\n </span>\n </button>\n }\n }\n\n </div>\n </td>\n }\n\n </tr>\n }\n </tbody>\n </table>\n }\n <!--------------------------------- table desktop end --------------------------------->\n\n @if (items.length == 0) {\n <div class=\"sau-table-empty\">\n <div class=\"sau-table-empty-icon\">\n <span class=\"sau-icon sau-icon-inbox\">\n <sau-inbox-icon></sau-inbox-icon>\n </span>\n </div>\n <p class=\"sau-table-empty-title\">No hay elementos</p>\n <p class=\"sau-table-empty-subtitle\">Los elementos aparecerán aquí cuando estén disponibles</p>\n </div>\n\n } @else if(total > 1) {\n\n <sau-paginator [totalPages]=\"total\" [currentPage]=\"page\" (pageChange)=\"onPageChange($event)\"></sau-paginator>\n\n }\n\n\n }\n</div>","/*\n * Public API Surface of table\n */\n\nexport * from './lib/table';\nexport * from './lib/components/data-template/data-template.component';\nexport * from './lib/components/data-type-template/data-type-template.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@some-angular-utils/table",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.24",
|
|
4
4
|
"description": "Angular table utility library",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "jose de los santos",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"tslib": "^2.3.0",
|
|
28
|
-
"@some-angular-utils/filter": "^0.0.
|
|
28
|
+
"@some-angular-utils/filter": "^0.0.10",
|
|
29
29
|
"@some-angular-utils/paginator": "^0.0.11"
|
|
30
30
|
},
|
|
31
31
|
"sideEffects": false,
|
|
@@ -16,6 +16,7 @@ declare class SAUTableModule {
|
|
|
16
16
|
sizeBetweenPages: number;
|
|
17
17
|
fixedContent: any[];
|
|
18
18
|
orientation: "dynamic" | "horizontal" | "vertical";
|
|
19
|
+
mobileTheme: "classic" | "cards";
|
|
19
20
|
headers?: {
|
|
20
21
|
name: string;
|
|
21
22
|
key: string | string[];
|
|
@@ -76,7 +77,7 @@ declare class SAUTableModule {
|
|
|
76
77
|
onPageChange(newPage: number): void;
|
|
77
78
|
onFiltersChange(filters: string): void;
|
|
78
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<SAUTableModule, never>;
|
|
79
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SAUTableModule, "sau-table", never, { "url": { "alias": "url"; "required": false; }; "filterConfig": { "alias": "filterConfig"; "required": false; }; "contentList": { "alias": "contentList"; "required": false; }; "contentTotal": { "alias": "contentTotal"; "required": false; }; "pageParamName": { "alias": "pageParamName"; "required": false; }; "limitParamName": { "alias": "limitParamName"; "required": false; }; "sizeInitialPage": { "alias": "sizeInitialPage"; "required": false; }; "sizeBetweenPages": { "alias": "sizeBetweenPages"; "required": false; }; "fixedContent": { "alias": "fixedContent"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "canPrint": { "alias": "canPrint"; "required": false; }; "canShow": { "alias": "canShow"; "required": false; }; "customTemplates": { "alias": "customTemplates"; "required": false; }; "items": { "alias": "items"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "editEvent": "editEvent"; "deleteEvent": "deleteEvent"; "printEvent": "printEvent"; "showEvent": "showEvent"; "itemsLoadedEvent": "itemsLoadedEvent"; }, ["editButtonTemplate", "deleteButtonTemplate", "printButtonTemplate", "showButtonTemplate", "customCellTemplates"], never, true, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SAUTableModule, "sau-table", never, { "url": { "alias": "url"; "required": false; }; "filterConfig": { "alias": "filterConfig"; "required": false; }; "contentList": { "alias": "contentList"; "required": false; }; "contentTotal": { "alias": "contentTotal"; "required": false; }; "pageParamName": { "alias": "pageParamName"; "required": false; }; "limitParamName": { "alias": "limitParamName"; "required": false; }; "sizeInitialPage": { "alias": "sizeInitialPage"; "required": false; }; "sizeBetweenPages": { "alias": "sizeBetweenPages"; "required": false; }; "fixedContent": { "alias": "fixedContent"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "mobileTheme": { "alias": "mobileTheme"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "canPrint": { "alias": "canPrint"; "required": false; }; "canShow": { "alias": "canShow"; "required": false; }; "customTemplates": { "alias": "customTemplates"; "required": false; }; "items": { "alias": "items"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "editEvent": "editEvent"; "deleteEvent": "deleteEvent"; "printEvent": "printEvent"; "showEvent": "showEvent"; "itemsLoadedEvent": "itemsLoadedEvent"; }, ["editButtonTemplate", "deleteButtonTemplate", "printButtonTemplate", "showButtonTemplate", "customCellTemplates"], never, true, never>;
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
declare class DataTemplateComponent {
|