@sarasanalytics-com/design-system 0.0.102 → 0.0.104
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.
- package/README.md +24 -24
- package/esm2022/interfaces/avatar-interface.mjs +1 -1
- package/esm2022/interfaces/button-interface.mjs +1 -1
- package/esm2022/interfaces/card-carousel-interface.mjs +1 -1
- package/esm2022/interfaces/chip-interface.mjs +1 -1
- package/esm2022/interfaces/grid-interface.mjs +1 -1
- package/esm2022/interfaces/guide-card-interface.mjs +1 -1
- package/esm2022/interfaces/header-interface.mjs +1 -1
- package/esm2022/interfaces/icon-interface.mjs +1 -1
- package/esm2022/interfaces/layout-section-interface.mjs +1 -1
- package/esm2022/interfaces/message-banner.mjs +1 -1
- package/esm2022/interfaces/option-interface.mjs +1 -1
- package/esm2022/interfaces/scrolling-card-interface.mjs +1 -1
- package/esm2022/interfaces/select-interface.mjs +1 -1
- package/esm2022/interfaces/status-dot.interface.mjs +1 -1
- package/esm2022/interfaces/tab-interface.mjs +1 -1
- package/esm2022/interfaces/toast-interface.mjs +1 -1
- package/esm2022/lib/accordion/accordion.component.mjs +5 -5
- package/esm2022/lib/avatar/avatar.component.mjs +5 -5
- package/esm2022/lib/button/button.component.mjs +5 -5
- package/esm2022/lib/calendar-header/calendar-header.component.mjs +5 -5
- package/esm2022/lib/card/card-body/card-body.component.mjs +4 -4
- package/esm2022/lib/card/card-custom-header/card-custom-header.component.mjs +4 -4
- package/esm2022/lib/card/card-footer-actions/card-footer-actions.component.mjs +5 -5
- package/esm2022/lib/card/card-icon/card-icon.component.mjs +4 -4
- package/esm2022/lib/card/card-title-actions/card-title-actions.component.mjs +4 -4
- package/esm2022/lib/card/card.component.mjs +5 -5
- package/esm2022/lib/card/checkbox-card/checkbox-card.component.mjs +5 -5
- package/esm2022/lib/card/guide-card/guide-card.component.mjs +5 -5
- package/esm2022/lib/card/menu-card/menu-card.component.mjs +9 -5
- package/esm2022/lib/card/thumbnail-card/thumbnail-card.component.mjs +5 -5
- package/esm2022/lib/card-carousel/card-carousel.component.mjs +5 -5
- package/esm2022/lib/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/lib/chips/chips.component.mjs +5 -5
- package/esm2022/lib/component-library.component.mjs +11 -11
- package/esm2022/lib/component-library.service.mjs +4 -4
- package/esm2022/lib/datepicker/datepicker.component.mjs +5 -5
- package/esm2022/lib/dialog/dialog.component.mjs +5 -5
- package/esm2022/lib/form-input/form-input.component.mjs +5 -5
- package/esm2022/lib/form-select/form-select.component.mjs +5 -5
- package/esm2022/lib/grid-cell/grid-cell.component.mjs +5 -5
- package/esm2022/lib/header/header.component.mjs +5 -5
- package/esm2022/lib/icon/icon.component.mjs +26 -6
- package/esm2022/lib/icon/icon.service.mjs +4 -4
- package/esm2022/lib/layout-section/layout-section.component.mjs +5 -5
- package/esm2022/lib/left-nav/left-nav.component.mjs +5 -5
- package/esm2022/lib/list/list.component.mjs +5 -5
- package/esm2022/lib/message-banner/message-banner.component.mjs +5 -5
- package/esm2022/lib/message-banner-v2/message-banner-v2.component.mjs +5 -5
- package/esm2022/lib/mini-card/mini-card.component.mjs +5 -5
- package/esm2022/lib/page-layout/page-layout.component.mjs +5 -5
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +5 -5
- package/esm2022/lib/radio-button/radio-button.component.mjs +5 -5
- package/esm2022/lib/scrolling-cards/scrolling-cards.component.mjs +5 -5
- package/esm2022/lib/skeleton/skeleton-base.component.mjs +4 -4
- package/esm2022/lib/skeleton/skeleton-container.component.mjs +11 -11
- package/esm2022/lib/skeleton/skeleton-loader.component.mjs +195 -195
- package/esm2022/lib/skeleton/skeleton-presets.mjs +1 -1
- package/esm2022/lib/skeleton/skeleton-shapes.component.mjs +13 -13
- package/esm2022/lib/spinner/spinner.component.mjs +4 -4
- package/esm2022/lib/status-dot/status-dot.component.mjs +19 -19
- package/esm2022/lib/stepper/stepper.component.mjs +5 -5
- package/esm2022/lib/tabs/tabs.component.mjs +5 -5
- package/esm2022/lib/toast/toast.component.mjs +5 -5
- package/esm2022/lib/tool-tip/tool-tip.component.mjs +5 -5
- package/esm2022/public-api.mjs +1 -1
- package/esm2022/utils/validators.mjs +1 -1
- package/fesm2022/sarasanalytics-com-design-system.mjs +428 -404
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/lib/card/menu-card/menu-card.component.d.ts +2 -1
- package/lib/icon/icon.component.d.ts +7 -2
- package/package.json +2 -2
- package/styles/styles.css +0 -428
|
@@ -17,106 +17,106 @@ export class SkeletonLoaderComponent {
|
|
|
17
17
|
this.config = SKELETON_PRESETS[this.preset];
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
22
|
-
<sa-skeleton-container
|
|
23
|
-
[gap]="config?.containerConfig?.gap"
|
|
24
|
-
[padding]="config?.containerConfig?.padding"
|
|
25
|
-
[direction]="config?.containerConfig?.direction || 'column'"
|
|
26
|
-
>
|
|
27
|
-
@for (item of config?.items; track $index) {
|
|
28
|
-
@switch (item.type) {
|
|
29
|
-
@case ('text') {
|
|
30
|
-
<sa-skeleton-text
|
|
31
|
-
[width]="item.width"
|
|
32
|
-
[height]="item.height"
|
|
33
|
-
></sa-skeleton-text>
|
|
34
|
-
}
|
|
35
|
-
@case ('circle') {
|
|
36
|
-
<sa-skeleton-circle
|
|
37
|
-
[size]="item.size"
|
|
38
|
-
></sa-skeleton-circle>
|
|
39
|
-
}
|
|
40
|
-
@case ('rectangle') {
|
|
41
|
-
<sa-skeleton-rectangle
|
|
42
|
-
[width]="item.width"
|
|
43
|
-
[height]="item.height"
|
|
44
|
-
></sa-skeleton-rectangle>
|
|
45
|
-
}
|
|
46
|
-
@case ('elliptical') {
|
|
47
|
-
<sa-skeleton-elliptical
|
|
48
|
-
[width]="item.width"
|
|
49
|
-
[height]="item.height"
|
|
50
|
-
></sa-skeleton-elliptical>
|
|
51
|
-
}
|
|
52
|
-
@case ('container') {
|
|
53
|
-
<sa-skeleton-container [direction]="item.direction" [gap]="item.gap">
|
|
54
|
-
@for (subItem of item.items; track $index) {
|
|
55
|
-
@switch (subItem.type) {
|
|
56
|
-
@case ('text') {
|
|
57
|
-
<sa-skeleton-text
|
|
58
|
-
[width]="subItem.width"
|
|
59
|
-
[height]="subItem.height"
|
|
60
|
-
></sa-skeleton-text>
|
|
61
|
-
}
|
|
62
|
-
@case ('circle') {
|
|
63
|
-
<sa-skeleton-circle
|
|
64
|
-
[size]="subItem.size"
|
|
65
|
-
></sa-skeleton-circle>
|
|
66
|
-
}
|
|
67
|
-
@case ('rectangle') {
|
|
68
|
-
<sa-skeleton-rectangle
|
|
69
|
-
[width]="subItem.width"
|
|
70
|
-
[height]="subItem.height"
|
|
71
|
-
></sa-skeleton-rectangle>
|
|
72
|
-
}
|
|
73
|
-
@case ('elliptical') {
|
|
74
|
-
<sa-skeleton-elliptical
|
|
75
|
-
[width]="subItem.width"
|
|
76
|
-
[height]="subItem.height"
|
|
77
|
-
></sa-skeleton-elliptical>
|
|
78
|
-
}
|
|
79
|
-
@case ('container') {
|
|
80
|
-
<sa-skeleton-container [direction]="subItem.direction" [gap]="subItem.gap">
|
|
81
|
-
@for (subSubItem of subItem.items; track $index) {
|
|
82
|
-
@switch (subSubItem.type) {
|
|
83
|
-
@case ('text') {
|
|
84
|
-
<sa-skeleton-text
|
|
85
|
-
[width]="subSubItem.width"
|
|
86
|
-
[height]="subSubItem.height"
|
|
87
|
-
></sa-skeleton-text>
|
|
88
|
-
}
|
|
89
|
-
@case ('circle') {
|
|
90
|
-
<sa-skeleton-circle
|
|
91
|
-
[size]="subSubItem.size"
|
|
92
|
-
></sa-skeleton-circle>
|
|
93
|
-
}
|
|
94
|
-
@case ('rectangle') {
|
|
95
|
-
<sa-skeleton-rectangle
|
|
96
|
-
[width]="subSubItem.width"
|
|
97
|
-
[height]="subSubItem.height"
|
|
98
|
-
></sa-skeleton-rectangle>
|
|
99
|
-
}
|
|
100
|
-
@case ('elliptical') {
|
|
101
|
-
<sa-skeleton-elliptical
|
|
102
|
-
[width]="subSubItem.width"
|
|
103
|
-
[height]="subSubItem.height"
|
|
104
|
-
></sa-skeleton-elliptical>
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
</sa-skeleton-container>
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
</sa-skeleton-container>
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
</sa-skeleton-container>
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SkeletonLoaderComponent, isStandalone: true, selector: "sa-skeleton-loader", inputs: { preset: "preset", config: "config" }, usesOnChanges: true, ngImport: i0, template: `
|
|
22
|
+
<sa-skeleton-container
|
|
23
|
+
[gap]="config?.containerConfig?.gap"
|
|
24
|
+
[padding]="config?.containerConfig?.padding"
|
|
25
|
+
[direction]="config?.containerConfig?.direction || 'column'"
|
|
26
|
+
>
|
|
27
|
+
@for (item of config?.items; track $index) {
|
|
28
|
+
@switch (item.type) {
|
|
29
|
+
@case ('text') {
|
|
30
|
+
<sa-skeleton-text
|
|
31
|
+
[width]="item.width"
|
|
32
|
+
[height]="item.height"
|
|
33
|
+
></sa-skeleton-text>
|
|
34
|
+
}
|
|
35
|
+
@case ('circle') {
|
|
36
|
+
<sa-skeleton-circle
|
|
37
|
+
[size]="item.size"
|
|
38
|
+
></sa-skeleton-circle>
|
|
39
|
+
}
|
|
40
|
+
@case ('rectangle') {
|
|
41
|
+
<sa-skeleton-rectangle
|
|
42
|
+
[width]="item.width"
|
|
43
|
+
[height]="item.height"
|
|
44
|
+
></sa-skeleton-rectangle>
|
|
45
|
+
}
|
|
46
|
+
@case ('elliptical') {
|
|
47
|
+
<sa-skeleton-elliptical
|
|
48
|
+
[width]="item.width"
|
|
49
|
+
[height]="item.height"
|
|
50
|
+
></sa-skeleton-elliptical>
|
|
51
|
+
}
|
|
52
|
+
@case ('container') {
|
|
53
|
+
<sa-skeleton-container [direction]="item.direction" [gap]="item.gap">
|
|
54
|
+
@for (subItem of item.items; track $index) {
|
|
55
|
+
@switch (subItem.type) {
|
|
56
|
+
@case ('text') {
|
|
57
|
+
<sa-skeleton-text
|
|
58
|
+
[width]="subItem.width"
|
|
59
|
+
[height]="subItem.height"
|
|
60
|
+
></sa-skeleton-text>
|
|
61
|
+
}
|
|
62
|
+
@case ('circle') {
|
|
63
|
+
<sa-skeleton-circle
|
|
64
|
+
[size]="subItem.size"
|
|
65
|
+
></sa-skeleton-circle>
|
|
66
|
+
}
|
|
67
|
+
@case ('rectangle') {
|
|
68
|
+
<sa-skeleton-rectangle
|
|
69
|
+
[width]="subItem.width"
|
|
70
|
+
[height]="subItem.height"
|
|
71
|
+
></sa-skeleton-rectangle>
|
|
72
|
+
}
|
|
73
|
+
@case ('elliptical') {
|
|
74
|
+
<sa-skeleton-elliptical
|
|
75
|
+
[width]="subItem.width"
|
|
76
|
+
[height]="subItem.height"
|
|
77
|
+
></sa-skeleton-elliptical>
|
|
78
|
+
}
|
|
79
|
+
@case ('container') {
|
|
80
|
+
<sa-skeleton-container [direction]="subItem.direction" [gap]="subItem.gap">
|
|
81
|
+
@for (subSubItem of subItem.items; track $index) {
|
|
82
|
+
@switch (subSubItem.type) {
|
|
83
|
+
@case ('text') {
|
|
84
|
+
<sa-skeleton-text
|
|
85
|
+
[width]="subSubItem.width"
|
|
86
|
+
[height]="subSubItem.height"
|
|
87
|
+
></sa-skeleton-text>
|
|
88
|
+
}
|
|
89
|
+
@case ('circle') {
|
|
90
|
+
<sa-skeleton-circle
|
|
91
|
+
[size]="subSubItem.size"
|
|
92
|
+
></sa-skeleton-circle>
|
|
93
|
+
}
|
|
94
|
+
@case ('rectangle') {
|
|
95
|
+
<sa-skeleton-rectangle
|
|
96
|
+
[width]="subSubItem.width"
|
|
97
|
+
[height]="subSubItem.height"
|
|
98
|
+
></sa-skeleton-rectangle>
|
|
99
|
+
}
|
|
100
|
+
@case ('elliptical') {
|
|
101
|
+
<sa-skeleton-elliptical
|
|
102
|
+
[width]="subSubItem.width"
|
|
103
|
+
[height]="subSubItem.height"
|
|
104
|
+
></sa-skeleton-elliptical>
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
</sa-skeleton-container>
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
</sa-skeleton-container>
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
</sa-skeleton-container>
|
|
117
117
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkeletonTextComponent, selector: "sa-skeleton-text", inputs: ["width", "height"] }, { kind: "component", type: SkeletonCircleComponent, selector: "sa-skeleton-circle", inputs: ["size"] }, { kind: "component", type: SkeletonRectangleComponent, selector: "sa-skeleton-rectangle", inputs: ["width", "height"] }, { kind: "component", type: SkeletonEllipticalComponent, selector: "sa-skeleton-elliptical", inputs: ["width", "height"] }, { kind: "component", type: SkeletonContainerComponent, selector: "sa-skeleton-container", inputs: ["gap", "padding", "direction"] }] }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{
|
|
122
122
|
selector: 'sa-skeleton-loader',
|
|
@@ -130,102 +130,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
130
130
|
SkeletonEllipticalComponent,
|
|
131
131
|
SkeletonContainerComponent
|
|
132
132
|
],
|
|
133
|
-
template: `
|
|
134
|
-
<sa-skeleton-container
|
|
135
|
-
[gap]="config?.containerConfig?.gap"
|
|
136
|
-
[padding]="config?.containerConfig?.padding"
|
|
137
|
-
[direction]="config?.containerConfig?.direction || 'column'"
|
|
138
|
-
>
|
|
139
|
-
@for (item of config?.items; track $index) {
|
|
140
|
-
@switch (item.type) {
|
|
141
|
-
@case ('text') {
|
|
142
|
-
<sa-skeleton-text
|
|
143
|
-
[width]="item.width"
|
|
144
|
-
[height]="item.height"
|
|
145
|
-
></sa-skeleton-text>
|
|
146
|
-
}
|
|
147
|
-
@case ('circle') {
|
|
148
|
-
<sa-skeleton-circle
|
|
149
|
-
[size]="item.size"
|
|
150
|
-
></sa-skeleton-circle>
|
|
151
|
-
}
|
|
152
|
-
@case ('rectangle') {
|
|
153
|
-
<sa-skeleton-rectangle
|
|
154
|
-
[width]="item.width"
|
|
155
|
-
[height]="item.height"
|
|
156
|
-
></sa-skeleton-rectangle>
|
|
157
|
-
}
|
|
158
|
-
@case ('elliptical') {
|
|
159
|
-
<sa-skeleton-elliptical
|
|
160
|
-
[width]="item.width"
|
|
161
|
-
[height]="item.height"
|
|
162
|
-
></sa-skeleton-elliptical>
|
|
163
|
-
}
|
|
164
|
-
@case ('container') {
|
|
165
|
-
<sa-skeleton-container [direction]="item.direction" [gap]="item.gap">
|
|
166
|
-
@for (subItem of item.items; track $index) {
|
|
167
|
-
@switch (subItem.type) {
|
|
168
|
-
@case ('text') {
|
|
169
|
-
<sa-skeleton-text
|
|
170
|
-
[width]="subItem.width"
|
|
171
|
-
[height]="subItem.height"
|
|
172
|
-
></sa-skeleton-text>
|
|
173
|
-
}
|
|
174
|
-
@case ('circle') {
|
|
175
|
-
<sa-skeleton-circle
|
|
176
|
-
[size]="subItem.size"
|
|
177
|
-
></sa-skeleton-circle>
|
|
178
|
-
}
|
|
179
|
-
@case ('rectangle') {
|
|
180
|
-
<sa-skeleton-rectangle
|
|
181
|
-
[width]="subItem.width"
|
|
182
|
-
[height]="subItem.height"
|
|
183
|
-
></sa-skeleton-rectangle>
|
|
184
|
-
}
|
|
185
|
-
@case ('elliptical') {
|
|
186
|
-
<sa-skeleton-elliptical
|
|
187
|
-
[width]="subItem.width"
|
|
188
|
-
[height]="subItem.height"
|
|
189
|
-
></sa-skeleton-elliptical>
|
|
190
|
-
}
|
|
191
|
-
@case ('container') {
|
|
192
|
-
<sa-skeleton-container [direction]="subItem.direction" [gap]="subItem.gap">
|
|
193
|
-
@for (subSubItem of subItem.items; track $index) {
|
|
194
|
-
@switch (subSubItem.type) {
|
|
195
|
-
@case ('text') {
|
|
196
|
-
<sa-skeleton-text
|
|
197
|
-
[width]="subSubItem.width"
|
|
198
|
-
[height]="subSubItem.height"
|
|
199
|
-
></sa-skeleton-text>
|
|
200
|
-
}
|
|
201
|
-
@case ('circle') {
|
|
202
|
-
<sa-skeleton-circle
|
|
203
|
-
[size]="subSubItem.size"
|
|
204
|
-
></sa-skeleton-circle>
|
|
205
|
-
}
|
|
206
|
-
@case ('rectangle') {
|
|
207
|
-
<sa-skeleton-rectangle
|
|
208
|
-
[width]="subSubItem.width"
|
|
209
|
-
[height]="subSubItem.height"
|
|
210
|
-
></sa-skeleton-rectangle>
|
|
211
|
-
}
|
|
212
|
-
@case ('elliptical') {
|
|
213
|
-
<sa-skeleton-elliptical
|
|
214
|
-
[width]="subSubItem.width"
|
|
215
|
-
[height]="subSubItem.height"
|
|
216
|
-
></sa-skeleton-elliptical>
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
</sa-skeleton-container>
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
</sa-skeleton-container>
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
</sa-skeleton-container>
|
|
133
|
+
template: `
|
|
134
|
+
<sa-skeleton-container
|
|
135
|
+
[gap]="config?.containerConfig?.gap"
|
|
136
|
+
[padding]="config?.containerConfig?.padding"
|
|
137
|
+
[direction]="config?.containerConfig?.direction || 'column'"
|
|
138
|
+
>
|
|
139
|
+
@for (item of config?.items; track $index) {
|
|
140
|
+
@switch (item.type) {
|
|
141
|
+
@case ('text') {
|
|
142
|
+
<sa-skeleton-text
|
|
143
|
+
[width]="item.width"
|
|
144
|
+
[height]="item.height"
|
|
145
|
+
></sa-skeleton-text>
|
|
146
|
+
}
|
|
147
|
+
@case ('circle') {
|
|
148
|
+
<sa-skeleton-circle
|
|
149
|
+
[size]="item.size"
|
|
150
|
+
></sa-skeleton-circle>
|
|
151
|
+
}
|
|
152
|
+
@case ('rectangle') {
|
|
153
|
+
<sa-skeleton-rectangle
|
|
154
|
+
[width]="item.width"
|
|
155
|
+
[height]="item.height"
|
|
156
|
+
></sa-skeleton-rectangle>
|
|
157
|
+
}
|
|
158
|
+
@case ('elliptical') {
|
|
159
|
+
<sa-skeleton-elliptical
|
|
160
|
+
[width]="item.width"
|
|
161
|
+
[height]="item.height"
|
|
162
|
+
></sa-skeleton-elliptical>
|
|
163
|
+
}
|
|
164
|
+
@case ('container') {
|
|
165
|
+
<sa-skeleton-container [direction]="item.direction" [gap]="item.gap">
|
|
166
|
+
@for (subItem of item.items; track $index) {
|
|
167
|
+
@switch (subItem.type) {
|
|
168
|
+
@case ('text') {
|
|
169
|
+
<sa-skeleton-text
|
|
170
|
+
[width]="subItem.width"
|
|
171
|
+
[height]="subItem.height"
|
|
172
|
+
></sa-skeleton-text>
|
|
173
|
+
}
|
|
174
|
+
@case ('circle') {
|
|
175
|
+
<sa-skeleton-circle
|
|
176
|
+
[size]="subItem.size"
|
|
177
|
+
></sa-skeleton-circle>
|
|
178
|
+
}
|
|
179
|
+
@case ('rectangle') {
|
|
180
|
+
<sa-skeleton-rectangle
|
|
181
|
+
[width]="subItem.width"
|
|
182
|
+
[height]="subItem.height"
|
|
183
|
+
></sa-skeleton-rectangle>
|
|
184
|
+
}
|
|
185
|
+
@case ('elliptical') {
|
|
186
|
+
<sa-skeleton-elliptical
|
|
187
|
+
[width]="subItem.width"
|
|
188
|
+
[height]="subItem.height"
|
|
189
|
+
></sa-skeleton-elliptical>
|
|
190
|
+
}
|
|
191
|
+
@case ('container') {
|
|
192
|
+
<sa-skeleton-container [direction]="subItem.direction" [gap]="subItem.gap">
|
|
193
|
+
@for (subSubItem of subItem.items; track $index) {
|
|
194
|
+
@switch (subSubItem.type) {
|
|
195
|
+
@case ('text') {
|
|
196
|
+
<sa-skeleton-text
|
|
197
|
+
[width]="subSubItem.width"
|
|
198
|
+
[height]="subSubItem.height"
|
|
199
|
+
></sa-skeleton-text>
|
|
200
|
+
}
|
|
201
|
+
@case ('circle') {
|
|
202
|
+
<sa-skeleton-circle
|
|
203
|
+
[size]="subSubItem.size"
|
|
204
|
+
></sa-skeleton-circle>
|
|
205
|
+
}
|
|
206
|
+
@case ('rectangle') {
|
|
207
|
+
<sa-skeleton-rectangle
|
|
208
|
+
[width]="subSubItem.width"
|
|
209
|
+
[height]="subSubItem.height"
|
|
210
|
+
></sa-skeleton-rectangle>
|
|
211
|
+
}
|
|
212
|
+
@case ('elliptical') {
|
|
213
|
+
<sa-skeleton-elliptical
|
|
214
|
+
[width]="subSubItem.width"
|
|
215
|
+
[height]="subSubItem.height"
|
|
216
|
+
></sa-skeleton-elliptical>
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
</sa-skeleton-container>
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
</sa-skeleton-container>
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
</sa-skeleton-container>
|
|
229
229
|
`
|
|
230
230
|
}]
|
|
231
231
|
}], propDecorators: { preset: [{
|
|
@@ -233,4 +233,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
233
233
|
}], config: [{
|
|
234
234
|
type: Input
|
|
235
235
|
}] } });
|
|
236
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
236
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RKLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBa0MsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFnSHRGLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDOytHQWhCVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixtSkFsR3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1QsMkRBeEdDLFlBQVksK0JBRVoscUJBQXFCLDBGQUNyQix1QkFBdUIsaUZBQ3ZCLDBCQUEwQiwrRkFDMUIsMkJBQTJCLGdHQUMzQiwwQkFBMEI7OzRGQW9HakIsdUJBQXVCO2tCQTlHbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQiwyQkFBMkI7d0JBQzNCLDBCQUEwQjtxQkFDM0I7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1Q7aUJBQ0Y7OEJBRVUsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2tlbGV0b25UZXh0Q29tcG9uZW50LCBTa2VsZXRvbkNpcmNsZUNvbXBvbmVudCwgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsIFNrZWxldG9uRWxsaXB0aWNhbENvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNrZWxldG9uQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9za2VsZXRvbi1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2tlbGV0b25Db25maWcsIFNrZWxldG9uUHJlc2V0LCBTS0VMRVRPTl9QUkVTRVRTIH0gZnJvbSAnLi9za2VsZXRvbi1wcmVzZXRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tbG9hZGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNrZWxldG9uQmFzZUNvbXBvbmVudCxcclxuICAgIFNrZWxldG9uVGV4dENvbXBvbmVudCxcclxuICAgIFNrZWxldG9uQ2lyY2xlQ29tcG9uZW50LFxyXG4gICAgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsXHJcbiAgICBTa2VsZXRvbkVsbGlwdGljYWxDb21wb25lbnQsXHJcbiAgICBTa2VsZXRvbkNvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxzYS1za2VsZXRvbi1jb250YWluZXJcclxuICAgICAgW2dhcF09XCJjb25maWc/LmNvbnRhaW5lckNvbmZpZz8uZ2FwXCJcclxuICAgICAgW3BhZGRpbmddPVwiY29uZmlnPy5jb250YWluZXJDb25maWc/LnBhZGRpbmdcIlxyXG4gICAgICBbZGlyZWN0aW9uXT1cImNvbmZpZz8uY29udGFpbmVyQ29uZmlnPy5kaXJlY3Rpb24gfHwgJ2NvbHVtbidcIlxyXG4gICAgPlxyXG4gICAgICBAZm9yIChpdGVtIG9mIGNvbmZpZz8uaXRlbXM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgIEBzd2l0Y2ggKGl0ZW0udHlwZSkge1xyXG4gICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xyXG4gICAgICAgICAgICA8c2Etc2tlbGV0b24tdGV4dFxyXG4gICAgICAgICAgICAgIFt3aWR0aF09XCJpdGVtLndpZHRoXCJcclxuICAgICAgICAgICAgICBbaGVpZ2h0XT1cIml0ZW0uaGVpZ2h0XCJcclxuICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tdGV4dD5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xyXG4gICAgICAgICAgICA8c2Etc2tlbGV0b24tY2lyY2xlXHJcbiAgICAgICAgICAgICAgW3NpemVdPVwiaXRlbS5zaXplXCJcclxuICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgQGNhc2UgKCdyZWN0YW5nbGUnKSB7XHJcbiAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcclxuICAgICAgICAgICAgICBbd2lkdGhdPVwiaXRlbS53aWR0aFwiXHJcbiAgICAgICAgICAgICAgW2hlaWdodF09XCJpdGVtLmhlaWdodFwiXHJcbiAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIEBjYXNlICgnZWxsaXB0aWNhbCcpIHtcclxuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcclxuICAgICAgICAgICAgICBbd2lkdGhdPVwiaXRlbS53aWR0aFwiXHJcbiAgICAgICAgICAgICAgW2hlaWdodF09XCJpdGVtLmhlaWdodFwiXHJcbiAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBAY2FzZSAoJ2NvbnRhaW5lcicpIHtcclxuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNvbnRhaW5lciBbZGlyZWN0aW9uXT1cIml0ZW0uZGlyZWN0aW9uXCIgW2dhcF09XCJpdGVtLmdhcFwiPlxyXG4gICAgICAgICAgICAgIEBmb3IgKHN1Ykl0ZW0gb2YgaXRlbS5pdGVtczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgICAgICBAc3dpdGNoIChzdWJJdGVtLnR5cGUpIHtcclxuICAgICAgICAgICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xyXG4gICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi10ZXh0XHJcbiAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwic3ViSXRlbS53aWR0aFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1Ykl0ZW0uaGVpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICA+PC9zYS1za2VsZXRvbi10ZXh0PlxyXG4gICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xyXG4gICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1jaXJjbGVcclxuICAgICAgICAgICAgICAgICAgICAgIFtzaXplXT1cInN1Ykl0ZW0uc2l6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxyXG4gICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgIEBjYXNlICgncmVjdGFuZ2xlJykge1xyXG4gICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcclxuICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJzdWJJdGVtLndpZHRoXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtoZWlnaHRdPVwic3ViSXRlbS5oZWlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cclxuICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICBAY2FzZSAoJ2VsbGlwdGljYWwnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcclxuICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJzdWJJdGVtLndpZHRoXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtoZWlnaHRdPVwic3ViSXRlbS5oZWlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XHJcbiAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgQGNhc2UgKCdjb250YWluZXInKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNvbnRhaW5lciBbZGlyZWN0aW9uXT1cInN1Ykl0ZW0uZGlyZWN0aW9uXCIgW2dhcF09XCJzdWJJdGVtLmdhcFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgQGZvciAoc3ViU3ViSXRlbSBvZiBzdWJJdGVtLml0ZW1zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgQHN3aXRjaCAoc3ViU3ViSXRlbS50eXBlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLXRleHRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInN1YlN1Ykl0ZW0ud2lkdGhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1YlN1Ykl0ZW0uaGVpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXRleHQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNpcmNsZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCJzdWJTdWJJdGVtLnNpemVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICBAY2FzZSAoJ3JlY3RhbmdsZScpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInN1YlN1Ykl0ZW0ud2lkdGhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1YlN1Ykl0ZW0uaGVpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCdlbGxpcHRpY2FsJykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInN1YlN1Ykl0ZW0ud2lkdGhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1YlN1Ykl0ZW0uaGVpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9zYS1za2VsZXRvbi1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvc2Etc2tlbGV0b24tY29udGFpbmVyPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgPC9zYS1za2VsZXRvbi1jb250YWluZXI+XHJcbiAgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHByZXNldD86IGtleW9mIHR5cGVvZiBTS0VMRVRPTl9QUkVTRVRTO1xyXG4gIEBJbnB1dCgpIGNvbmZpZz86IFNrZWxldG9uUHJlc2V0O1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMudXBkYXRlQ29uZmlnKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICB0aGlzLnVwZGF0ZUNvbmZpZygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVDb25maWcoKSB7XHJcbiAgICBpZiAodGhpcy5wcmVzZXQgJiYgKCF0aGlzLmNvbmZpZyB8fCAhdGhpcy5jb25maWcuaXRlbXM/Lmxlbmd0aCkpIHtcclxuICAgICAgdGhpcy5jb25maWcgPSBTS0VMRVRPTl9QUkVTRVRTW3RoaXMucHJlc2V0XTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -34,4 +34,4 @@ export const SKELETON_PRESETS = {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tcHJlc2V0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tcHJlc2V0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQkEsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUc7SUFDOUIscURBQXFEO0lBQ3JELElBQUksRUFBRTtRQUNKLEtBQUssRUFBRTtZQUNMLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUU7WUFDaEQsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtTQUN2QztRQUNELGVBQWUsRUFBRTtZQUNmLE9BQU8sRUFBRSxNQUFNO1lBQ2YsR0FBRyxFQUFFLFNBQVM7U0FDZjtLQUNGO0lBRUQscUNBQXFDO0lBQ3JDLFFBQVEsRUFBRTtRQUNSLEtBQUssRUFBRTtZQUNMLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFO1lBQ2xDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUU7U0FDL0M7UUFDRCxlQUFlLEVBQUU7WUFDZixTQUFTLEVBQUUsS0FBSztZQUNoQixHQUFHLEVBQUUsTUFBTTtZQUNYLE9BQU8sRUFBRSxRQUFRO1NBQ2xCO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsU0FBUyxFQUFFO1FBQ1QsS0FBSyxFQUFFO1lBQ0wsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRTtTQUN4QztRQUNELGVBQWUsRUFBRTtZQUNmLEdBQUcsRUFBRSxRQUFRO1NBQ2Q7S0FDRjtDQUNPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uQ29uZmlnIHtcclxuICB0eXBlOiAndGV4dCcgfCAnY2lyY2xlJyB8ICdyZWN0YW5nbGUnIHwgJ2VsbGlwdGljYWwnIHwgJ2NvbnRhaW5lcic7XHJcbiAgd2lkdGg/OiBzdHJpbmc7XHJcbiAgaGVpZ2h0Pzogc3RyaW5nO1xyXG4gIHNpemU/OiBzdHJpbmc7XHJcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJztcclxuICBnYXA/OiBzdHJpbmc7XHJcbiAgaXRlbXM/OiBTa2VsZXRvbkNvbmZpZ1tdO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uUHJlc2V0IHtcclxuICBpdGVtczogcmVhZG9ubHkgU2tlbGV0b25Db25maWdbXTtcclxuICBjb250YWluZXJDb25maWc/OiB7XHJcbiAgICBnYXA/OiBzdHJpbmc7XHJcbiAgICBwYWRkaW5nPzogc3RyaW5nO1xyXG4gICAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJztcclxuICB9O1xyXG59XHJcblxyXG5leHBvcnQgY29uc3QgU0tFTEVUT05fUFJFU0VUUyA9IHtcclxuICAvLyBQcmVzZXQgZm9yIGEgY2FyZCB3aXRoIHRpdGxlLCBzdWJ0aXRsZSBhbmQgY29udGVudFxyXG4gIGNhcmQ6IHtcclxuICAgIGl0ZW1zOiBbXHJcbiAgICAgIHsgdHlwZTogJ3RleHQnLCB3aWR0aDogJzYwJScsIGhlaWdodDogJzEuNXJlbScgfSxcclxuICAgICAgeyB0eXBlOiAndGV4dCcsIHdpZHRoOiAnNDAlJywgaGVpZ2h0OiAnMXJlbScgfSxcclxuICAgICAgeyB0eXBlOiAncmVjdGFuZ2xlJywgaGVpZ2h0OiAnMTAwcHgnIH1cclxuICAgIF0sXHJcbiAgICBjb250YWluZXJDb25maWc6IHtcclxuICAgICAgcGFkZGluZzogJzFyZW0nLFxyXG4gICAgICBnYXA6ICcwLjc1cmVtJ1xyXG4gICAgfVxyXG4gIH0sXHJcbiAgXHJcbiAgLy8gUHJlc2V0IGZvciBhIGxpc3QgaXRlbSB3aXRoIGF2YXRhclxyXG4gIGxpc3RJdGVtOiB7XHJcbiAgICBpdGVtczogW1xyXG4gICAgICB7IHR5cGU6ICdjaXJjbGUnLCBzaXplOiAnMi41cmVtJyB9LFxyXG4gICAgICB7IHR5cGU6ICd0ZXh0Jywgd2lkdGg6ICc3MCUnLCBoZWlnaHQ6ICcxcmVtJyB9XHJcbiAgICBdLFxyXG4gICAgY29udGFpbmVyQ29uZmlnOiB7XHJcbiAgICAgIGRpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgIGdhcDogJzFyZW0nLFxyXG4gICAgICBwYWRkaW5nOiAnMC41cmVtJ1xyXG4gICAgfVxyXG4gIH0sXHJcblxyXG4gIC8vIFByZXNldCBmb3IgZm9ybSBmaWVsZHNcclxuICBmb3JtRmllbGQ6IHtcclxuICAgIGl0ZW1zOiBbXHJcbiAgICAgIHsgdHlwZTogJ3RleHQnLCB3aWR0aDogJzMwJScsIGhlaWdodDogJzFyZW0nIH0sXHJcbiAgICAgIHsgdHlwZTogJ3JlY3RhbmdsZScsIGhlaWdodDogJzIuNXJlbScgfVxyXG4gICAgXSxcclxuICAgIGNvbnRhaW5lckNvbmZpZzoge1xyXG4gICAgICBnYXA6ICcwLjVyZW0nXHJcbiAgICB9XHJcbiAgfVxyXG59IGFzIGNvbnN0O1xyXG4iXX0=
|
|
@@ -6,10 +6,10 @@ export class SkeletonTextComponent {
|
|
|
6
6
|
this.width = '100%';
|
|
7
7
|
this.height = '1rem';
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonTextComponent, isStandalone: true, selector: "sa-skeleton-text", inputs: { width: "width", height: "height" }, ngImport: i0, template: `<sa-skeleton-base [width]="width" [height]="height"></sa-skeleton-base>`, isInline: true, dependencies: [{ kind: "component", type: SkeletonBaseComponent, selector: "sa-skeleton-base", inputs: ["width", "height"] }] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonTextComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: 'sa-skeleton-text',
|
|
@@ -26,10 +26,10 @@ export class SkeletonCircleComponent {
|
|
|
26
26
|
constructor() {
|
|
27
27
|
this.size = '3rem';
|
|
28
28
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonCircleComponent, isStandalone: true, selector: "sa-skeleton-circle", inputs: { size: "size" }, ngImport: i0, template: `<sa-skeleton-base [width]="size" [height]="size" style="border-radius: 50%"></sa-skeleton-base>`, isInline: true, dependencies: [{ kind: "component", type: SkeletonBaseComponent, selector: "sa-skeleton-base", inputs: ["width", "height"] }] }); }
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonCircleComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{
|
|
35
35
|
selector: 'sa-skeleton-circle',
|
|
@@ -45,10 +45,10 @@ export class SkeletonRectangleComponent {
|
|
|
45
45
|
this.width = '100%';
|
|
46
46
|
this.height = '100px';
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonRectangleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonRectangleComponent, isStandalone: true, selector: "sa-skeleton-rectangle", inputs: { width: "width", height: "height" }, ngImport: i0, template: `<sa-skeleton-base [width]="width" [height]="height"></sa-skeleton-base>`, isInline: true, dependencies: [{ kind: "component", type: SkeletonBaseComponent, selector: "sa-skeleton-base", inputs: ["width", "height"] }] }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonRectangleComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{
|
|
54
54
|
selector: 'sa-skeleton-rectangle',
|
|
@@ -66,10 +66,10 @@ export class SkeletonEllipticalComponent {
|
|
|
66
66
|
this.width = '200px';
|
|
67
67
|
this.height = '48px';
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonEllipticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonEllipticalComponent, isStandalone: true, selector: "sa-skeleton-elliptical", inputs: { width: "width", height: "height" }, ngImport: i0, template: `<sa-skeleton-base [width]="width" [height]="height" style="border-radius: 100px;"></sa-skeleton-base>`, isInline: true, dependencies: [{ kind: "component", type: SkeletonBaseComponent, selector: "sa-skeleton-base", inputs: ["width", "height"] }] }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonEllipticalComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{
|
|
75
75
|
selector: 'sa-skeleton-elliptical',
|
|
@@ -82,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
82
82
|
}], height: [{
|
|
83
83
|
type: Input
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFRbEUsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9XLFVBQUssR0FBVyxNQUFNLENBQUM7UUFDdkIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzsrR0FIWSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwwSEFGdEIseUVBQXlFLDREQUR6RSxxQkFBcUI7OzRGQUdwQixxQkFBcUI7a0JBTmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUseUVBQXlFO2lCQUNwRjs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLOztBQVNSLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPVyxTQUFJLEdBQVcsTUFBTSxDQUFDO0tBQ2hDOytHQUZZLHVCQUF1QjttR0FBdkIsdUJBQXVCLHdHQUZ4QixpR0FBaUcsNERBRGpHLHFCQUFxQjs7NEZBR3BCLHVCQUF1QjtrQkFObkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSxpR0FBaUc7aUJBQzVHOzhCQUVVLElBQUk7c0JBQVosS0FBSzs7QUFTUixNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT1csVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUN2QixXQUFNLEdBQVcsT0FBTyxDQUFDO0tBQ25DOytHQUhZLDBCQUEwQjttR0FBMUIsMEJBQTBCLCtIQUYzQix5RUFBeUUsNERBRHpFLHFCQUFxQjs7NEZBR3BCLDBCQUEwQjtrQkFOdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSx5RUFBeUU7aUJBQ3BGOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7O0FBU1IsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQU9XLFVBQUssR0FBVyxPQUFPLENBQUM7UUFDeEIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzsrR0FIWSwyQkFBMkI7bUdBQTNCLDJCQUEyQixnSUFGNUIsdUdBQXVHLDREQUR2RyxxQkFBcUI7OzRGQUdwQiwyQkFBMkI7a0JBTnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUsdUdBQXVHO2lCQUNsSDs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLWJhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tdGV4dCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbU2tlbGV0b25CYXNlQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZTogYDxzYS1za2VsZXRvbi1iYXNlIFt3aWR0aF09XCJ3aWR0aFwiIFtoZWlnaHRdPVwiaGVpZ2h0XCI+PC9zYS1za2VsZXRvbi1iYXNlPmAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTa2VsZXRvblRleHRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMXJlbSc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tY2lyY2xlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtTa2VsZXRvbkJhc2VDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlOiBgPHNhLXNrZWxldG9uLWJhc2UgW3dpZHRoXT1cInNpemVcIiBbaGVpZ2h0XT1cInNpemVcIiBzdHlsZT1cImJvcmRlci1yYWRpdXM6IDUwJVwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2tlbGV0b25DaXJjbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZyA9ICczcmVtJztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYS1za2VsZXRvbi1yZWN0YW5nbGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMTAwcHgnO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NhLXNrZWxldG9uLWVsbGlwdGljYWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiIHN0eWxlPVwiYm9yZGVyLXJhZGl1czogMTAwcHg7XCI+PC9zYS1za2VsZXRvbi1iYXNlPmAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkVsbGlwdGljYWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMjAwcHgnO1xyXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJzQ4cHgnO1xyXG59XHJcbiJdfQ==
|
|
@@ -6,10 +6,10 @@ export class SpinnerComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.default = false;
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, isStandalone: true, selector: "sa-spinner", inputs: { default: "default", size: "size" }, ngImport: i0, template: "<span class=\"sa-spinner\" [ngClass]=\"default ? 'default' : ''\" [ngStyle]=\"{'fontSize': size+'px'}\"></span>", styles: [".sa-spinner{width:1em;height:1em;border-radius:50%;display:inline-block;position:relative;border:2px solid var(--primary-500);box-sizing:border-box;animation:rotation 1s linear infinite}.sa-spinner:after{content:\"\";box-sizing:border-box;position:absolute;left:.1em;top:.1em;border:2px solid var(--primary-500);width:.25em;height:.25em;border-radius:50%}.sa-spinner.default,.sa-spinner.default:after{border-color:#fff}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:inherit}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'sa-spinner', standalone: true, imports: [CommonModule], template: "<span class=\"sa-spinner\" [ngClass]=\"default ? 'default' : ''\" [ngStyle]=\"{'fontSize': size+'px'}\"></span>", styles: [".sa-spinner{width:1em;height:1em;border-radius:50%;display:inline-block;position:relative;border:2px solid var(--primary-500);box-sizing:border-box;animation:rotation 1s linear infinite}.sa-spinner:after{content:\"\";box-sizing:border-box;position:absolute;left:.1em;top:.1em;border:2px solid var(--primary-500);width:.25em;height:.25em;border-radius:50%}.sa-spinner.default,.sa-spinner.default:after{border-color:#fff}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:inherit}\n"] }]
|
|
15
15
|
}], propDecorators: { default: [{
|
|
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
19
19
|
type: Input,
|
|
20
20
|
args: ['size']
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUW9CLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FHNUM7K0dBSlksZ0JBQWdCO21HQUFoQixnQkFBZ0Isb0hDVjdCLGlIQUF5Ryw0akJETTdGLFlBQVk7OzRGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtMLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NhLXNwaW5uZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoJ2RlZmF1bHQnKSBkZWZhdWx0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogYW55O1xyXG5cclxufVxyXG4iLCI8c3BhbiBjbGFzcz1cInNhLXNwaW5uZXJcIiBbbmdDbGFzc109XCJkZWZhdWx0ID8gJ2RlZmF1bHQnIDogJydcIiBbbmdTdHlsZV09XCJ7J2ZvbnRTaXplJzogc2l6ZSsncHgnfVwiPjwvc3Bhbj4iXX0=
|