@sarasanalytics-com/design-system 0.0.105 → 0.0.107
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/interfaces/typography-animation-interface.mjs +2 -0
- 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 +5 -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/dashboard-loader/dashboard-loader.component.mjs +36 -0
- 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 +5 -5
- 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/lib/typography-animation/typography-animation.component.mjs +72 -0
- package/esm2022/public-api.mjs +4 -1
- package/esm2022/utils/validators.mjs +1 -1
- package/fesm2022/sarasanalytics-com-design-system.mjs +507 -405
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/interfaces/typography-animation-interface.d.ts +6 -0
- package/lib/dashboard-loader/dashboard-loader.component.d.ts +11 -0
- package/lib/typography-animation/typography-animation.component.d.ts +13 -0
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
- package/styles/styles.css +428 -0
|
@@ -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.2.4", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", 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.2.4", 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.3.12", ngImpo
|
|
|
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.3.12", ngImpo
|
|
|
233
233
|
}], config: [{
|
|
234
234
|
type: Input
|
|
235
235
|
}] } });
|
|
236
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
236
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RKLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBa0MsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFnSHRGLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDOzhHQWhCVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixtSkFsR3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1QsMkRBeEdDLFlBQVksK0JBRVoscUJBQXFCLDBGQUNyQix1QkFBdUIsaUZBQ3ZCLDBCQUEwQiwrRkFDMUIsMkJBQTJCLGdHQUMzQiwwQkFBMEI7OzJGQW9HakIsdUJBQXVCO2tCQTlHbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQiwyQkFBMkI7d0JBQzNCLDBCQUEwQjtxQkFDM0I7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1Q7aUJBQ0Y7OEJBRVUsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNrZWxldG9uQmFzZUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tYmFzZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2tlbGV0b25UZXh0Q29tcG9uZW50LCBTa2VsZXRvbkNpcmNsZUNvbXBvbmVudCwgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsIFNrZWxldG9uRWxsaXB0aWNhbENvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbmZpZywgU2tlbGV0b25QcmVzZXQsIFNLRUxFVE9OX1BSRVNFVFMgfSBmcm9tICcuL3NrZWxldG9uLXByZXNldHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS1za2VsZXRvbi1sb2FkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNrZWxldG9uQmFzZUNvbXBvbmVudCxcbiAgICBTa2VsZXRvblRleHRDb21wb25lbnQsXG4gICAgU2tlbGV0b25DaXJjbGVDb21wb25lbnQsXG4gICAgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsXG4gICAgU2tlbGV0b25FbGxpcHRpY2FsQ29tcG9uZW50LFxuICAgIFNrZWxldG9uQ29udGFpbmVyQ29tcG9uZW50XG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHNhLXNrZWxldG9uLWNvbnRhaW5lclxuICAgICAgW2dhcF09XCJjb25maWc/LmNvbnRhaW5lckNvbmZpZz8uZ2FwXCJcbiAgICAgIFtwYWRkaW5nXT1cImNvbmZpZz8uY29udGFpbmVyQ29uZmlnPy5wYWRkaW5nXCJcbiAgICAgIFtkaXJlY3Rpb25dPVwiY29uZmlnPy5jb250YWluZXJDb25maWc/LmRpcmVjdGlvbiB8fCAnY29sdW1uJ1wiXG4gICAgPlxuICAgICAgQGZvciAoaXRlbSBvZiBjb25maWc/Lml0ZW1zOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgQHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xuICAgICAgICAgICAgPHNhLXNrZWxldG9uLXRleHRcbiAgICAgICAgICAgICAgW3dpZHRoXT1cIml0ZW0ud2lkdGhcIlxuICAgICAgICAgICAgICBbaGVpZ2h0XT1cIml0ZW0uaGVpZ2h0XCJcbiAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXRleHQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNpcmNsZVxuICAgICAgICAgICAgICBbc2l6ZV09XCJpdGVtLnNpemVcIlxuICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAY2FzZSAoJ3JlY3RhbmdsZScpIHtcbiAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcbiAgICAgICAgICAgICAgW3dpZHRoXT1cIml0ZW0ud2lkdGhcIlxuICAgICAgICAgICAgICBbaGVpZ2h0XT1cIml0ZW0uaGVpZ2h0XCJcbiAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGNhc2UgKCdlbGxpcHRpY2FsJykge1xuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcbiAgICAgICAgICAgICAgW3dpZHRoXT1cIml0ZW0ud2lkdGhcIlxuICAgICAgICAgICAgICBbaGVpZ2h0XT1cIml0ZW0uaGVpZ2h0XCJcbiAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICgnY29udGFpbmVyJykge1xuICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNvbnRhaW5lciBbZGlyZWN0aW9uXT1cIml0ZW0uZGlyZWN0aW9uXCIgW2dhcF09XCJpdGVtLmdhcFwiPlxuICAgICAgICAgICAgICBAZm9yIChzdWJJdGVtIG9mIGl0ZW0uaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgIEBzd2l0Y2ggKHN1Ykl0ZW0udHlwZSkge1xuICAgICAgICAgICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xuICAgICAgICAgICAgICAgICAgICA8c2Etc2tlbGV0b24tdGV4dFxuICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJzdWJJdGVtLndpZHRoXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1Ykl0ZW0uaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tdGV4dD5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xuICAgICAgICAgICAgICAgICAgICA8c2Etc2tlbGV0b24tY2lyY2xlXG4gICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwic3ViSXRlbS5zaXplXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgQGNhc2UgKCdyZWN0YW5nbGUnKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcbiAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwic3ViSXRlbS53aWR0aFwiXG4gICAgICAgICAgICAgICAgICAgICAgW2hlaWdodF09XCJzdWJJdGVtLmhlaWdodFwiXG4gICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIEBjYXNlICgnZWxsaXB0aWNhbCcpIHtcbiAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcbiAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwic3ViSXRlbS53aWR0aFwiXG4gICAgICAgICAgICAgICAgICAgICAgW2hlaWdodF09XCJzdWJJdGVtLmhlaWdodFwiXG4gICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBAY2FzZSAoJ2NvbnRhaW5lcicpIHtcbiAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWNvbnRhaW5lciBbZGlyZWN0aW9uXT1cInN1Ykl0ZW0uZGlyZWN0aW9uXCIgW2dhcF09XCJzdWJJdGVtLmdhcFwiPlxuICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKHN1YlN1Ykl0ZW0gb2Ygc3ViSXRlbS5pdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBAc3dpdGNoIChzdWJTdWJJdGVtLnR5cGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCd0ZXh0Jykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi10ZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwic3ViU3ViSXRlbS53aWR0aFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cInN1YlN1Ykl0ZW0uaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9zYS1za2VsZXRvbi10ZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgnY2lyY2xlJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1jaXJjbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaXplXT1cInN1YlN1Ykl0ZW0uc2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvc2Etc2tlbGV0b24tY2lyY2xlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgncmVjdGFuZ2xlJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzYS1za2VsZXRvbi1yZWN0YW5nbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJzdWJTdWJJdGVtLndpZHRoXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtoZWlnaHRdPVwic3ViU3ViSXRlbS5oZWlnaHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLXJlY3RhbmdsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBAY2FzZSAoJ2VsbGlwdGljYWwnKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNhLXNrZWxldG9uLWVsbGlwdGljYWxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCJzdWJTdWJJdGVtLndpZHRoXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtoZWlnaHRdPVwic3ViU3ViSXRlbS5oZWlnaHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3NhLXNrZWxldG9uLWVsbGlwdGljYWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvc2Etc2tlbGV0b24tY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9zYS1za2VsZXRvbi1jb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC9zYS1za2VsZXRvbi1jb250YWluZXI+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwcmVzZXQ/OiBrZXlvZiB0eXBlb2YgU0tFTEVUT05fUFJFU0VUUztcbiAgQElucHV0KCkgY29uZmlnPzogU2tlbGV0b25QcmVzZXQ7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy51cGRhdGVDb25maWcoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLnVwZGF0ZUNvbmZpZygpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVDb25maWcoKSB7XG4gICAgaWYgKHRoaXMucHJlc2V0ICYmICghdGhpcy5jb25maWcgfHwgIXRoaXMuY29uZmlnLml0ZW1zPy5sZW5ndGgpKSB7XG4gICAgICB0aGlzLmNvbmZpZyA9IFNLRUxFVE9OX1BSRVNFVFNbdGhpcy5wcmVzZXRdO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tcHJlc2V0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tcHJlc2V0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQkEsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUc7SUFDOUIscURBQXFEO0lBQ3JELElBQUksRUFBRTtRQUNKLEtBQUssRUFBRTtZQUNMLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUU7WUFDaEQsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtTQUN2QztRQUNELGVBQWUsRUFBRTtZQUNmLE9BQU8sRUFBRSxNQUFNO1lBQ2YsR0FBRyxFQUFFLFNBQVM7U0FDZjtLQUNGO0lBRUQscUNBQXFDO0lBQ3JDLFFBQVEsRUFBRTtRQUNSLEtBQUssRUFBRTtZQUNMLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFO1lBQ2xDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUU7U0FDL0M7UUFDRCxlQUFlLEVBQUU7WUFDZixTQUFTLEVBQUUsS0FBSztZQUNoQixHQUFHLEVBQUUsTUFBTTtZQUNYLE9BQU8sRUFBRSxRQUFRO1NBQ2xCO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsU0FBUyxFQUFFO1FBQ1QsS0FBSyxFQUFFO1lBQ0wsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRTtTQUN4QztRQUNELGVBQWUsRUFBRTtZQUNmLEdBQUcsRUFBRSxRQUFRO1NBQ2Q7S0FDRjtDQUNPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uQ29uZmlnIHtcbiAgdHlwZTogJ3RleHQnIHwgJ2NpcmNsZScgfCAncmVjdGFuZ2xlJyB8ICdlbGxpcHRpY2FsJyB8ICdjb250YWluZXInO1xuICB3aWR0aD86IHN0cmluZztcbiAgaGVpZ2h0Pzogc3RyaW5nO1xuICBzaXplPzogc3RyaW5nO1xuICBkaXJlY3Rpb24/OiAncm93JyB8ICdjb2x1bW4nO1xuICBnYXA/OiBzdHJpbmc7XG4gIGl0ZW1zPzogU2tlbGV0b25Db25maWdbXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTa2VsZXRvblByZXNldCB7XG4gIGl0ZW1zOiByZWFkb25seSBTa2VsZXRvbkNvbmZpZ1tdO1xuICBjb250YWluZXJDb25maWc/OiB7XG4gICAgZ2FwPzogc3RyaW5nO1xuICAgIHBhZGRpbmc/OiBzdHJpbmc7XG4gICAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJztcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IFNLRUxFVE9OX1BSRVNFVFMgPSB7XG4gIC8vIFByZXNldCBmb3IgYSBjYXJkIHdpdGggdGl0bGUsIHN1YnRpdGxlIGFuZCBjb250ZW50XG4gIGNhcmQ6IHtcbiAgICBpdGVtczogW1xuICAgICAgeyB0eXBlOiAndGV4dCcsIHdpZHRoOiAnNjAlJywgaGVpZ2h0OiAnMS41cmVtJyB9LFxuICAgICAgeyB0eXBlOiAndGV4dCcsIHdpZHRoOiAnNDAlJywgaGVpZ2h0OiAnMXJlbScgfSxcbiAgICAgIHsgdHlwZTogJ3JlY3RhbmdsZScsIGhlaWdodDogJzEwMHB4JyB9XG4gICAgXSxcbiAgICBjb250YWluZXJDb25maWc6IHtcbiAgICAgIHBhZGRpbmc6ICcxcmVtJyxcbiAgICAgIGdhcDogJzAuNzVyZW0nXG4gICAgfVxuICB9LFxuICBcbiAgLy8gUHJlc2V0IGZvciBhIGxpc3QgaXRlbSB3aXRoIGF2YXRhclxuICBsaXN0SXRlbToge1xuICAgIGl0ZW1zOiBbXG4gICAgICB7IHR5cGU6ICdjaXJjbGUnLCBzaXplOiAnMi41cmVtJyB9LFxuICAgICAgeyB0eXBlOiAndGV4dCcsIHdpZHRoOiAnNzAlJywgaGVpZ2h0OiAnMXJlbScgfVxuICAgIF0sXG4gICAgY29udGFpbmVyQ29uZmlnOiB7XG4gICAgICBkaXJlY3Rpb246ICdyb3cnLFxuICAgICAgZ2FwOiAnMXJlbScsXG4gICAgICBwYWRkaW5nOiAnMC41cmVtJ1xuICAgIH1cbiAgfSxcblxuICAvLyBQcmVzZXQgZm9yIGZvcm0gZmllbGRzXG4gIGZvcm1GaWVsZDoge1xuICAgIGl0ZW1zOiBbXG4gICAgICB7IHR5cGU6ICd0ZXh0Jywgd2lkdGg6ICczMCUnLCBoZWlnaHQ6ICcxcmVtJyB9LFxuICAgICAgeyB0eXBlOiAncmVjdGFuZ2xlJywgaGVpZ2h0OiAnMi41cmVtJyB9XG4gICAgXSxcbiAgICBjb250YWluZXJDb25maWc6IHtcbiAgICAgIGdhcDogJzAuNXJlbSdcbiAgICB9XG4gIH1cbn0gYXMgY29uc3Q7XG4iXX0=
|
|
@@ -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.2.4", ngImport: i0, type: SkeletonTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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.2.4", 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.2.4", ngImport: i0, type: SkeletonCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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.2.4", 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.2.4", ngImport: i0, type: SkeletonRectangleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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.2.4", 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.2.4", ngImport: i0, type: SkeletonEllipticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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.2.4", 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.3.12", ngImpo
|
|
|
82
82
|
}], height: [{
|
|
83
83
|
type: Input
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFRbEUsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9XLFVBQUssR0FBVyxNQUFNLENBQUM7UUFDdkIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzs4R0FIWSxxQkFBcUI7a0dBQXJCLHFCQUFxQiwwSEFGdEIseUVBQXlFLDREQUR6RSxxQkFBcUI7OzJGQUdwQixxQkFBcUI7a0JBTmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUseUVBQXlFO2lCQUNwRjs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLOztBQVNSLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPVyxTQUFJLEdBQVcsTUFBTSxDQUFDO0tBQ2hDOzhHQUZZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHdHQUZ4QixpR0FBaUcsNERBRGpHLHFCQUFxQjs7MkZBR3BCLHVCQUF1QjtrQkFObkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSxpR0FBaUc7aUJBQzVHOzhCQUVVLElBQUk7c0JBQVosS0FBSzs7QUFTUixNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT1csVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUN2QixXQUFNLEdBQVcsT0FBTyxDQUFDO0tBQ25DOzhHQUhZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLCtIQUYzQix5RUFBeUUsNERBRHpFLHFCQUFxQjs7MkZBR3BCLDBCQUEwQjtrQkFOdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSx5RUFBeUU7aUJBQ3BGOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7O0FBU1IsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQU9XLFVBQUssR0FBVyxPQUFPLENBQUM7UUFDeEIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzs4R0FIWSwyQkFBMkI7a0dBQTNCLDJCQUEyQixnSUFGNUIsdUdBQXVHLDREQUR2RyxxQkFBcUI7OzJGQUdwQiwyQkFBMkI7a0JBTnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUsdUdBQXVHO2lCQUNsSDs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2tlbGV0b25CYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9za2VsZXRvbi1iYXNlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLXNrZWxldG9uLXRleHQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU2tlbGV0b25CYXNlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvblRleHRDb21wb25lbnQge1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICcxcmVtJztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tY2lyY2xlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgPHNhLXNrZWxldG9uLWJhc2UgW3dpZHRoXT1cInNpemVcIiBbaGVpZ2h0XT1cInNpemVcIiBzdHlsZT1cImJvcmRlci1yYWRpdXM6IDUwJVwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkNpcmNsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZyA9ICczcmVtJztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tcmVjdGFuZ2xlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgPHNhLXNrZWxldG9uLWJhc2UgW3dpZHRoXT1cIndpZHRoXCIgW2hlaWdodF09XCJoZWlnaHRcIj48L3NhLXNrZWxldG9uLWJhc2U+YCxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQge1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICcxMDBweCc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLXNrZWxldG9uLWVsbGlwdGljYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU2tlbGV0b25CYXNlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiIHN0eWxlPVwiYm9yZGVyLXJhZGl1czogMTAwcHg7XCI+PC9zYS1za2VsZXRvbi1iYXNlPmAsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uRWxsaXB0aWNhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMjAwcHgnO1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICc0OHB4Jztcbn1cbiJdfQ==
|
|
@@ -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.2.4", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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.2.4", 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.3.12", ngImpo
|
|
|
19
19
|
type: Input,
|
|
20
20
|
args: ['size']
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUW9CLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FHNUM7OEdBSlksZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0hDVjdCLGlIQUF5Ryw0akJETTdGLFlBQVk7OzJGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtMLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS1zcGlubmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGVmYXVsdCcpIGRlZmF1bHQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCdzaXplJykgc2l6ZTogYW55O1xuXG59XG4iLCI8c3BhbiBjbGFzcz1cInNhLXNwaW5uZXJcIiBbbmdDbGFzc109XCJkZWZhdWx0ID8gJ2RlZmF1bHQnIDogJydcIiBbbmdTdHlsZV09XCJ7J2ZvbnRTaXplJzogc2l6ZSsncHgnfVwiPjwvc3Bhbj4iXX0=
|