@cuby-ui/core 0.0.506 → 0.0.507
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/esm2022/widgets/model/circle-loader-size.type.mjs +1 -1
- package/esm2022/widgets/ui/circle-loader/circle-loader.component.mjs +4 -3
- package/fesm2022/cuby-ui-core.mjs +3 -2
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/widgets/model/circle-loader-size.type.d.ts +2 -2
- package/widgets/ui/circle-loader/circle-loader.component.d.ts +2 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWxvYWRlci1zaXplLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvbW9kZWwvY2lyY2xlLWxvYWRlci1zaXplLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEN1aVNpemVYcywgQ3VpU2l6ZVNtLCBDdWlTaXplTWQsIEN1aVNpemVMZywgQ3VpU2l6ZVh4cyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgQ3VpQ2lyY2xlTG9hZGVyU2l6ZSA9IEN1aVNpemVYeHMgfCBDdWlTaXplWHMgfCBDdWlTaXplU20gfCBDdWlTaXplTWQgfCBDdWlTaXplTGc7XG4iXX0=
|
|
@@ -6,15 +6,16 @@ export class CuiCircleLoaderComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.position = input('auto');
|
|
8
8
|
this.size = input('md');
|
|
9
|
+
this.color = input('var(--cui-base-900)');
|
|
9
10
|
}
|
|
10
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCircleLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCircleLoaderComponent, isStandalone: true, selector: "cui-circle-loader", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()", "class._center": "position() === \"center\"" } }, ngImport: i0, template: "<cui-svg\n icon=\"cuiIconLoading\"\n color=\"
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCircleLoaderComponent, isStandalone: true, selector: "cui-circle-loader", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()", "class._center": "position() === \"center\"" } }, ngImport: i0, template: "<cui-svg\n icon=\"cuiIconLoading\"\n [color]=\"color()\"\n class=\"loading\"\n/>\n", styles: [".loading{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host.xxs ::ng-deep svg{width:12px}:host.xs ::ng-deep svg{width:16px}:host.sm ::ng-deep svg{width:20px}:host.md ::ng-deep svg{width:32px}:host.lg ::ng-deep svg{width:64px}:host._center{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
13
|
}
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCircleLoaderComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
16
|
args: [{ selector: 'cui-circle-loader', standalone: true, imports: [CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
16
17
|
'[class]': 'size()',
|
|
17
18
|
'[class._center]': 'position() === "center"'
|
|
18
|
-
}, template: "<cui-svg\n icon=\"cuiIconLoading\"\n color=\"
|
|
19
|
+
}, template: "<cui-svg\n icon=\"cuiIconLoading\"\n [color]=\"color()\"\n class=\"loading\"\n/>\n", styles: [".loading{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host.xxs ::ng-deep svg{width:12px}:host.xs ::ng-deep svg{width:16px}:host.sm ::ng-deep svg{width:20px}:host.md ::ng-deep svg{width:32px}:host.lg ::ng-deep svg{width:64px}:host._center{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center}\n"] }]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvY2lyY2xlLWxvYWRlci9jaXJjbGUtbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9jaXJjbGUtbG9hZGVyL2NpcmNsZS1sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFjbkQsTUFBTSxPQUFPLHdCQUF3QjtJQVpyQztRQWFvQixhQUFRLEdBQUcsS0FBSyxDQUFvQixNQUFNLENBQUMsQ0FBQztRQUM1QyxTQUFJLEdBQUcsS0FBSyxDQUFzQixJQUFJLENBQUMsQ0FBQztRQUN4QyxVQUFLLEdBQUcsS0FBSyxDQUFTLHFCQUFxQixDQUFDLENBQUM7S0FDaEU7K0dBSlksd0JBQXdCO21HQUF4Qix3QkFBd0Isa2lCQ2pCckMsNkZBS0EsdWJER2MsWUFBWTs7NEZBU2Isd0JBQXdCO2tCQVpwQyxTQUFTOytCQUNJLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsbUJBQ04sdUJBQXVCLENBQUMsTUFBTSxRQUd6Qzt3QkFDRixTQUFTLEVBQUUsUUFBUTt3QkFDbkIsaUJBQWlCLEVBQUUseUJBQXlCO3FCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEN1aUNpcmNsZUxvYWRlclNpemUgfSBmcm9tICcuLi8uLi9tb2RlbCc7XG5pbXBvcnQgeyBDdWlTdmdNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktY2lyY2xlLWxvYWRlcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ3VpU3ZnTW9kdWxlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2lyY2xlLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2NpcmNsZS1sb2FkZXIuY29tcG9uZW50LnNjc3MnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzc10nOiAnc2l6ZSgpJyxcbiAgICAgICAgJ1tjbGFzcy5fY2VudGVyXSc6ICdwb3NpdGlvbigpID09PSBcImNlbnRlclwiJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpQ2lyY2xlTG9hZGVyQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgcmVhZG9ubHkgcG9zaXRpb24gPSBpbnB1dDwnY2VudGVyJyB8ICdhdXRvJz4oJ2F1dG8nKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PEN1aUNpcmNsZUxvYWRlclNpemU+KCdtZCcpO1xuICAgIHB1YmxpYyByZWFkb25seSBjb2xvciA9IGlucHV0PHN0cmluZz4oJ3ZhcigtLWN1aS1iYXNlLTkwMCknKTtcbn1cbiIsIjxjdWktc3ZnXG4gICAgaWNvbj1cImN1aUljb25Mb2FkaW5nXCJcbiAgICBbY29sb3JdPVwiY29sb3IoKVwiXG4gICAgY2xhc3M9XCJsb2FkaW5nXCJcbi8+XG4iXX0=
|
|
@@ -8059,16 +8059,17 @@ class CuiCircleLoaderComponent {
|
|
|
8059
8059
|
constructor() {
|
|
8060
8060
|
this.position = input('auto');
|
|
8061
8061
|
this.size = input('md');
|
|
8062
|
+
this.color = input('var(--cui-base-900)');
|
|
8062
8063
|
}
|
|
8063
8064
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCircleLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8064
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCircleLoaderComponent, isStandalone: true, selector: "cui-circle-loader", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()", "class._center": "position() === \"center\"" } }, ngImport: i0, template: "<cui-svg\n icon=\"cuiIconLoading\"\n color=\"
|
|
8065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCircleLoaderComponent, isStandalone: true, selector: "cui-circle-loader", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()", "class._center": "position() === \"center\"" } }, ngImport: i0, template: "<cui-svg\n icon=\"cuiIconLoading\"\n [color]=\"color()\"\n class=\"loading\"\n/>\n", styles: [".loading{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host.xxs ::ng-deep svg{width:12px}:host.xs ::ng-deep svg{width:16px}:host.sm ::ng-deep svg{width:20px}:host.md ::ng-deep svg{width:32px}:host.lg ::ng-deep svg{width:64px}:host._center{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8065
8066
|
}
|
|
8066
8067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCircleLoaderComponent, decorators: [{
|
|
8067
8068
|
type: Component,
|
|
8068
8069
|
args: [{ selector: 'cui-circle-loader', standalone: true, imports: [CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
8069
8070
|
'[class]': 'size()',
|
|
8070
8071
|
'[class._center]': 'position() === "center"'
|
|
8071
|
-
}, template: "<cui-svg\n icon=\"cuiIconLoading\"\n color=\"
|
|
8072
|
+
}, template: "<cui-svg\n icon=\"cuiIconLoading\"\n [color]=\"color()\"\n class=\"loading\"\n/>\n", styles: [".loading{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host.xxs ::ng-deep svg{width:12px}:host.xs ::ng-deep svg{width:16px}:host.sm ::ng-deep svg{width:20px}:host.md ::ng-deep svg{width:32px}:host.lg ::ng-deep svg{width:64px}:host._center{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center}\n"] }]
|
|
8072
8073
|
}] });
|
|
8073
8074
|
|
|
8074
8075
|
class CuiLinearLoaderComponent {
|