@inera/ids-angular 2.1.1 → 2.2.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 +26 -10
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/components/alert/alert.component.js +11 -2
- package/esm2015/lib/components/button/button.component.js +8 -2
- package/esm2015/lib/components/form/textarea/textarea.component.js +7 -4
- package/esm2015/lib/components/header/header.component.js +3 -6
- package/fesm2015/inera-ids-angular.js +24 -9
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/components/alert/alert.component.d.ts +4 -1
- package/lib/components/button/button.component.d.ts +3 -1
- package/lib/components/form/textarea/textarea.component.d.ts +2 -1
- package/lib/components/header/header.component.d.ts +3 -4
- package/package.json +1 -1
|
@@ -30,6 +30,9 @@
|
|
|
30
30
|
var IDAlertComponent = /** @class */ (function () {
|
|
31
31
|
function IDAlertComponent() {
|
|
32
32
|
this.dismissible = false;
|
|
33
|
+
this.collapsable = false;
|
|
34
|
+
this.srCollapseText = '';
|
|
35
|
+
this.srExpandText = '';
|
|
33
36
|
this.headline = '';
|
|
34
37
|
this.live = '';
|
|
35
38
|
this.type = '';
|
|
@@ -40,7 +43,7 @@
|
|
|
40
43
|
return IDAlertComponent;
|
|
41
44
|
}());
|
|
42
45
|
IDAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
43
|
-
IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n [headline]=\"headline\"\r\n [dismissible]=\"dismissible\"\r\n [live]=\"live\"\r\n [type]=\"type\"\r\n [srclosetext]=\"srCloseText\"\r\n [srIconTitle]=\"srIconTitle\"\r\n (closed)=\"closed.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
|
|
46
|
+
IDAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAlertComponent, selector: "id-alert", inputs: { dismissible: "dismissible", collapsable: "collapsable", srCollapseText: "srCollapseText", srExpandText: "srExpandText", headline: "headline", live: "live", type: "type", srCloseText: "srCloseText", srIconTitle: "srIconTitle" }, outputs: { closed: "closed" }, ngImport: i0__namespace, template: "<ids-alert \r\n [headline]=\"headline\"\r\n [dismissible]=\"dismissible\"\r\n [collapsable]=\"collapsable\"\r\n [srcollapsetext]=\"srCollapseText\"\r\n [srexpandtext]=\"srExpandText\"\r\n [live]=\"live\"\r\n [type]=\"type\"\r\n [srclosetext]=\"srCloseText\"\r\n [srIconTitle]=\"srIconTitle\"\r\n (closed)=\"closed.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-alert>", styles: [":host { display: block; }"] });
|
|
44
47
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAlertComponent, decorators: [{
|
|
45
48
|
type: i0.Component,
|
|
46
49
|
args: [{
|
|
@@ -50,6 +53,12 @@
|
|
|
50
53
|
}]
|
|
51
54
|
}], ctorParameters: function () { return []; }, propDecorators: { dismissible: [{
|
|
52
55
|
type: i0.Input
|
|
56
|
+
}], collapsable: [{
|
|
57
|
+
type: i0.Input
|
|
58
|
+
}], srCollapseText: [{
|
|
59
|
+
type: i0.Input
|
|
60
|
+
}], srExpandText: [{
|
|
61
|
+
type: i0.Input
|
|
53
62
|
}], headline: [{
|
|
54
63
|
type: i0.Input
|
|
55
64
|
}], live: [{
|
|
@@ -234,6 +243,8 @@
|
|
|
234
243
|
var IDButtonComponent = /** @class */ (function () {
|
|
235
244
|
function IDButtonComponent() {
|
|
236
245
|
this.secondary = false;
|
|
246
|
+
this.fab = false;
|
|
247
|
+
this.icon = false;
|
|
237
248
|
this.tertiary = false;
|
|
238
249
|
this.toggle = false;
|
|
239
250
|
this.block = false;
|
|
@@ -251,7 +262,7 @@
|
|
|
251
262
|
return IDButtonComponent;
|
|
252
263
|
}());
|
|
253
264
|
IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
254
|
-
IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color" }, outputs: { clicked: "clicked" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? '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 [s-block]=\"sBlock ? 'true' : null\"\r\n [m-block]=\"mBlock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"clicked.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
265
|
+
IDButtonComponent.ɵcmp = i0__namespace.ɵɵ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" }, outputs: { clicked: "clicked" }, ngImport: i0__namespace, 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 [s-block]=\"sBlock ? 'true' : null\"\r\n [m-block]=\"mBlock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"clicked.emit(true)\">\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
255
266
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
|
|
256
267
|
type: i0.Component,
|
|
257
268
|
args: [{
|
|
@@ -262,6 +273,10 @@
|
|
|
262
273
|
}]
|
|
263
274
|
}], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
|
|
264
275
|
type: i0.Input
|
|
276
|
+
}], fab: [{
|
|
277
|
+
type: i0.Input
|
|
278
|
+
}], icon: [{
|
|
279
|
+
type: i0.Input
|
|
265
280
|
}], tertiary: [{
|
|
266
281
|
type: i0.Input
|
|
267
282
|
}], toggle: [{
|
|
@@ -1813,12 +1828,14 @@
|
|
|
1813
1828
|
var IDTextareaComponent = /** @class */ (function (_super) {
|
|
1814
1829
|
__extends(IDTextareaComponent, _super);
|
|
1815
1830
|
function IDTextareaComponent() {
|
|
1816
|
-
|
|
1831
|
+
var _this = _super.call(this) || this;
|
|
1832
|
+
_this.noFade = false;
|
|
1833
|
+
return _this;
|
|
1817
1834
|
}
|
|
1818
1835
|
return IDTextareaComponent;
|
|
1819
1836
|
}(IDFormBase));
|
|
1820
1837
|
IDTextareaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTextareaComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1821
|
-
IDTextareaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", usesInheritance: true, ngImport: i0__namespace, template: "<ids-textarea [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1838
|
+
IDTextareaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTextareaComponent, selector: "id-textarea", inputs: { noFade: "noFade" }, usesInheritance: true, ngImport: i0__namespace, template: "<ids-textarea [attr.no-fade]=\"noFade ? true : null\" [attr.valid]=\"valid\" [attr.no-validation]=\"noValidation ? noValidation : null\">\r\n <ng-content></ng-content>\r\n</ids-textarea>", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1822
1839
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTextareaComponent, decorators: [{
|
|
1823
1840
|
type: i0.Component,
|
|
1824
1841
|
args: [{
|
|
@@ -1826,7 +1843,9 @@
|
|
|
1826
1843
|
templateUrl: './textarea.component.html',
|
|
1827
1844
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1828
1845
|
}]
|
|
1829
|
-
}], ctorParameters: function () { return []; }
|
|
1846
|
+
}], ctorParameters: function () { return []; }, propDecorators: { noFade: [{
|
|
1847
|
+
type: i0.Input
|
|
1848
|
+
}] } });
|
|
1830
1849
|
|
|
1831
1850
|
var IDTextareaModule = /** @class */ (function () {
|
|
1832
1851
|
function IDTextareaModule() {
|
|
@@ -2600,9 +2619,6 @@
|
|
|
2600
2619
|
var IDHeaderComponent = /** @class */ (function () {
|
|
2601
2620
|
function IDHeaderComponent() {
|
|
2602
2621
|
this.type = '';
|
|
2603
|
-
this.brandText = '';
|
|
2604
|
-
this.brandTextTop = '';
|
|
2605
|
-
this.brandTextBottom = '';
|
|
2606
2622
|
this.mobileMenuText = 'Meny';
|
|
2607
2623
|
this.hideRegionPicker = false;
|
|
2608
2624
|
this.unresponsive = false;
|
|
@@ -2615,14 +2631,14 @@
|
|
|
2615
2631
|
return IDHeaderComponent;
|
|
2616
2632
|
}());
|
|
2617
2633
|
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", persistentMobileMenu: "persistentMobileMenu", 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=\"
|
|
2634
|
+
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", persistentMobileMenu: "persistentMobileMenu", 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=\"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\" [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 \r\n [attr.persistent]=\"persistentMobileMenu ? true : null\"\r\n [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 [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\">\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
2635
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
|
|
2620
2636
|
type: i0.Component,
|
|
2621
2637
|
args: [{
|
|
2622
2638
|
selector: 'id-header',
|
|
2623
2639
|
templateUrl: './header.component.html'
|
|
2624
2640
|
}]
|
|
2625
|
-
}],
|
|
2641
|
+
}], propDecorators: { type: [{
|
|
2626
2642
|
type: i0.Input
|
|
2627
2643
|
}], brandText: [{
|
|
2628
2644
|
type: i0.Input
|