@inera/ids-angular 1.11.2 → 1.12.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 +105 -50
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/classes/link/IDLink.js +9 -11
- package/esm2015/lib/classes/link/IDLinkFunction.js +7 -7
- package/esm2015/lib/classes/link/IDLinkProp.js +2 -0
- package/esm2015/lib/classes/link/IDLinkRoute.js +10 -13
- package/esm2015/lib/classes/link/IDLinkWeb.js +8 -10
- package/esm2015/lib/components/agent/agent.component.js +2 -2
- package/esm2015/lib/components/alert/alert.component.js +1 -1
- package/esm2015/lib/components/alert-global/alert-global.component.js +1 -1
- package/esm2015/lib/components/card/card.component.js +4 -4
- package/esm2015/lib/components/expandable/expandable.component.js +29 -0
- package/esm2015/lib/components/expandable/expandable.module.js +22 -0
- package/esm2015/lib/components/footer/footer.component.js +11 -2
- package/esm2015/lib/components/form/select-multiple/select-multiple.component.js +1 -1
- package/esm2015/lib/components/form/spinner/spinner.component.js +1 -1
- package/esm2015/lib/components/grid/column/column.component.js +1 -1
- package/esm2015/lib/components/header/header.component.js +5 -2
- package/esm2015/lib/components/icon/icon.component.js +5 -2
- package/esm2015/lib/components/link/link.component.js +1 -1
- package/esm2015/lib/components/tabs/tab/tab.component.js +1 -1
- package/esm2015/lib/internals/anchor.component.js +2 -2
- package/esm2015/public-api.js +5 -1
- package/fesm2015/inera-ids-angular.js +99 -45
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/classes/link/IDLink.d.ts +3 -4
- package/lib/classes/link/IDLinkFunction.d.ts +4 -4
- package/lib/classes/link/IDLinkProp.d.ts +12 -0
- package/lib/classes/link/IDLinkRoute.d.ts +4 -7
- package/lib/classes/link/IDLinkWeb.d.ts +4 -5
- package/lib/components/agent/agent.component.d.ts +3 -3
- package/lib/components/alert/alert.component.d.ts +5 -5
- package/lib/components/alert-global/alert-global.component.d.ts +3 -3
- package/lib/components/expandable/expandable.component.d.ts +10 -0
- package/lib/components/expandable/expandable.module.d.ts +8 -0
- package/lib/components/footer/footer.component.d.ts +8 -5
- package/lib/components/form/select-multiple/select-multiple.component.d.ts +3 -3
- package/lib/components/form/spinner/spinner.component.d.ts +2 -2
- package/lib/components/grid/column/column.component.d.ts +8 -8
- package/lib/components/header/header.component.d.ts +9 -8
- package/lib/components/icon/icon.component.d.ts +9 -8
- package/lib/components/link/link.component.d.ts +2 -2
- package/lib/components/tabs/tab/tab.component.d.ts +2 -2
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
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')) :
|
|
3
|
-
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) :
|
|
2
|
+
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')) :
|
|
3
|
+
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) :
|
|
4
4
|
(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));
|
|
5
5
|
})(this, (function (exports, i0, i2, register, register$1, register$2, register$3, register$4, i1, i3) { 'use strict';
|
|
6
6
|
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
return IDAgentComponent;
|
|
151
151
|
}());
|
|
152
152
|
IDAgentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
153
|
-
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"] }] });
|
|
153
|
+
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"] }] });
|
|
154
154
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, decorators: [{
|
|
155
155
|
type: i0.Component,
|
|
156
156
|
args: [{
|
|
@@ -634,37 +634,35 @@
|
|
|
634
634
|
}
|
|
635
635
|
|
|
636
636
|
var IDLink = /** @class */ (function () {
|
|
637
|
-
function IDLink(
|
|
638
|
-
this.
|
|
639
|
-
this._id = _id;
|
|
640
|
-
this._classes = _classes;
|
|
637
|
+
function IDLink(_props) {
|
|
638
|
+
this._props = _props;
|
|
641
639
|
}
|
|
642
640
|
Object.defineProperty(IDLink.prototype, "label", {
|
|
643
641
|
get: function () {
|
|
644
|
-
return this.
|
|
642
|
+
return this._props.label;
|
|
645
643
|
},
|
|
646
644
|
set: function (label) {
|
|
647
|
-
this.
|
|
645
|
+
this._props.label = label;
|
|
648
646
|
},
|
|
649
647
|
enumerable: false,
|
|
650
648
|
configurable: true
|
|
651
649
|
});
|
|
652
650
|
Object.defineProperty(IDLink.prototype, "id", {
|
|
653
651
|
get: function () {
|
|
654
|
-
return this.
|
|
652
|
+
return this._props.id;
|
|
655
653
|
},
|
|
656
654
|
set: function (id) {
|
|
657
|
-
this.
|
|
655
|
+
this._props.id = id;
|
|
658
656
|
},
|
|
659
657
|
enumerable: false,
|
|
660
658
|
configurable: true
|
|
661
659
|
});
|
|
662
660
|
Object.defineProperty(IDLink.prototype, "classes", {
|
|
663
661
|
get: function () {
|
|
664
|
-
return this.
|
|
662
|
+
return this._props.classes;
|
|
665
663
|
},
|
|
666
664
|
set: function (classes) {
|
|
667
|
-
this.
|
|
665
|
+
this._props.classes = classes;
|
|
668
666
|
},
|
|
669
667
|
enumerable: false,
|
|
670
668
|
configurable: true
|
|
@@ -674,63 +672,57 @@
|
|
|
674
672
|
|
|
675
673
|
var IDLinkFunction = /** @class */ (function (_super) {
|
|
676
674
|
__extends(IDLinkFunction, _super);
|
|
677
|
-
function IDLinkFunction(
|
|
678
|
-
|
|
679
|
-
_this._action = _action;
|
|
680
|
-
return _this;
|
|
675
|
+
function IDLinkFunction(_props) {
|
|
676
|
+
return _super.call(this, _props) || this;
|
|
681
677
|
}
|
|
682
678
|
Object.defineProperty(IDLinkFunction.prototype, "action", {
|
|
683
679
|
get: function () {
|
|
684
|
-
return this.
|
|
680
|
+
return this._props.action;
|
|
685
681
|
},
|
|
686
682
|
set: function (action) {
|
|
687
|
-
this.
|
|
683
|
+
this._props.action = action;
|
|
688
684
|
},
|
|
689
685
|
enumerable: false,
|
|
690
686
|
configurable: true
|
|
691
687
|
});
|
|
692
688
|
IDLinkFunction.prototype.click = function () {
|
|
693
|
-
|
|
689
|
+
var _a;
|
|
690
|
+
(_a = this.action) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
694
691
|
};
|
|
695
692
|
return IDLinkFunction;
|
|
696
693
|
}(IDLink));
|
|
697
694
|
|
|
698
695
|
var IDLinkRoute = /** @class */ (function (_super) {
|
|
699
696
|
__extends(IDLinkRoute, _super);
|
|
700
|
-
function IDLinkRoute(
|
|
701
|
-
|
|
702
|
-
var _this = _super.call(this, _label, _id, _classes) || this;
|
|
703
|
-
_this._route = _route;
|
|
704
|
-
_this._queries = _queries;
|
|
705
|
-
_this.router = router;
|
|
706
|
-
return _this;
|
|
697
|
+
function IDLinkRoute(_props) {
|
|
698
|
+
return _super.call(this, _props) || this;
|
|
707
699
|
}
|
|
708
700
|
Object.defineProperty(IDLinkRoute.prototype, "route", {
|
|
709
701
|
get: function () {
|
|
710
|
-
return this.
|
|
702
|
+
return this._props.route;
|
|
711
703
|
},
|
|
712
704
|
set: function (route) {
|
|
713
|
-
this.
|
|
705
|
+
this._props.route = route;
|
|
714
706
|
},
|
|
715
707
|
enumerable: false,
|
|
716
708
|
configurable: true
|
|
717
709
|
});
|
|
718
710
|
Object.defineProperty(IDLinkRoute.prototype, "queries", {
|
|
719
711
|
get: function () {
|
|
720
|
-
return this.
|
|
712
|
+
return this._props.queries;
|
|
721
713
|
},
|
|
722
714
|
set: function (_queries) {
|
|
723
|
-
this.
|
|
715
|
+
this._props.queries = _queries;
|
|
724
716
|
},
|
|
725
717
|
enumerable: false,
|
|
726
718
|
configurable: true
|
|
727
719
|
});
|
|
728
720
|
IDLinkRoute.prototype.click = function () {
|
|
729
|
-
if (this.router) {
|
|
730
|
-
this.router.navigate([this.route]);
|
|
721
|
+
if (this._props.router) {
|
|
722
|
+
this._props.router.navigate([this.route]);
|
|
731
723
|
}
|
|
732
724
|
else {
|
|
733
|
-
console.error('No router supplied in
|
|
725
|
+
console.error('No router supplied in IDLinkRoute Object');
|
|
734
726
|
}
|
|
735
727
|
};
|
|
736
728
|
return IDLinkRoute;
|
|
@@ -738,34 +730,31 @@
|
|
|
738
730
|
|
|
739
731
|
var IDLinkWeb = /** @class */ (function (_super) {
|
|
740
732
|
__extends(IDLinkWeb, _super);
|
|
741
|
-
function IDLinkWeb(
|
|
742
|
-
|
|
743
|
-
_this._url = _url;
|
|
744
|
-
_this._target = _target;
|
|
745
|
-
return _this;
|
|
733
|
+
function IDLinkWeb(_props) {
|
|
734
|
+
return _super.call(this, _props) || this;
|
|
746
735
|
}
|
|
747
736
|
Object.defineProperty(IDLinkWeb.prototype, "target", {
|
|
748
737
|
get: function () {
|
|
749
|
-
return this.
|
|
738
|
+
return this._props.target;
|
|
750
739
|
},
|
|
751
740
|
set: function (target) {
|
|
752
|
-
this.
|
|
741
|
+
this._props.target = target;
|
|
753
742
|
},
|
|
754
743
|
enumerable: false,
|
|
755
744
|
configurable: true
|
|
756
745
|
});
|
|
757
746
|
Object.defineProperty(IDLinkWeb.prototype, "url", {
|
|
758
747
|
get: function () {
|
|
759
|
-
return this.
|
|
748
|
+
return this._props.url;
|
|
760
749
|
},
|
|
761
750
|
set: function (url) {
|
|
762
|
-
this.
|
|
751
|
+
this._props.url = url;
|
|
763
752
|
},
|
|
764
753
|
enumerable: false,
|
|
765
754
|
configurable: true
|
|
766
755
|
});
|
|
767
756
|
IDLinkWeb.prototype.click = function () {
|
|
768
|
-
window.open(this.
|
|
757
|
+
window.open(this._props.url, this.target);
|
|
769
758
|
};
|
|
770
759
|
return IDLinkWeb;
|
|
771
760
|
}(IDLink));
|
|
@@ -836,7 +825,7 @@
|
|
|
836
825
|
return IDAnchorComponent;
|
|
837
826
|
}());
|
|
838
827
|
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 });
|
|
839
|
-
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 [
|
|
828
|
+
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"] }] });
|
|
840
829
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAnchorComponent, decorators: [{
|
|
841
830
|
type: i0.Component,
|
|
842
831
|
args: [{
|
|
@@ -940,13 +929,13 @@
|
|
|
940
929
|
return IDCardComponent;
|
|
941
930
|
}());
|
|
942
931
|
IDCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
943
|
-
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>",
|
|
932
|
+
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; }"] });
|
|
944
933
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDCardComponent, decorators: [{
|
|
945
934
|
type: i0.Component,
|
|
946
935
|
args: [{
|
|
947
936
|
selector: 'id-card',
|
|
948
937
|
templateUrl: './card.component.html',
|
|
949
|
-
|
|
938
|
+
styles: [':host { display: block; }'],
|
|
950
939
|
}]
|
|
951
940
|
}], ctorParameters: function () { return []; }, propDecorators: { fill: [{
|
|
952
941
|
type: i0.Input
|
|
@@ -1106,6 +1095,55 @@
|
|
|
1106
1095
|
}]
|
|
1107
1096
|
}] });
|
|
1108
1097
|
|
|
1098
|
+
var IDExpandableComponent = /** @class */ (function () {
|
|
1099
|
+
function IDExpandableComponent() {
|
|
1100
|
+
this.borderless = false;
|
|
1101
|
+
this.expanded = false;
|
|
1102
|
+
this.headline = '';
|
|
1103
|
+
this.variation = "1";
|
|
1104
|
+
}
|
|
1105
|
+
return IDExpandableComponent;
|
|
1106
|
+
}());
|
|
1107
|
+
IDExpandableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1108
|
+
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 });
|
|
1109
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableComponent, decorators: [{
|
|
1110
|
+
type: i0.Component,
|
|
1111
|
+
args: [{
|
|
1112
|
+
selector: 'id-expandable',
|
|
1113
|
+
templateUrl: './expandable.component.html',
|
|
1114
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1115
|
+
}]
|
|
1116
|
+
}], ctorParameters: function () { return []; }, propDecorators: { borderless: [{
|
|
1117
|
+
type: i0.Input
|
|
1118
|
+
}], expanded: [{
|
|
1119
|
+
type: i0.Input
|
|
1120
|
+
}], headline: [{
|
|
1121
|
+
type: i0.Input
|
|
1122
|
+
}], variation: [{
|
|
1123
|
+
type: i0.Input
|
|
1124
|
+
}] } });
|
|
1125
|
+
|
|
1126
|
+
var IDExpandableModule = /** @class */ (function () {
|
|
1127
|
+
function IDExpandableModule() {
|
|
1128
|
+
}
|
|
1129
|
+
return IDExpandableModule;
|
|
1130
|
+
}());
|
|
1131
|
+
IDExpandableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1132
|
+
IDExpandableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, declarations: [IDExpandableComponent], exports: [IDExpandableComponent] });
|
|
1133
|
+
IDExpandableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule });
|
|
1134
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDExpandableModule, decorators: [{
|
|
1135
|
+
type: i0.NgModule,
|
|
1136
|
+
args: [{
|
|
1137
|
+
declarations: [
|
|
1138
|
+
IDExpandableComponent
|
|
1139
|
+
],
|
|
1140
|
+
exports: [
|
|
1141
|
+
IDExpandableComponent
|
|
1142
|
+
],
|
|
1143
|
+
schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
|
|
1144
|
+
}]
|
|
1145
|
+
}] });
|
|
1146
|
+
|
|
1109
1147
|
var IDIcon = /** @class */ (function () {
|
|
1110
1148
|
function IDIcon(_props) {
|
|
1111
1149
|
this._props = _props;
|
|
@@ -1179,6 +1217,7 @@
|
|
|
1179
1217
|
var IDIconComponent = /** @class */ (function () {
|
|
1180
1218
|
function IDIconComponent() {
|
|
1181
1219
|
this.name = undefined;
|
|
1220
|
+
this.rotate = undefined;
|
|
1182
1221
|
this.color = undefined;
|
|
1183
1222
|
this.color2 = undefined;
|
|
1184
1223
|
this.colorpreset = undefined;
|
|
@@ -1190,7 +1229,7 @@
|
|
|
1190
1229
|
return IDIconComponent;
|
|
1191
1230
|
}());
|
|
1192
1231
|
IDIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1193
|
-
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 });
|
|
1232
|
+
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 });
|
|
1194
1233
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDIconComponent, decorators: [{
|
|
1195
1234
|
type: i0.Component,
|
|
1196
1235
|
args: [{
|
|
@@ -1200,6 +1239,8 @@
|
|
|
1200
1239
|
}]
|
|
1201
1240
|
}], ctorParameters: function () { return []; }, propDecorators: { name: [{
|
|
1202
1241
|
type: i0.Input
|
|
1242
|
+
}], rotate: [{
|
|
1243
|
+
type: i0.Input
|
|
1203
1244
|
}], color: [{
|
|
1204
1245
|
type: i0.Input
|
|
1205
1246
|
}], color2: [{
|
|
@@ -2308,12 +2349,15 @@
|
|
|
2308
2349
|
this.headline = '';
|
|
2309
2350
|
this.servicename = '';
|
|
2310
2351
|
this.subheadline = '';
|
|
2352
|
+
this.linkcol1 = '2';
|
|
2353
|
+
this.linkcol2 = '2';
|
|
2354
|
+
this.linkcol3 = '2';
|
|
2311
2355
|
this.mobileMenuItems = undefined;
|
|
2312
2356
|
}
|
|
2313
2357
|
return IDFooterComponent;
|
|
2314
2358
|
}());
|
|
2315
2359
|
IDFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2316
|
-
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"] }] });
|
|
2360
|
+
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"] }] });
|
|
2317
2361
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDFooterComponent, decorators: [{
|
|
2318
2362
|
type: i0.Component,
|
|
2319
2363
|
args: [{
|
|
@@ -2328,6 +2372,12 @@
|
|
|
2328
2372
|
type: i0.Input
|
|
2329
2373
|
}], subheadline: [{
|
|
2330
2374
|
type: i0.Input
|
|
2375
|
+
}], linkcol1: [{
|
|
2376
|
+
type: i0.Input
|
|
2377
|
+
}], linkcol2: [{
|
|
2378
|
+
type: i0.Input
|
|
2379
|
+
}], linkcol3: [{
|
|
2380
|
+
type: i0.Input
|
|
2331
2381
|
}], mobileMenuItems: [{
|
|
2332
2382
|
type: i0.Input
|
|
2333
2383
|
}] } });
|
|
@@ -2360,6 +2410,7 @@
|
|
|
2360
2410
|
this.brandText = '';
|
|
2361
2411
|
this.brandTextTop = '';
|
|
2362
2412
|
this.brandTextBottom = '';
|
|
2413
|
+
this.mobileMenuText = 'Meny';
|
|
2363
2414
|
this.hideRegionPicker = false;
|
|
2364
2415
|
this.unresponsive = false;
|
|
2365
2416
|
this.hideBrand = false;
|
|
@@ -2370,7 +2421,7 @@
|
|
|
2370
2421
|
return IDHeaderComponent;
|
|
2371
2422
|
}());
|
|
2372
2423
|
IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2373
|
-
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", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav slot=\"header-nav\" *ngIf=\"navItems || mobileItems\" [attr.type]=\"type\">\r\n <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [attr.type]=\"type\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link> \r\n <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <div slot=\"col-4\">\r\n <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"h2\">{{navItem.headline}}</h2>\r\n <p class=\"body\">{{navItem.paragraph}}</p>\r\n <id-anchor>{{navItem.paragraphLink}}</id-anchor>\r\n </div>\r\n </ids-header-nav-item>\r\n <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n
|
|
2424
|
+
IDHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", mobileMenuText: "mobileMenuText", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [attr.type]=\"type\"\r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav slot=\"header-nav\" *ngIf=\"navItems || mobileItems\" [attr.type]=\"type\">\r\n <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [attr.type]=\"type\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link> \r\n <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <div slot=\"col-4\">\r\n <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"h2\">{{navItem.headline}}</h2>\r\n <p class=\"body\">{{navItem.paragraph}}</p>\r\n <id-anchor>{{navItem.paragraphLink}}</id-anchor>\r\n </div>\r\n </ids-header-nav-item>\r\n <ids-header-mobile-item [attr.type]=\"type\" *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu [attr.type]=\"type\" *ngIf=\"mobileMenuItems\">\r\n {{mobileMenuText}}\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of mobileMenuItems\"\r\n slot=\"menu-link\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item [attr.type]=\"type\" *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n </ids-header-nav>\r\n\r\n <ids-header-avatar [attr.type]=\"type\" *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatarMobile]\"></ng-content>\r\n <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n </ids-mobile-menu-avatar>\r\n <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2374
2425
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
|
|
2375
2426
|
type: i0.Component,
|
|
2376
2427
|
args: [{
|
|
@@ -2385,6 +2436,8 @@
|
|
|
2385
2436
|
type: i0.Input
|
|
2386
2437
|
}], brandTextBottom: [{
|
|
2387
2438
|
type: i0.Input
|
|
2439
|
+
}], mobileMenuText: [{
|
|
2440
|
+
type: i0.Input
|
|
2388
2441
|
}], hideRegionPicker: [{
|
|
2389
2442
|
type: i0.Input
|
|
2390
2443
|
}], unresponsive: [{
|
|
@@ -2698,6 +2751,8 @@
|
|
|
2698
2751
|
exports.IDDialogModule = IDDialogModule;
|
|
2699
2752
|
exports.IDErrorMessageComponent = IDErrorMessageComponent;
|
|
2700
2753
|
exports.IDErrorMessageModule = IDErrorMessageModule;
|
|
2754
|
+
exports.IDExpandableComponent = IDExpandableComponent;
|
|
2755
|
+
exports.IDExpandableModule = IDExpandableModule;
|
|
2701
2756
|
exports.IDFooterComponent = IDFooterComponent;
|
|
2702
2757
|
exports.IDFooterModule = IDFooterModule;
|
|
2703
2758
|
exports.IDHeaderAvatar = IDHeaderAvatar;
|