@testgorilla/tgo-ui 4.1.0-beta → 4.1.0

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.
Files changed (25) hide show
  1. package/components/breadcrumb/breadcrumb.component.d.ts +4 -2
  2. package/components/breadcrumb/breadcrumb.component.module.d.ts +1 -1
  3. package/components/card/card.model.d.ts +1 -1
  4. package/components/divider/divider.component.d.ts +1 -1
  5. package/components/donut-chart/donut-chart.component.d.ts +4 -16
  6. package/components/multi-input/multi-input.component.module.d.ts +1 -1
  7. package/components/selectable-card/selectable-card.component.d.ts +6 -2
  8. package/components/skeleton/skeleton.component.d.ts +2 -2
  9. package/components/table/table.component.module.d.ts +1 -1
  10. package/components/tabs/tabs.component.module.d.ts +1 -1
  11. package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.d.ts +1 -1
  12. package/fesm2022/testgorilla-tgo-ui.mjs +704 -546
  13. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  14. package/package.json +9 -26
  15. package/public-api.d.ts +4 -0
  16. package/components/divider/application-theme.model.d.ts +0 -1
  17. package/components/divider/index.d.ts +0 -5
  18. package/components/divider/public-api.d.ts +0 -4
  19. package/components/skeleton/application-theme.model.d.ts +0 -1
  20. package/components/skeleton/index.d.ts +0 -5
  21. package/components/skeleton/public-api.d.ts +0 -3
  22. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +0 -88
  23. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +0 -1
  24. package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +0 -81
  25. package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@testgorilla/tgo-ui",
3
- "version": "4.1.0-beta",
3
+ "version": "4.1.0",
4
4
  "license": "proprietary-license",
5
5
  "lint-staged": {
6
6
  "src/**/*.ts": [
@@ -17,16 +17,16 @@
17
17
  "tslib": "~2.4.0"
18
18
  },
19
19
  "peerDependencies": {
20
- "@angular/animations": "~19.2.17",
20
+ "@angular/animations": "~19.2.18",
21
21
  "@angular/cdk": "~19.2.19",
22
- "@angular/common": "~19.2.17",
23
- "@angular/compiler": "~19.2.17",
24
- "@angular/core": "~19.2.17",
25
- "@angular/forms": "~19.2.17",
22
+ "@angular/common": "~19.2.18",
23
+ "@angular/compiler": "~19.2.18",
24
+ "@angular/core": "~19.2.18",
25
+ "@angular/forms": "~19.2.18",
26
26
  "@angular/material": "~19.2.19",
27
- "@angular/platform-browser": "~19.2.17",
28
- "@angular/platform-browser-dynamic": "~19.2.17",
29
- "@angular/router": "~19.2.17",
27
+ "@angular/platform-browser": "~19.2.18",
28
+ "@angular/platform-browser-dynamic": "~19.2.18",
29
+ "@angular/router": "~19.2.18",
30
30
  "chart.js": "^4.4.5",
31
31
  "chartjs-plugin-datalabels": "^2.2.0",
32
32
  "gaussian": "^1.3.0",
@@ -39,15 +39,6 @@
39
39
  "svg-country-flags": "^1.2.10",
40
40
  "zone.js": "^0.15.1"
41
41
  },
42
- "overrides": {
43
- "@angular-devkit/build-angular": {
44
- "http-proxy-middleware": "3.0.5",
45
- "esbuild": "0.25.0"
46
- },
47
- "tmp": "0.2.5",
48
- "js-yaml": "4.1.1",
49
- "node-forge": "1.3.2"
50
- },
51
42
  "engines": {
52
43
  "node": "^22.0.0"
53
44
  },
@@ -65,14 +56,6 @@
65
56
  ".": {
66
57
  "types": "./index.d.ts",
67
58
  "default": "./fesm2022/testgorilla-tgo-ui.mjs"
68
- },
69
- "./components/skeleton": {
70
- "types": "./components/skeleton/index.d.ts",
71
- "default": "./fesm2022/testgorilla-tgo-ui-components-skeleton.mjs"
72
- },
73
- "./components/divider": {
74
- "types": "./components/divider/index.d.ts",
75
- "default": "./fesm2022/testgorilla-tgo-ui-components-divider.mjs"
76
59
  }
77
60
  },
