@sarasanalytics-com/design-system 0.0.163 → 0.0.164
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/form-layout.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/left-nav-interface.mjs +1 -1
- package/esm2022/interfaces/menu.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 +1 -1
- package/esm2022/lib/accordion/accordion.component.mjs +3 -3
- package/esm2022/lib/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/calendar-header/calendar-header.component.mjs +3 -3
- package/esm2022/lib/card/card-body/card-body.component.mjs +1 -1
- package/esm2022/lib/card/card-custom-header/card-custom-header.component.mjs +1 -1
- package/esm2022/lib/card/card-footer-actions/card-footer-actions.component.mjs +3 -3
- package/esm2022/lib/card/card-icon/card-icon.component.mjs +1 -1
- package/esm2022/lib/card/card-title-actions/card-title-actions.component.mjs +1 -1
- package/esm2022/lib/card/card.component.mjs +3 -3
- package/esm2022/lib/card/checkbox-card/checkbox-card.component.mjs +3 -3
- package/esm2022/lib/card/guide-card/guide-card.component.mjs +3 -3
- package/esm2022/lib/card/menu-card/menu-card.component.mjs +3 -3
- package/esm2022/lib/card/thumbnail-card/thumbnail-card.component.mjs +3 -3
- package/esm2022/lib/card-carousel/card-carousel.component.mjs +3 -3
- package/esm2022/lib/categories-nav/categories-nav.component.mjs +3 -3
- package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/chips/chips.component.mjs +3 -3
- package/esm2022/lib/component-library.component.mjs +9 -9
- package/esm2022/lib/component-library.service.mjs +1 -1
- package/esm2022/lib/dashboard-loader/dashboard-loader.component.mjs +1 -1
- package/esm2022/lib/data-grid/data-grid.component.mjs +3 -3
- package/esm2022/lib/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/lib/dialog/dialog.component.mjs +3 -3
- package/esm2022/lib/dropdown/category-dropdown/category-dropdown.component.mjs +3 -3
- package/esm2022/lib/dropdown/ng-select/ng-select.component.mjs +3 -3
- package/esm2022/lib/filter/filter.component.mjs +3 -3
- package/esm2022/lib/form-input/form-input.component.mjs +3 -3
- package/esm2022/lib/form-select/form-select.component.mjs +3 -3
- package/esm2022/lib/grid-cell/grid-cell.component.mjs +10 -10
- package/esm2022/lib/header/header.component.mjs +3 -3
- package/esm2022/lib/icon/icon.component.mjs +9 -3
- package/esm2022/lib/icon/icon.service.mjs +1 -1
- package/esm2022/lib/layout-section/layout-section.component.mjs +3 -3
- package/esm2022/lib/left-nav/left-nav.component.mjs +3 -3
- package/esm2022/lib/list/list.component.mjs +3 -3
- package/esm2022/lib/menu/menu-list/menu-item.component.mjs +3 -3
- package/esm2022/lib/menu/menu.component.mjs +3 -3
- package/esm2022/lib/menu/menu.directive.mjs +1 -1
- package/esm2022/lib/message-banner/message-banner.component.mjs +3 -3
- package/esm2022/lib/message-banner-v2/message-banner-v2.component.mjs +3 -3
- package/esm2022/lib/mini-card/mini-card.component.mjs +3 -3
- package/esm2022/lib/page-layout/page-layout.component.mjs +3 -3
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +3 -3
- package/esm2022/lib/query-builder/query-builder-demo.component.mjs +45 -45
- package/esm2022/lib/query-builder/query-builder.component.mjs +3 -3
- package/esm2022/lib/query-builder/query-builder.service.mjs +1 -1
- package/esm2022/lib/query-builder-formly/query-builder-formly.component.mjs +3 -3
- package/esm2022/lib/query-builder-textarea/query-builder-textarea-demo.component.mjs +39 -39
- package/esm2022/lib/query-builder-textarea/query-builder-textarea.component.mjs +3 -3
- package/esm2022/lib/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/lib/scrolling-cards/scrolling-cards.component.mjs +3 -3
- package/esm2022/lib/skeleton/skeleton-base.component.mjs +1 -1
- package/esm2022/lib/skeleton/skeleton-container.component.mjs +9 -9
- package/esm2022/lib/skeleton/skeleton-loader.component.mjs +193 -193
- package/esm2022/lib/skeleton/skeleton-presets.mjs +1 -1
- package/esm2022/lib/skeleton/skeleton-shapes.component.mjs +1 -1
- package/esm2022/lib/spinner/spinner.component.mjs +1 -1
- package/esm2022/lib/status-dot/status-dot.component.mjs +17 -17
- package/esm2022/lib/stepper/stepper.component.mjs +3 -3
- package/esm2022/lib/tabs/tabs.component.mjs +3 -3
- package/esm2022/lib/toast/toast.component.mjs +3 -3
- package/esm2022/lib/tool-tip/tool-tip.component.mjs +3 -3
- package/esm2022/lib/typography-animation/typography-animation.component.mjs +3 -3
- package/esm2022/utils/validators.mjs +1 -1
- package/fesm2022/sarasanalytics-com-design-system.mjs +409 -403
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/lib/icon/icon.component.d.ts +3 -1
- package/package.json +1 -1
- package/styles/styles.css +432 -432
|
@@ -18,102 +18,102 @@ export class SkeletonLoaderComponent {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
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>
|
|
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
119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RKLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBa0MsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFnSHRGLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDOzhHQWhCVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixtSkFsR3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1QsMkRBeEdDLFlBQVksK0JBRVoscUJBQXFCLDBGQUNyQix1QkFBdUIsaUZBQ3ZCLDBCQUEwQiwrRkFDMUIsMkJBQTJCLGdHQUMzQiwwQkFBMEI7OzJGQW9HakIsdUJBQXVCO2tCQTlHbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQiwyQkFBMkI7d0JBQzNCLDBCQUEwQjtxQkFDM0I7b0JBQ0QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnR1Q7aUJBQ0Y7OEJBRVUsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2tlbGV0b25UZXh0Q29tcG9uZW50LCBTa2VsZXRvbkNpcmNsZUNvbXBvbmVudCwgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsIFNrZWxldG9uRWxsaXB0aWNhbENvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNrZWxldG9uQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9za2VsZXRvbi1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2tlbGV0b25Db25maWcsIFNrZWxldG9uUHJlc2V0LCBTS0VMRVRPTl9QUkVTRVRTIH0gZnJvbSAnLi9za2VsZXRvbi1wcmVzZXRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tbG9hZGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNrZWxldG9uQmFzZUNvbXBvbmVudCxcclxuICAgIFNrZWxldG9uVGV4dENvbXBvbmVudCxcclxuICAgIFNrZWxldG9uQ2lyY2xlQ29tcG9uZW50LFxyXG4gICAgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQsXHJcbiAgICBTa2VsZXRvbkVsbGlwdGljYWxDb21wb25lbnQsXHJcbiAgICBTa2VsZXRvbkNvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxzYS1za2VsZXRvbi1jb250YWluZXJcclxuICAgICAgW2dhcF09XCJjb25maWc/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=
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tc2hhcGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFRbEUsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9XLFVBQUssR0FBVyxNQUFNLENBQUM7UUFDdkIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzs4R0FIWSxxQkFBcUI7a0dBQXJCLHFCQUFxQiwwSEFGdEIseUVBQXlFLDREQUR6RSxxQkFBcUI7OzJGQUdwQixxQkFBcUI7a0JBTmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUseUVBQXlFO2lCQUNwRjs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLOztBQVNSLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPVyxTQUFJLEdBQVcsTUFBTSxDQUFDO0tBQ2hDOzhHQUZZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHdHQUZ4QixpR0FBaUcsNERBRGpHLHFCQUFxQjs7MkZBR3BCLHVCQUF1QjtrQkFObkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSxpR0FBaUc7aUJBQzVHOzhCQUVVLElBQUk7c0JBQVosS0FBSzs7QUFTUixNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT1csVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUN2QixXQUFNLEdBQVcsT0FBTyxDQUFDO0tBQ25DOzhHQUhZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLCtIQUYzQix5RUFBeUUsNERBRHpFLHFCQUFxQjs7MkZBR3BCLDBCQUEwQjtrQkFOdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFFBQVEsRUFBRSx5RUFBeUU7aUJBQ3BGOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7O0FBU1IsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQU9XLFVBQUssR0FBVyxPQUFPLENBQUM7UUFDeEIsV0FBTSxHQUFXLE1BQU0sQ0FBQztLQUNsQzs4R0FIWSwyQkFBMkI7a0dBQTNCLDJCQUEyQixnSUFGNUIsdUdBQXVHLDREQUR2RyxxQkFBcUI7OzJGQUdwQiwyQkFBMkI7a0JBTnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUUsdUdBQXVHO2lCQUNsSDs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTa2VsZXRvbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLWJhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tdGV4dCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbU2tlbGV0b25CYXNlQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZTogYDxzYS1za2VsZXRvbi1iYXNlIFt3aWR0aF09XCJ3aWR0aFwiIFtoZWlnaHRdPVwiaGVpZ2h0XCI+PC9zYS1za2VsZXRvbi1iYXNlPmAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTa2VsZXRvblRleHRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMXJlbSc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2Etc2tlbGV0b24tY2lyY2xlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtTa2VsZXRvbkJhc2VDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlOiBgPHNhLXNrZWxldG9uLWJhc2UgW3dpZHRoXT1cInNpemVcIiBbaGVpZ2h0XT1cInNpemVcIiBzdHlsZT1cImJvcmRlci1yYWRpdXM6IDUwJVwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2tlbGV0b25DaXJjbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZyA9ICczcmVtJztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYS1za2VsZXRvbi1yZWN0YW5nbGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiPjwvc2Etc2tlbGV0b24tYmFzZT5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2tlbGV0b25SZWN0YW5nbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMTAwcHgnO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NhLXNrZWxldG9uLWVsbGlwdGljYWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1NrZWxldG9uQmFzZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGA8c2Etc2tlbGV0b24tYmFzZSBbd2lkdGhdPVwid2lkdGhcIiBbaGVpZ2h0XT1cImhlaWdodFwiIHN0eWxlPVwiYm9yZGVyLXJhZGl1czogMTAwcHg7XCI+PC9zYS1za2VsZXRvbi1iYXNlPmAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkVsbGlwdGljYWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMjAwcHgnO1xyXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gJzQ4cHgnO1xyXG59XHJcbiJdfQ==
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUW9CLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FHNUM7OEdBSlksZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0hDVjdCLGlIQUF5Ryw0akJETTdGLFlBQVk7OzJGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtMLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDRCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NhLXNwaW5uZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoJ2RlZmF1bHQnKSBkZWZhdWx0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzaXplJykgc2l6ZTogYW55O1xyXG5cclxufVxyXG4iLCI8c3BhbiBjbGFzcz1cInNhLXNwaW5uZXJcIiBbbmdDbGFzc109XCJkZWZhdWx0ID8gJ2RlZmF1bHQnIDogJydcIiBbbmdTdHlsZV09XCJ7J2ZvbnRTaXplJzogc2l6ZSsncHgnfVwiPjwvc3Bhbj4iXX0=
|
|
@@ -13,28 +13,28 @@ export class StatusDotComponent {
|
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StatusDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: StatusDotComponent, isStandalone: true, selector: "sa-status-dot", inputs: { config: "config" }, ngImport: i0, template: `
|
|
17
|
-
<div [matTooltip]="config.tooltip"
|
|
18
|
-
class="status-dot"
|
|
19
|
-
[class]="config.status"
|
|
20
|
-
[class.outline]="config.theme === 'outline'"
|
|
21
|
-
[style.width.px]="config.size"
|
|
22
|
-
[style.height.px]="config.size">
|
|
23
|
-
</div>
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: StatusDotComponent, isStandalone: true, selector: "sa-status-dot", inputs: { config: "config" }, ngImport: i0, template: `
|
|
17
|
+
<div [matTooltip]="config.tooltip"
|
|
18
|
+
class="status-dot"
|
|
19
|
+
[class]="config.status"
|
|
20
|
+
[class.outline]="config.theme === 'outline'"
|
|
21
|
+
[style.width.px]="config.size"
|
|
22
|
+
[style.height.px]="config.size">
|
|
23
|
+
</div>
|
|
24
24
|
`, isInline: true, styles: [":host{display:inline-block}.status-dot{border-radius:50%;display:inline-block;cursor:pointer}.primary{background-color:var(--primary-500, #007bff);border:2px solid var(--primary-500, #007bff)}.secondary{background-color:var(--secondary-500, #6c757d);border:2px solid var(--secondary-500, #6c757d)}.success{background-color:var(--semantic-success-500, #33961F);border:2px solid var(--semantic-success-500, #33961F)}.error{background-color:var(--semantic-error-500, #dc3545);border:2px solid var(--semantic-error-500, #dc3545)}.warning{background-color:var(--semantic-yellow-600, #DC9408);border:2px solid var(--semantic-yellow-600, #DC9408)}.outline{background-color:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StatusDotComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'sa-status-dot', standalone: true, imports: [CommonModule, MatTooltipModule], template: `
|
|
29
|
-
<div [matTooltip]="config.tooltip"
|
|
30
|
-
class="status-dot"
|
|
31
|
-
[class]="config.status"
|
|
32
|
-
[class.outline]="config.theme === 'outline'"
|
|
33
|
-
[style.width.px]="config.size"
|
|
34
|
-
[style.height.px]="config.size">
|
|
35
|
-
</div>
|
|
28
|
+
args: [{ selector: 'sa-status-dot', standalone: true, imports: [CommonModule, MatTooltipModule], template: `
|
|
29
|
+
<div [matTooltip]="config.tooltip"
|
|
30
|
+
class="status-dot"
|
|
31
|
+
[class]="config.status"
|
|
32
|
+
[class.outline]="config.theme === 'outline'"
|
|
33
|
+
[style.width.px]="config.size"
|
|
34
|
+
[style.height.px]="config.size">
|
|
35
|
+
</div>
|
|
36
36
|
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block}.status-dot{border-radius:50%;display:inline-block;cursor:pointer}.primary{background-color:var(--primary-500, #007bff);border:2px solid var(--primary-500, #007bff)}.secondary{background-color:var(--secondary-500, #6c757d);border:2px solid var(--secondary-500, #6c757d)}.success{background-color:var(--semantic-success-500, #33961F);border:2px solid var(--semantic-success-500, #33961F)}.error{background-color:var(--semantic-error-500, #dc3545);border:2px solid var(--semantic-error-500, #dc3545)}.warning{background-color:var(--semantic-yellow-600, #DC9408);border:2px solid var(--semantic-yellow-600, #DC9408)}.outline{background-color:transparent!important}\n"] }]
|
|
37
37
|
}], propDecorators: { config: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWRvdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3N0YXR1cy1kb3Qvc3RhdHVzLWRvdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUF5RDdELE1BQU0sT0FBTyxrQkFBa0I7SUF2RC9CO1FBd0RXLFdBQU0sR0FBb0I7WUFDakMsTUFBTSxFQUFFLFNBQVM7WUFDakIsSUFBSSxFQUFFLEVBQUU7WUFDUixLQUFLLEVBQUUsUUFBUTtZQUNmLE9BQU8sRUFBRSxFQUFFO1NBQ1osQ0FBQztLQUNIOzhHQVBZLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVHQW5EbkI7Ozs7Ozs7O0dBUVQsMnZCQVRTLFlBQVksOEJBQUUsZ0JBQWdCOzsyRkFvRDdCLGtCQUFrQjtrQkF2RDlCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxZQUMvQjs7Ozs7Ozs7R0FRVCxtQkF5Q2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFN0YXR1c0RvdENvbmZpZyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3RhdHVzLWRvdC5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NhLXN0YXR1cy1kb3QnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0VG9vbHRpcE1vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgW21hdFRvb2x0aXBdPVwiY29uZmlnLnRvb2x0aXBcIlxyXG4gICAgICBjbGFzcz1cInN0YXR1cy1kb3RcIlxyXG4gICAgICBbY2xhc3NdPVwiY29uZmlnLnN0YXR1c1wiXHJcbiAgICAgIFtjbGFzcy5vdXRsaW5lXT1cImNvbmZpZy50aGVtZSA9PT0gJ291dGxpbmUnXCJcclxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cImNvbmZpZy5zaXplXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJjb25maWcuc2l6ZVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtgXHJcbiAgICA6aG9zdCB7XHJcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0YXR1cy1kb3Qge1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgfVxyXG5cclxuICAgIC5wcmltYXJ5IHtcclxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJpbWFyeS01MDAsICMwMDdiZmYpO1xyXG4gICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1wcmltYXJ5LTUwMCwgIzAwN2JmZik7XHJcbiAgICB9XHJcblxyXG4gICAgLnNlY29uZGFyeSB7XHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlY29uZGFyeS01MDAsICM2Yzc1N2QpO1xyXG4gICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zZWNvbmRhcnktNTAwLCAjNmM3NTdkKTtcclxuICAgIH1cclxuXHJcbiAgICAuc3VjY2VzcyB7XHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljLXN1Y2Nlc3MtNTAwLCAjMzM5NjFGKTtcclxuICAgICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc2VtYW50aWMtc3VjY2Vzcy01MDAsICMzMzk2MUYpO1xyXG4gICAgfVxyXG5cclxuICAgIC5lcnJvciB7XHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljLWVycm9yLTUwMCwgI2RjMzU0NSk7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXNlbWFudGljLWVycm9yLTUwMCwgI2RjMzU0NSk7XHJcbiAgICB9XHJcblxyXG4gICAgLndhcm5pbmcge1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpYy15ZWxsb3ctNjAwLCAjREM5NDA4KTtcclxuICAgICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc2VtYW50aWMteWVsbG93LTYwMCwgI0RDOTQwOCk7XHJcbiAgICB9XHJcblxyXG4gICAgLm91dGxpbmUge1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gIGBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNEb3RDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNvbmZpZzogU3RhdHVzRG90Q29uZmlnID0ge1xyXG4gICAgc3RhdHVzOiAncHJpbWFyeScsXHJcbiAgICBzaXplOiAxNixcclxuICAgIHRoZW1lOiAnZmlsbGVkJyxcclxuICAgIHRvb2x0aXA6ICcnXHJcbiAgfTtcclxufVxyXG4iXX0=
|