@ascentgl/ads-ui 0.0.75 → 0.0.77
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-footer-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui.mjs +6 -6
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/sass/ads-ui/abstracts/_mixins.scss +13 -13
|
@@ -3,11 +3,11 @@ import { Component, NgModule } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
class AdsFooterContainerComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", 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:
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", 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
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
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:
|
|
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 {
|
|
@@ -20,11 +20,11 @@ class AdsFooterComponent {
|
|
|
20
20
|
this.links = [];
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:
|
|
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], copyright: [{
|
|
@@ -1602,11 +1602,11 @@ class AdsErrorPageComponent {
|
|
|
1602
1602
|
}
|
|
1603
1603
|
}
|
|
1604
1604
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsErrorPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AdsIconRegistry }, { token: i1$1.Location }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsErrorPageComponent, isStandalone: false, selector: "ads-error-page", inputs: { logoSrc: "logoSrc", logoAlt: "logoAlt", config: "config" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "errorRepresentation", first: true, predicate: ["errorRepresentation"], descendants: true }, { propertyName: "errorCode", first: true, predicate: ["errorCode"], descendants: true }, { propertyName: "codeImage", first: true, predicate: ["codeImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (max-width:
|
|
1605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsErrorPageComponent, isStandalone: false, selector: "ads-error-page", inputs: { logoSrc: "logoSrc", logoAlt: "logoAlt", config: "config" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "errorRepresentation", first: true, predicate: ["errorRepresentation"], descendants: true }, { propertyName: "errorCode", first: true, predicate: ["errorCode"], descendants: true }, { propertyName: "codeImage", first: true, predicate: ["codeImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body{padding-left:1rem}}.error-page-container .body{padding-right:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body{padding-right:1rem}}.error-page-container .body{padding-top:2rem;padding-bottom:3rem;background:linear-gradient(123.73deg,#252636 2.41%,#3f4560 100.33%);min-height:45vh;display:grid;grid-template-rows:min-content 1fr min-content min-content}.error-page-container .body .body-header img{max-width:10rem;min-width:5rem}@media screen and (max-width: 768px){.error-page-container .body .body-header img{width:24vw}}.error-page-container .body .body-error-representation{min-height:6rem;position:relative;margin:2rem 3rem;display:flex;align-items:center;justify-content:center;font-weight:700}.error-page-container .body .body-error-representation.svg{margin:3rem 4rem}.error-page-container .body .body-error-representation .error-icon{position:absolute;height:100%;width:100%}.error-page-container .body .body-error-representation .error-icon.plus_circle{rotate:45deg}.error-page-container .body .body-error-representation .error-icon ::ng-deep svg{fill:#615bff;height:inherit!important;width:inherit!important}.error-page-container .body .body-error-representation .error-code{position:absolute;color:#615bff;font-size:500px}.error-page-container .body .body-error-representation .error-code-hidden{position:absolute;pointer-events:none;visibility:hidden}.error-page-container .body .body-error-message{font-weight:700;font-size:1.5rem;color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center}.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.25rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.125rem}}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-message{font-size:1.25rem}}.error-page-container .body .body-error-summary{display:flex;align-items:center;justify-content:center;color:#ced6e8bf;text-align:center}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-summary{font-size:.8rem}}.error-page-container .footer{display:grid;justify-items:center;align-items:center;padding-top:1rem;padding-bottom:3rem;grid-template-rows:repeat(2,min-content)}.error-page-container .footer{padding-left:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer{padding-left:1rem}}.error-page-container .footer{padding-right:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer{padding-right:1rem}}.error-page-container .footer .footer-international{position:absolute}.error-page-container .footer .footer-info-columns{display:grid;justify-items:center;grid-auto-flow:column}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns{grid-auto-flow:row}}.error-page-container .footer .footer-info-columns .footer-info-column{max-width:500px}.error-page-container .footer .footer-info-columns .footer-info-column{padding:.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column{padding:.25rem}}.error-page-container .footer .footer-info-columns .footer-info-column:only-of-type{max-width:600px}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{color:#5756b3;font-size:1.2rem;font-weight:600}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.25rem}}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{font-size:1rem}}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-body{color:var(--color-dark)}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column{max-width:none}.error-page-container .footer .footer-info-columns .footer-info-column:not(:last-of-type){margin-bottom:1rem}}.error-page-container .footer .footer-buttons{display:flex;gap:12px;align-items:center}.error-page-container .footer .footer-buttons{margin-top:1.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-buttons{margin-top:.75rem}}.error-page-container .footer .footer-buttons:only-child{margin-top:1.5rem}.error-page-container .footer .footer-buttons ads-button{margin-top:.5rem;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1606
1606
|
}
|
|
1607
1607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsErrorPageComponent, decorators: [{
|
|
1608
1608
|
type: Component,
|
|
1609
|
-
args: [{ selector: 'ads-error-page', standalone: false, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (max-width:
|
|
1609
|
+
args: [{ selector: 'ads-error-page', standalone: false, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body{padding-left:1rem}}.error-page-container .body{padding-right:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body{padding-right:1rem}}.error-page-container .body{padding-top:2rem;padding-bottom:3rem;background:linear-gradient(123.73deg,#252636 2.41%,#3f4560 100.33%);min-height:45vh;display:grid;grid-template-rows:min-content 1fr min-content min-content}.error-page-container .body .body-header img{max-width:10rem;min-width:5rem}@media screen and (max-width: 768px){.error-page-container .body .body-header img{width:24vw}}.error-page-container .body .body-error-representation{min-height:6rem;position:relative;margin:2rem 3rem;display:flex;align-items:center;justify-content:center;font-weight:700}.error-page-container .body .body-error-representation.svg{margin:3rem 4rem}.error-page-container .body .body-error-representation .error-icon{position:absolute;height:100%;width:100%}.error-page-container .body .body-error-representation .error-icon.plus_circle{rotate:45deg}.error-page-container .body .body-error-representation .error-icon ::ng-deep svg{fill:#615bff;height:inherit!important;width:inherit!important}.error-page-container .body .body-error-representation .error-code{position:absolute;color:#615bff;font-size:500px}.error-page-container .body .body-error-representation .error-code-hidden{position:absolute;pointer-events:none;visibility:hidden}.error-page-container .body .body-error-message{font-weight:700;font-size:1.5rem;color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center}.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.25rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.125rem}}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-message{font-size:1.25rem}}.error-page-container .body .body-error-summary{display:flex;align-items:center;justify-content:center;color:#ced6e8bf;text-align:center}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .body .body-error-summary{font-size:.8rem}}.error-page-container .footer{display:grid;justify-items:center;align-items:center;padding-top:1rem;padding-bottom:3rem;grid-template-rows:repeat(2,min-content)}.error-page-container .footer{padding-left:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer{padding-left:1rem}}.error-page-container .footer{padding-right:2rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer{padding-right:1rem}}.error-page-container .footer .footer-international{position:absolute}.error-page-container .footer .footer-info-columns{display:grid;justify-items:center;grid-auto-flow:column}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns{grid-auto-flow:row}}.error-page-container .footer .footer-info-columns .footer-info-column{max-width:500px}.error-page-container .footer .footer-info-columns .footer-info-column{padding:.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column{padding:.25rem}}.error-page-container .footer .footer-info-columns .footer-info-column:only-of-type{max-width:600px}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{color:#5756b3;font-size:1.2rem;font-weight:600}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.25rem}}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{font-size:1rem}}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-body{color:var(--color-dark)}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-info-columns .footer-info-column{max-width:none}.error-page-container .footer .footer-info-columns .footer-info-column:not(:last-of-type){margin-bottom:1rem}}.error-page-container .footer .footer-buttons{display:flex;gap:12px;align-items:center}.error-page-container .footer .footer-buttons{margin-top:1.5rem}@media screen and (min-width: 320px) and (max-width: 480px){.error-page-container .footer .footer-buttons{margin-top:.75rem}}.error-page-container .footer .footer-buttons:only-child{margin-top:1.5rem}.error-page-container .footer .footer-buttons ads-button{margin-top:.5rem;display:inline-block}\n"] }]
|
|
1610
1610
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AdsIconRegistry }, { type: i1$1.Location }, { type: i3.DomSanitizer }], propDecorators: { logoSrc: [{
|
|
1611
1611
|
type: Input
|
|
1612
1612
|
}], logoAlt: [{
|
|
@@ -1690,11 +1690,11 @@ class AdsFooterComponent {
|
|
|
1690
1690
|
this.links = [];
|
|
1691
1691
|
}
|
|
1692
1692
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1693
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:
|
|
1693
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", 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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }); }
|
|
1694
1694
|
}
|
|
1695
1695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
1696
1696
|
type: Component,
|
|
1697
|
-
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width:
|
|
1697
|
+
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }]
|
|
1698
1698
|
}], propDecorators: { alt: [{
|
|
1699
1699
|
type: Input
|
|
1700
1700
|
}], copyright: [{
|
|
@@ -1721,11 +1721,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
1721
1721
|
|
|
1722
1722
|
class AdsFooterContainerComponent {
|
|
1723
1723
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", 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:
|
|
1724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", 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"] }); }
|
|
1725
1725
|
}
|
|
1726
1726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
1727
1727
|
type: Component,
|
|
1728
|
-
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:
|
|
1728
|
+
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"] }]
|
|
1729
1729
|
}] });
|
|
1730
1730
|
|
|
1731
1731
|
class AdsFooterContainerModule {
|