78
61
  "sideEffects": false
package/public-api.d.ts CHANGED
@@ -112,6 +112,7 @@ export * from './components/table/table.component.module';
112
112
  export * from './components/table/table.model';
113
113
  export * from './components/paginator/paginator.component';
114
114
  export * from './components/paginator/paginator.component.module';
115
+ export * from './components/skeleton/skeleton.component';
115
116
  export * from './components/side-sheet/side-sheet.component';
116
117
  export * from './components/side-sheet/side-sheet.component.module';
117
118
  export * from './components/side-sheet/side-sheet.model';
@@ -127,6 +128,9 @@ export * from './components/page-header/page-header.component.module';
127
128
  export * from './components/accordion/accordion.component';
128
129
  export * from './components/accordion/accordion.component.module';
129
130
  export * from './components/accordion/accordion.model';
131
+ export * from './components/divider/divider.component';
132
+ export * from './components/divider/divider.component.module';
133
+ export * from './components/divider/divider.model';
130
134
  export * from './components/tabs/tab.directive';
131
135
  export * from './components/tabs/tabs.component';
132
136
  export * from './components/tabs/tabs.component.module';
package/components/divider/application-theme.model.d.ts DELETED
@@ -1 +0,0 @@
1
- export type ApplicationTheme = 'dark' | 'light' | 'classic';
package/components/divider/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@testgorilla/tgo-ui/components/divider" />
5
- export * from './public-api';
package/components/divider/public-api.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from './divider.component';
2
- export * from './divider.component.module';
3
- export * from './divider.model';
4
- export * from './application-theme.model';
package/components/skeleton/application-theme.model.d.ts DELETED
@@ -1 +0,0 @@
1
- export type ApplicationTheme = 'dark' | 'light' | 'classic';
package/components/skeleton/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@testgorilla/tgo-ui/components/skeleton" />
5
- export * from './public-api';
package/components/skeleton/public-api.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './skeleton.component';
2
- export * from './skeleton.model';
3
- export * from './application-theme.model';
package/fesm2022/testgorilla-tgo-ui-components-divider.mjs DELETED
@@ -1,88 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Input, HostBinding, Optional, Inject, Component, NgModule } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import * as i2 from '@angular/material/divider';
6
- import { MatDividerModule } from '@angular/material/divider';
7
-
8
- class DividerComponent {
9
- constructor(defaultAppTheme) {
10
- this.defaultAppTheme = defaultAppTheme;
11
- /**
12
- * Divider size
13
- *
14
- * @type {DividerSize}
15
- * @memberof DividerComponent
16
- */
17
- this.size = 'large';
18
- /**
19
- * Determines whether the checkbox color.
20
- * Default: Test Gorilla primary color.
21
- *
22
- * @type {string}
23
- * @memberof DividerComponent
24
- */
25
- this.companyColor = '#46A997';
26
- /**
27
- *
28
- * Defines the application theme
29
- *
30
- * @type {ApplicationTheme}
31
- * @memberof DividerComponent
32
- */
33
- this.applicationTheme = 'light';
34
- /**
35
- * Text content in the center of the divider
36
- *
37
- * @type {string}
38
- * @memberof DividerComponent
39
- */
40
- this.label = '';
41
- if (defaultAppTheme) {
42
- this.applicationTheme = defaultAppTheme;
43
- }
44
- }
45
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DividerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
46
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DividerComponent, isStandalone: false, selector: "ui-divider", inputs: { size: "size", companyColor: "companyColor", applicationTheme: "applicationTheme", label: "label" }, host: { properties: { "style.--companyColor": "this.companyColor" } }, ngImport: i0, template: "<div class=\"ui-divider-wrapper\">\n <ng-container *ngIf=\"!label; else withLabel\">\n <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n </ng-container>\n\n <ng-template #withLabel>\n <div class=\"container\">\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n </div>\n </ng-template>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #E0E0E0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #D3D3D3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] }); }
47
- }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DividerComponent, decorators: [{
49
- type: Component,
50
- args: [{ selector: 'ui-divider', standalone: false, template: "<div class=\"ui-divider-wrapper\">\n <ng-container *ngIf=\"!label; else withLabel\">\n <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n </ng-container>\n\n <ng-template #withLabel>\n <div class=\"container\">\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n </div>\n </ng-template>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #E0E0E0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #D3D3D3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\n"] }]
51
- }], ctorParameters: () => [{ type: undefined, decorators: [{
52
- type: Optional
53
- }, {
54
- type: Inject,
55
- args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
56
- }] }], propDecorators: { size: [{
57
- type: Input
58
- }], companyColor: [{
59
- type: HostBinding,
60
- args: ['style.--companyColor']
61
- }, {
62
- type: Input
63
- }], applicationTheme: [{
64
- type: Input
65
- }], label: [{
66
- type: Input
67
- }] } });
68
-
69
- class DividerComponentModule {
70
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DividerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
71
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: DividerComponentModule, declarations: [DividerComponent], imports: [CommonModule, MatDividerModule], exports: [DividerComponent] }); }
72
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DividerComponentModule, imports: [CommonModule, MatDividerModule] }); }
73
- }
74
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DividerComponentModule, decorators: [{
75
- type: NgModule,
76
- args: [{
77
- declarations: [DividerComponent],
78
- exports: [DividerComponent],
79
- imports: [CommonModule, MatDividerModule],
80
- }]
81
- }] });
82
-
83
- /**
84
- * Generated bundle index. Do not edit.
85
- */
86
-
87
- export { DividerComponent, DividerComponentModule };
88
- //# sourceMappingURL=testgorilla-tgo-ui-components-divider.mjs.map
package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"testgorilla-tgo-ui-components-divider.mjs","sources":["../../../components/divider/divider.component.ts","../../../components/divider/divider.component.html","../../../components/divider/divider.component.module.ts","../../../components/divider/testgorilla-tgo-ui-components-divider.ts"],"sourcesContent":["import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';\nimport { DividerSize } from './divider.model';\nimport { ApplicationTheme } from './application-theme.model';\n\n@Component({\n selector: 'ui-divider',\n templateUrl: './divider.component.html',\n styleUrls: ['./divider.component.scss'],\n standalone: false\n})\nexport class DividerComponent {\n /**\n * Divider size\n *\n * @type {DividerSize}\n * @memberof DividerComponent\n */\n @Input() size: DividerSize = 'large';\n\n /**\n * Determines whether the checkbox color.\n * Default: Test Gorilla primary color.\n *\n * @type {string}\n * @memberof DividerComponent\n */\n @HostBinding('style.--companyColor')\n @Input()\n companyColor: string | null = '#46A997';\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof DividerComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n * Text content in the center of the divider\n *\n * @type {string}\n * @memberof DividerComponent\n */\n @Input() label = '';\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n}\n","<div class=\"ui-divider-wrapper\">\n <ng-container *ngIf=\"!label; else withLabel\">\n <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n </ng-container>\n\n <ng-template #withLabel>\n <div class=\"container\">\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n </div>\n </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DividerComponent } from './divider.component';\nimport { MatDividerModule } from '@angular/material/divider';\n\n@NgModule({\n declarations: [DividerComponent],\n exports: [DividerComponent],\n imports: [CommonModule, MatDividerModule],\n})\nexport class DividerComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs DELETED
@@ -1,81 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Input, Optional, Inject, Component } from '@angular/core';
3
- import * as i2 from 'ngx-skeleton-loader';
4
- import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
5
- import * as i1 from '@angular/common';
6
- import { CommonModule } from '@angular/common';
7
- import { BehaviorSubject, combineLatest, map } from 'rxjs';
8
-
9
- class SkeletonComponent {
10
- set theme(value) {
11
- this.theme$.next(value ?? {});
12
- }
13
- set appearance(value) {
14
- this.appearance$.next(value ?? 'line');
15
- }
16
- constructor(defaultAppTheme) {
17
- this.defaultAppTheme = defaultAppTheme;
18
- this.count = '';
19
- this.isAiTheme = false;
20
- /**
21
- *
22
- * Defines the application theme
23
- *
24
- * @type {ApplicationTheme}
25
- * @memberof SkeletonComponent
26
- */
27
- this.applicationTheme = 'light';
28
- this.theme$ = new BehaviorSubject({});
29
- this.appearance$ = new BehaviorSubject('line');
30
- this.currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance)));
31
- if (defaultAppTheme) {
32
- this.applicationTheme = defaultAppTheme;
33
- }
34
- }
35
- getThemeWithDefaultValues(theme, appearance) {
36
- if (theme && appearance === 'circle') {
37
- return {
38
- ...theme,
39
- height: theme['height'] || theme['width'] || '48px',
40
- width: theme['width'] || theme['height'] || '48px',
41
- };
42
- }
43
- else if (theme && appearance !== 'circle' && !theme['height']) {
44
- return {
45
- ...theme,
46
- height: '24px',
47
- };
48
- }
49
- else {
50
- return theme;
51
- }
52
- }
53
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SkeletonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
54
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { count: "count", theme: "theme", appearance: "appearance", isAiTheme: "isAiTheme", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n [class.skeleton-ai]=\"isAiTheme\"\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
55
- }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SkeletonComponent, decorators: [{
57
- type: Component,
58
- args: [{ selector: 'ui-skeleton', imports: [CommonModule, NgxSkeletonLoaderModule], template: "<ngx-skeleton-loader\n [class.skeleton-ai]=\"isAiTheme\"\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.skeleton-ai ::ng-deep .skeleton-loader{background:linear-gradient(to right,#d410aa 25%,#0165fc);opacity:.2}\n"] }]
59
- }], ctorParameters: () => [{ type: undefined, decorators: [{
60
- type: Optional
61
- }, {
62
- type: Inject,
63
- args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
64
- }] }], propDecorators: { count: [{
65
- type: Input
66
- }], theme: [{
67
- type: Input
68
- }], appearance: [{
69
- type: Input
70
- }], isAiTheme: [{
71
- type: Input
72
- }], applicationTheme: [{
73
- type: Input
74
- }] } });
75
-
76
- /**
77
- * Generated bundle index. Do not edit.
78
- */
79
-
80
- export { SkeletonComponent };
81
- //# sourceMappingURL=testgorilla-tgo-ui-components-skeleton.mjs.map
package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"testgorilla-tgo-ui-components-skeleton.mjs","sources":["../../../components/skeleton/skeleton.component.ts","../../../components/skeleton/skeleton.component.html","../../../components/skeleton/testgorilla-tgo-ui-components-skeleton.ts"],"sourcesContent":["import { Component, Inject, Input, Optional } from '@angular/core';\nimport { NgxSkeletonLoaderConfigTheme, NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\nimport { CommonModule } from '@angular/common';\nimport { BehaviorSubject, combineLatest, map } from 'rxjs';\nimport { Appearance } from './skeleton.model';\nimport { ApplicationTheme } from './application-theme.model';\n\n@Component({\n selector: 'ui-skeleton',\n templateUrl: './skeleton.component.html',\n styleUrls: ['./skeleton.component.scss'],\n imports: [CommonModule, NgxSkeletonLoaderModule]\n})\nexport class SkeletonComponent {\n @Input() count: number | string = '';\n @Input() set theme(value: NgxSkeletonLoaderConfigTheme) {\n this.theme$.next(value ?? {});\n }\n @Input() set appearance(value: Appearance) {\n this.appearance$.next(value ?? 'line');\n }\n @Input() isAiTheme = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof SkeletonComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n protected readonly theme$ = new BehaviorSubject<NgxSkeletonLoaderConfigTheme>({});\n protected readonly appearance$ = new BehaviorSubject<Appearance>('line');\n protected readonly currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(\n map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance))\n );\n\n private getThemeWithDefaultValues(\n theme: NgxSkeletonLoaderConfigTheme,\n appearance: Appearance\n ): NgxSkeletonLoaderConfigTheme {\n if (theme && appearance === 'circle') {\n return {\n ...theme,\n height: theme['height'] || theme['width'] || '48px',\n width: theme['width'] || theme['height'] || '48px',\n };\n } else if (theme && appearance !== 'circle' && !theme['height']) {\n return {\n ...theme,\n height: '24px',\n };\n } else {\n return theme;\n }\n }\n}\n","<ngx-skeleton-loader\n [class.skeleton-ai]=\"isAiTheme\"\n [count]=\"count\"\n [theme]=\"currentTheme$ | async\"\n [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}