@inera/ids-angular 4.1.2 → 4.3.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 -6
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/classes/header/IDHeaderAvatar.js +4 -1
- package/esm2015/lib/classes/header/IDHeaderAvatarProps.js +1 -1
- package/esm2015/lib/classes/link/IDLink.js +4 -1
- package/esm2015/lib/classes/link/IDLinkProps.js +1 -1
- package/esm2015/lib/components/button/button.component.js +2 -2
- package/esm2015/lib/components/card/card.component.js +5 -2
- package/esm2015/lib/components/expandable/expandable.component.js +2 -2
- package/esm2015/lib/components/form/select-multiple/select-multiple.component.js +5 -2
- package/esm2015/lib/components/header/header.component.js +2 -2
- package/esm2015/lib/internals/anchor.component.js +2 -2
- package/fesm2015/inera-ids-angular.js +18 -6
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/classes/header/IDHeaderAvatar.d.ts +1 -0
- package/lib/classes/header/IDHeaderAvatarProps.d.ts +1 -0
- package/lib/classes/link/IDLink.d.ts +1 -0
- package/lib/classes/link/IDLinkProps.d.ts +1 -0
- package/lib/components/card/card.component.d.ts +2 -1
- package/lib/components/form/select-multiple/select-multiple.component.d.ts +2 -1
- package/package.json +2 -2
|
@@ -284,7 +284,7 @@ class IDButtonComponent {
|
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
IDButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
287
|
-
IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [attr.trigger]=\"trigger ? 'true' : null\"\r\n [class.ids-dialog-trigger]=\"trigger\"\r\n [attr.tabindex]=\"tabindex ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit($event)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
287
|
+
IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [attr.fab]=\"fab ? 'true' : null\"\r\n [attr.icon]=\"icon ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [attr.trigger]=\"trigger ? 'true' : null\"\r\n [class.ids-dialog-trigger]=\"trigger\"\r\n [attr.tabindex]=\"tabindex ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit($event)\">\r\n <ids-icon *ngIf=\"iconobject !== undefined\"\r\n [attr.name]=\"iconobject?.name\"\r\n [attr.title]=\"iconobject?.title\" \r\n slot=\"icon\"\r\n [attr.color]=\"iconobject?.color\" \r\n [attr.color2]=\"iconobject?.color2\" \r\n [attr.size]=\"iconobject?.size\" \r\n [attr.padding]=\"iconobject?.padding\" \r\n [attr.rotate]=\"iconobject?.rotate\" \r\n [attr.colorpreset]=\"iconobject?.colorpreset\" \r\n [attr.height]=\"iconobject?.height\" \r\n [attr.width]=\"iconobject?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
288
288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, decorators: [{
|
|
289
289
|
type: Component,
|
|
290
290
|
args: [{
|
|
@@ -533,6 +533,9 @@ class IDLink {
|
|
|
533
533
|
get label() {
|
|
534
534
|
return this._props.label;
|
|
535
535
|
}
|
|
536
|
+
get arialabel() {
|
|
537
|
+
return this._props.arialabel;
|
|
538
|
+
}
|
|
536
539
|
get id() {
|
|
537
540
|
return this._props.id;
|
|
538
541
|
}
|
|
@@ -668,7 +671,7 @@ class IDAnchorComponent {
|
|
|
668
671
|
}
|
|
669
672
|
}
|
|
670
673
|
IDAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
671
|
-
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: [":host(.ids-link) a { position:absolute; inset: 0px; z-index: 1; }", "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"] }] });
|
|
674
|
+
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 [attr.aria-label]=\"linkRoute.arialabel\"\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 [attr.aria-label]=\"linkRoute.arialabel\"\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 [attr.aria-label]=\"linkRoute.arialabel\"\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: [":host(.ids-link) a { position:absolute; inset: 0px; z-index: 1; }", "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"] }] });
|
|
672
675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDAnchorComponent, decorators: [{
|
|
673
676
|
type: Component,
|
|
674
677
|
args: [{
|
|
@@ -767,12 +770,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
767
770
|
class IDCardComponent {
|
|
768
771
|
constructor() {
|
|
769
772
|
this.fill = false;
|
|
773
|
+
this.fill2 = false;
|
|
770
774
|
this.interactive = false;
|
|
771
775
|
this.lean = false;
|
|
772
776
|
}
|
|
773
777
|
}
|
|
774
778
|
IDCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
775
|
-
IDCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill", interactive: "interactive", lean: "lean" }, ngImport: i0, template: "<ids-card \r\n [lean]=\"lean\"\r\n [interactive]=\"interactive\"\r\n [fill]=\"fill\">\r\n <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
|
|
779
|
+
IDCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill", fill2: "fill2", interactive: "interactive", lean: "lean" }, ngImport: i0, template: "<ids-card \r\n [lean]=\"lean\"\r\n [interactive]=\"interactive\"\r\n [fill]=\"fill\"\r\n [fill2]=\"fill2\">\r\n <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
|
|
776
780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, decorators: [{
|
|
777
781
|
type: Component,
|
|
778
782
|
args: [{
|
|
@@ -782,6 +786,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
782
786
|
}]
|
|
783
787
|
}], ctorParameters: function () { return []; }, propDecorators: { fill: [{
|
|
784
788
|
type: Input
|
|
789
|
+
}], fill2: [{
|
|
790
|
+
type: Input
|
|
785
791
|
}], interactive: [{
|
|
786
792
|
type: Input
|
|
787
793
|
}], lean: [{
|
|
@@ -926,7 +932,7 @@ class IDExpandableComponent {
|
|
|
926
932
|
}
|
|
927
933
|
}
|
|
928
934
|
IDExpandableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
929
|
-
IDExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDExpandableComponent, selector: "id-expandable", inputs: { borderless: "borderless", expanded: "expanded", headline: "headline", variation: "variation" }, ngImport: i0, template: "<ids-expandable \r\n [attr.borderless]=\"borderless ? true : null\"\r\n [expanded]=\"expanded ? true : null\"\r\n [headline]=\"headline\"\r\n [variation]=\"variation\">\r\n <ng-content></ng-content>\r\n</ids-expandable>", encapsulation: i0.ViewEncapsulation.None });
|
|
935
|
+
IDExpandableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDExpandableComponent, selector: "id-expandable", inputs: { borderless: "borderless", expanded: "expanded", headline: "headline", variation: "variation" }, ngImport: i0, template: "<ids-expandable \r\n [attr.borderless]=\"borderless ? true : null\"\r\n [expanded]=\"expanded ? true : null\"\r\n [headline]=\"headline\"\r\n [attr.variation]=\"variation\">\r\n <ng-content></ng-content>\r\n</ids-expandable>", encapsulation: i0.ViewEncapsulation.None });
|
|
930
936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDExpandableComponent, decorators: [{
|
|
931
937
|
type: Component,
|
|
932
938
|
args: [{
|
|
@@ -1317,6 +1323,7 @@ class IDSelectMultipleComponent extends IDFormBase {
|
|
|
1317
1323
|
constructor() {
|
|
1318
1324
|
super(...arguments);
|
|
1319
1325
|
this.label = undefined;
|
|
1326
|
+
this.disabled = false;
|
|
1320
1327
|
this.errormessage = undefined;
|
|
1321
1328
|
this.maxHeight = undefined;
|
|
1322
1329
|
this.placeholder = '';
|
|
@@ -1325,7 +1332,7 @@ class IDSelectMultipleComponent extends IDFormBase {
|
|
|
1325
1332
|
}
|
|
1326
1333
|
}
|
|
1327
1334
|
IDSelectMultipleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1328
|
-
IDSelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", errormessage: "errormessage", maxHeight: "maxHeight", placeholder: "placeholder", selectedlabel: "selectedlabel", multiselectedlabel: "multiselectedlabel" }, usesInheritance: true, ngImport: i0, template: "<ids-select-multiple \r\n [attr.light]=\"light ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.novalidation]=\"novalidation ? true : null\" \r\n [label]=\"label\" \r\n [placeholder]=\"placeholder\"\r\n [selectedlabel]=\"selectedlabel\"\r\n [multiselectedlabel]=\"multiselectedlabel\"\r\n [maxheight]=\"maxHeight\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errormessage\">{{errormessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1335
|
+
IDSelectMultipleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { label: "label", disabled: "disabled", errormessage: "errormessage", maxHeight: "maxHeight", placeholder: "placeholder", selectedlabel: "selectedlabel", multiselectedlabel: "multiselectedlabel" }, usesInheritance: true, ngImport: i0, template: "<ids-select-multiple \r\n [attr.light]=\"light ? true : null\"\r\n [attr.valid]=\"valid\" \r\n [attr.disabled] = \"disabled ? true : null\"\r\n [attr.novalidation]=\"novalidation ? true : null\" \r\n [label]=\"label\" \r\n [placeholder]=\"placeholder\"\r\n [selectedlabel]=\"selectedlabel\"\r\n [multiselectedlabel]=\"multiselectedlabel\"\r\n [maxheight]=\"maxHeight\">\r\n <ng-content></ng-content>\r\n <ids-error-message *ngIf=\"errormessage\">{{errormessage}}</ids-error-message>\r\n</ids-select-multiple>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1329
1336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
|
|
1330
1337
|
type: Component,
|
|
1331
1338
|
args: [{
|
|
@@ -1335,6 +1342,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1335
1342
|
}]
|
|
1336
1343
|
}], propDecorators: { label: [{
|
|
1337
1344
|
type: Input
|
|
1345
|
+
}], disabled: [{
|
|
1346
|
+
type: Input
|
|
1338
1347
|
}], errormessage: [{
|
|
1339
1348
|
type: Input
|
|
1340
1349
|
}], maxHeight: [{
|
|
@@ -2223,7 +2232,7 @@ class IDHeaderComponent {
|
|
|
2223
2232
|
}
|
|
2224
2233
|
}
|
|
2225
2234
|
IDHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2226
|
-
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 *ngIf=\"item.iconName\" [name]=\"item.iconName\"></ids-icon>\r\n <id-anchor class=\"ids-link\" [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 class=\"ids-link\" *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(--
|
|
2235
|
+
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 *ngIf=\"item.iconName\" [name]=\"item.iconName\"></ids-icon>\r\n <id-anchor class=\"ids-link\" [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 class=\"ids-link\" *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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n <id-anchor class=\"ids-link\" [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(--IDS-COLOR-PRIMARY-40)\" name=\"arrow\"></ids-icon>\r\n <id-anchor class=\"ids-link\" [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 *ngIf=\"mobileItem.iconName\" [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 [showtext]=\"item?.showtext\"\r\n [hidetext]=\"item?.hidetext\"\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 [showtext]=\"item?.showtext\"\r\n [hidetext]=\"item?.hidetext\"\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 [showtext]=\"item?.showtext\"\r\n [hidetext]=\"item?.hidetext\"\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 && !avatar.hide\" [unit]=\"avatar.unit\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <id-anchor style=\"text-decoration: underline;\" [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor style=\"text-decoration: underline;\" [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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 slot=\"link\" [noOutline]=\"true\" [block]=\"true\" *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 [noOutline]=\"true\" [block]=\"true\" *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"] }] });
|
|
2227
2236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDHeaderComponent, decorators: [{
|
|
2228
2237
|
type: Component,
|
|
2229
2238
|
args: [{
|
|
@@ -2335,6 +2344,9 @@ class IDHeaderAvatar {
|
|
|
2335
2344
|
get linkMobile() {
|
|
2336
2345
|
return this._props.linkMobile;
|
|
2337
2346
|
}
|
|
2347
|
+
get hide() {
|
|
2348
|
+
return this._props.hide;
|
|
2349
|
+
}
|
|
2338
2350
|
}
|
|
2339
2351
|
|
|
2340
2352
|
class IDHeaderNavItem {
|