@inera/ids-angular 1.11.3 → 1.12.1

package/bundles/inera-ids-angular.umd.js

@@ -1,6 +1,6 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/alert/register'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/breadcrumbs/register'), require('@inera/ids-core/components/card/register'), require('@inera/ids-core/components/date-label/register'), require('@inera/ids-core/components/dialog/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/list/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/tabs/register')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/alert/register', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/tabs/register'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/alert/register'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/agent/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/breadcrumbs/register'), require('@inera/ids-core/components/card/register'), require('@inera/ids-core/components/date-label/register'), require('@inera/ids-core/components/dialog/register'), require('@inera/ids-core/components/expandable/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/list/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/tabs/register')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/alert/register', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/agent/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/breadcrumbs/register', '@inera/ids-core/components/card/register', '@inera/ids-core/components/date-label/register', '@inera/ids-core/components/dialog/register', '@inera/ids-core/components/expandable/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@inera/ids-core/components/list/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/tabs/register'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, global.ng.common, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
 })(this, (function (exports, i0, i2, register, register$1, register$2, register$3, register$4, i1, i3) { 'use strict';
 
@@ -150,7 +150,7 @@
         return IDAgentComponent;
     }());
     IDAgentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDAgentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-agent\r\n  [showtext]=\"showText\"\r\n  [hidetext]=\"hideText\"\r\n  [expanded]=\"expanded\"\r\n  (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\r\n  <h3 slot=\"alert-headline\" *ngIf=\"headline\">\r\n    {{headline}}\r\n  </h3>\r\n  <ng-content></ng-content>\r\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDAgentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-agent\r\n  [headline]=\"headline\"\r\n  [showtext]=\"showText\"\r\n  [hidetext]=\"hideText\"\r\n  [expanded]=\"expanded\"\r\n  (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\r\n  <h3 slot=\"alert-headline\" *ngIf=\"headline\">\r\n    {{headline}}\r\n  </h3>\r\n  <ng-content></ng-content>\r\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -634,37 +634,35 @@
     }
 
     var IDLink = /** @class */ (function () {
-        function IDLink(_label, _id, _classes) {
-            this._label = _label;
-            this._id = _id;
-            this._classes = _classes;
+        function IDLink(_props) {
+            this._props = _props;
         }
         Object.defineProperty(IDLink.prototype, "label", {
             get: function () {
-                return this._label;
+                return this._props.label;
             },
             set: function (label) {
-                this._label = label;
+                this._props.label = label;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IDLink.prototype, "id", {
             get: function () {
-                return this._id;
+                return this._props.id;
             },
             set: function (id) {
-                this._id = id;
+                this._props.id = id;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IDLink.prototype, "classes", {
             get: function () {
-                return this._classes;
+                return this._props.classes;
             },
             set: function (classes) {
-                this._classes = classes;
+                this._props.classes = classes;
             },
             enumerable: false,
             configurable: true
@@ -674,63 +672,57 @@
 
     var IDLinkFunction = /** @class */ (function (_super) {
         __extends(IDLinkFunction, _super);
-        function IDLinkFunction(_label, _action, _id, _classes) {
-            var _this = _super.call(this, _label, _id, _classes) || this;
-            _this._action = _action;
-            return _this;
+        function IDLinkFunction(_props) {
+            return _super.call(this, _props) || this;
         }
         Object.defineProperty(IDLinkFunction.prototype, "action", {
             get: function () {
-                return this._action;
+                return this._props.action;
             },
             set: function (action) {
-                this._action = action;
+                this._props.action = action;
             },
             enumerable: false,
             configurable: true
         });
         IDLinkFunction.prototype.click = function () {
-            this._action();
+            var _a;
+            (_a = this.action) === null || _a === void 0 ? void 0 : _a.call(this);
         };
         return IDLinkFunction;
     }(IDLink));
 
     var IDLinkRoute = /** @class */ (function (_super) {
         __extends(IDLinkRoute, _super);
-        function IDLinkRoute(_label, _route, _queries, router, _id, _classes) {
-            if (_queries === void 0) { _queries = {}; }
-            var _this = _super.call(this, _label, _id, _classes) || this;
-            _this._route = _route;
-            _this._queries = _queries;
-            _this.router = router;
-            return _this;
+        function IDLinkRoute(_props) {
+            return _super.call(this, _props) || this;
         }
         Object.defineProperty(IDLinkRoute.prototype, "route", {
             get: function () {
-                return this._route;
+                return this._props.route;
             },
             set: function (route) {
-                this._route = route;
+                this._props.route = route;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IDLinkRoute.prototype, "queries", {
             get: function () {
-                return this._queries;
+                return this._props.queries;
             },
             set: function (_queries) {
-                this._queries = _queries;
+                this._props.queries = _queries;
             },
             enumerable: false,
             configurable: true
         });
         IDLinkRoute.prototype.click = function () {
-            if (this.router) {
-                this.router.navigate([this.route]);
+            if (this._props.router) {
+                this._props.router.navigate([this.route]);
             }
             else {
-                console.error('No router supplied in IcLinkRoute Object');
+                console.error('No router supplied in IDLinkRoute Object');
             }
         };
         return IDLinkRoute;
@@ -738,34 +730,31 @@
 
     var IDLinkWeb = /** @class */ (function (_super) {
         __extends(IDLinkWeb, _super);
-        function IDLinkWeb(_label, _url, _target, _id, _classes) {
-            var _this = _super.call(this, _label, _id, _classes) || this;
-            _this._url = _url;
-            _this._target = _target;
-            return _this;
+        function IDLinkWeb(_props) {
+            return _super.call(this, _props) || this;
         }
         Object.defineProperty(IDLinkWeb.prototype, "target", {
             get: function () {
-                return this._target;
+                return this._props.target;
             },
             set: function (target) {
-                this._target = target;
+                this._props.target = target;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IDLinkWeb.prototype, "url", {
             get: function () {
-                return this._url;
+                return this._props.url;
             },
             set: function (url) {
-                this._url = url;
+                this._props.url = url;
             },
             enumerable: false,
             configurable: true
         });
         IDLinkWeb.prototype.click = function () {
-            window.open(this._url, this.target);
+            window.open(this._props.url, this.target);
         };
         return IDLinkWeb;
     }(IDLink));
@@ -836,7 +825,7 @@
         return IDAnchorComponent;
     }());
     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 });
-    IDAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0__namespace, template: "<a *ngIf=\"isLinkRoute\" \n    [attr.id]=\"linkRoute.id\"\n    [class]=\"classes\"  \n    [routerLink]=\"linkRoute.route\"\n    routerLinkActive=\"selected\"\n    [queryParams]=\"linkRoute.queries\">\n        {{linkRoute.label}}\n</a>\n<a *ngIf=\"isLinkWeb\" \n    [attr.id]=\"linkWeb.id\"\n    [class]=\"classes\"  \n    [href]=\"linkWeb.url\"\n    [class.ic-link--external]=\"isLinkExternal\"\n    [attr.target]=\"linkWeb.target\"\n    [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\n        {{linkWeb.label}}\n</a>\n<a *ngIf=\"isLinkFunction\" \n    [attr.id]=\"linkFunction.id\"\n    [class]=\"classes\"  \n    [attr.href]=\"scriptHref\"\n    (click)=\"linkFunction.action()\">\n        {{linkFunction.label}}\n</a>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }"], 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"] }] });
+    IDAnchorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAnchorComponent, selector: "id-anchor", inputs: { link: "link", contextClasses: "contextClasses" }, usesOnChanges: true, ngImport: i0__namespace, template: "<a *ngIf=\"isLinkRoute\" \n    [attr.id]=\"linkRoute.id\"\n    [class]=\"classes\"  \n    [routerLink]=\"linkRoute.route\"\n    routerLinkActive=\"selected\"\n    [queryParams]=\"linkRoute.queries\">\n        {{linkRoute.label}}\n</a>\n<a *ngIf=\"isLinkWeb\" \n    [attr.id]=\"linkWeb.id\"\n    [class]=\"classes\"  \n    [href]=\"linkWeb.url\"\n    [attr.target]=\"linkWeb.target\"\n    [attr.rel]=\"isLinkExternal ? 'noopener' : null\">\n        {{linkWeb.label}}\n</a>\n<a *ngIf=\"isLinkFunction\" \n    [attr.id]=\"linkFunction.id\"\n    [class]=\"classes\"  \n    [attr.href]=\"scriptHref\"\n    (click)=\"linkFunction.click()\">\n        {{linkFunction.label}}\n</a>", styles: ["a { color: inherit; text-decoration: inherit; font-size: inherit }"], 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"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -940,13 +929,13 @@
         return IDCardComponent;
     }());
     IDCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill" }, ngImport: i0__namespace, template: "<ids-card \r\n  [fill]=\"fill\">\r\n  <ng-content></ng-content>\r\n</ids-card>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill" }, ngImport: i0__namespace, template: "<ids-card \r\n  [fill]=\"fill\">\r\n  <ng-content></ng-content>\r\n</ids-card>", styles: [":host { display: block; }"] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-card',
                         templateUrl: './card.component.html',
-                        encapsulation: i0.ViewEncapsulation.None,
+                        styles: [':host { display: block; }'],
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { fill: [{
                     type: i0.Input
@@ -1106,6 +1095,55 @@
                     }]
             }] });
 
+    var IDExpandableComponent = /** @class */ (function () {
+        function IDExpandableComponent() {
+            this.borderless = false;
+            this.expanded = false;
+            this.headline = '';
+            this.variation = "1";
+        }
+        return IDExpandableComponent;
+    }());
+    IDExpandableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDExpandableComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<ids-expandable [attr.borderless]=\"borderless ? true : null\" [expanded]=\"expanded\" [headline]=\"headline\" [variation]=\"variation\">\r\n  <ng-content></ng-content>\r\n</ids-expandable>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-expandable',
+                        templateUrl: './expandable.component.html',
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { borderless: [{
+                    type: i0.Input
+                }], expanded: [{
+                    type: i0.Input
+                }], headline: [{
+                    type: i0.Input
+                }], variation: [{
+                    type: i0.Input
+                }] } });
+
+    var IDExpandableModule = /** @class */ (function () {
+        function IDExpandableModule() {
+        }
+        return IDExpandableModule;
+    }());
+    IDExpandableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDExpandableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, declarations: [IDExpandableComponent], exports: [IDExpandableComponent] });
+    IDExpandableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDExpandableComponent
+                        ],
+                        exports: [
+                            IDExpandableComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
     var IDIcon = /** @class */ (function () {
         function IDIcon(_props) {
             this._props = _props;
@@ -1173,12 +1211,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IDIcon.prototype, "rotate", {
+            get: function () {
+                return this._props.rotate;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return IDIcon;
     }());
 
     var IDIconComponent = /** @class */ (function () {
         function IDIconComponent() {
             this.name = undefined;
+            this.rotate = undefined;
             this.color = undefined;
             this.color2 = undefined;
             this.colorpreset = undefined;
@@ -1190,7 +1236,7 @@
         return IDIconComponent;
     }());
     IDIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \n  [name]=\"name\"\n  [color]=\"color\"\n  [color2]=\"color2\"\n  [size]=\"size\"\n  [width]=\"width\"\n  [height]=\"height\"\n  [colorpreset]=\"colorpreset\">\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDIconComponent, selector: "id-icon", inputs: { name: "name", rotate: "rotate", color: "color", color2: "color2", colorpreset: "colorpreset", title: "title", size: "size", width: "width", height: "height" }, ngImport: i0__namespace, template: "<ids-icon \n  [name]=\"name\"\n  [rotate]=\"rotate\"\n  [color]=\"color\"\n  [color2]=\"color2\"\n  [size]=\"size\"\n  [width]=\"width\"\n  [height]=\"height\"\n  [colorpreset]=\"colorpreset\">\n</ids-icon >", encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1200,6 +1246,8 @@
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { name: [{
                     type: i0.Input
+                }], rotate: [{
+                    type: i0.Input
                 }], color: [{
                     type: i0.Input
                 }], color2: [{
@@ -1926,7 +1974,7 @@
         return IDLinkComponent;
     }());
     IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \n  [attr.underlined]=\"underlined ? '' : null\"\n  [color]=\"color\"\n  [size]=\"size\"\n  [activeicon]=\"activeicon\"\n  [padding]=\"padding\"\n  [outline]=\"outline\"\n  [block]=\"block\"\n  [attr.slot]=\"slot\"\n  >\n    <ids-icon *ngIf=\"prependIcon !== null\"\n    slot=\"prepend-icon\" \n    [attr.name]=\"prependIcon?.name\"\n    [attr.title]=\"prependIcon?.title\" \n    [attr.color]=\"prependIcon?.color\" \n    [attr.color2]=\"prependIcon?.color2\" \n    [attr.size]=\"prependIcon?.size\" \n    [attr.padding]=\"prependIcon?.padding\" \n    [attr.colorpreset]=\"prependIcon?.colorpreset\"   \n    [attr.height]=\"prependIcon?.height\"   \n    [attr.width]=\"prependIcon?.width\"></ids-icon>\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\n    <ng-content *ngIf=\"!link\"></ng-content>\n    <ids-icon *ngIf=\"appendIcon !== null\" \n    slot=\"append-icon\" \n    [attr.name]=\"appendIcon?.name\"\n    [attr.title]=\"appendIcon?.title\" \n    [attr.color]=\"appendIcon?.color\" \n    [attr.color2]=\"appendIcon?.color2\"\n    [attr.size]=\"appendIcon?.size\"  \n    [attr.padding]=\"appendIcon?.padding\" \n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \n    [attr.height]=\"appendIcon?.height\"   \n    [attr.width]=\"appendIcon?.width\"></ids-icon>\n    <ids-notification-badge \n    *ngIf=\"notificationBadge !== null\"\n    [attr.type]=\"notificationBadge.type\"\n    [attr.size]=\"notificationBadge.size\">\n    {{notificationBadge.value}}\n  </ids-notification-badge>\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \n  [attr.underlined]=\"underlined ? '' : null\"\n  [color]=\"color\"\n  [size]=\"size\"\n  [activeicon]=\"activeicon\"\n  [padding]=\"padding\"\n  [outline]=\"outline\"\n  [block]=\"block\"\n  [attr.slot]=\"slot\"\n  >\n    <ids-icon *ngIf=\"prependIcon !== null\"\n    slot=\"prepend-icon\" \n    [attr.name]=\"prependIcon?.name\"\n    [attr.title]=\"prependIcon?.title\" \n    [attr.color]=\"prependIcon?.color\" \n    [attr.color2]=\"prependIcon?.color2\" \n    [attr.size]=\"prependIcon?.size\" \n    [attr.padding]=\"prependIcon?.padding\"  \n    [attr.rotate]=\"prependIcon?.rotate\" \n    [attr.colorpreset]=\"prependIcon?.colorpreset\"   \n    [attr.height]=\"prependIcon?.height\"   \n    [attr.width]=\"prependIcon?.width\"></ids-icon>\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\n    <ng-content *ngIf=\"!link\"></ng-content>\n    <ids-icon *ngIf=\"appendIcon !== null\" \n    slot=\"append-icon\" \n    [attr.name]=\"appendIcon?.name\"\n    [attr.title]=\"appendIcon?.title\" \n    [attr.color]=\"appendIcon?.color\" \n    [attr.color2]=\"appendIcon?.color2\"\n    [attr.size]=\"appendIcon?.size\"  \n    [attr.padding]=\"appendIcon?.padding\"  \n    [attr.rotate]=\"appendIcon?.rotate\"  \n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \n    [attr.height]=\"appendIcon?.height\"   \n    [attr.width]=\"appendIcon?.width\"></ids-icon>\n    <ids-notification-badge \n    *ngIf=\"notificationBadge !== null\"\n    [attr.type]=\"notificationBadge.type\"\n    [attr.size]=\"notificationBadge.size\">\n    {{notificationBadge.value}}\n  </ids-notification-badge>\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2308,12 +2356,15 @@
             this.headline = '';
             this.servicename = '';
             this.subheadline = '';
+            this.linkcol1 = '2';
+            this.linkcol2 = '2';
+            this.linkcol3 = '2';
             this.mobileMenuItems = undefined;
         }
         return IDFooterComponent;
     }());
     IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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", mobileMenuItems: "mobileMenuItems" }, ngImport: i0__namespace, template: "<ids-footer \n  [type]=\"type\"\n  [headline]=\"headline\"\n  [subheadline]=\"subheadline\"\n  [servicename]=\"servicename\">\n  <ng-content></ng-content>\n  <ids-mobile-menu \n  *ngIf=\"mobileMenuItems\"\n  [type]=\"type\">\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\n      [attr.type]=\"type\"\n      [headline]=\"item?.headline\"\n      [expanded]=\"item?.expanded\"\n      [secondary]=\"item?.secondary\"\n      [active]=\"item?.active\"\n      (didToggleExpansion)=\"item.togleExpansion()\">\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n        [attr.type]=\"type\"\n        [headline]=\"item?.headline\"\n        [expanded]=\"item?.expanded\"\n        [secondary]=\"item?.secondary\"\n        [active]=\"item?.active\"\n        (didToggleExpansion)=\"item.togleExpansion()\">\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n          [attr.type]=\"type\"\n          [headline]=\"item?.headline\"\n          [expanded]=\"item?.expanded\"\n          [secondary]=\"item?.secondary\"\n          [active]=\"item?.active\"\n          (didToggleExpansion)=\"item.togleExpansion()\">\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n              [attr.type]=\"type\"\n              [headline]=\"item?.headline\"\n              [expanded]=\"item?.expanded\"\n              [secondary]=\"item?.secondary\"\n              [active]=\"item?.active\"\n              (didToggleExpansion)=\"item.togleExpansion()\">\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n              </ids-mobile-menu-item>\n          </ids-mobile-menu-item>\n        </ids-mobile-menu-item>\n    </ids-mobile-menu-item>\n  </ids-mobile-menu>\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    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", linkcol1: "linkcol1", linkcol2: "linkcol2", linkcol3: "linkcol3", mobileMenuItems: "mobileMenuItems" }, ngImport: i0__namespace, template: "<ids-footer \n  [type]=\"type\"\n  [headline]=\"headline\"\n  [subheadline]=\"subheadline\"\n  [servicename]=\"servicename\"\n  [linkcol1]=\"linkcol1\"\n  [linkcol2]=\"linkcol2\"\n  [linkcol3]=\"linkcol3\">\n  <ng-content></ng-content>\n  <ids-mobile-menu \n  slot=\"mobile-menu\"\n  variation=\"2\"\n  *ngIf=\"mobileMenuItems\"\n  [type]=\"type\">\n    <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\n      [attr.type]=\"type\"\n      [headline]=\"item?.headline\"\n      [expanded]=\"item?.expanded\"\n      [secondary]=\"item?.secondary\"\n      [active]=\"item?.active\"\n      (didToggleExpansion)=\"item.togleExpansion()\">\n        <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n        <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n        [attr.type]=\"type\"\n        [headline]=\"item?.headline\"\n        [expanded]=\"item?.expanded\"\n        [secondary]=\"item?.secondary\"\n        [active]=\"item?.active\"\n        (didToggleExpansion)=\"item.togleExpansion()\">\n          <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n          <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n          [attr.type]=\"type\"\n          [headline]=\"item?.headline\"\n          [expanded]=\"item?.expanded\"\n          [secondary]=\"item?.secondary\"\n          [active]=\"item?.active\"\n          (didToggleExpansion)=\"item.togleExpansion()\">\n            <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n              <ids-mobile-menu-item *ngFor=\"let item of item.items\"\n              [attr.type]=\"type\"\n              [headline]=\"item?.headline\"\n              [expanded]=\"item?.expanded\"\n              [secondary]=\"item?.secondary\"\n              [active]=\"item?.active\"\n              (didToggleExpansion)=\"item.togleExpansion()\">\n                <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\n              </ids-mobile-menu-item>\n          </ids-mobile-menu-item>\n        </ids-mobile-menu-item>\n    </ids-mobile-menu-item>\n  </ids-mobile-menu>\n</ids-footer>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2328,6 +2379,12 @@
                     type: i0.Input
                 }], subheadline: [{
                     type: i0.Input
+                }], linkcol1: [{
+                    type: i0.Input
+                }], linkcol2: [{
+                    type: i0.Input
+                }], linkcol3: [{
+                    type: i0.Input
                 }], mobileMenuItems: [{
                     type: i0.Input
                 }] } });
@@ -2701,6 +2758,8 @@
     exports.IDDialogModule = IDDialogModule;
     exports.IDErrorMessageComponent = IDErrorMessageComponent;
     exports.IDErrorMessageModule = IDErrorMessageModule;
+    exports.IDExpandableComponent = IDExpandableComponent;
+    exports.IDExpandableModule = IDExpandableModule;
     exports.IDFooterComponent = IDFooterComponent;
     exports.IDFooterModule = IDFooterModule;
     exports.IDHeaderAvatar = IDHeaderAvatar;