@inera/ids-angular 3.0.2 → 3.0.4
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 +23 -16
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/components/agent/agent.component.js +3 -3
- package/esm2015/lib/components/alert-global/alert-global.component.js +3 -3
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +1 -1
- package/esm2015/lib/components/footer/footer.component.js +1 -1
- package/esm2015/lib/components/grid/row/row.component.js +5 -2
- package/esm2015/lib/components/header/header.component.js +5 -2
- package/esm2015/lib/components/mobile/menu/mobile-menu.component.js +1 -1
- package/esm2015/lib/components/notification/badge/notification-badge.component.js +3 -6
- package/esm2015/lib/internals/anchor.component.js +7 -3
- package/fesm2015/inera-ids-angular.js +23 -16
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/components/grid/row/row.component.d.ts +2 -1
- package/lib/components/header/header.component.d.ts +2 -1
- package/lib/components/notification/badge/notification-badge.component.d.ts +1 -2
- package/lib/internals/anchor.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -122,8 +122,8 @@ class IDAlertGlobalComponent {
|
|
|
122
122
|
this.expanded = true;
|
|
123
123
|
this.headline = '';
|
|
124
124
|
this.hidemobileicon = '';
|
|
125
|
-
this.showtext = 'Visa
|
|
126
|
-
this.hidetext = '
|
|
125
|
+
this.showtext = 'Visa mer';
|
|
126
|
+
this.hidetext = 'Visa mindre';
|
|
127
127
|
this.icon = undefined;
|
|
128
128
|
this.onDidToggleExpansion = new EventEmitter();
|
|
129
129
|
}
|
|
@@ -176,8 +176,8 @@ class IDAgentComponent {
|
|
|
176
176
|
constructor() {
|
|
177
177
|
this.expanded = true;
|
|
178
178
|
this.headline = '';
|
|
179
|
-
this.showtext = 'Visa
|
|
180
|
-
this.hidetext = '
|
|
179
|
+
this.showtext = 'Visa mer';
|
|
180
|
+
this.hidetext = 'Visa mindre';
|
|
181
181
|
this.onDidToggleExpansion = new EventEmitter();
|
|
182
182
|
}
|
|
183
183
|
}
|
|
@@ -619,6 +619,7 @@ class IDAnchorComponent {
|
|
|
619
619
|
this.isLinkFunction = false;
|
|
620
620
|
this.classes = '';
|
|
621
621
|
this.scriptHref = this.sanitizer.bypassSecurityTrustUrl('javascript:');
|
|
622
|
+
this.block = false;
|
|
622
623
|
this.noOutline = false;
|
|
623
624
|
/** Apply classes to <a> element */
|
|
624
625
|
this.contextClasses = [];
|
|
@@ -663,7 +664,7 @@ class IDAnchorComponent {
|
|
|
663
664
|
}
|
|
664
665
|
}
|
|
665
666
|
IDAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
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"] }] });
|
|
667
|
+
IDAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", block: "block", noOutline: "noOutline", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0, template: "<a *ngIf=\"isLinkRoute\" \r\n [class.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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.ids-no-outline]=\"noOutline\"\r\n [class.ids-block]=\"block\"\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 }", ".ids-no-outline:focus { outline: none;}", ".ids-block { display: block;}"], 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"] }] });
|
|
667
668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, decorators: [{
|
|
668
669
|
type: Component,
|
|
669
670
|
args: [{
|
|
@@ -671,11 +672,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
671
672
|
templateUrl: './anchor.component.html',
|
|
672
673
|
styles: [
|
|
673
674
|
'a { color: inherit; text-decoration: inherit; font-size: inherit }',
|
|
674
|
-
'.no-outline:focus { outline: none;}'
|
|
675
|
+
'.ids-no-outline:focus { outline: none;}',
|
|
676
|
+
'.ids-block { display: block;}'
|
|
675
677
|
]
|
|
676
678
|
}]
|
|
677
679
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { link: [{
|
|
678
680
|
type: Input
|
|
681
|
+
}], block: [{
|
|
682
|
+
type: Input
|
|
679
683
|
}], noOutline: [{
|
|
680
684
|
type: Input
|
|
681
685
|
}], contextClasses: [{
|
|
@@ -691,7 +695,7 @@ class IDBreadcrumbsComponent {
|
|
|
691
695
|
}
|
|
692
696
|
}
|
|
693
697
|
IDBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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 });
|
|
698
|
+
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", "block", "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 });
|
|
695
699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
|
|
696
700
|
type: Component,
|
|
697
701
|
args: [{
|
|
@@ -1484,13 +1488,14 @@ class IDRowComponent {
|
|
|
1484
1488
|
this._elementRef = _elementRef;
|
|
1485
1489
|
this.align = null;
|
|
1486
1490
|
this.class = null;
|
|
1491
|
+
this.gap = null;
|
|
1487
1492
|
this.justify = null;
|
|
1488
1493
|
this.style = null;
|
|
1489
1494
|
this._elementRef.nativeElement.removeAttribute('style');
|
|
1490
1495
|
}
|
|
1491
1496
|
}
|
|
1492
1497
|
IDRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1493
|
-
IDRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", inputs: { align: "align", class: "class", justify: "justify", style: "style" }, ngImport: i0, template: "<ids-row [attr.class]=\"class\"
|
|
1498
|
+
IDRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", inputs: { align: "align", class: "class", gap: "gap", justify: "justify", style: "style" }, ngImport: i0, template: "<ids-row \r\n [attr.class]=\"class\"\r\n [style]=\"style\" \r\n [justify]=\"justify\"\r\n [align]=\"align\"\r\n [gap]=\"gap\">\r\n <ng-content></ng-content>\r\n</ids-row>" });
|
|
1494
1499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRowComponent, decorators: [{
|
|
1495
1500
|
type: Component,
|
|
1496
1501
|
args: [{
|
|
@@ -1501,6 +1506,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1501
1506
|
type: Input
|
|
1502
1507
|
}], class: [{
|
|
1503
1508
|
type: Input
|
|
1509
|
+
}], gap: [{
|
|
1510
|
+
type: Input
|
|
1504
1511
|
}], justify: [{
|
|
1505
1512
|
type: Input
|
|
1506
1513
|
}], style: [{
|
|
@@ -1861,12 +1868,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1861
1868
|
|
|
1862
1869
|
class IDNotificationBadgeComponent {
|
|
1863
1870
|
constructor() {
|
|
1864
|
-
this.size = 'm';
|
|
1865
1871
|
this.outlined = false;
|
|
1866
1872
|
}
|
|
1867
1873
|
}
|
|
1868
1874
|
IDNotificationBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1869
|
-
IDNotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: {
|
|
1875
|
+
IDNotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { outlined: "outlined" }, ngImport: i0, template: "<ids-notification-badge\r\n [attr.outlined]=\"outlined ? true : null\">\r\n <ng-content></ng-content>\r\n</ids-notification-badge>", encapsulation: i0.ViewEncapsulation.None });
|
|
1870
1876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
|
|
1871
1877
|
type: Component,
|
|
1872
1878
|
args: [{
|
|
@@ -1874,9 +1880,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1874
1880
|
templateUrl: './notification-badge.component.html',
|
|
1875
1881
|
encapsulation: ViewEncapsulation.None,
|
|
1876
1882
|
}]
|
|
1877
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
1878
|
-
type: Input
|
|
1879
|
-
}], outlined: [{
|
|
1883
|
+
}], ctorParameters: function () { return []; }, propDecorators: { outlined: [{
|
|
1880
1884
|
type: Input
|
|
1881
1885
|
}] } });
|
|
1882
1886
|
|
|
@@ -1923,7 +1927,7 @@ class IDMobileMenuComponent {
|
|
|
1923
1927
|
}
|
|
1924
1928
|
}
|
|
1925
1929
|
IDMobileMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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"] }] });
|
|
1930
|
+
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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1927
1931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
|
|
1928
1932
|
type: Component,
|
|
1929
1933
|
args: [{
|
|
@@ -2097,7 +2101,7 @@ class IDFooterComponent {
|
|
|
2097
2101
|
}
|
|
2098
2102
|
}
|
|
2099
2103
|
IDFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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"] }] });
|
|
2104
|
+
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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2101
2105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDFooterComponent, decorators: [{
|
|
2102
2106
|
type: Component,
|
|
2103
2107
|
args: [{
|
|
@@ -2155,11 +2159,12 @@ class IDHeaderComponent {
|
|
|
2155
2159
|
this.srlogolabel = 'Logotyp';
|
|
2156
2160
|
this.avatarmaxwidth = '';
|
|
2157
2161
|
this.persistentmobilemenu = false;
|
|
2162
|
+
this.mobilemenulabel = '';
|
|
2158
2163
|
this.onDidToggleRegion = new EventEmitter();
|
|
2159
2164
|
}
|
|
2160
2165
|
}
|
|
2161
2166
|
IDHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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"] }] });
|
|
2167
|
+
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", mobilemenulabel: "mobilemenulabel", 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 {{mobilemenulabel}}\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 [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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 [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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 [noOutline]=\"true\" [block]=\"true\" slot=\"link\" *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", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2163
2168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
|
|
2164
2169
|
type: Component,
|
|
2165
2170
|
args: [{
|
|
@@ -2204,6 +2209,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2204
2209
|
type: Input
|
|
2205
2210
|
}], mobileitems: [{
|
|
2206
2211
|
type: Input
|
|
2212
|
+
}], mobilemenulabel: [{
|
|
2213
|
+
type: Input
|
|
2207
2214
|
}], mobilemenuitems: [{
|
|
2208
2215
|
type: Input
|
|
2209
2216
|
}], onDidToggleRegion: [{
|