@inera/ids-angular 3.1.4 → 4.1.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 +72 -37
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/classes/mobile/MobileMenuItem.js +7 -1
- package/esm2015/lib/classes/mobile/MobileMenuItemProps.js +1 -1
- package/esm2015/lib/classes/tabs/IDTab.js +21 -0
- package/esm2015/lib/classes/tabs/IDTabProps.js +2 -0
- package/esm2015/lib/components/button/button.component.js +2 -2
- package/esm2015/lib/components/dialog/dialog.component.js +2 -5
- package/esm2015/lib/components/dialog/dialog.module.js +4 -9
- package/esm2015/lib/components/footer/footer.component.js +2 -2
- package/esm2015/lib/components/header/header.component.js +2 -2
- package/esm2015/lib/components/link/link.component.js +2 -2
- package/esm2015/lib/components/mobile/menu/mobile-menu.component.js +2 -2
- package/esm2015/lib/components/tabs/tabs.component.js +6 -3
- package/esm2015/lib/internals/anchor.component.js +3 -3
- package/esm2015/public-api.js +3 -2
- package/fesm2015/inera-ids-angular.js +43 -35
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/classes/mobile/MobileMenuItem.d.ts +2 -0
- package/lib/classes/mobile/MobileMenuItemProps.d.ts +2 -0
- package/lib/classes/tabs/IDTab.d.ts +11 -0
- package/lib/classes/tabs/IDTabProps.d.ts +8 -0
- package/lib/components/dialog/dialog.component.d.ts +1 -2
- package/lib/components/dialog/dialog.module.d.ts +1 -2
- package/lib/components/tabs/tabs.component.d.ts +3 -2
- package/license.md +7 -0
- package/package.json +3 -3
- package/public-api.d.ts +2 -1
- package/esm2015/lib/components/dialog/actions/dialog-actions.component.js +0 -16
- package/lib/components/dialog/actions/dialog-actions.component.d.ts +0 -6
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
return IDButtonComponent;
|
|
281
281
|
}());
|
|
282
282
|
IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
283
|
-
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", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, 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 [attr.trigger]=\"trigger ? 'true' : null\"\r\n [attr.tabindex]=\"tabindex ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [sblock]=\"sblock ? 'true' : null\"\r\n [mblock]=\"mblock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [color]=\"color\"\r\n (clicked)=\"onClicked.emit($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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
283
|
+
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", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, 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 [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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
284
284
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
|
|
285
285
|
type: i0.Component,
|
|
286
286
|
args: [{
|
|
@@ -1059,14 +1059,14 @@
|
|
|
1059
1059
|
return IDAnchorComponent;
|
|
1060
1060
|
}());
|
|
1061
1061
|
IDAnchorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, deps: [{ token: i1__namespace.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1062
|
-
IDAnchorComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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; }", "a { color: inherit; text-decoration: inherit; font-size: inherit }", ".ids-no-outline:focus { outline: none;}", ".ids-block { display: block;}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1062
|
+
IDAnchorComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1063
1063
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
|
|
1064
1064
|
type: i0.Component,
|
|
1065
1065
|
args: [{
|
|
1066
1066
|
selector: 'id-anchor',
|
|
1067
1067
|
templateUrl: './anchor.component.html',
|
|
1068
1068
|
styles: [
|
|
1069
|
-
':host(.ids-link) a { position:absolute; inset: 0px; }',
|
|
1069
|
+
':host(.ids-link) a { position:absolute; inset: 0px; z-index: 1; }',
|
|
1070
1070
|
'a { color: inherit; text-decoration: inherit; font-size: inherit }',
|
|
1071
1071
|
'.ids-no-outline:focus { outline: none;}',
|
|
1072
1072
|
'.ids-block { display: block;}'
|
|
@@ -1266,7 +1266,6 @@
|
|
|
1266
1266
|
this.srclosetext = '';
|
|
1267
1267
|
this.nofocustrap = false;
|
|
1268
1268
|
this.autofocus = false;
|
|
1269
|
-
this.headline = '';
|
|
1270
1269
|
this.overlay = false;
|
|
1271
1270
|
this.persistent = false;
|
|
1272
1271
|
this.show = false;
|
|
@@ -1279,7 +1278,7 @@
|
|
|
1279
1278
|
return IDDialogComponent;
|
|
1280
1279
|
}());
|
|
1281
1280
|
IDDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1282
|
-
IDDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus",
|
|
1281
|
+
IDDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0__namespace, template: "<ids-dialog \r\n [attr.dismissible]=\"dismissible ? true : null\"\r\n [attr.overlay]=\"overlay ? true : null\"\r\n [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n [attr.autofocus]=\"autofocus ? true : null\"\r\n [attr.persistent]=\"persistent ? true : null\"\r\n [attr.show]=\"show ? 'true' : 'false'\"\r\n [width]=\"width\"\r\n nofocustrap=\"nofocustrap\"\r\n [srclosetext]=\"srclosetext\"\r\n (closed)=\"emitOnClosed\">\r\n <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1283
1282
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, decorators: [{
|
|
1284
1283
|
type: i0.Component,
|
|
1285
1284
|
args: [{
|
|
@@ -1295,8 +1294,6 @@
|
|
|
1295
1294
|
type: i0.Input
|
|
1296
1295
|
}], autofocus: [{
|
|
1297
1296
|
type: i0.Input
|
|
1298
|
-
}], headline: [{
|
|
1299
|
-
type: i0.Input
|
|
1300
1297
|
}], overlay: [{
|
|
1301
1298
|
type: i0.Input
|
|
1302
1299
|
}], persistent: [{
|
|
@@ -1309,42 +1306,22 @@
|
|
|
1309
1306
|
type: i0.Output
|
|
1310
1307
|
}] } });
|
|
1311
1308
|
|
|
1312
|
-
var IDDialogActionsComponent = /** @class */ (function () {
|
|
1313
|
-
function IDDialogActionsComponent() {
|
|
1314
|
-
}
|
|
1315
|
-
return IDDialogActionsComponent;
|
|
1316
|
-
}());
|
|
1317
|
-
IDDialogActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1318
|
-
IDDialogActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogActionsComponent, selector: "id-dialog-actions", ngImport: i0__namespace, template: "<ids-dialog-actions>\r\n <ng-content></ng-content>\r\n</ids-dialog-actions>", encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1319
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogActionsComponent, decorators: [{
|
|
1320
|
-
type: i0.Component,
|
|
1321
|
-
args: [{
|
|
1322
|
-
selector: 'id-dialog-actions',
|
|
1323
|
-
templateUrl: './dialog-actions.component.html',
|
|
1324
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
1325
|
-
}]
|
|
1326
|
-
}], ctorParameters: function () { return []; } });
|
|
1327
|
-
|
|
1328
1309
|
var IDDialogModule = /** @class */ (function () {
|
|
1329
1310
|
function IDDialogModule() {
|
|
1330
1311
|
}
|
|
1331
1312
|
return IDDialogModule;
|
|
1332
1313
|
}());
|
|
1333
1314
|
IDDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1334
|
-
IDDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogModule, declarations: [IDDialogComponent,
|
|
1335
|
-
IDDialogActionsComponent], exports: [IDDialogComponent,
|
|
1336
|
-
IDDialogActionsComponent] });
|
|
1315
|
+
IDDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogModule, declarations: [IDDialogComponent], exports: [IDDialogComponent] });
|
|
1337
1316
|
IDDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogModule });
|
|
1338
1317
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogModule, decorators: [{
|
|
1339
1318
|
type: i0.NgModule,
|
|
1340
1319
|
args: [{
|
|
1341
1320
|
declarations: [
|
|
1342
|
-
IDDialogComponent
|
|
1343
|
-
IDDialogActionsComponent
|
|
1321
|
+
IDDialogComponent
|
|
1344
1322
|
],
|
|
1345
1323
|
exports: [
|
|
1346
|
-
IDDialogComponent
|
|
1347
|
-
IDDialogActionsComponent
|
|
1324
|
+
IDDialogComponent
|
|
1348
1325
|
],
|
|
1349
1326
|
schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
|
|
1350
1327
|
}]
|
|
@@ -2217,7 +2194,7 @@
|
|
|
2217
2194
|
return IDLinkComponent;
|
|
2218
2195
|
}());
|
|
2219
2196
|
IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2220
|
-
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", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", 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 [appendicongap]=\"appendicongap\"\r\n [prependicongap]=\"prependicongap\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.bold]=\"bold ? true : null\"\r\n [attr.activeicon]=\"activeicon ? true : null\"\r\n [attr.active]=\"active ? true : null\"\r\n [activeiconbackground]=\"activeiconbackground\"\r\n [padding]=\"padding\"\r\n [colorpreset]=\"colorpreset\"\r\n [hovercolor]=\"hovercolor\"\r\n [light]=\"light ? true : null\"\r\n [outline]=\"outline\"\r\n [block]=\"block ? true : null\"\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>", styles: [":host { display: inline; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2197
|
+
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", color: "color", active: "active", colorpreset: "colorpreset", hovercolor: "hovercolor", light: "light", bold: "bold", appendicongap: "appendicongap", prependicongap: "prependicongap", block: "block", 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 [appendicongap]=\"appendicongap\"\r\n [prependicongap]=\"prependicongap\"\r\n [color]=\"color\"\r\n [size]=\"size\"\r\n [attr.bold]=\"bold ? true : null\"\r\n [attr.activeicon]=\"activeicon ? true : null\"\r\n [attr.active]=\"active ? true : null\"\r\n [activeiconbackground]=\"activeiconbackground\"\r\n [padding]=\"padding\"\r\n [attr.colorpreset]=\"colorpreset > 0 ? colorpreset : null\"\r\n [hovercolor]=\"hovercolor\"\r\n [light]=\"light ? true : null\"\r\n [outline]=\"outline\"\r\n [block]=\"block ? true : null\"\r\n [attr.slot]=\"slot\"\r\n >\r\n <ids-icon *ngIf=\"prependicon !== null && prependicon?.name\"\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 && appendicon?.name\" \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>", styles: [":host { display: inline; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2221
2198
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
|
|
2222
2199
|
type: i0.Component,
|
|
2223
2200
|
args: [{
|
|
@@ -2586,7 +2563,7 @@
|
|
|
2586
2563
|
return IDMobileMenuComponent;
|
|
2587
2564
|
}());
|
|
2588
2565
|
IDMobileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2589
|
-
IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n [type]=\"type\"\r\n [variation]=\"variation\">\r\n <
|
|
2566
|
+
IDMobileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation", items: "items" }, ngImport: i0__namespace, template: "<ids-mobile-menu \r\n [type]=\"type\"\r\n [variation]=\"variation\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-template #menuTemplate let-item>\r\n <ids-mobile-menu-item \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.toggleExpansion()\">\r\n <id-anchor [noOutline]=\"true\" slot=\"link\" *ngIf=\"item.link\" [link]=\"item.link\">\r\n <ng-container *ngIf=\"item.prependIcon\">\r\n <ids-icon prepend \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 </ng-container>\r\n <ng-container *ngIf=\"item.appendIcon\">\r\n <ids-icon append \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 </ng-container>\r\n </id-anchor>\r\n <ng-container *ngIf=\"item.items && item.items.length > 0\">\r\n <ng-container *ngFor=\"let subItem of item.items\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: subItem }\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ids-mobile-menu-item>\r\n </ng-template>\r\n</ids-mobile-menu>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2590
2567
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDMobileMenuComponent, decorators: [{
|
|
2591
2568
|
type: i0.Component,
|
|
2592
2569
|
args: [{
|
|
@@ -2690,6 +2667,20 @@
|
|
|
2690
2667
|
enumerable: false,
|
|
2691
2668
|
configurable: true
|
|
2692
2669
|
});
|
|
2670
|
+
Object.defineProperty(IDMobileMenuItem.prototype, "showtext", {
|
|
2671
|
+
get: function () {
|
|
2672
|
+
return this._props.showtext;
|
|
2673
|
+
},
|
|
2674
|
+
enumerable: false,
|
|
2675
|
+
configurable: true
|
|
2676
|
+
});
|
|
2677
|
+
Object.defineProperty(IDMobileMenuItem.prototype, "hidetext", {
|
|
2678
|
+
get: function () {
|
|
2679
|
+
return this._props.hidetext;
|
|
2680
|
+
},
|
|
2681
|
+
enumerable: false,
|
|
2682
|
+
configurable: true
|
|
2683
|
+
});
|
|
2693
2684
|
Object.defineProperty(IDMobileMenuItem.prototype, "expansionToggled", {
|
|
2694
2685
|
get: function () {
|
|
2695
2686
|
return this._props.expansionToggled;
|
|
@@ -2813,7 +2804,7 @@
|
|
|
2813
2804
|
return IDFooterComponent;
|
|
2814
2805
|
}());
|
|
2815
2806
|
IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2816
|
-
IDFooterComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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 [variation]=\"item?.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]=\"item?.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]=\"item?.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]=\"item?.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>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2807
|
+
IDFooterComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<ids-footer \r\n *ngIf=\"type\"\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 [variation]=\"item?.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]=\"item?.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]=\"item?.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]=\"item?.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>\r\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "block", "noOutline", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2817
2808
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
|
|
2818
2809
|
type: i0.Component,
|
|
2819
2810
|
args: [{
|
|
@@ -2880,7 +2871,7 @@
|
|
|
2880
2871
|
return IDHeaderComponent;
|
|
2881
2872
|
}());
|
|
2882
2873
|
IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2883
|
-
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", 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__namespace, 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 class=\"ids-link\"
|
|
2874
|
+
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", 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__namespace, 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(--color-main)\" 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(--color-main)\" 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(--color-main)\" 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\" [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 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2884
2875
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
|
|
2885
2876
|
type: i0.Component,
|
|
2886
2877
|
args: [{
|
|
@@ -3191,14 +3182,16 @@
|
|
|
3191
3182
|
return IDTabsComponent;
|
|
3192
3183
|
}());
|
|
3193
3184
|
IDTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3194
|
-
IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0__namespace, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n</ids-tabs>" });
|
|
3185
|
+
IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0__namespace, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3195
3186
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
|
|
3196
3187
|
type: i0.Component,
|
|
3197
3188
|
args: [{
|
|
3198
3189
|
selector: 'id-tabs',
|
|
3199
3190
|
templateUrl: './tabs.component.html'
|
|
3200
3191
|
}]
|
|
3201
|
-
}],
|
|
3192
|
+
}], propDecorators: { tabs: [{
|
|
3193
|
+
type: i0.Input
|
|
3194
|
+
}], responsive: [{
|
|
3202
3195
|
type: i0.Input
|
|
3203
3196
|
}], unresponsive: [{
|
|
3204
3197
|
type: i0.Input
|
|
@@ -3289,6 +3282,48 @@
|
|
|
3289
3282
|
}]
|
|
3290
3283
|
}] });
|
|
3291
3284
|
|
|
3285
|
+
var IDTab = /** @class */ (function () {
|
|
3286
|
+
function IDTab(_props) {
|
|
3287
|
+
this._props = _props;
|
|
3288
|
+
}
|
|
3289
|
+
Object.defineProperty(IDTab.prototype, "label", {
|
|
3290
|
+
get: function () {
|
|
3291
|
+
return this._props.label;
|
|
3292
|
+
},
|
|
3293
|
+
enumerable: false,
|
|
3294
|
+
configurable: true
|
|
3295
|
+
});
|
|
3296
|
+
Object.defineProperty(IDTab.prototype, "selected", {
|
|
3297
|
+
get: function () {
|
|
3298
|
+
return this._props.selected;
|
|
3299
|
+
},
|
|
3300
|
+
enumerable: false,
|
|
3301
|
+
configurable: true
|
|
3302
|
+
});
|
|
3303
|
+
Object.defineProperty(IDTab.prototype, "notices", {
|
|
3304
|
+
get: function () {
|
|
3305
|
+
return this._props.notices;
|
|
3306
|
+
},
|
|
3307
|
+
enumerable: false,
|
|
3308
|
+
configurable: true
|
|
3309
|
+
});
|
|
3310
|
+
Object.defineProperty(IDTab.prototype, "notifications", {
|
|
3311
|
+
get: function () {
|
|
3312
|
+
return this._props.notifications;
|
|
3313
|
+
},
|
|
3314
|
+
enumerable: false,
|
|
3315
|
+
configurable: true
|
|
3316
|
+
});
|
|
3317
|
+
Object.defineProperty(IDTab.prototype, "icon", {
|
|
3318
|
+
get: function () {
|
|
3319
|
+
return this._props.icon;
|
|
3320
|
+
},
|
|
3321
|
+
enumerable: false,
|
|
3322
|
+
configurable: true
|
|
3323
|
+
});
|
|
3324
|
+
return IDTab;
|
|
3325
|
+
}());
|
|
3326
|
+
|
|
3292
3327
|
var IDTagComponent = /** @class */ (function () {
|
|
3293
3328
|
function IDTagComponent() {
|
|
3294
3329
|
this.clickable = false;
|
|
@@ -3666,7 +3701,6 @@
|
|
|
3666
3701
|
exports.IDContainerModule = IDContainerModule;
|
|
3667
3702
|
exports.IDDateLabelComponent = IDDateLabelComponent;
|
|
3668
3703
|
exports.IDDateLabelModule = IDDateLabelModule;
|
|
3669
|
-
exports.IDDialogActionsComponent = IDDialogActionsComponent;
|
|
3670
3704
|
exports.IDDialogComponent = IDDialogComponent;
|
|
3671
3705
|
exports.IDDialogModule = IDDialogModule;
|
|
3672
3706
|
exports.IDErrorMessageComponent = IDErrorMessageComponent;
|
|
@@ -3727,6 +3761,7 @@
|
|
|
3727
3761
|
exports.IDStepComponent = IDStepComponent;
|
|
3728
3762
|
exports.IDStepperComponent = IDStepperComponent;
|
|
3729
3763
|
exports.IDStepperModule = IDStepperModule;
|
|
3764
|
+
exports.IDTab = IDTab;
|
|
3730
3765
|
exports.IDTabComponent = IDTabComponent;
|
|
3731
3766
|
exports.IDTabPanelComponent = IDTabPanelComponent;
|
|
3732
3767
|
exports.IDTabsComponent = IDTabsComponent;
|