@inera/ids-angular 1.14.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/inera-ids-angular.umd.js +10 -14
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.component.js +4 -4
- package/esm2015/lib/components/form/base/IDFormBase.js +2 -2
- package/esm2015/lib/components/form/checkbox/checkbox.component.js +4 -7
- package/esm2015/lib/components/header/header.component.js +2 -2
- package/esm2015/lib/components/icon/icon.component.js +2 -2
- package/esm2015/lib/components/link/link.component.js +2 -2
- package/esm2015/lib/components/navigation/content/navigation-content.module.js +1 -1
- package/esm2015/lib/components/tabs/panel/tab-panel.component.js +1 -1
- package/fesm2015/inera-ids-angular.js +9 -12
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +2 -2
- package/lib/components/form/base/IDFormBase.d.ts +1 -1
- package/lib/components/form/checkbox/checkbox.component.d.ts +1 -2
- package/package.json +2 -2
|
@@ -886,12 +886,12 @@
|
|
|
886
886
|
this.links = [];
|
|
887
887
|
this.current = '';
|
|
888
888
|
this.lead = '';
|
|
889
|
-
this.
|
|
889
|
+
this.srLabel = '';
|
|
890
890
|
}
|
|
891
891
|
return IDBreadcrumbsComponent;
|
|
892
892
|
}());
|
|
893
893
|
IDBreadcrumbsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
894
|
-
IDBreadcrumbsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { links: "links", mobileLink: "mobileLink", current: "current", lead: "lead",
|
|
894
|
+
IDBreadcrumbsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDBreadcrumbsComponent, selector: "id-breadcrumbs", inputs: { links: "links", mobileLink: "mobileLink", current: "current", lead: "lead", srLabel: "srLabel" }, ngImport: i0__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
895
895
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDBreadcrumbsComponent, decorators: [{
|
|
896
896
|
type: i0.Component,
|
|
897
897
|
args: [{
|
|
@@ -907,7 +907,7 @@
|
|
|
907
907
|
type: i0.Input
|
|
908
908
|
}], lead: [{
|
|
909
909
|
type: i0.Input
|
|
910
|
-
}],
|
|
910
|
+
}], srLabel: [{
|
|
911
911
|
type: i0.Input
|
|
912
912
|
}] } });
|
|
913
913
|
|
|
@@ -1279,7 +1279,7 @@
|
|
|
1279
1279
|
return IDIconComponent;
|
|
1280
1280
|
}());
|
|
1281
1281
|
IDIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1282
|
-
IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", inline: "inline", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \r\n [name]=\"name\"\r\n [attr.inline]=\"inline ? true : undefined\"\r\n [rotate]=\"rotate\"\r\n [color]=\"color\"\r\n [color2]=\"color2\"\r\n [size]=\"size\"\r\n [width]=\"width\"\r\n [height]=\"height\"\r\n [colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1282
|
+
IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", inline: "inline", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \r\n [attr.name]=\"name\"\r\n [attr.inline]=\"inline ? true : undefined\"\r\n [attr.rotate]=\"rotate\"\r\n [attr.color]=\"color\"\r\n [attr.color2]=\"color2\"\r\n [attr.size]=\"size\"\r\n [attr.width]=\"width\"\r\n [attr.height]=\"height\"\r\n [attr.colorpreset]=\"colorpreset\">\r\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1283
1283
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, decorators: [{
|
|
1284
1284
|
type: i0.Component,
|
|
1285
1285
|
args: [{
|
|
@@ -1332,7 +1332,7 @@
|
|
|
1332
1332
|
|
|
1333
1333
|
var IDFormBase = /** @class */ (function () {
|
|
1334
1334
|
function IDFormBase() {
|
|
1335
|
-
this.valid = true;
|
|
1335
|
+
this.valid = 'true';
|
|
1336
1336
|
this.noValidation = false;
|
|
1337
1337
|
}
|
|
1338
1338
|
return IDFormBase;
|
|
@@ -1397,14 +1397,12 @@
|
|
|
1397
1397
|
var IDCheckboxComponent = /** @class */ (function (_super) {
|
|
1398
1398
|
__extends(IDCheckboxComponent, _super);
|
|
1399
1399
|
function IDCheckboxComponent() {
|
|
1400
|
-
|
|
1401
|
-
_this.valid = true;
|
|
1402
|
-
return _this;
|
|
1400
|
+
return _super.call(this) || this;
|
|
1403
1401
|
}
|
|
1404
1402
|
return IDCheckboxComponent;
|
|
1405
1403
|
}(IDFormBase));
|
|
1406
1404
|
IDCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1407
|
-
IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox",
|
|
1405
|
+
IDCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCheckboxComponent, selector: "id-checkbox", usesInheritance: true, ngImport: i0__namespace, template: "<ids-checkbox [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-checkbox>", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1408
1406
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCheckboxComponent, decorators: [{
|
|
1409
1407
|
type: i0.Component,
|
|
1410
1408
|
args: [{
|
|
@@ -1412,9 +1410,7 @@
|
|
|
1412
1410
|
templateUrl: './checkbox.component.html',
|
|
1413
1411
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1414
1412
|
}]
|
|
1415
|
-
}], ctorParameters: function () { return []; }
|
|
1416
|
-
type: i0.Input
|
|
1417
|
-
}] } });
|
|
1413
|
+
}], ctorParameters: function () { return []; } });
|
|
1418
1414
|
|
|
1419
1415
|
var IDCheckboxModule = /** @class */ (function () {
|
|
1420
1416
|
function IDCheckboxModule() {
|
|
@@ -2030,7 +2026,7 @@
|
|
|
2030
2026
|
return IDLinkComponent;
|
|
2031
2027
|
}());
|
|
2032
2028
|
IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2033
|
-
IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeIcon: "activeIcon", activeIconBackground: "activeIconBackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.activeicon]=\"activeIcon\"\r\n [activeiconbackground]=\"activeIconBackground\"\r\n [padding]=\"padding\"\r\n [outline]=\"outline\"\r\n [block]=\"block\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependIcon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependIcon?.name\"\r\n [attr.title]=\"prependIcon?.title\" \r\n [attr.color]=\"prependIcon?.color\" \r\n [attr.color2]=\"prependIcon?.color2\" \r\n [attr.size]=\"prependIcon?.size\" \r\n [attr.padding]=\"prependIcon?.padding\" \r\n [attr.rotate]=\"prependIcon?.rotate\" \r\n [attr.colorpreset]=\"prependIcon?.colorpreset\" \r\n [attr.height]=\"prependIcon?.height\" \r\n [attr.width]=\"prependIcon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendIcon?.name\"\r\n [attr.title]=\"appendIcon?.title\" \r\n [attr.color]=\"appendIcon?.color\" \r\n [attr.color2]=\"appendIcon?.color2\"\r\n [attr.size]=\"appendIcon?.size\" \r\n [attr.padding]=\"appendIcon?.padding\" \r\n [attr.rotate]=\"appendIcon?.rotate\" \r\n [attr.colorpreset]=\"appendIcon?.colorpreset\" \r\n [attr.height]=\"appendIcon?.height\" \r\n [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationBadge !== null\"\r\n [attr.type]=\"notificationBadge.type\"\r\n [attr.size]=\"notificationBadge.size\">\r\n {{notificationBadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2029
|
+
IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeIcon: "activeIcon", activeIconBackground: "activeIconBackground", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \r\n [attr.underlined]=\"underlined ? '' : null\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.activeicon]=\"activeIcon ? true : null\"\r\n [activeiconbackground]=\"activeIconBackground\"\r\n [padding]=\"padding\"\r\n [outline]=\"outline\"\r\n [block]=\"block\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependIcon !== null\"\r\n slot=\"prepend-icon\" \r\n [attr.name]=\"prependIcon?.name\"\r\n [attr.title]=\"prependIcon?.title\" \r\n [attr.color]=\"prependIcon?.color\" \r\n [attr.color2]=\"prependIcon?.color2\" \r\n [attr.size]=\"prependIcon?.size\" \r\n [attr.padding]=\"prependIcon?.padding\" \r\n [attr.rotate]=\"prependIcon?.rotate\" \r\n [attr.colorpreset]=\"prependIcon?.colorpreset\" \r\n [attr.height]=\"prependIcon?.height\" \r\n [attr.width]=\"prependIcon?.width\"></ids-icon>\r\n <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\r\n <ng-content *ngIf=\"!link\"></ng-content>\r\n <ids-icon *ngIf=\"appendIcon !== null\" \r\n slot=\"append-icon\" \r\n [attr.name]=\"appendIcon?.name\"\r\n [attr.title]=\"appendIcon?.title\" \r\n [attr.color]=\"appendIcon?.color\" \r\n [attr.color2]=\"appendIcon?.color2\"\r\n [attr.size]=\"appendIcon?.size\" \r\n [attr.padding]=\"appendIcon?.padding\" \r\n [attr.rotate]=\"appendIcon?.rotate\" \r\n [attr.colorpreset]=\"appendIcon?.colorpreset\" \r\n [attr.height]=\"appendIcon?.height\" \r\n [attr.width]=\"appendIcon?.width\"></ids-icon>\r\n <ids-notification-badge \r\n *ngIf=\"notificationBadge !== null\"\r\n [attr.type]=\"notificationBadge.type\"\r\n [attr.size]=\"notificationBadge.size\">\r\n {{notificationBadge.value}}\r\n </ids-notification-badge>\r\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2034
2030
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
|
|
2035
2031
|
type: i0.Component,
|
|
2036
2032
|
args: [{
|
|
@@ -2615,7 +2611,7 @@
|
|
|
2615
2611
|
return IDHeaderComponent;
|
|
2616
2612
|
}());
|
|
2617
2613
|
IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2618
|
-
IDHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\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=\"h2\">{{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\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n {{mobileMenuText}}\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 [attr.type]=\"type\" *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\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 *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-
|
|
2614
|
+
IDHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\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=\"h2\">{{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\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n {{mobileMenuText}}\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 [attr.type]=\"type\" *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\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 *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\">\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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2619
2615
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
|
|
2620
2616
|
type: i0.Component,
|
|
2621
2617
|
args: [{
|