@inera/ids-angular 3.0.0 → 3.0.2
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/bundles/inera-ids-angular.umd.js +57 -12
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/classes/icon/IDIcon.js +4 -1
- package/esm2015/lib/classes/icon/IDIconProps.js +1 -1
- package/esm2015/lib/classes/mobile/MobileMenuItem.js +7 -1
- package/esm2015/lib/classes/mobile/MobileMenuItemProps.js +1 -1
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +1 -1
- package/esm2015/lib/components/button/button.component.js +11 -2
- package/esm2015/lib/components/button/button.module.js +1 -1
- package/esm2015/lib/components/card/card.component.js +5 -2
- package/esm2015/lib/components/date-label/date-label.component.js +2 -2
- package/esm2015/lib/components/dialog/dialog.component.js +5 -2
- package/esm2015/lib/components/footer/footer.component.js +1 -1
- package/esm2015/lib/components/footer/footer.module.js +1 -1
- package/esm2015/lib/components/header/header.component.js +1 -1
- package/esm2015/lib/components/icon/icon.component.js +1 -1
- package/esm2015/lib/components/link/link.module.js +1 -1
- package/esm2015/lib/components/mobile/menu/mobile-menu.component.js +2 -2
- package/esm2015/lib/components/popover/popover.component.js +6 -3
- package/esm2015/lib/internals/anchor.component.js +9 -3
- package/fesm2015/inera-ids-angular.js +45 -12
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/classes/icon/IDIcon.d.ts +1 -0
- package/lib/classes/icon/IDIconProps.d.ts +1 -0
- package/lib/classes/mobile/MobileMenuItem.d.ts +3 -0
- package/lib/classes/mobile/MobileMenuItemProps.d.ts +3 -0
- package/lib/components/button/button.component.d.ts +3 -1
- package/lib/components/card/card.component.d.ts +2 -1
- package/lib/components/dialog/dialog.component.d.ts +2 -1
- package/lib/components/popover/popover.component.d.ts +2 -1
- package/lib/internals/anchor.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ export class IDAnchorComponent {
|
|
|
16
16
|
this.isLinkFunction = false;
|
|
17
17
|
this.classes = '';
|
|
18
18
|
this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
|
|
19
|
+
this.noOutline = false;
|
|
19
20
|
/** Apply classes to <a> element */
|
|
20
21
|
this.contextClasses = [];
|
|
21
22
|
}
|
|
@@ -59,17 +60,22 @@ export class IDAnchorComponent {
|
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
IDAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
IDAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0, template: "<a *ngIf=\"isLinkRoute\" \r\n
|
|
63
|
+
IDAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", noOutline: "noOutline", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0, template: "<a *ngIf=\"isLinkRoute\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkRoute.id\"\r\n [class]=\"classes\" \r\n [routerLink]=\"linkRoute.route\"\r\n routerLinkActive=\"selected\"\r\n [queryParams]=\"linkRoute.queries\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkRoute.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkWeb\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkWeb.id\"\r\n [class]=\"classes\" \r\n [href]=\"linkWeb.url\"\r\n [attr.target]=\"linkWeb.target\"\r\n [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkWeb.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkFunction\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkFunction.id\"\r\n [class]=\"classes\" \r\n [attr.href]=\"scriptHref\"\r\n (click)=\"linkFunction.click()\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkFunction.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n\r\n<ng-template #prependTemplate>\r\n <ng-content select=\"[prepend]\"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #appendTemplate>\r\n <ng-content select=\"[append]\"></ng-content>\r\n</ng-template>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }", ".no-outline:focus { outline: none;}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
63
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, decorators: [{
|
|
64
65
|
type: Component,
|
|
65
66
|
args: [{
|
|
66
67
|
selector: 'id-anchor',
|
|
67
68
|
templateUrl: './anchor.component.html',
|
|
68
|
-
styles: [
|
|
69
|
+
styles: [
|
|
70
|
+
'a { color: inherit; text-decoration: inherit; font-size: inherit }',
|
|
71
|
+
'.no-outline:focus { outline: none;}'
|
|
72
|
+
]
|
|
69
73
|
}]
|
|
70
74
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { link: [{
|
|
71
75
|
type: Input
|
|
76
|
+
}], noOutline: [{
|
|
77
|
+
type: Input
|
|
72
78
|
}], contextClasses: [{
|
|
73
79
|
type: Input
|
|
74
80
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL3NyYy9saWIvaW50ZXJuYWxzL2FuY2hvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9zcmMvbGliL2ludGVybmFscy9hbmNob3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQW9DLE1BQU0sZUFBZSxDQUFDO0FBR25GLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7OztBQVV0RCxNQUFNLE9BQU8saUJBQWlCO0lBaUI1QixZQUFvQixTQUFzQjtRQUF0QixjQUFTLEdBQVQsU0FBUyxDQUFhO1FBaEIxQyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBTWxFLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFM0IsbUNBQW1DO1FBQzFCLG1CQUFjLEdBQWEsRUFBRSxDQUFDO0lBQ0ssQ0FBQztJQUVyQyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLElBQUksWUFBWSxXQUFXLENBQUM7UUFDcEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxZQUFZLFNBQVMsQ0FBQztRQUNoRCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLFlBQVksY0FBYyxDQUFDO1FBQzFELElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQy9CLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFpQixDQUFDO1lBQ3ZDLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLE1BQU0sS0FBSyxRQUFRLElBQUksT0FBTyxDQUFDLE1BQU0sS0FBSyxPQUFPLENBQUM7U0FDakY7YUFBTTtZQUNMLElBQUksQ0FBRSxjQUFjLEdBQUcsS0FBSyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUNPLFVBQVU7UUFDaEIsSUFBRyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN6RTthQUFNO1lBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUM5QztJQUNILENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBRSxJQUFtQixDQUFDO0lBQ25DLENBQUM7SUFDRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxJQUFzQixDQUFDO0lBQ3JDLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsSUFBSSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7UUFDRCxJQUFJLE9BQU8sQ0FBQyxjQUFjLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7K0dBdERVLGlCQUFpQjttR0FBakIsaUJBQWlCLDBKQ2Y5Qiw2NkNBdUNjOzRGRHhCRCxpQkFBaUI7a0JBUjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLE1BQU0sRUFBRTt3QkFDTixvRUFBb0U7d0JBQ3BFLHFDQUFxQztxQkFDdEM7aUJBQ0Y7bUdBV1UsSUFBSTtzQkFBWixLQUFLO2dCQUdOLFNBQVM7c0JBRFIsS0FBSztnQkFJRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IElETGluayB9IGZyb20gJy4uL2NsYXNzZXMvbGluay9JRExpbmsnO1xyXG5pbXBvcnQgeyBJRExpbmtGdW5jdGlvbiB9IGZyb20gJy4uL2NsYXNzZXMvbGluay9JRExpbmtGdW5jdGlvbic7XHJcbmltcG9ydCB7IElETGlua1JvdXRlIH0gZnJvbSAnLi4vY2xhc3Nlcy9saW5rL0lETGlua1JvdXRlJztcclxuaW1wb3J0IHsgSURMaW5rV2ViIH0gZnJvbSAnLi4vY2xhc3Nlcy9saW5rL0lETGlua1dlYic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lkLWFuY2hvcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FuY2hvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICAnYSB7IGNvbG9yOiBpbmhlcml0OyB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7IGZvbnQtc2l6ZTogaW5oZXJpdCB9JyxcclxuICAgICcubm8tb3V0bGluZTpmb2N1cyB7IG91dGxpbmU6IG5vbmU7fSdcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJREFuY2hvckNvbXBvbmVudCB7XHJcbiAgbGlua1R5cGUgPSAnJztcclxuICBpc0xpbmtFeHRlcm5hbCA9IGZhbHNlO1xyXG4gIGlzTGlua1JvdXRlID0gZmFsc2U7XHJcbiAgaXNMaW5rV2ViID0gZmFsc2U7XHJcbiAgaXNMaW5rRnVuY3Rpb24gPSBmYWxzZTtcclxuICBjbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuICBzY3JpcHRIcmVmID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybCgnamF2YXNjcmlwdDonKTtcclxuICBcclxuICAvKiogTGlua09iamVjdCAqL1xyXG4gIEBJbnB1dCgpIGxpbms6IElETGluayB8IHVuZGVmaW5lZDtcclxuICBcclxuICBASW5wdXQoKVxyXG4gIG5vT3V0bGluZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIFxyXG4gIC8qKiBBcHBseSBjbGFzc2VzIHRvIDxhPiBlbGVtZW50ICovXHJcbiAgQElucHV0KCkgY29udGV4dENsYXNzZXM6IHN0cmluZ1tdID0gW107XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6RG9tU2FuaXRpemVyKXt9XHJcblxyXG4gIHByaXZhdGUgc2V0TGlua1R5cGUoKSB7XHJcbiAgICB0aGlzLmlzTGlua1JvdXRlID0gdGhpcy5saW5rIGluc3RhbmNlb2YgSURMaW5rUm91dGU7XHJcbiAgICB0aGlzLmlzTGlua1dlYiA9IHRoaXMubGluayBpbnN0YW5jZW9mIElETGlua1dlYjtcclxuICAgIHRoaXMuaXNMaW5rRnVuY3Rpb24gPSB0aGlzLmxpbmsgaW5zdGFuY2VvZiBJRExpbmtGdW5jdGlvbjtcclxuICAgIGlmICh0aGlzLmxpbmsgJiYgdGhpcy5pc0xpbmtXZWIpIHtcclxuICAgICAgY29uc3Qgd2VibGluayA9IHRoaXMubGluayBhcyBJRExpbmtXZWI7XHJcbiAgICAgIHRoaXMuaXNMaW5rRXh0ZXJuYWwgPSB3ZWJsaW5rLnRhcmdldCA9PT0gJ19ibGFuaycgfHwgd2VibGluay50YXJnZXQgPT09ICdibGFuayc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLiBpc0xpbmtFeHRlcm5hbCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuICBwcml2YXRlIHNldENsYXNzZXMoKSB7XHJcbiAgICBpZih0aGlzLmxpbmsgJiYgdGhpcy5saW5rLmNsYXNzZXMpIHtcclxuICAgICAgdGhpcy5jbGFzc2VzID0gWy4uLnRoaXMuY29udGV4dENsYXNzZXMsIC4uLnRoaXMubGluay5jbGFzc2VzXS5qb2luKCcgJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmNsYXNzZXMgPSB0aGlzLmNvbnRleHRDbGFzc2VzLmpvaW4oJyAnKTtcclxuICAgIH1cclxuICB9XHJcbiAgZ2V0IGxpbmtXZWIoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5saW5rIGFzIElETGlua1dlYjtcclxuICB9XHJcbiAgZ2V0IGxpbmtSb3V0ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLiBsaW5rIGFzIElETGlua1JvdXRlO1xyXG4gIH1cclxuICBnZXQgbGlua0Z1bmN0aW9uKCkge1xyXG4gICAgcmV0dXJuIHRoaXMubGluayBhcyBJRExpbmtGdW5jdGlvbjtcclxuICB9XHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXMubGluaykge1xyXG4gICAgICB0aGlzLnNldExpbmtUeXBlKCk7XHJcbiAgICAgIHRoaXMuc2V0Q2xhc3NlcygpO1xyXG4gICAgfVxyXG4gICAgaWYgKGNoYW5nZXMuY29udGV4dENsYXNzZXMpIHtcclxuICAgICAgdGhpcy5zZXRDbGFzc2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG4gXHJcbn1cclxuIiwiPGEgKm5nSWY9XCJpc0xpbmtSb3V0ZVwiIFxyXG4gIFtjbGFzcy5uby1vdXRsaW5lXT1cIm5vT3V0bGluZVwiXHJcbiAgW2F0dHIuaWRdPVwibGlua1JvdXRlLmlkXCJcclxuICBbY2xhc3NdPVwiY2xhc3Nlc1wiICBcclxuICBbcm91dGVyTGlua109XCJsaW5rUm91dGUucm91dGVcIlxyXG4gIHJvdXRlckxpbmtBY3RpdmU9XCJzZWxlY3RlZFwiXHJcbiAgW3F1ZXJ5UGFyYW1zXT1cImxpbmtSb3V0ZS5xdWVyaWVzXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJlcGVuZFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAge3tsaW5rUm91dGUubGFiZWx9fVxyXG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFwcGVuZFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cclxuPC9hPlxyXG48YSAqbmdJZj1cImlzTGlua1dlYlwiIFxyXG4gIFtjbGFzcy5uby1vdXRsaW5lXT1cIm5vT3V0bGluZVwiXHJcbiAgW2F0dHIuaWRdPVwibGlua1dlYi5pZFwiXHJcbiAgW2NsYXNzXT1cImNsYXNzZXNcIiAgXHJcbiAgW2hyZWZdPVwibGlua1dlYi51cmxcIlxyXG4gIFthdHRyLnRhcmdldF09XCJsaW5rV2ViLnRhcmdldFwiXHJcbiAgW2F0dHIucmVsXT1cImlzTGlua0V4dGVybmFsID8gJ25vb3BlbmVyJyA6IG51bGxcIj5cclxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJwcmVwZW5kVGVtcGxhdGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICB7e2xpbmtXZWIubGFiZWx9fVxyXG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFwcGVuZFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cclxuPC9hPlxyXG48YSAqbmdJZj1cImlzTGlua0Z1bmN0aW9uXCIgXHJcbiAgW2NsYXNzLm5vLW91dGxpbmVdPVwibm9PdXRsaW5lXCJcclxuICBbYXR0ci5pZF09XCJsaW5rRnVuY3Rpb24uaWRcIlxyXG4gIFtjbGFzc109XCJjbGFzc2VzXCIgIFxyXG4gIFthdHRyLmhyZWZdPVwic2NyaXB0SHJlZlwiXHJcbiAgKGNsaWNrKT1cImxpbmtGdW5jdGlvbi5jbGljaygpXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJlcGVuZFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAge3tsaW5rRnVuY3Rpb24ubGFiZWx9fVxyXG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFwcGVuZFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cclxuPC9hPlxyXG5cclxuPG5nLXRlbXBsYXRlICNwcmVwZW5kVGVtcGxhdGU+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ByZXBlbmRdXCI+PC9uZy1jb250ZW50PlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNhcHBlbmRUZW1wbGF0ZT5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXBwZW5kXVwiPjwvbmctY29udGVudD5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -273,19 +273,24 @@ class IDButtonComponent {
|
|
|
273
273
|
this.disabled = false;
|
|
274
274
|
this.type = undefined;
|
|
275
275
|
this.color = undefined;
|
|
276
|
+
//For Dialog
|
|
277
|
+
this.trigger = '';
|
|
278
|
+
// General props
|
|
279
|
+
this.tabindex = '';
|
|
276
280
|
// Internal Icon
|
|
277
281
|
this.iconobject = undefined;
|
|
278
282
|
this.onClicked = new EventEmitter();
|
|
279
283
|
}
|
|
280
284
|
}
|
|
281
285
|
IDButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
282
|
-
IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, ngImport: i0, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit(true)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
286
|
+
IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [attr.trigger]=\"trigger ? 'true' : null\"\r\n [attr.tabindex]=\"tabindex ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit(true)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
283
287
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, decorators: [{
|
|
284
288
|
type: Component,
|
|
285
289
|
args: [{
|
|
286
290
|
selector: 'id-button',
|
|
287
291
|
templateUrl: './button.component.html',
|
|
288
292
|
styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
|
|
293
|
+
host: { 'class': 'ids-contains-clickable' },
|
|
289
294
|
encapsulation: ViewEncapsulation.None,
|
|
290
295
|
}]
|
|
291
296
|
}], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
|
|
@@ -318,6 +323,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
318
323
|
type: Input
|
|
319
324
|
}], color: [{
|
|
320
325
|
type: Input
|
|
326
|
+
}], trigger: [{
|
|
327
|
+
type: Input
|
|
328
|
+
}], tabindex: [{
|
|
329
|
+
type: Input
|
|
321
330
|
}], iconobject: [{
|
|
322
331
|
type: Input
|
|
323
332
|
}], onClicked: [{
|
|
@@ -610,6 +619,7 @@ class IDAnchorComponent {
|
|
|
610
619
|
this.isLinkFunction = false;
|
|
611
620
|
this.classes = '';
|
|
612
621
|
this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
|
|
622
|
+
this.noOutline = false;
|
|
613
623
|
/** Apply classes to <a> element */
|
|
614
624
|
this.contextClasses = [];
|
|
615
625
|
}
|
|
@@ -653,16 +663,21 @@ class IDAnchorComponent {
|
|
|
653
663
|
}
|
|
654
664
|
}
|
|
655
665
|
IDAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
656
|
-
IDAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0, template: "<a *ngIf=\"isLinkRoute\" \r\n
|
|
666
|
+
IDAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", noOutline: "noOutline", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0, template: "<a *ngIf=\"isLinkRoute\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkRoute.id\"\r\n [class]=\"classes\" \r\n [routerLink]=\"linkRoute.route\"\r\n routerLinkActive=\"selected\"\r\n [queryParams]=\"linkRoute.queries\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkRoute.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkWeb\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkWeb.id\"\r\n [class]=\"classes\" \r\n [href]=\"linkWeb.url\"\r\n [attr.target]=\"linkWeb.target\"\r\n [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkWeb.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n<a *ngIf=\"isLinkFunction\" \r\n [class.no-outline]=\"noOutline\"\r\n [attr.id]=\"linkFunction.id\"\r\n [class]=\"classes\" \r\n [attr.href]=\"scriptHref\"\r\n (click)=\"linkFunction.click()\">\r\n <ng-template [ngTemplateOutlet]=\"prependTemplate\"></ng-template>\r\n {{linkFunction.label}}\r\n <ng-template [ngTemplateOutlet]=\"appendTemplate\"></ng-template>\r\n</a>\r\n\r\n<ng-template #prependTemplate>\r\n <ng-content select=\"[prepend]\"></ng-content>\r\n</ng-template>\r\n\r\n<ng-template #appendTemplate>\r\n <ng-content select=\"[append]\"></ng-content>\r\n</ng-template>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }", ".no-outline:focus { outline: none;}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
657
667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, decorators: [{
|
|
658
668
|
type: Component,
|
|
659
669
|
args: [{
|
|
660
670
|
selector: 'id-anchor',
|
|
661
671
|
templateUrl: './anchor.component.html',
|
|
662
|
-
styles: [
|
|
672
|
+
styles: [
|
|
673
|
+
'a { color: inherit; text-decoration: inherit; font-size: inherit }',
|
|
674
|
+
'.no-outline:focus { outline: none;}'
|
|
675
|
+
]
|
|
663
676
|
}]
|
|
664
677
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { link: [{
|
|
665
678
|
type: Input
|
|
679
|
+
}], noOutline: [{
|
|
680
|
+
type: Input
|
|
666
681
|
}], contextClasses: [{
|
|
667
682
|
type: Input
|
|
668
683
|
}] } });
|
|
@@ -676,7 +691,7 @@ class IDBreadcrumbsComponent {
|
|
|
676
691
|
}
|
|
677
692
|
}
|
|
678
693
|
IDBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
679
|
-
IDBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", current: "current", srlabel: "srlabel", links: "links", mobilelink: "mobilelink" }, ngImport: i0, template: "<ids-breadcrumbs\r\n [current]=\"current\"\r\n [lead]=\"lead\"\r\n [srlabel]=\"srlabel\">\r\n <ids-crumb *ngFor=\"let link of links\">\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-crumb>\r\n <ids-crumb mobile=\"true\" *ngIf=\"mobilelink\">\r\n <id-anchor [link]=\"mobilelink\"></id-anchor>\r\n </ids-crumb>\r\n</ids-breadcrumbs>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
694
|
+
IDBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { lead: "lead", current: "current", srlabel: "srlabel", links: "links", mobilelink: "mobilelink" }, ngImport: i0, template: "<ids-breadcrumbs\r\n [current]=\"current\"\r\n [lead]=\"lead\"\r\n [srlabel]=\"srlabel\">\r\n <ids-crumb *ngFor=\"let link of links\">\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-crumb>\r\n <ids-crumb mobile=\"true\" *ngIf=\"mobilelink\">\r\n <id-anchor [link]=\"mobilelink\"></id-anchor>\r\n </ids-crumb>\r\n</ids-breadcrumbs>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
680
695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
|
|
681
696
|
type: Component,
|
|
682
697
|
args: [{
|
|
@@ -743,10 +758,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
743
758
|
class IDCardComponent {
|
|
744
759
|
constructor() {
|
|
745
760
|
this.fill = false;
|
|
761
|
+
this.lean = false;
|
|
746
762
|
}
|
|
747
763
|
}
|
|
748
764
|
IDCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
749
|
-
IDCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill" }, ngImport: i0, template: "<ids-card \r\n [fill]=\"fill\">\r\n <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
|
|
765
|
+
IDCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill", lean: "lean" }, ngImport: i0, template: "<ids-card \r\n [lean]=\"lean\"\r\n [fill]=\"fill\">\r\n <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
|
|
750
766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, decorators: [{
|
|
751
767
|
type: Component,
|
|
752
768
|
args: [{
|
|
@@ -756,6 +772,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
756
772
|
}]
|
|
757
773
|
}], ctorParameters: function () { return []; }, propDecorators: { fill: [{
|
|
758
774
|
type: Input
|
|
775
|
+
}], lean: [{
|
|
776
|
+
type: Input
|
|
759
777
|
}] } });
|
|
760
778
|
|
|
761
779
|
class IDCardModule {
|
|
@@ -786,7 +804,7 @@ class IDDateLabelComponent {
|
|
|
786
804
|
}
|
|
787
805
|
}
|
|
788
806
|
IDDateLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
789
|
-
IDDateLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0, template: "<ids-date-label \n [date]=\"date?.toString()\"\n [year]=\"year\"\n [month]=\"month\"\n [monthlabel]=\"monthlabel\"\n [day]=\"day\">\n <ng-content></ng-content>\n</ids-date-label>", encapsulation: i0.ViewEncapsulation.None });
|
|
807
|
+
IDDateLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0, template: "<ids-date-label \r\n [date]=\"date?.toString()\"\r\n [year]=\"year\"\r\n [month]=\"month\"\r\n [monthlabel]=\"monthlabel\"\r\n [day]=\"day\">\r\n <ng-content></ng-content>\r\n</ids-date-label>", encapsulation: i0.ViewEncapsulation.None });
|
|
790
808
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDateLabelComponent, decorators: [{
|
|
791
809
|
type: Component,
|
|
792
810
|
args: [{
|
|
@@ -829,6 +847,7 @@ class IDDialogComponent {
|
|
|
829
847
|
this.dismissible = false;
|
|
830
848
|
this.srclosetext = '';
|
|
831
849
|
this.nofocustrap = false;
|
|
850
|
+
this.autofocus = false;
|
|
832
851
|
this.headline = '';
|
|
833
852
|
this.overlay = false;
|
|
834
853
|
this.persistent = false;
|
|
@@ -841,7 +860,7 @@ class IDDialogComponent {
|
|
|
841
860
|
}
|
|
842
861
|
}
|
|
843
862
|
IDDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
844
|
-
IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ids-dialog \r\n [attr.dismissible]=\"dismissible ? true : null\"\r\n [attr.headline]=\"headline\"\r\n [attr.overlay]=\"overlay ? true : null\"\r\n [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n [attr.persistent]=\"persistent ? true : null\"\r\n [show]=\"show\"\r\n [width]=\"width\"\r\n nofocustrap=\"nofocustrap\"\r\n [srclosetext]=\"srclosetext\"\r\n (closed)=\"emitOnClosed\">\r\n <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
|
|
863
|
+
IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0, template: "<ids-dialog \r\n [attr.dismissible]=\"dismissible ? true : null\"\r\n [attr.headline]=\"headline\"\r\n [attr.overlay]=\"overlay ? true : null\"\r\n [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n [attr.autofocus]=\"autofocus ? true : null\"\r\n [attr.persistent]=\"persistent ? true : null\"\r\n [show]=\"show\"\r\n [width]=\"width\"\r\n nofocustrap=\"nofocustrap\"\r\n [srclosetext]=\"srclosetext\"\r\n (closed)=\"emitOnClosed\">\r\n <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
|
|
845
864
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, decorators: [{
|
|
846
865
|
type: Component,
|
|
847
866
|
args: [{
|
|
@@ -855,6 +874,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
855
874
|
type: Input
|
|
856
875
|
}], nofocustrap: [{
|
|
857
876
|
type: Input
|
|
877
|
+
}], autofocus: [{
|
|
878
|
+
type: Input
|
|
858
879
|
}], headline: [{
|
|
859
880
|
type: Input
|
|
860
881
|
}], overlay: [{
|
|
@@ -960,6 +981,9 @@ class IDIcon {
|
|
|
960
981
|
get title() {
|
|
961
982
|
return this._props.title;
|
|
962
983
|
}
|
|
984
|
+
get inline() {
|
|
985
|
+
return this._props.inline;
|
|
986
|
+
}
|
|
963
987
|
get color() {
|
|
964
988
|
return this._props.color;
|
|
965
989
|
}
|
|
@@ -1899,7 +1923,7 @@ class IDMobileMenuComponent {
|
|
|
1899
1923
|
}
|
|
1900
1924
|
}
|
|
1901
1925
|
IDMobileMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1902
|
-
IDMobileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0, template: "<ids-mobile-menu \r\n [type]=\"type\"\r\n [variation]=\"variation\">\r\n <ids-mobile-menu-item *ngFor=\"let item of items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [variation]=\"variation\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n [variation]=\"variation\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n
|
|
1926
|
+
IDMobileMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0, template: "<ids-mobile-menu \r\n [type]=\"type\"\r\n [variation]=\"variation\">\r\n <ids-mobile-menu-item *ngFor=\"let item of items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [variation]=\"variation\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n <ids-icon prepend\r\n slot=\"link\"\r\n *ngIf=\"item.prependIcon\"\r\n [attr.name]=\"item.prependIcon?.name\"\r\n [attr.inline]=\"item.prependIcon?.inline\"\r\n [attr.title]=\"item.prependIcon?.title\" \r\n [attr.color]=\"item.prependIcon?.color\" \r\n [attr.color2]=\"item.prependIcon?.color2\" \r\n [attr.size]=\"item.prependIcon?.size\" \r\n [attr.padding]=\"item.prependIcon?.padding\" \r\n [attr.rotate]=\"item.prependIcon?.rotate\" \r\n [attr.colorpreset]=\"item.prependIcon?.colorpreset\" \r\n [attr.height]=\"item.prependIcon?.height\" \r\n [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n <ids-icon append\r\n *ngIf=\"item.appendIcon\"\r\n [attr.name]=\"item.appendIcon?.name\"\r\n [attr.inline]=\"item.appendIcon?.inline\"\r\n [attr.title]=\"item.appendIcon?.title\" \r\n [attr.color]=\"item.appendIcon?.color\" \r\n [attr.color2]=\"item.appendIcon?.color2\" \r\n [attr.size]=\"item.appendIcon?.size\" \r\n [attr.padding]=\"item.appendIcon?.padding\" \r\n [attr.rotate]=\"item.appendIcon?.rotate\" \r\n [attr.colorpreset]=\"item.appendIcon?.colorpreset\" \r\n [attr.height]=\"item.appendIcon?.height\" \r\n [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n </id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n [variation]=\"variation\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n <ids-icon prepend\r\n slot=\"link\"\r\n *ngIf=\"item.prependIcon\"\r\n [attr.name]=\"item.prependIcon?.name\"\r\n [attr.inline]=\"item.prependIcon?.inline\"\r\n [attr.title]=\"item.prependIcon?.title\" \r\n [attr.color]=\"item.prependIcon?.color\" \r\n [attr.color2]=\"item.prependIcon?.color2\" \r\n [attr.size]=\"item.prependIcon?.size\" \r\n [attr.padding]=\"item.prependIcon?.padding\" \r\n [attr.rotate]=\"item.prependIcon?.rotate\" \r\n [attr.colorpreset]=\"item.prependIcon?.colorpreset\" \r\n [attr.height]=\"item.prependIcon?.height\" \r\n [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n <ids-icon append\r\n *ngIf=\"item.appendIcon\"\r\n [attr.name]=\"item.appendIcon?.name\"\r\n [attr.inline]=\"item.appendIcon?.inline\"\r\n [attr.title]=\"item.appendIcon?.title\" \r\n [attr.color]=\"item.appendIcon?.color\" \r\n [attr.color2]=\"item.appendIcon?.color2\" \r\n [attr.size]=\"item.appendIcon?.size\" \r\n [attr.padding]=\"item.appendIcon?.padding\" \r\n [attr.rotate]=\"item.appendIcon?.rotate\" \r\n [attr.colorpreset]=\"item.appendIcon?.colorpreset\" \r\n [attr.height]=\"item.appendIcon?.height\" \r\n [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n </id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n [variation]=\"variation\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n <ids-icon prepend\r\n slot=\"link\"\r\n *ngIf=\"item.prependIcon\"\r\n [attr.name]=\"item.prependIcon?.name\"\r\n [attr.inline]=\"item.prependIcon?.inline\"\r\n [attr.title]=\"item.prependIcon?.title\" \r\n [attr.color]=\"item.prependIcon?.color\" \r\n [attr.color2]=\"item.prependIcon?.color2\" \r\n [attr.size]=\"item.prependIcon?.size\" \r\n [attr.padding]=\"item.prependIcon?.padding\" \r\n [attr.rotate]=\"item.prependIcon?.rotate\" \r\n [attr.colorpreset]=\"item.prependIcon?.colorpreset\" \r\n [attr.height]=\"item.prependIcon?.height\" \r\n [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n <ids-icon append\r\n *ngIf=\"item.appendIcon\"\r\n [attr.name]=\"item.appendIcon?.name\"\r\n [attr.inline]=\"item.appendIcon?.inline\"\r\n [attr.title]=\"item.appendIcon?.title\" \r\n [attr.color]=\"item.appendIcon?.color\" \r\n [attr.color2]=\"item.appendIcon?.color2\" \r\n [attr.size]=\"item.appendIcon?.size\" \r\n [attr.padding]=\"item.appendIcon?.padding\" \r\n [attr.rotate]=\"item.appendIcon?.rotate\" \r\n [attr.colorpreset]=\"item.appendIcon?.colorpreset\" \r\n [attr.height]=\"item.appendIcon?.height\" \r\n [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n </id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n [variation]=\"variation\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor [noOutline]=\"true\"slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n <ids-icon prepend\r\n slot=\"link\"\r\n *ngIf=\"item.prependIcon\"\r\n [attr.name]=\"item.prependIcon?.name\"\r\n [attr.inline]=\"item.prependIcon?.inline\"\r\n [attr.title]=\"item.prependIcon?.title\" \r\n [attr.color]=\"item.prependIcon?.color\" \r\n [attr.color2]=\"item.prependIcon?.color2\" \r\n [attr.size]=\"item.prependIcon?.size\" \r\n [attr.padding]=\"item.prependIcon?.padding\" \r\n [attr.rotate]=\"item.prependIcon?.rotate\" \r\n [attr.colorpreset]=\"item.prependIcon?.colorpreset\" \r\n [attr.height]=\"item.prependIcon?.height\" \r\n [attr.width]=\"item.prependIcon?.width\"></ids-icon>\r\n <ids-icon append\r\n *ngIf=\"item.appendIcon\"\r\n [attr.name]=\"item.appendIcon?.name\"\r\n [attr.inline]=\"item.appendIcon?.inline\"\r\n [attr.title]=\"item.appendIcon?.title\" \r\n [attr.color]=\"item.appendIcon?.color\" \r\n [attr.color2]=\"item.appendIcon?.color2\" \r\n [attr.size]=\"item.appendIcon?.size\" \r\n [attr.padding]=\"item.appendIcon?.padding\" \r\n [attr.rotate]=\"item.appendIcon?.rotate\" \r\n [attr.colorpreset]=\"item.appendIcon?.colorpreset\" \r\n [attr.height]=\"item.appendIcon?.height\" \r\n [attr.width]=\"item.appendIcon?.width\"></ids-icon>\r\n </id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n</ids-mobile-menu>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1903
1927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
|
|
1904
1928
|
type: Component,
|
|
1905
1929
|
args: [{
|
|
@@ -1943,6 +1967,12 @@ class IDMobileMenuItem {
|
|
|
1943
1967
|
get link() {
|
|
1944
1968
|
return this._props.link;
|
|
1945
1969
|
}
|
|
1970
|
+
get prependIcon() {
|
|
1971
|
+
return this._props.prependIcon;
|
|
1972
|
+
}
|
|
1973
|
+
get appendIcon() {
|
|
1974
|
+
return this._props.appendIcon;
|
|
1975
|
+
}
|
|
1946
1976
|
get items() {
|
|
1947
1977
|
return this._props.items;
|
|
1948
1978
|
}
|
|
@@ -1970,6 +2000,7 @@ class IDMobileMenuItem {
|
|
|
1970
2000
|
|
|
1971
2001
|
class IDPopoverComponent {
|
|
1972
2002
|
constructor() {
|
|
2003
|
+
this.autofocus = false;
|
|
1973
2004
|
this.maxwidth = '260px';
|
|
1974
2005
|
this.maxheight = '260px';
|
|
1975
2006
|
this.cathegory = undefined;
|
|
@@ -1977,14 +2008,16 @@ class IDPopoverComponent {
|
|
|
1977
2008
|
}
|
|
1978
2009
|
}
|
|
1979
2010
|
IDPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1980
|
-
IDPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0, template: "<ids-popover \r\n [attr.cathegory]=\"cathegory\"\r\n [attr.position]=\"position\">\r\n <ng-content></ng-content>\r\n <ids-popover-content \r\n [attr.maxwidth]=\"maxwidth\"\r\n [attr.maxheight]=\"maxheight\">\r\n <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
|
|
2011
|
+
IDPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { autofocus: "autofocus", maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0, template: "<ids-popover \r\n [attr.cathegory]=\"cathegory\"\r\n [attr.position]=\"position\">\r\n <ng-content></ng-content>\r\n <ids-popover-content \r\n [attr.autofocus]=\"autofocus ? 'true' : null\"\r\n [attr.maxwidth]=\"maxwidth\"\r\n [attr.maxheight]=\"maxheight\">\r\n <ng-content select=\"[popover-content]\"></ng-content>\r\n </ids-popover-content>\r\n</ids-popover>" });
|
|
1981
2012
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDPopoverComponent, decorators: [{
|
|
1982
2013
|
type: Component,
|
|
1983
2014
|
args: [{
|
|
1984
2015
|
selector: 'id-popover',
|
|
1985
2016
|
templateUrl: './popover.component.html',
|
|
1986
2017
|
}]
|
|
1987
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
2018
|
+
}], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
|
|
2019
|
+
type: Input
|
|
2020
|
+
}], maxwidth: [{
|
|
1988
2021
|
type: Input
|
|
1989
2022
|
}], maxheight: [{
|
|
1990
2023
|
type: Input
|
|
@@ -2064,7 +2097,7 @@ class IDFooterComponent {
|
|
|
2064
2097
|
}
|
|
2065
2098
|
}
|
|
2066
2099
|
IDFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2067
|
-
IDFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobilemenuitems: "mobilemenuitems" }, ngImport: i0, template: "<ids-footer \r\n [type]=\"type\"\r\n [headline]=\"headline\"\r\n [subheadline]=\"subheadline\"\r\n [servicename]=\"servicename\"\r\n [cols]=\"cols\"\r\n [linkcol1]=\"linkcol1\"\r\n [linkcol2]=\"linkcol2\"\r\n [linkcol3]=\"linkcol3\">\r\n <ng-content></ng-content>\r\n <ids-mobile-menu \r\n slot=\"mobile-menu\"\r\n variation=\"2\"\r\n *ngIf=\"mobilemenuitems\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-item *ngFor=\"let item of mobilemenuitems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2100
|
+
IDFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDFooterComponent, selector: "id-footer", inputs: { type: "type", headline: "headline", servicename: "servicename", subheadline: "subheadline", cols: "cols", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobilemenuitems: "mobilemenuitems" }, ngImport: i0, template: "<ids-footer \r\n [type]=\"type\"\r\n [headline]=\"headline\"\r\n [subheadline]=\"subheadline\"\r\n [servicename]=\"servicename\"\r\n [cols]=\"cols\"\r\n [linkcol1]=\"linkcol1\"\r\n [linkcol2]=\"linkcol2\"\r\n [linkcol3]=\"linkcol3\">\r\n <ng-content></ng-content>\r\n <ids-mobile-menu \r\n slot=\"mobile-menu\"\r\n variation=\"2\"\r\n *ngIf=\"mobilemenuitems\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-item *ngFor=\"let item of mobilemenuitems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2068
2101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, decorators: [{
|
|
2069
2102
|
type: Component,
|
|
2070
2103
|
args: [{
|
|
@@ -2126,7 +2159,7 @@ class IDHeaderComponent {
|
|
|
2126
2159
|
}
|
|
2127
2160
|
}
|
|
2128
2161
|
IDHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2129
|
-
IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandtext: "brandtext", brandtexttop: "brandtexttop", brandtextbottom: "brandtextbottom", hideregionpicker: "hideregionpicker", fluid: "fluid", unresponsive: "unresponsive", hidebrand: "hidebrand", logohref: "logohref", pickregiontext: "pickregiontext", regionicon: "regionicon", regionicontitle: "regionicontitle", srlogolabel: "srlogolabel", items: "items", avatar: "avatar", avatarmaxwidth: "avatarmaxwidth", navitems: "navitems", persistentmobilemenu: "persistentmobilemenu", mobileitems: "mobileitems", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.fluid]=\"fluid ? true : null\"\r\n [attr.brandtext]=\"brandtext\"\r\n [attr.brandtexttop]=\"brandtexttop\"\r\n [attr.brandtextbottom]=\"brandtextbottom\"\r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [hideregionpicker]=\"hideregionpicker ? true : null\"\r\n [logohref]=\"logohref\"\r\n [hidebrand]=\"hidebrand\"\r\n [pickregiontext]=\"pickregiontext\"\r\n [srlogolabel]=\"srlogolabel\"\r\n (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\r\n <ids-icon *ngIf=\"regionicon\" slot=\"region\" [name]=\"regionicon\" [title]=\"regionicontitle\"></ids-icon>\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [mobile]=\"item.mobile\"\r\n [attr.separatorleft]=\"item.separatorLeft\">\r\n <ids-icon [name]=\"item.iconName\"></ids-icon>\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav slot=\"header-nav\" *ngIf=\"navitems || mobileitems\" [attr.type]=\"type\">\r\n <ids-header-nav-item *ngFor=\"let navitem of navitems; let i = index\" [attr.type]=\"type\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n <id-anchor *ngIf=\"navitem.link\" [link]=\"navitem.link\"></id-anchor>\r\n <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navitem.col1\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link> \r\n <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navitem.col2\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navitem.col3\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <div slot=\"col-4\">\r\n <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"ids-heading-2\">{{navitem.headline}}</h2>\r\n <p class=\"body\">{{navitem.paragraph}}</p>\r\n <id-anchor [link]=\"navitem.paragraphLink\"></id-anchor>\r\n </div>\r\n </ids-header-nav-item>\r\n <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileitems\">\r\n <ids-icon [name]=\"mobileItem.iconName\"></ids-icon>\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n [attr.type]=\"type\" *ngIf=\"mobilemenuitems\">\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobilemenuitems\"\r\n slot=\"menu-link\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n </ids-header-nav>\r\n\r\n <ids-header-avatar [maxwidth]=\"avatar.maxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n *ngIf=\"type !== '1177' && (mobilemenuitems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-item *ngFor=\"let item of mobilemenuitems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\" [unit]=\"avatar.unit\">\r\n <ng-content select=\"[avatarMobile]\"></ng-content>\r\n <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n </ids-mobile-menu-avatar>\r\n </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2162
|
+
IDHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandtext: "brandtext", brandtexttop: "brandtexttop", brandtextbottom: "brandtextbottom", hideregionpicker: "hideregionpicker", fluid: "fluid", unresponsive: "unresponsive", hidebrand: "hidebrand", logohref: "logohref", pickregiontext: "pickregiontext", regionicon: "regionicon", regionicontitle: "regionicontitle", srlogolabel: "srlogolabel", items: "items", avatar: "avatar", avatarmaxwidth: "avatarmaxwidth", navitems: "navitems", persistentmobilemenu: "persistentmobilemenu", mobileitems: "mobileitems", mobilemenuitems: "mobilemenuitems" }, outputs: { onDidToggleRegion: "onDidToggleRegion" }, ngImport: i0, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.fluid]=\"fluid ? true : null\"\r\n [attr.brandtext]=\"brandtext\"\r\n [attr.brandtexttop]=\"brandtexttop\"\r\n [attr.brandtextbottom]=\"brandtextbottom\"\r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [hideregionpicker]=\"hideregionpicker ? true : null\"\r\n [logohref]=\"logohref\"\r\n [hidebrand]=\"hidebrand\"\r\n [pickregiontext]=\"pickregiontext\"\r\n [srlogolabel]=\"srlogolabel\"\r\n (didToggleRegion)=\"onDidToggleRegion.emit(true)\">\r\n <ids-icon *ngIf=\"regionicon\" slot=\"region\" [name]=\"regionicon\" [title]=\"regionicontitle\"></ids-icon>\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [mobile]=\"item.mobile\"\r\n [attr.separatorleft]=\"item.separatorLeft\">\r\n <ids-icon [name]=\"item.iconName\"></ids-icon>\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav slot=\"header-nav\" *ngIf=\"navitems || mobileitems\" [attr.type]=\"type\">\r\n <ids-header-nav-item *ngFor=\"let navitem of navitems; let i = index\" [attr.type]=\"type\" [label]=\"navitem.label\" [link]=\"navitem.link\" [active]=\"navitem.active\">\r\n <id-anchor *ngIf=\"navitem.link\" [link]=\"navitem.link\"></id-anchor>\r\n <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navitem.col1\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link> \r\n <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navitem.col2\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navitem.col3\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <div slot=\"col-4\">\r\n <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"ids-heading-2\">{{navitem.headline}}</h2>\r\n <p class=\"body\">{{navitem.paragraph}}</p>\r\n <id-anchor [link]=\"navitem.paragraphLink\"></id-anchor>\r\n </div>\r\n </ids-header-nav-item>\r\n <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileitems\">\r\n <ids-icon [name]=\"mobileItem.iconName\"></ids-icon>\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n [attr.type]=\"type\" *ngIf=\"mobilemenuitems\">\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobilemenuitems\"\r\n slot=\"menu-link\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n </ids-header-nav>\r\n\r\n <ids-header-avatar [maxwidth]=\"avatar.maxWidth\" [attr.type]=\"type\" *ngIf=\"avatar\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n [attr.persistent]=\"persistentmobilemenu ? true : null\"\r\n *ngIf=\"type !== '1177' && (mobilemenuitems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-item *ngFor=\"let item of mobilemenuitems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\" [unit]=\"avatar.unit\">\r\n <ng-content select=\"[avatarMobile]\"></ng-content>\r\n <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n </ids-mobile-menu-avatar>\r\n </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2130
2163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
|
|
2131
2164
|
type: Component,
|
|
2132
2165
|
args: [{
|