@ascentgl/ads-ui 21.3.0 → 21.4.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.
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs +10 -10
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs +7 -7
- package/fesm2022/ascentgl-ads-ui.mjs +829 -598
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ascentgl-ads-ui.d.ts +80 -4
|
@@ -34,10 +34,10 @@ class AdsAvatarComponent {
|
|
|
34
34
|
this.src = changes.image.currentValue;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsAvatarComponent, isStandalone: false, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n @if(src) {\n <img [src]=\"src\" [alt]=\"alt\" />\n } @else {\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n }\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.lg ::ng-deep ads-icon{width:40px!important;height:40px!important}.avatar.lg ::ng-deep ads-icon svg{width:40px!important;height:40px!important}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'ads-avatar', standalone: false, template: "<div class=\"avatar\" [ngClass]=\"size\">\n @if(src) {\n <img [src]=\"src\" [alt]=\"alt\" />\n } @else {\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n }\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.lg ::ng-deep ads-icon{width:40px!important;height:40px!important}.avatar.lg ::ng-deep ads-icon svg{width:40px!important;height:40px!important}img{width:100%;height:100%;border-radius:50%}\n"] }]
|
|
43
43
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
@@ -51,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
51
51
|
}] } });
|
|
52
52
|
|
|
53
53
|
class AdsAvatarModule {
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
55
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
56
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
55
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarModule, declarations: [AdsAvatarComponent], imports: [CommonModule, AdsIconModule], exports: [AdsAvatarComponent] }); }
|
|
56
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarModule, imports: [CommonModule, AdsIconModule] }); }
|
|
57
57
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsAvatarModule, decorators: [{
|
|
59
59
|
type: NgModule,
|
|
60
60
|
args: [{
|
|
61
61
|
declarations: [AdsAvatarComponent],
|
|
@@ -9,20 +9,20 @@ class AdsButtonContainerComponent {
|
|
|
9
9
|
/** The gap between elements */
|
|
10
10
|
this.gap = input(16, { ...(ngDevMode ? { debugName: "gap" } : {}) });
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.2", type: AdsButtonContainerComponent, isStandalone: false, selector: "ads-button-container", inputs: { justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'ads-button-container', standalone: false, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }]
|
|
18
18
|
}], propDecorators: { justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
|
|
19
19
|
|
|
20
20
|
class AdsButtonContainerModule {
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
22
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
23
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
22
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerModule, declarations: [AdsButtonContainerComponent], imports: [CommonModule], exports: [AdsButtonContainerComponent] }); }
|
|
23
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerModule, imports: [CommonModule] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsButtonContainerModule, decorators: [{
|
|
26
26
|
type: NgModule,
|
|
27
27
|
args: [{
|
|
28
28
|
declarations: [AdsButtonContainerComponent],
|
|
@@ -448,10 +448,10 @@ class AdsDragAndDropListComponent {
|
|
|
448
448
|
isDraggingOverSelf(element) {
|
|
449
449
|
return this.draggedElement?.dom === element?.dom;
|
|
450
450
|
}
|
|
451
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
452
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
451
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
452
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsDragAndDropListComponent, isStandalone: false, selector: "ads-drag-and-drop-list", inputs: { dropCallback: "dropCallback", canDropCallback: "canDropCallback", canDragCallback: "canDragCallback", minCountToDrag: "minCountToDrag", refresh: "refresh" }, viewQueries: [{ propertyName: "draggableList", first: true, predicate: ["draggableList"], descendants: true, read: ElementRef, static: true }, { propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host ::ng-deep .draggable-list>*{box-sizing:border-box;background-color:var(--color-white);color:var(--color-dark)}:host ::ng-deep .draggable-list>*[draggable=true]{cursor:move}:host ::ng-deep .draggable-list>*.is-dragged{opacity:.25}:host ::ng-deep .draggable-list>*:not(.drag-placeholder){width:100%}:host ::ng-deep .draggable-list>*.dragged-over:not(.drop-blocked){background-color:var(--color-light-30)}\n"] }); }
|
|
453
453
|
}
|
|
454
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListComponent, decorators: [{
|
|
455
455
|
type: Component,
|
|
456
456
|
args: [{ selector: 'ads-drag-and-drop-list', standalone: false, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host ::ng-deep .draggable-list>*{box-sizing:border-box;background-color:var(--color-white);color:var(--color-dark)}:host ::ng-deep .draggable-list>*[draggable=true]{cursor:move}:host ::ng-deep .draggable-list>*.is-dragged{opacity:.25}:host ::ng-deep .draggable-list>*:not(.drag-placeholder){width:100%}:host ::ng-deep .draggable-list>*.dragged-over:not(.drop-blocked){background-color:var(--color-light-30)}\n"] }]
|
|
457
457
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { draggableList: [{
|
|
@@ -473,11 +473,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
473
473
|
}] } });
|
|
474
474
|
|
|
475
475
|
class AdsDragAndDropListModule {
|
|
476
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
477
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
478
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
476
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
477
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListModule, declarations: [AdsDragAndDropListComponent], imports: [CommonModule], exports: [AdsDragAndDropListComponent] }); }
|
|
478
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListModule, imports: [CommonModule] }); }
|
|
479
479
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsDragAndDropListModule, decorators: [{
|
|
481
481
|
type: NgModule,
|
|
482
482
|
args: [{
|
|
483
483
|
imports: [CommonModule],
|
|
@@ -3,10 +3,10 @@ import { Component, NgModule } from '@angular/core';
|
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
|
|
5
5
|
class AdsErrorPageCodeComponent {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsErrorPageCodeComponent, isStandalone: false, selector: "ads-error-page-code", ngImport: i0, template: ``, isInline: true }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{
|
|
12
12
|
selector: 'ads-error-page-code',
|
|
@@ -16,11 +16,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
16
16
|
}] });
|
|
17
17
|
|
|
18
18
|
class AdsErrorPageCodeModule {
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
20
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
21
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
20
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeModule, declarations: [AdsErrorPageCodeComponent], imports: [CommonModule], exports: [AdsErrorPageCodeComponent] }); }
|
|
21
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeModule, imports: [CommonModule] }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsErrorPageCodeModule, decorators: [{
|
|
24
24
|
type: NgModule,
|
|
25
25
|
args: [{
|
|
26
26
|
imports: [CommonModule],
|
|
@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, NgModule } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class AdsFooterContainerComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsFooterContainerComponent, isStandalone: false, selector: "ads-footer-container", ngImport: i0, template: "<footer>\n <ng-content></ng-content>\n</footer>\n", styles: ["footer{height:107px;box-sizing:border-box;padding:24px;border-top:1px solid var(--color-light);background-color:var(--color-muted-50);width:100%}@media screen and (max-width:768px){footer{height:auto}}\n"] }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ads-footer-container', standalone: false, template: "<footer>\n <ng-content></ng-content>\n</footer>\n", styles: ["footer{height:107px;box-sizing:border-box;padding:24px;border-top:1px solid var(--color-light);background-color:var(--color-muted-50);width:100%}@media screen and (max-width:768px){footer{height:auto}}\n"] }]
|
|
11
11
|
}] });
|
|
12
12
|
|
|
13
13
|
class AdsFooterContainerModule {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
15
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerModule, declarations: [AdsFooterContainerComponent], exports: [AdsFooterContainerComponent] }); }
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerModule }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterContainerModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
exports: [AdsFooterContainerComponent],
|
|
@@ -19,10 +19,10 @@ class AdsFooterComponent {
|
|
|
19
19
|
*/
|
|
20
20
|
this.links = [];
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsFooterComponent, isStandalone: false, selector: "ads-footer", inputs: { alt: "alt", copyright: "copyright", links: "links", logoSrc: "logoSrc" }, ngImport: i0, template: "<div class=\"footer\">\n <div class=\"links\">\n @for (link of links; track $index) {\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n }\n </div>\n <div class=\"footer-right\">\n <div class=\"copyright\">\n @if (copyright.href) {\n <a\n class=\"secondary-link text-xs\"\n [href]=\"copyright.href\"\n [target]=\"copyright.target || '_self'\"\n [innerHtml]=\"copyright.text\"\n ></a>\n } @else {\n <span [innerHtml]=\"copyright.text\"></span>\n }\n </div>\n @if (logoSrc) {\n <div class=\"logo\">\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n </div>\n }\n </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}.links a{color:var(--color-link)}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.copyright span{color:var(--color-primary)}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:768px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'ads-footer', standalone: false, template: "<div class=\"footer\">\n <div class=\"links\">\n @for (link of links; track $index) {\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n }\n </div>\n <div class=\"footer-right\">\n <div class=\"copyright\">\n @if (copyright.href) {\n <a\n class=\"secondary-link text-xs\"\n [href]=\"copyright.href\"\n [target]=\"copyright.target || '_self'\"\n [innerHtml]=\"copyright.text\"\n ></a>\n } @else {\n <span [innerHtml]=\"copyright.text\"></span>\n }\n </div>\n @if (logoSrc) {\n <div class=\"logo\">\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n </div>\n }\n </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}.links a{color:var(--color-link)}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.copyright span{color:var(--color-primary)}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:768px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }]
|
|
28
28
|
}], propDecorators: { alt: [{
|
|
@@ -36,11 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
36
36
|
}] } });
|
|
37
37
|
|
|
38
38
|
class AdsFooterModule {
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
40
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
41
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
40
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterModule, declarations: [AdsFooterComponent], imports: [CommonModule], exports: [AdsFooterComponent] }); }
|
|
41
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterModule, imports: [CommonModule] }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsFooterModule, decorators: [{
|
|
44
44
|
type: NgModule,
|
|
45
45
|
args: [{
|
|
46
46
|
imports: [CommonModule],
|
|
@@ -8,10 +8,10 @@ class AdsHeaderContainerComponent {
|
|
|
8
8
|
*/
|
|
9
9
|
this.isMobile = false;
|
|
10
10
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsHeaderContainerComponent, isStandalone: false, selector: "ads-header-container", inputs: { isMobile: "isMobile" }, ngImport: i0, template: "<header [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'ads-header-container', standalone: false, template: "<header [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }]
|
|
17
17
|
}], propDecorators: { isMobile: [{
|
|
@@ -19,11 +19,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
19
19
|
}] } });
|
|
20
20
|
|
|
21
21
|
class AdsHeaderContainerModule {
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
23
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
24
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
23
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerModule, declarations: [AdsHeaderContainerComponent], exports: [AdsHeaderContainerComponent] }); }
|
|
24
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerModule }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderContainerModule, decorators: [{
|
|
27
27
|
type: NgModule,
|
|
28
28
|
args: [{
|
|
29
29
|
exports: [AdsHeaderContainerComponent],
|
|
@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, NgModule } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class AdsHeaderComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsHeaderComponent, isStandalone: false, selector: "ads-header", ngImport: i0, template: "<div class=\"header\">\n <div class=\"addon-left\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n <ng-content select=\"[logo]\"></ng-content>\n <div class=\"addon-right\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ads-header', standalone: false, template: "<div class=\"header\">\n <div class=\"addon-left\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n <ng-content select=\"[logo]\"></ng-content>\n <div class=\"addon-right\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }]
|
|
11
11
|
}] });
|
|
12
12
|
|
|
13
13
|
class AdsHeaderModule {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
15
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderModule, declarations: [AdsHeaderComponent], exports: [AdsHeaderComponent] }); }
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderModule }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsHeaderModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
exports: [AdsHeaderComponent],
|
|
@@ -28,10 +28,10 @@ class AbstractLogoComponent {
|
|
|
28
28
|
checkScreenSize() {
|
|
29
29
|
this.isMobile = window.innerWidth <= this.mobileWidth();
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AbstractLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
32
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.2", type: AbstractLogoComponent, isStandalone: true, inputs: { mobileWidth: { classPropertyName: "mobileWidth", publicName: "mobileWidth", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AbstractLogoComponent, decorators: [{
|
|
35
35
|
type: Directive
|
|
36
36
|
}], propDecorators: { mobileWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileWidth", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], onResize: [{
|
|
37
37
|
type: HostListener,
|
|
@@ -42,20 +42,20 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
|
|
|
42
42
|
constructor() {
|
|
43
43
|
super();
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsPrimaryLogoComponent, isStandalone: false, selector: "ads-primary-logo", usesInheritance: true, ngImport: i0, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\n @if (isMobile || isCollapsed()) {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n <path\n d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n />\n </svg>\n } @else {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n <path\n d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n />\n <path\n d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n />\n <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n </svg>\n }\n</picture>\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'ads-primary-logo', standalone: false, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\n @if (isMobile || isCollapsed()) {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n <path\n d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n />\n </svg>\n } @else {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n <path\n d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n />\n <path\n d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n />\n <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n </svg>\n }\n</picture>\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"] }]
|
|
51
51
|
}], ctorParameters: () => [] });
|
|
52
52
|
|
|
53
53
|
class AdsPrimaryLogoModule {
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
55
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
56
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
55
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoModule, declarations: [AdsPrimaryLogoComponent], imports: [CommonModule, NgOptimizedImage], exports: [AdsPrimaryLogoComponent] }); }
|
|
56
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoModule, imports: [CommonModule] }); }
|
|
57
57
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsPrimaryLogoModule, decorators: [{
|
|
59
59
|
type: NgModule,
|
|
60
60
|
args: [{
|
|
61
61
|
imports: [CommonModule, NgOptimizedImage],
|
|
@@ -60,10 +60,10 @@ class AdsProgressBarComponent {
|
|
|
60
60
|
getMarkerPosition(value, max) {
|
|
61
61
|
return `calc(${(value / max) * 100}% + 5.5px)`;
|
|
62
62
|
}
|
|
63
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n @if(showMarker) {\n <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n }\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n @if(showMarker) {\n <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n }\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"] }]
|
|
69
69
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
@@ -79,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
79
79
|
}] } });
|
|
80
80
|
|
|
81
81
|
class AdsProgressBarModule {
|
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
83
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
84
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
83
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarModule, declarations: [AdsProgressBarComponent], imports: [CommonModule, AdsIconModule], exports: [AdsProgressBarComponent] }); }
|
|
84
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarModule, imports: [CommonModule, AdsIconModule] }); }
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressBarModule, decorators: [{
|
|
87
87
|
type: NgModule,
|
|
88
88
|
args: [{
|
|
89
89
|
imports: [CommonModule, AdsIconModule],
|
|
@@ -71,10 +71,10 @@ class AdsProgressIndicatorSpinnerComponent {
|
|
|
71
71
|
this.diameter = 20;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
79
|
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"] }]
|
|
80
80
|
}], propDecorators: { diameter: [{
|
|
@@ -88,11 +88,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
88
88
|
}] } });
|
|
89
89
|
|
|
90
90
|
class AdsProgressIndicatorSpinnerModule {
|
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
92
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
93
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
92
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, declarations: [AdsProgressIndicatorSpinnerComponent], imports: [CommonModule, MatProgressSpinnerModule], exports: [AdsProgressIndicatorSpinnerComponent] }); }
|
|
93
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, imports: [CommonModule, MatProgressSpinnerModule] }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, decorators: [{
|
|
96
96
|
type: NgModule,
|
|
97
97
|
args: [{
|
|
98
98
|
declarations: [AdsProgressIndicatorSpinnerComponent],
|
package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs
CHANGED
|
@@ -78,10 +78,10 @@ class AdsProgressSpinnerComponent {
|
|
|
78
78
|
*/
|
|
79
79
|
this.cdr.detectChanges();
|
|
80
80
|
}
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
@@ -98,11 +98,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
98
98
|
}] } });
|
|
99
99
|
|
|
100
100
|
class AdsProgressSpinnerModule {
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
102
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
103
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
102
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerModule, declarations: [AdsProgressSpinnerComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule], exports: [AdsProgressSpinnerComponent] }); }
|
|
103
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerModule, providers: [{ provide: Window, useValue: window }], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule] }); }
|
|
104
104
|
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsProgressSpinnerModule, decorators: [{
|
|
106
106
|
type: NgModule,
|
|
107
107
|
args: [{
|
|
108
108
|
declarations: [AdsProgressSpinnerComponent],
|
|
@@ -13,10 +13,10 @@ class ShellLayoutComponent {
|
|
|
13
13
|
*/
|
|
14
14
|
this.isMobile = false;
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ShellLayoutComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }]
|
|
22
22
|
}], propDecorators: { isCollapsed: [{
|
|
@@ -26,11 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
26
26
|
}] } });
|
|
27
27
|
|
|
28
28
|
class AdsShellLayoutModule {
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
30
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.
|
|
31
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsShellLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
30
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsShellLayoutModule, declarations: [ShellLayoutComponent], imports: [CommonModule], exports: [ShellLayoutComponent] }); }
|
|
31
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsShellLayoutModule, imports: [CommonModule] }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsShellLayoutModule, decorators: [{
|
|
34
34
|
type: NgModule,
|
|
35
35
|
args: [{
|
|
36
36
|
declarations: [ShellLayoutComponent],
|