@cuby-ui/core 0.0.537 → 0.0.539
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/index.mjs +2 -2
- package/esm2022/widgets/model/loader.options.mjs +2 -0
- package/esm2022/widgets/ui/index.mjs +2 -4
- package/esm2022/widgets/ui/{circle-loader → loader/components/circle-loader}/circle-loader.component.mjs +6 -3
- package/esm2022/widgets/ui/loader/components/circle-loader/index.mjs +2 -0
- package/esm2022/widgets/ui/loader/components/index.mjs +5 -0
- package/esm2022/widgets/ui/loader/components/linear-loader/index.mjs +2 -0
- package/esm2022/widgets/ui/loader/components/linear-loader/linear-loader.component.mjs +23 -0
- package/esm2022/widgets/ui/loader/components/pulse-loader/index.mjs +2 -0
- package/esm2022/widgets/ui/loader/components/pulse-loader/pulse-loader.component.mjs +23 -0
- package/esm2022/widgets/ui/loader/components/stated-loader/index.mjs +2 -0
- package/esm2022/widgets/ui/loader/components/stated-loader/stated-loader.component.mjs +40 -0
- package/esm2022/widgets/ui/loader/index.mjs +3 -0
- package/esm2022/widgets/ui/loader/loader.component.mjs +18 -0
- package/esm2022/widgets/ui/utility-modal/components/utility-modal-create/utility-modal-create.component.mjs +4 -4
- package/fesm2022/cuby-ui-core.mjs +77 -22
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/styles/theme.scss +28 -0
- package/styles/variables/colors.scss +14 -0
- package/widgets/model/index.d.ts +1 -1
- package/widgets/model/loader.options.d.ts +4 -0
- package/widgets/ui/index.d.ts +1 -3
- package/widgets/ui/{circle-loader → loader/components/circle-loader}/circle-loader.component.d.ts +6 -3
- package/widgets/ui/loader/components/circle-loader/index.d.ts +1 -0
- package/widgets/ui/loader/components/index.d.ts +4 -0
- package/widgets/ui/loader/components/linear-loader/index.d.ts +1 -0
- package/widgets/ui/loader/components/linear-loader/linear-loader.component.d.ts +12 -0
- package/widgets/ui/loader/components/pulse-loader/index.d.ts +1 -0
- package/widgets/ui/loader/components/pulse-loader/pulse-loader.component.d.ts +12 -0
- package/widgets/ui/loader/components/stated-loader/index.d.ts +1 -0
- package/widgets/ui/{stated-loader → loader/components/stated-loader}/stated-loader.component.d.ts +6 -2
- package/widgets/ui/loader/index.d.ts +2 -0
- package/widgets/ui/loader/loader.component.d.ts +10 -0
- package/esm2022/widgets/model/circle-loader-size.type.mjs +0 -2
- package/esm2022/widgets/ui/circle-loader/index.mjs +0 -2
- package/esm2022/widgets/ui/linear-loader/index.mjs +0 -2
- package/esm2022/widgets/ui/linear-loader/linear-loader.component.mjs +0 -11
- package/esm2022/widgets/ui/stated-loader/index.mjs +0 -2
- package/esm2022/widgets/ui/stated-loader/stated-loader.component.mjs +0 -36
- package/widgets/model/circle-loader-size.type.d.ts +0 -2
- package/widgets/ui/circle-loader/index.d.ts +0 -1
- package/widgets/ui/linear-loader/index.d.ts +0 -1
- package/widgets/ui/linear-loader/linear-loader.component.d.ts +0 -5
- package/widgets/ui/stated-loader/index.d.ts +0 -1
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cuby-ui/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.539",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=18.0.0",
|
|
6
6
|
"@angular/core": ">=18.0.0",
|
|
7
7
|
"@angular/elements": ">=18.0.0",
|
|
8
8
|
"@angular/forms": ">=18.0.0",
|
|
9
|
-
"@cuby-ui/api": "^0.0.
|
|
10
|
-
"@cuby-ui/cdk": "^0.0.
|
|
11
|
-
"@cuby-ui/icons": "^0.0.
|
|
9
|
+
"@cuby-ui/api": "^0.0.539",
|
|
10
|
+
"@cuby-ui/cdk": "^0.0.539",
|
|
11
|
+
"@cuby-ui/icons": "^0.0.539",
|
|
12
12
|
"@editorjs/editorjs": "2.29.1",
|
|
13
13
|
"@editorjs/header": "^2.8.1",
|
|
14
14
|
"@editorjs/list": "^1.9.0",
|
package/styles/theme.scss
CHANGED
|
@@ -238,6 +238,7 @@
|
|
|
238
238
|
|
|
239
239
|
--cui-badge-magenta-bg: var(--cui-magenta-50);
|
|
240
240
|
--cui-badge-magenta-label: var(--cui-gray-900);
|
|
241
|
+
--cui-badge-magenta-border: var(--cui-magenta-200);
|
|
241
242
|
|
|
242
243
|
--cui-badge-light-green-bg: var(--cui-light-green-100);
|
|
243
244
|
--cui-badge-light-green-border: var(--cui-light-green-200);
|
|
@@ -249,19 +250,32 @@
|
|
|
249
250
|
|
|
250
251
|
--cui-badge-violet-bg: var(--cui-violet-50);
|
|
251
252
|
--cui-badge-violet-label: var(--cui-gray-900);
|
|
253
|
+
--cui-badge-violet-label-2: var(--cui-violet-400);
|
|
254
|
+
--cui-badge-violet-border: var(--cui-violet-400);
|
|
252
255
|
|
|
253
256
|
--cui-badge-yellow-bg: var(--cui-yellow-50);
|
|
254
257
|
--cui-badge-yellow-border: var(--cui-yellow-100);
|
|
255
258
|
--cui-badge-yellow-label: var(--cui-gray-900);
|
|
259
|
+
--cui-badge-yellow-label-2: var(--cui-yellow-500);
|
|
256
260
|
|
|
257
261
|
--cui-badge-orange-bg: var(--cui-orange-50);
|
|
258
262
|
--cui-badge-orange-label: var(--cui-gray-900);
|
|
263
|
+
--cui-badge-orange-border: var(--cui-orange-200)
|
|
259
264
|
|
|
260
265
|
--cui-badge-blue-border: var(--cui-blue-200);
|
|
261
266
|
--cui-badge-blue-bg: var(--cui-blue-50);
|
|
267
|
+
--cui-badge-blue-label: var(--cui-base-900);
|
|
262
268
|
|
|
263
269
|
--cui-badge-purple-border: var(--cui-purple-100);
|
|
264
270
|
--cui-badge-purple-bg: var(--cui-purple-50);
|
|
271
|
+
--cui-badge-purple-label: var(--cui-base-900);
|
|
272
|
+
|
|
273
|
+
--cui-badge-cyan-border: var(--cui-cyan-100);
|
|
274
|
+
--cui-badge-cyan-bg: var(--cui-cyan-500);
|
|
275
|
+
--cui-badge-cyan-label: var(--cui-cyan-200);
|
|
276
|
+
|
|
277
|
+
--cui-badge-terra-bg-light: var(--cui-terra-100);
|
|
278
|
+
--cui-badge-terra-bg: var(--cui-terra-500);
|
|
265
279
|
|
|
266
280
|
--cui-banner-alert-bg: var(--cui-yellow-100);
|
|
267
281
|
--cui-banner-alert-text: var(--cui-orange-800);
|
|
@@ -373,6 +387,7 @@
|
|
|
373
387
|
|
|
374
388
|
--cui-badge-magenta-bg: var(--cui-magenta-900);
|
|
375
389
|
--cui-badge-magenta-label: var(--cui-magenta-500);
|
|
390
|
+
--cui-badge-magenta-border: var(--cui-magenta-600)
|
|
376
391
|
|
|
377
392
|
--cui-badge-light-green-bg: var(--cui-light-green-900);
|
|
378
393
|
--cui-badge-light-green-border: var(--cui-light-green-800);
|
|
@@ -384,19 +399,32 @@
|
|
|
384
399
|
|
|
385
400
|
--cui-badge-violet-bg: var(--cui-violet-900);
|
|
386
401
|
--cui-badge-violet-label: var(--cui-violet-400);
|
|
402
|
+
--cui-badge-violet-label-2: var(--cui-violet-600);
|
|
403
|
+
--cui-badge-violet-border: var(--cui-violet-400);
|
|
387
404
|
|
|
388
405
|
--cui-badge-yellow-bg: var(--cui-yellow-900);
|
|
389
406
|
--cui-badge-yellow-border: var(--cui-yellow-800);
|
|
390
407
|
--cui-badge-yellow-label: var(--cui-yellow-500);
|
|
408
|
+
--cui-badge-yellow-label-2: var(--cui-yellow-500);
|
|
391
409
|
|
|
392
410
|
--cui-badge-orange-bg: var(--cui-orange-900);
|
|
393
411
|
--cui-badge-orange-label: var(--cui-orange-600);
|
|
412
|
+
--cui-badge-orange-border: var(--cui-orange-800);
|
|
394
413
|
|
|
395
414
|
--cui-badge-blue-border: var(--cui-blue-800);
|
|
396
415
|
--cui-badge-blue-bg: var(--cui-blue-900);
|
|
416
|
+
--cui-badge-blue-label: var(--cui-slate-200);
|
|
397
417
|
|
|
398
418
|
--cui-badge-purple-border: var(--cui-purple-800);
|
|
399
419
|
--cui-badge-purple-bg: var(--cui-purple-900);
|
|
420
|
+
--cui-badge-purple-label: var(--cui-slate-200);
|
|
421
|
+
|
|
422
|
+
--cui-badge-cyan-border: var(--cui-cyan-900);
|
|
423
|
+
--cui-badge-cyan-bg: var(--cui-cyan-500);
|
|
424
|
+
--cui-badge-cyan-label: var(--cui-cyan-800);
|
|
425
|
+
|
|
426
|
+
--cui-badge-terra-bg-light: var(--cui-terra-800);
|
|
427
|
+
--cui-badge-terra-bg: var(--cui-terra-600);
|
|
400
428
|
|
|
401
429
|
--cui-banner-alert-bg: var(--cui-yellow-900);
|
|
402
430
|
--cui-banner-alert-text: var(--cui-gray-0);
|
|
@@ -233,6 +233,7 @@ $cui-badge-light-blue-label: var(--cui-badge-light-blue-label);
|
|
|
233
233
|
|
|
234
234
|
$cui-badge-magenta-bg: var(--cui-badge-magenta-bg);
|
|
235
235
|
$cui-badge-magenta-label: var(--cui-badge-magenta-label);
|
|
236
|
+
$cui-badge-magenta-border: var(--cui-badge-magenta-border);
|
|
236
237
|
|
|
237
238
|
$cui-badge-light-green-bg: var(--cui-badge-light-green-bg);
|
|
238
239
|
$cui-badge-light-green-border: var(--cui-badge-light-green-border);
|
|
@@ -244,19 +245,32 @@ $cui-badge-lavender-label: var(--cui-badge-lavender-label);
|
|
|
244
245
|
|
|
245
246
|
$cui-badge-violet-bg: var(--cui-badge-violet-bg);
|
|
246
247
|
$cui-badge-violet-label: var(--cui-badge-violet-label);
|
|
248
|
+
$cui-badge-violet-label-2: var(--cui-badge-violet-label-2);
|
|
249
|
+
$cui-badge-violet-border: var(--cui-badge-violet-border);
|
|
247
250
|
|
|
248
251
|
$cui-badge-yellow-bg: var(--cui-badge-yellow-bg);
|
|
249
252
|
$cui-badge-yellow-border: var(--cui-badge-yellow-border);
|
|
250
253
|
$cui-badge-yellow-label: var(--cui-badge-yellow-label);
|
|
254
|
+
$cui-badge-yellow-label-2: var(--cui-badge-yellow-label-2);
|
|
251
255
|
|
|
252
256
|
$cui-badge-orange-bg: var(--cui-badge-orange-bg);
|
|
257
|
+
$cui-badge-orange-border: var(--cui-badge-orange-border);
|
|
253
258
|
$cui-badge-orange-label: var(--cui-badge-orange-label);
|
|
254
259
|
|
|
255
260
|
$cui-badge-blue-border: var(--cui-badge-blue-border);
|
|
256
261
|
$cui-badge-blue-bg: var(--cui-badge-blue-bg);
|
|
262
|
+
$cui-badge-blue-label: var(--cui-badge-blue-label);
|
|
257
263
|
|
|
258
264
|
$cui-badge-purple-border: var(--cui-badge-purple-border);
|
|
259
265
|
$cui-badge-purple-bg: var(--cui-badge-purple-bg);
|
|
266
|
+
$cui-badge-purple-label: var(--cui-badge-purple-label);
|
|
267
|
+
|
|
268
|
+
$cui-badge-cyan-border: var(--cui-badge-cyan-border);
|
|
269
|
+
$cui-badge-cyan-bg: var(--cui-badge-cyan-bg);
|
|
270
|
+
$cui-badge-cyan-label: var(--cui-badge-cyan-label);
|
|
271
|
+
|
|
272
|
+
$cui-badge-terra-bg-light: var(--cui-badge-terra-bg-light);
|
|
273
|
+
$cui-badge-terra-bg: var(--cui-badge-terra-bg);
|
|
260
274
|
|
|
261
275
|
$cui-banner-alert-bg: var(--cui-banner-alert-bg);
|
|
262
276
|
$cui-banner-alert-text: var(--cui-banner-alert-text);
|
package/widgets/model/index.d.ts
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { CuiSizeLg, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '../../types/size';
|
|
2
|
+
export type CuiLoaderSize = CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd | CuiSizeLg;
|
|
3
|
+
export type CuiLoaderType = 'circle' | 'stated' | 'linear' | 'pulse';
|
|
4
|
+
export type CuiLoaderPosition = 'center' | 'auto';
|
package/widgets/ui/index.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { CuiCircleLoaderComponent } from './circle-loader';
|
|
3
|
-
export { CuiLinearLoaderComponent } from './linear-loader';
|
|
1
|
+
export * from './loader';
|
|
4
2
|
export { CuiDeleteModalComponent } from './delete-modal';
|
|
5
3
|
export { CuiCategoriesComponent, CuiSelectedCategoryService } from './categories';
|
|
6
4
|
export { CuiChecklistBlockComponent } from './checklist-block';
|
package/widgets/ui/{circle-loader → loader/components/circle-loader}/circle-loader.component.d.ts
RENAMED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CuiLoaderPosition, CuiLoaderSize } from '../../../../model';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use CuiLoaderComponent with type="circle" instead
|
|
5
|
+
*/
|
|
3
6
|
export declare class CuiCircleLoaderComponent {
|
|
4
|
-
readonly position: import("@angular/core").InputSignal<
|
|
5
|
-
readonly size: import("@angular/core").InputSignal<
|
|
7
|
+
readonly position: import("@angular/core").InputSignal<CuiLoaderPosition>;
|
|
8
|
+
readonly size: import("@angular/core").InputSignal<CuiLoaderSize>;
|
|
6
9
|
readonly color: import("@angular/core").InputSignal<string>;
|
|
7
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiCircleLoaderComponent, never>;
|
|
8
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<CuiCircleLoaderComponent, "cui-circle-loader", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './circle-loader.component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './linear-loader.component';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CuiLoaderPosition, CuiLoaderSize } from '../../../../model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use CuiLoaderComponent with type="linear" instead
|
|
5
|
+
*/
|
|
6
|
+
export declare class CuiLinearLoaderComponent {
|
|
7
|
+
readonly position: import("@angular/core").InputSignal<CuiLoaderPosition>;
|
|
8
|
+
readonly size: import("@angular/core").InputSignal<CuiLoaderSize>;
|
|
9
|
+
readonly color: import("@angular/core").InputSignal<string>;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiLinearLoaderComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiLinearLoaderComponent, "cui-linear-loader", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pulse-loader.component';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CuiLoaderPosition, CuiLoaderSize } from '../../../../model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use CuiLoaderComponent with type="pulse" instead
|
|
5
|
+
*/
|
|
6
|
+
export declare class CuiPulseLoaderComponent {
|
|
7
|
+
readonly position: import("@angular/core").InputSignal<CuiLoaderPosition>;
|
|
8
|
+
readonly size: import("@angular/core").InputSignal<CuiLoaderSize>;
|
|
9
|
+
readonly color: import("@angular/core").InputSignal<string>;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiPulseLoaderComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiPulseLoaderComponent, "cui-pulse-loader", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './stated-loader.component';
|
package/widgets/ui/{stated-loader → loader/components/stated-loader}/stated-loader.component.d.ts
RENAMED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import type { OnDestroy } from '@angular/core';
|
|
2
|
-
import { CuiLoadingState } from '
|
|
2
|
+
import { CuiLoadingState } from '../../../../../services';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use CuiLoaderComponent with type="stated" instead
|
|
6
|
+
*/
|
|
4
7
|
export declare class CuiStatedLoaderComponent implements OnDestroy {
|
|
5
8
|
private readonly loaderService;
|
|
6
9
|
private readonly translocoService;
|
|
10
|
+
readonly color: import("@angular/core").InputSignal<string>;
|
|
7
11
|
protected readonly state: {
|
|
8
12
|
readonly LOADING: "loading";
|
|
9
13
|
readonly COMPLETED: "completed";
|
|
@@ -16,5 +20,5 @@ export declare class CuiStatedLoaderComponent implements OnDestroy {
|
|
|
16
20
|
protected readonly loaderIcon: import("@angular/core").Signal<string>;
|
|
17
21
|
ngOnDestroy(): void;
|
|
18
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiStatedLoaderComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CuiStatedLoaderComponent, "cui-stated-loader", never, {}, {}, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiStatedLoaderComponent, "cui-stated-loader", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
20
24
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CuiLoaderPosition, CuiLoaderSize, CuiLoaderType } from '../../model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CuiLoaderComponent {
|
|
4
|
+
readonly type: import("@angular/core").InputSignal<CuiLoaderType>;
|
|
5
|
+
readonly position: import("@angular/core").InputSignal<CuiLoaderPosition>;
|
|
6
|
+
readonly size: import("@angular/core").InputSignal<CuiLoaderSize>;
|
|
7
|
+
readonly color: import("@angular/core").InputSignal<string>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiLoaderComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiLoaderComponent, "cui-loader", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
10
|
+
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWxvYWRlci1zaXplLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvbW9kZWwvY2lyY2xlLWxvYWRlci1zaXplLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEN1aVNpemVYcywgQ3VpU2l6ZVNtLCBDdWlTaXplTWQsIEN1aVNpemVMZywgQ3VpU2l6ZVh4cyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgQ3VpQ2lyY2xlTG9hZGVyU2l6ZSA9IEN1aVNpemVYeHMgfCBDdWlTaXplWHMgfCBDdWlTaXplU20gfCBDdWlTaXplTWQgfCBDdWlTaXplTGc7XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export { CuiCircleLoaderComponent } from './circle-loader.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvY2lyY2xlLWxvYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aUNpcmNsZUxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY2lyY2xlLWxvYWRlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export { CuiLinearLoaderComponent } from './linear-loader.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvbGluZWFyLWxvYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aUxpbmVhckxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vbGluZWFyLWxvYWRlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CuiLinearLoaderComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiLinearLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiLinearLoaderComponent, isStandalone: true, selector: "cui-linear-loader", ngImport: i0, template: "<div class=\"loader\"></div>\n", styles: [":host{display:block;position:relative;width:100%;height:4px;overflow:hidden}.loader{animation:loader-move 15s linear infinite;position:absolute;right:0;width:200%;height:100%;border:none;transform:skew(-60deg);background:repeating-linear-gradient(to right,var(--cui-blue-500) 0px,var(--cui-blue-500) 7px,transparent 7px,transparent 14px);background-size:14px 100%}@media (max-width: 1440px){.loader{animation-duration:10s}}@media (max-width: 1024px){.loader{animation-duration:8s}}@media (max-width: 768px){.loader{animation-duration:5s}}@keyframes loader-move{0%{background-position:0 0}to{background-position:100% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6
|
-
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiLinearLoaderComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ selector: 'cui-linear-loader', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"loader\"></div>\n", styles: [":host{display:block;position:relative;width:100%;height:4px;overflow:hidden}.loader{animation:loader-move 15s linear infinite;position:absolute;right:0;width:200%;height:100%;border:none;transform:skew(-60deg);background:repeating-linear-gradient(to right,var(--cui-blue-500) 0px,var(--cui-blue-500) 7px,transparent 7px,transparent 14px);background-size:14px 100%}@media (max-width: 1440px){.loader{animation-duration:10s}}@media (max-width: 1024px){.loader{animation-duration:8s}}@media (max-width: 768px){.loader{animation-duration:5s}}@keyframes loader-move{0%{background-position:0 0}to{background-position:100% 0}}\n"] }]
|
|
10
|
-
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvbGluZWFyLWxvYWRlci9saW5lYXItbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9saW5lYXItbG9hZGVyL2xpbmVhci1sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTbkUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkVDVHJDLGdDQUNBOzs0RkRRYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0ksbUJBQW1CLGNBQ2pCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktbGluZWFyLWxvYWRlcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGluZWFyLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2xpbmVhci1sb2FkZXIuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aUxpbmVhckxvYWRlckNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cImxvYWRlclwiPjwvZGl2PlxuIl19
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export { CuiStatedLoaderComponent } from './stated-loader.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvc3RhdGVkLWxvYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aVN0YXRlZExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc3RhdGVkLWxvYWRlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
|
|
2
|
-
import { TranslocoService } from '@jsverse/transloco';
|
|
3
|
-
import { CuiSvgModule } from '../../../components';
|
|
4
|
-
import { CuiLoaderService, CuiLoadingState } from '../../../services';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../../../components/svg/svg.component";
|
|
7
|
-
export class CuiStatedLoaderComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.loaderService = inject(CuiLoaderService);
|
|
10
|
-
this.translocoService = inject(TranslocoService);
|
|
11
|
-
this.state = CuiLoadingState;
|
|
12
|
-
this.LoaderString = {
|
|
13
|
-
[CuiLoadingState.LOADING]: `${this.translocoService.translate('SAVING')}...`,
|
|
14
|
-
[CuiLoadingState.COMPLETED]: this.translocoService.translate('SAVED'),
|
|
15
|
-
[CuiLoadingState.INITIAL]: ''
|
|
16
|
-
};
|
|
17
|
-
this.LoaderIcon = {
|
|
18
|
-
[CuiLoadingState.LOADING]: 'cuiIconRefreshCcw',
|
|
19
|
-
[CuiLoadingState.COMPLETED]: 'cuiIconCheck',
|
|
20
|
-
[CuiLoadingState.INITIAL]: ''
|
|
21
|
-
};
|
|
22
|
-
this.loaderState = this.loaderService.loaderState;
|
|
23
|
-
this.loaderString = computed(() => this.LoaderString[this.loaderState()]);
|
|
24
|
-
this.loaderIcon = computed(() => this.LoaderIcon[this.loaderState()]);
|
|
25
|
-
}
|
|
26
|
-
ngOnDestroy() {
|
|
27
|
-
this.loaderService.reset();
|
|
28
|
-
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiStatedLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiStatedLoaderComponent, isStandalone: true, selector: "cui-stated-loader", ngImport: i0, template: "@if (loaderState() !== state.INITIAL) {\n <cui-svg\n [icon]=\"loaderIcon()\"\n color=\"var(--cui-base-500)\"\n [class.icon_loading]=\"loaderState() === state.LOADING\"\n />\n <span>{{ loaderString() }}</span>\n}\n", styles: [":host{padding:6px 8px;font-weight:500;font-size:12px;line-height:14px;display:flex;align-items:center;gap:6px;color:var(--cui-base-500)}.icon_loading{animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}\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 }); }
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiStatedLoaderComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ selector: 'cui-stated-loader', imports: [CuiSvgModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loaderState() !== state.INITIAL) {\n <cui-svg\n [icon]=\"loaderIcon()\"\n color=\"var(--cui-base-500)\"\n [class.icon_loading]=\"loaderState() === state.LOADING\"\n />\n <span>{{ loaderString() }}</span>\n}\n", styles: [":host{padding:6px 8px;font-weight:500;font-size:12px;line-height:14px;display:flex;align-items:center;gap:6px;color:var(--cui-base-500)}.icon_loading{animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}\n"] }]
|
|
35
|
-
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGVkLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdWkvc3RhdGVkLWxvYWRlci9zdGF0ZWQtbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91aS9zdGF0ZWQtbG9hZGVyL3N0YXRlZC1sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRTVGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXRELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQVV0RSxNQUFNLE9BQU8sd0JBQXdCO0lBUnJDO1FBU3FCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFMUMsVUFBSyxHQUFHLGVBQWUsQ0FBQztRQUN4QixpQkFBWSxHQUFvQztZQUMvRCxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUs7WUFDNUUsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7WUFDckUsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRTtTQUNoQyxDQUFDO1FBQ2lCLGVBQVUsR0FBb0M7WUFDN0QsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsbUJBQW1CO1lBQzlDLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxFQUFFLGNBQWM7WUFDM0MsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRTtTQUNoQyxDQUFDO1FBRWlCLGdCQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7UUFDN0MsaUJBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3JFLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBS3ZGO0lBSFUsV0FBVztRQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDL0IsQ0FBQzsrR0F0QlEsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkVDaEJyQyxxUEFRQSw2VERFYyxZQUFZOzs0RkFNYix3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0ksbUJBQW1CLFdBQ3BCLENBQUMsWUFBWSxDQUFDLGNBQ1gsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xuXG5pbXBvcnQgeyBDdWlTdmdNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEN1aUxvYWRlclNlcnZpY2UsIEN1aUxvYWRpbmdTdGF0ZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktc3RhdGVkLWxvYWRlcicsXG4gICAgaW1wb3J0czogW0N1aVN2Z01vZHVsZV0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RhdGVkLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RhdGVkLWxvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aVN0YXRlZExvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBsb2FkZXJTZXJ2aWNlID0gaW5qZWN0KEN1aUxvYWRlclNlcnZpY2UpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsb2NvU2VydmljZSA9IGluamVjdChUcmFuc2xvY29TZXJ2aWNlKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzdGF0ZSA9IEN1aUxvYWRpbmdTdGF0ZTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgTG9hZGVyU3RyaW5nOiBSZWNvcmQ8Q3VpTG9hZGluZ1N0YXRlLCBzdHJpbmc+ID0ge1xuICAgICAgICBbQ3VpTG9hZGluZ1N0YXRlLkxPQURJTkddOiBgJHt0aGlzLnRyYW5zbG9jb1NlcnZpY2UudHJhbnNsYXRlKCdTQVZJTkcnKX0uLi5gLFxuICAgICAgICBbQ3VpTG9hZGluZ1N0YXRlLkNPTVBMRVRFRF06IHRoaXMudHJhbnNsb2NvU2VydmljZS50cmFuc2xhdGUoJ1NBVkVEJyksXG4gICAgICAgIFtDdWlMb2FkaW5nU3RhdGUuSU5JVElBTF06ICcnXG4gICAgfTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgTG9hZGVySWNvbjogUmVjb3JkPEN1aUxvYWRpbmdTdGF0ZSwgc3RyaW5nPiA9IHtcbiAgICAgICAgW0N1aUxvYWRpbmdTdGF0ZS5MT0FESU5HXTogJ2N1aUljb25SZWZyZXNoQ2N3JyxcbiAgICAgICAgW0N1aUxvYWRpbmdTdGF0ZS5DT01QTEVURURdOiAnY3VpSWNvbkNoZWNrJyxcbiAgICAgICAgW0N1aUxvYWRpbmdTdGF0ZS5JTklUSUFMXTogJydcbiAgICB9O1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGxvYWRlclN0YXRlID0gdGhpcy5sb2FkZXJTZXJ2aWNlLmxvYWRlclN0YXRlO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBsb2FkZXJTdHJpbmcgPSBjb21wdXRlZCgoKSA9PiB0aGlzLkxvYWRlclN0cmluZ1t0aGlzLmxvYWRlclN0YXRlKCldKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbG9hZGVySWNvbiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuTG9hZGVySWNvblt0aGlzLmxvYWRlclN0YXRlKCldKTtcblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sb2FkZXJTZXJ2aWNlLnJlc2V0KCk7XG4gICAgfVxufVxuIiwiQGlmIChsb2FkZXJTdGF0ZSgpICE9PSBzdGF0ZS5JTklUSUFMKSB7XG4gICAgPGN1aS1zdmdcbiAgICAgICAgW2ljb25dPVwibG9hZGVySWNvbigpXCJcbiAgICAgICAgY29sb3I9XCJ2YXIoLS1jdWktYmFzZS01MDApXCJcbiAgICAgICAgW2NsYXNzLmljb25fbG9hZGluZ109XCJsb2FkZXJTdGF0ZSgpID09PSBzdGF0ZS5MT0FESU5HXCJcbiAgICAvPlxuICAgIDxzcGFuPnt7IGxvYWRlclN0cmluZygpIH19PC9zcGFuPlxufVxuIl19
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CuiCircleLoaderComponent } from './circle-loader.component';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CuiLinearLoaderComponent } from './linear-loader.component';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class CuiLinearLoaderComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CuiLinearLoaderComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CuiLinearLoaderComponent, "cui-linear-loader", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CuiStatedLoaderComponent } from './stated-loader.component';
|