@libs-ui/components-spinner 0.2.312-0 → 0.2.312-2
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.
|
@@ -27,10 +27,10 @@ export class LibsUiComponentsSpinnerComponent {
|
|
|
27
27
|
break;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: LibsUiComponentsSpinnerComponent, isStandalone: true, selector: "libs_ui-components-spinner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"libs-ui-spinner-image\"\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div\n class=\"spin-loading\"\n [attr.color]=\"type() === 'spin-blue' || type() === 'spin-absolute-blue' ? 'blue' : 'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#dbf1ff 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226ff5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsSpinnerComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'libs_ui-components-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\n class=\"libs-ui-spinner-image\"\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div\n class=\"spin-loading\"\n [attr.color]=\"type() === 'spin-blue' || type() === 'spin-absolute-blue' ? 'blue' : 'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#dbf1ff 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226ff5)}\n"] }]
|
|
36
36
|
}] });
|
|
@@ -28,10 +28,10 @@ class LibsUiComponentsSpinnerComponent {
|
|
|
28
28
|
break;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: LibsUiComponentsSpinnerComponent, isStandalone: true, selector: "libs_ui-components-spinner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"libs-ui-spinner-image\"\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div\n class=\"spin-loading\"\n [attr.color]=\"type() === 'spin-blue' || type() === 'spin-absolute-blue' ? 'blue' : 'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#dbf1ff 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226ff5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsSpinnerComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'libs_ui-components-spinner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\n class=\"libs-ui-spinner-image\"\n [class.libs-ui-spinner-image-absolute]=\"type() === 'spin-absolute-white' || type() === 'spin-absolute-blue'\">\n <div\n class=\"spin-loading\"\n [attr.color]=\"type() === 'spin-blue' || type() === 'spin-absolute-blue' ? 'blue' : 'white'\"\n [style.width]=\"width()\"\n [style.height]=\"height()\"></div>\n</div>\n", styles: ["@keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation-frame-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.libs-ui-spinner-image{display:flex;align-items:center;justify-content:center;position:relative}.libs-ui-spinner-image.libs-ui-spinner-image-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;width:100px;height:100px;z-index:4}.libs-ui-spinner-image .spin-loading{--border-width: 15%;border-radius:50%;--color: white;--mask: radial-gradient(farthest-side, transparent calc(100% - var(--border-width) - .8px), #000 calc(100% - var(--border-width) + 0px));-webkit-mask:var(--mask);mask:var(--mask);background:conic-gradient(from 90deg at 50% 50%,#dbf1ff 0deg,rgba(43,128,255,0) .04deg,var(--color) 360deg);-webkit-animation:animation-frame-loading .7s linear infinite;animation:animation-frame-loading .7s linear infinite}.libs-ui-spinner-image .spin-loading[color=blue]{--color: var(--libs-ui-color-default, #226ff5)}\n"] }]
|
|
37
37
|
}] });
|