suis 0.8.0 → 0.10.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -0
- package/esm2022/lib/classes/suis-button.base.mjs +2 -2
- package/esm2022/lib/components/index.mjs +4 -1
- package/esm2022/lib/components/suis-alert/index.mjs +2 -0
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +42 -0
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +2 -2
- package/esm2022/lib/components/suis-button/suis-button.component.mjs +7 -7
- package/esm2022/lib/components/suis-chip/index.mjs +1 -2
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +5 -5
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +3 -3
- package/esm2022/lib/components/suis-icon/index.mjs +1 -2
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +5 -5
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-text/suis-input-text.component.mjs +3 -3
- package/esm2022/lib/components/suis-label/suis-label.component.mjs +3 -3
- package/esm2022/lib/components/suis-spinner/index.mjs +2 -0
- package/esm2022/lib/components/suis-spinner/suis-spinner.component.mjs +29 -0
- package/esm2022/lib/components/suis-spinner-container/index.mjs +2 -0
- package/esm2022/lib/components/suis-spinner-container/suis-spinner-container.component.mjs +40 -0
- package/esm2022/lib/types/index.mjs +2 -1
- package/esm2022/lib/types/suis-color.type.mjs +1 -1
- package/esm2022/lib/types/suis-size.type.mjs +2 -0
- package/fesm2022/suis.mjs +232 -139
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/classes/suis-button.base.d.ts +3 -3
- package/lib/components/index.d.ts +3 -0
- package/lib/components/suis-alert/index.d.ts +1 -0
- package/lib/components/suis-alert/suis-alert.component.d.ts +23 -0
- package/lib/components/suis-chip/index.d.ts +0 -1
- package/lib/components/suis-chip/suis-chip.component.d.ts +6 -6
- package/lib/components/suis-icon/index.d.ts +0 -1
- package/lib/components/suis-icon/suis-icon.component.d.ts +6 -5
- package/lib/components/suis-input-chips/suis-input-chips.component.d.ts +5 -6
- package/lib/components/suis-spinner/index.d.ts +1 -0
- package/lib/components/suis-spinner/suis-spinner.component.d.ts +15 -0
- package/lib/components/suis-spinner-container/index.d.ts +1 -0
- package/lib/components/suis-spinner-container/suis-spinner-container.component.d.ts +23 -0
- package/lib/types/index.d.ts +1 -0
- package/lib/types/suis-color.type.d.ts +4 -1
- package/lib/types/suis-size.type.d.ts +1 -0
- package/package.json +1 -1
- package/esm2022/lib/components/suis-chip/suis-chip.types.mjs +0 -2
- package/esm2022/lib/components/suis-icon/suis-icon.types.mjs +0 -2
- package/lib/components/suis-chip/suis-chip.types.d.ts +0 -2
- package/lib/components/suis-icon/suis-icon.types.d.ts +0 -3
@@ -14,15 +14,15 @@ class SuisLabelComponent {
|
|
14
14
|
this.spacing = false;
|
15
15
|
}
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { required: "required", spacing: "spacing" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n <ng-content></ng-content>\n <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { required: "required", spacing: "spacing" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n <ng-content></ng-content>\n <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
18
18
|
}
|
19
19
|
export { SuisLabelComponent };
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, decorators: [{
|
21
21
|
type: Component,
|
22
|
-
args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n <ng-content></ng-content>\n <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
|
22
|
+
args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n <ng-content></ng-content>\n <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
|
23
23
|
}], propDecorators: { required: [{
|
24
24
|
type: Input
|
25
25
|
}], spacing: [{
|
26
26
|
type: Input
|
27
27
|
}] } });
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUUvQyxNQVFhLGtCQUFrQjtJQVIvQjtRQVNFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FDbkM7OEdBVlksa0JBQWtCO2tHQUFsQixrQkFBa0IsNEhDWC9CLDRPQUtBLHdURENZLFlBQVk7O1NBS1gsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWxhYmVsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1sYWJlbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0xhYmVsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFkZHMgYSByZWQgY29sb3JlZCBhc3RlcmlzayBhZnRlciB0aGUgbGFiZWwuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkcyBhIGJvdHRvbSBtYXJnaW4gYmVsb3cgdGhlIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHNwYWNpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxsYWJlbCBjbGFzcz1cInN1aXMtbGFiZWxcIiBbY2xhc3Muc3Vpcy1sYWJlbC0tc3BhY2luZ109XCJzcGFjaW5nXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHNwYW4gKm5nSWY9XCJyZXF1aXJlZFwiIGNsYXNzPVwic3Vpcy1sYWJlbF9fYXN0ZXJpc2tcIj4qPC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc0xhYmVsQXNpZGVdXCI+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-spinner.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNwaW5uZXIuY29tcG9uZW50JztcbiJdfQ==
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisNgClassPipe } from '../../pipes';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "@angular/common";
|
6
|
+
class SuisSpinnerComponent {
|
7
|
+
constructor() {
|
8
|
+
/**
|
9
|
+
* Sets the size of the spinner. Type of SuisSize. By default set to 'sm'.
|
10
|
+
*/
|
11
|
+
this.size = 'sm';
|
12
|
+
/**
|
13
|
+
* Sets the color of the spinner. Type of SuisColor. By default set to 'primary'.
|
14
|
+
*/
|
15
|
+
this.color = 'primary';
|
16
|
+
}
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisSpinnerComponent, isStandalone: true, selector: "suis-spinner", inputs: { size: "size", color: "color" }, ngImport: i0, template: "<div\n class=\"suis-spinner\"\n [ngClass]=\"'suis-spinner' | suisNgClass : size : color\"\n></div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-spinner{animation:spin .5s infinite linear;border-style:solid;border-radius:50%;border-left-color:transparent!important}.suis-spinner--primary{border-color:#192a56}.suis-spinner--secondary{border-color:#273c75}.suis-spinner--tertiary{border-color:#dcdde1}.suis-spinner--complementary{border-color:#f5f6fa}.suis-spinner--success{border-color:#2ed573}.suis-spinner--warning{border-color:#ffa502}.suis-spinner--danger{border-color:#ff4757}.suis-spinner--dark{border-color:#000}.suis-spinner--gray{border-color:#bcbcbc}.suis-spinner--white{border-color:#fff}.suis-spinner--xs{width:1rem;height:1rem;border-width:.1875rem}.suis-spinner--sm{width:1.5rem;height:1.5rem;border-width:.25rem}.suis-spinner--md{width:2rem;height:2rem;border-width:.375rem}.suis-spinner--lg{width:3rem;height:3rem;border-width:.5rem}.suis-spinner--xl{width:4rem;height:4rem;border-width:.625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
19
|
+
}
|
20
|
+
export { SuisSpinnerComponent };
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSpinnerComponent, decorators: [{
|
22
|
+
type: Component,
|
23
|
+
args: [{ selector: 'suis-spinner', standalone: true, imports: [CommonModule, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-spinner\"\n [ngClass]=\"'suis-spinner' | suisNgClass : size : color\"\n></div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-spinner{animation:spin .5s infinite linear;border-style:solid;border-radius:50%;border-left-color:transparent!important}.suis-spinner--primary{border-color:#192a56}.suis-spinner--secondary{border-color:#273c75}.suis-spinner--tertiary{border-color:#dcdde1}.suis-spinner--complementary{border-color:#f5f6fa}.suis-spinner--success{border-color:#2ed573}.suis-spinner--warning{border-color:#ffa502}.suis-spinner--danger{border-color:#ff4757}.suis-spinner--dark{border-color:#000}.suis-spinner--gray{border-color:#bcbcbc}.suis-spinner--white{border-color:#fff}.suis-spinner--xs{width:1rem;height:1rem;border-width:.1875rem}.suis-spinner--sm{width:1.5rem;height:1.5rem;border-width:.25rem}.suis-spinner--md{width:2rem;height:2rem;border-width:.375rem}.suis-spinner--lg{width:3rem;height:3rem;border-width:.5rem}.suis-spinner--xl{width:4rem;height:4rem;border-width:.625rem}\n"] }]
|
24
|
+
}], propDecorators: { size: [{
|
25
|
+
type: Input
|
26
|
+
}], color: [{
|
27
|
+
type: Input
|
28
|
+
}] } });
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1zcGlubmVyL3N1aXMtc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci9zdWlzLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQUk5QyxNQVFhLG9CQUFvQjtJQVJqQztRQVNFOztXQUVHO1FBQ00sU0FBSSxHQUFhLElBQUksQ0FBQztRQUUvQjs7V0FFRztRQUNNLFVBQUssR0FBYyxTQUFTLENBQUM7S0FDdkM7OEdBVlksb0JBQW9CO2tHQUFwQixvQkFBb0Isa0hDZGpDLHdHQUlBLGtoQ0RLWSxZQUFZLHdIQUFFLGVBQWU7O1NBSzVCLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLG1CQUd2Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBTdWlzU2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtc2l6ZS50eXBlJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc3Bpbm5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN1aXNOZ0NsYXNzUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTcGlubmVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIHNpemUgb2YgdGhlIHNwaW5uZXIuIFR5cGUgb2YgU3Vpc1NpemUuIEJ5IGRlZmF1bHQgc2V0IHRvICdzbScuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBTdWlzU2l6ZSA9ICdzbSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIG9mIHRoZSBzcGlubmVyLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3ByaW1hcnknLlxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6IFN1aXNDb2xvciA9ICdwcmltYXJ5Jztcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzdWlzLXNwaW5uZXJcIlxuICBbbmdDbGFzc109XCInc3Vpcy1zcGlubmVyJyB8IHN1aXNOZ0NsYXNzIDogc2l6ZSA6IGNvbG9yXCJcbj48L2Rpdj5cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-spinner-container.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci1jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQ0FBb0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQnO1xuIl19
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisSpinnerComponent } from '../suis-spinner/suis-spinner.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
class SuisSpinnerContainerComponent {
|
6
|
+
constructor() {
|
7
|
+
/**
|
8
|
+
* Sets the size of the spinner. Type of SuisSize. By default set to 'sm'.
|
9
|
+
*/
|
10
|
+
this.size = 'sm';
|
11
|
+
/**
|
12
|
+
* Sets the color of the spinner. Type of SuisColor. By default set to 'primary'.
|
13
|
+
*/
|
14
|
+
this.color = 'primary';
|
15
|
+
/**
|
16
|
+
* Adds blur effect to the container background. By default set to false.
|
17
|
+
*/
|
18
|
+
this.blur = false;
|
19
|
+
/**
|
20
|
+
* Position absolute to the parent element (must have relative position). By default set to false.
|
21
|
+
*/
|
22
|
+
this.absolute = false;
|
23
|
+
}
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSpinnerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisSpinnerContainerComponent, isStandalone: true, selector: "suis-spinner-container", inputs: { size: "size", color: "color", blur: "blur", absolute: "absolute" }, ngImport: i0, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
26
|
+
}
|
27
|
+
export { SuisSpinnerContainerComponent };
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSpinnerContainerComponent, decorators: [{
|
29
|
+
type: Component,
|
30
|
+
args: [{ selector: 'suis-spinner-container', standalone: true, imports: [CommonModule, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"] }]
|
31
|
+
}], propDecorators: { size: [{
|
32
|
+
type: Input
|
33
|
+
}], color: [{
|
34
|
+
type: Input
|
35
|
+
}], blur: [{
|
36
|
+
type: Input
|
37
|
+
}], absolute: [{
|
38
|
+
type: Input
|
39
|
+
}] } });
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci1jb250YWluZXIvc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci1jb250YWluZXIvc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7O0FBRTlFLE1BUWEsNkJBQTZCO0lBUjFDO1FBU0U7O1dBRUc7UUFDTSxTQUFJLEdBQWEsSUFBSSxDQUFDO1FBRS9COztXQUVHO1FBQ00sVUFBSyxHQUFjLFNBQVMsQ0FBQztRQUV0Qzs7V0FFRztRQUNNLFNBQUksR0FBWSxLQUFLLENBQUM7UUFFL0I7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO0tBQ3BDOzhHQXBCWSw2QkFBNkI7a0dBQTdCLDZCQUE2QixnS0NkMUMsb09BT0EsdWNERVksWUFBWSwrQkFBRSxvQkFBb0I7O1NBS2pDLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQVJ6QyxTQUFTOytCQUNFLHdCQUF3QixjQUN0QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLENBQUMsbUJBRzVCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1zaXplLnR5cGUnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcbmltcG9ydCB7IFN1aXNTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zcGlubmVyL3N1aXMtc3Bpbm5lci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNwaW5uZXItY29udGFpbmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc1NwaW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc3Bpbm5lci1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTcGlubmVyQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIHNpemUgb2YgdGhlIHNwaW5uZXIuIFR5cGUgb2YgU3Vpc1NpemUuIEJ5IGRlZmF1bHQgc2V0IHRvICdzbScuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBTdWlzU2l6ZSA9ICdzbSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIG9mIHRoZSBzcGlubmVyLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3ByaW1hcnknLlxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6IFN1aXNDb2xvciA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogQWRkcyBibHVyIGVmZmVjdCB0byB0aGUgY29udGFpbmVyIGJhY2tncm91bmQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgYmx1cjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBQb3NpdGlvbiBhYnNvbHV0ZSB0byB0aGUgcGFyZW50IGVsZW1lbnQgKG11c3QgaGF2ZSByZWxhdGl2ZSBwb3NpdGlvbikuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgYWJzb2x1dGU6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzdWlzLXNwaW5uZXItY29udGFpbmVyXCJcbiAgW2NsYXNzLnN1aXMtc3Bpbm5lci1jb250YWluZXItLWJsdXJdPVwiYmx1clwiXG4gIFtjbGFzcy5zdWlzLXNwaW5uZXItY29udGFpbmVyLS1hYnNvbHV0ZV09XCJhYnNvbHV0ZVwiXG4+XG4gIDxzdWlzLXNwaW5uZXIgW3NpemVdPVwic2l6ZVwiIFtjb2xvcl09XCJjb2xvclwiPjwvc3Vpcy1zcGlubmVyPlxuPC9kaXY+XG4iXX0=
|
@@ -1,2 +1,3 @@
|
|
1
1
|
export * from './suis-color.type';
|
2
|
-
|
2
|
+
export * from './suis-size.type';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtY29sb3IudHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2l6ZS50eXBlJztcbiJdfQ==
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jb2xvci50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvdHlwZXMvc3Vpcy1jb2xvci50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdWlzQ29sb3IgPSBTdWlzUGFsbGV0ZUNvbG9yIHwgU3Vpc0luZm9Db2xvciB8IFN1aXNHcmF5U2NhbGVDb2xvcjtcblxuZXhwb3J0IHR5cGUgU3Vpc1BhbGxldGVDb2xvciA9XG4gIHwgJ3ByaW1hcnknXG4gIHwgJ3NlY29uZGFyeSdcbiAgfCAndGVydGlhcnknXG4gIHwgJ2NvbXBsZW1lbnRhcnknO1xuXG5leHBvcnQgdHlwZSBTdWlzSW5mb0NvbG9yID0gJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XG5cbmV4cG9ydCB0eXBlIFN1aXNHcmF5U2NhbGVDb2xvciA9ICd3aGl0ZScgfCAnZ3JheScgfCAnZGFyayc7XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export {};
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zaXplLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi90eXBlcy9zdWlzLXNpemUudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU3Vpc1NpemUgPSAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJztcbiJdfQ==
|