carbon-components-angular 3.17.2 → 3.17.3

package/ui-shell/header/header.component.js

@@ -18,7 +18,9 @@
  */
 
 
-import { Component, Input } from "@angular/core";
+import { Component, Input, Optional, Output, EventEmitter } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { Router } from "@angular/router";
 import { I18n } from "../../i18n/i18n.module";
 /**
  * A fixed header and navigation.
@@ -30,27 +32,60 @@ import { I18n } from "../../i18n/i18n.module";
  * <example-url>../../iframe.html?id=ui-shell--header</example-url>
  */
 var Header = /** @class */ (function () {
-    function Header(i18n) {
+    function Header(i18n, domSanitizer, router) {
         this.i18n = i18n;
+        this.domSanitizer = domSanitizer;
+        this.router = router;
         /**
          * Top level branding. Defaults to "IBM"
          */
         this.brand = "IBM";
+        /**
+         * Emits the navigation status promise when the link is activated
+         */
+        this.navigation = new EventEmitter();
+        this._href = "javascript:void(0)";
     }
+    Object.defineProperty(Header.prototype, "href", {
+        get: function () {
+            return this.domSanitizer.bypassSecurityTrustUrl(this._href);
+        },
+        /**
+         * Optional link for the header
+         */
+        set: function (v) {
+            this._href = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Header.prototype.navigate = function (event) {
+        if (this.router && this.route) {
+            event.preventDefault();
+            var status_1 = this.router.navigate(this.route, this.routeExtras);
+            this.navigation.emit(status_1);
+        }
+    };
     Header.decorators = [
         { type: Component, args: [{
                     selector: "ibm-header",
-                    template: "\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a class=\"bx--header__name\" href=\"#\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"
+                    template: "\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\t*ngIf=\"!skipTo\"\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__name\"\n\t\t\t\thref=\"#\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"
                 },] },
     ];
     /** @nocollapse */
     Header.ctorParameters = function () { return [
-        { type: I18n }
+        { type: I18n },
+        { type: DomSanitizer },
+        { type: Router, decorators: [{ type: Optional }] }
     ]; };
     Header.propDecorators = {
         skipTo: [{ type: Input }],
         name: [{ type: Input }],
-        brand: [{ type: Input }]
+        brand: [{ type: Input }],
+        href: [{ type: Input }],
+        route: [{ type: Input }],
+        routeExtras: [{ type: Input }],
+        navigation: [{ type: Output }]
     };
     return Header;
 }());

package/ui-shell/header/header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C;;;;;;;;GAQG;AACH;IAoCC,gBAAmB,IAAU;QAAV,SAAI,GAAJ,IAAI,CAAM;QAL7B;;WAEG;QACM,UAAK,GAAG,KAAK,CAAC;IAEU,CAAC;;gBApClC,SAAS,SAAC;oBACV,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,giBAkBT;iBACD;;;;gBAhCQ,IAAI;;;yBAqCX,KAAK;uBAIL,KAAK;wBAIL,KAAK;;IAGP,aAAC;CAAA,AArCD,IAqCC;SAfY,MAAM","sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { I18n } from \"../../i18n/i18n.module\";\n\n/**\n * A fixed header and navigation.\n * Header may contain a Hamburger menu to toggle the side navigation, navigation actions,\n * and global actions (generally in the form of `Panel`s).\n *\n * [See demo](../../?path=/story/ui-shell--header)\n *\n * <example-url>../../iframe.html?id=ui-shell--header</example-url>\n */\n@Component({\n\tselector: \"ibm-header\",\n\ttemplate: `\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a class=\"bx--header__name\" href=\"#\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t`\n})\nexport class Header {\n\t/**\n\t * ID in the main body content to jump to. Used by keyboard and screen reader users to skip the header content.\n\t */\n\t@Input() skipTo: string;\n\t/**\n\t * Label that shows to the right of the `brand` text. Generally a product name.\n\t */\n\t@Input() name: string;\n\t/**\n\t * Top level branding. Defaults to \"IBM\"\n\t */\n\t@Input() brand = \"IBM\";\n\n\tconstructor(public i18n: I18n) { }\n}\n"]}
+{"version":3,"file":"header.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C;;;;;;;;GAQG;AACH;IAsEC,gBACQ,IAAU,EACP,YAA0B,EACd,MAAc;QAF7B,SAAI,GAAJ,IAAI,CAAM;QACP,iBAAY,GAAZ,YAAY,CAAc;QACd,WAAM,GAAN,MAAM,CAAQ;QAtCrC;;WAEG;QACM,UAAK,GAAG,KAAK,CAAC;QAyBvB;;WAEG;QACO,eAAU,GAAG,IAAI,YAAY,EAAoB,CAAC;QAElD,UAAK,GAAG,oBAAoB,CAAC;IAKE,CAAC;IA9B1C,sBAAa,wBAAI;aAIjB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAW,CAAC;QACvE,CAAC;QATD;;WAEG;aACH,UAAkB,CAAS;YAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAChB,CAAC;;;OAAA;IA8BD,yBAAQ,GAAR,UAAS,KAAK;QACb,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAM,QAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAClE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAM,CAAC,CAAC;SAC7B;IACF,CAAC;;gBAjFD,SAAS,SAAC;oBACV,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,mnBAsBT;iBACD;;;;gBApCQ,IAAI;gBAFJ,YAAY;gBACZ,MAAM,uBAqFZ,QAAQ;;;yBA3CT,KAAK;uBAIL,KAAK;wBAIL,KAAK;uBAKL,KAAK;wBAYL,KAAK;8BAML,KAAK;6BAKL,MAAM;;IAgBR,aAAC;CAAA,AAlFD,IAkFC;SAxDY,MAAM","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOptional,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\nimport { I18n } from \"../../i18n/i18n.module\";\n\n/**\n * A fixed header and navigation.\n * Header may contain a Hamburger menu to toggle the side navigation, navigation actions,\n * and global actions (generally in the form of `Panel`s).\n *\n * [See demo](../../?path=/story/ui-shell--header)\n *\n * <example-url>../../iframe.html?id=ui-shell--header</example-url>\n */\n@Component({\n\tselector: \"ibm-header\",\n\ttemplate: `\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\t*ngIf=\"!skipTo\"\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__name\"\n\t\t\t\thref=\"#\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t`\n})\nexport class Header {\n\t/**\n\t * ID in the main body content to jump to. Used by keyboard and screen reader users to skip the header content.\n\t */\n\t@Input() skipTo: string;\n\t/**\n\t * Label that shows to the right of the `brand` text. Generally a product name.\n\t */\n\t@Input() name: string;\n\t/**\n\t * Top level branding. Defaults to \"IBM\"\n\t */\n\t@Input() brand = \"IBM\";\n\n\t/**\n\t * Optional link for the header\n\t */\n\t@Input() set href(v: string) {\n\t\tthis._href = v;\n\t}\n\n\tget href() {\n\t\treturn this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;\n\t}\n\n\t/**\n\t * Array of commands to send to the router when the link is activated\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() route: any[];\n\n\t/**\n\t * Router options. Used in conjunction with `route`\n\t * See: https://angular.io/api/router/Router#navigate\n\t */\n\t@Input() routeExtras: any;\n\n\t/**\n\t * Emits the navigation status promise when the link is activated\n\t */\n\t@Output() navigation = new EventEmitter<Promise<boolean>>();\n\n\tprotected _href = \"javascript:void(0)\";\n\n\tconstructor(\n\t\tpublic i18n: I18n,\n\t\tprotected domSanitizer: DomSanitizer,\n\t\t@Optional() protected router: Router) { }\n\n\tnavigate(event) {\n\t\tif (this.router && this.route) {\n\t\t\tevent.preventDefault();\n\t\t\tconst status = this.router.navigate(this.route, this.routeExtras);\n\t\t\tthis.navigation.emit(status);\n\t\t}\n\t}\n}\n"]}

package/ui-shell/header/header.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Header":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ibm-header","template":"\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a class=\"bx--header__name\" href=\"#\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"}]}],"members":{"skipTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":2}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"brand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../i18n/i18n.module","name":"I18n","line":48,"character":26}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Header":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ibm-header","template":"\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\t*ngIf=\"!skipTo\"\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__name\"\n\t\t\t\thref=\"#\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"}]}],"members":{"skipTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":2}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":2}}]}],"brand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":2}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":2}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"routeExtras":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"navigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":93,"character":3}}]],"parameters":[{"__symbolic":"reference","module":"../../i18n/i18n.module","name":"I18n","line":91,"character":15},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":92,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":93,"character":32}]}],"navigate":[{"__symbolic":"method"}]}}}}]

package/ui-shell/header/header.component.ngfactory.js

@@ -28,11 +28,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./header.component";
 import * as i3 from "../../i18n/i18n.service";
+import * as i4 from "@angular/platform-browser";
+import * as i5 from "@angular/router";
 var styles_Header = [];
 var RenderType_Header = i0.ɵcrt({ encapsulation: 2, styles: styles_Header, data: {} });
 export { RenderType_Header as RenderType_Header };
-export function View_Header_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 9, "header", [["class", "bx--header"], ["role", "banner"]], [[1, "aria-label", 0]], null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 2, "a", [["class", "bx--skip-to-content"], ["tabindex", "0"]], [[8, "href", 4]], null, null, null, null)), (_l()(), i0.ɵted(2, null, [" ", " "])), i0.ɵpid(131072, i1.AsyncPipe, [i0.ChangeDetectorRef]), i0.ɵncd(null, 0), (_l()(), i0.ɵeld(5, 0, null, null, 3, "a", [["class", "bx--header__name"], ["href", "#"]], null, null, null, null, null)), (_l()(), i0.ɵeld(6, 0, null, null, 1, "span", [["class", "bx--header__name--prefix"]], null, null, null, null, null)), (_l()(), i0.ɵted(7, null, ["", "\u00A0"])), (_l()(), i0.ɵted(8, null, [" ", " "])), i0.ɵncd(null, 1)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.brand + " ") + _co.name); _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.skipTo; _ck(_v, 1, 0, currVal_1); var currVal_2 = i0.ɵunv(_v, 2, 0, i0.ɵnov(_v, 3).transform(_co.i18n.get("UI_SHELL.SKIP_TO"))); _ck(_v, 2, 0, currVal_2); var currVal_3 = _co.brand; _ck(_v, 7, 0, currVal_3); var currVal_4 = _co.name; _ck(_v, 8, 0, currVal_4); }); }
-export function View_Header_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header", [], null, null, null, View_Header_0, RenderType_Header)), i0.ɵdid(1, 49152, null, 0, i2.Header, [i3.I18n], null, null)], null, null); }
-var HeaderNgFactory = i0.ɵccf("ibm-header", i2.Header, View_Header_Host_0, { skipTo: "skipTo", name: "name", brand: "brand" }, {}, ["ibm-hamburger", "*"]);
+function View_Header_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "a", [["class", "bx--skip-to-content"], ["tabindex", "0"]], [[8, "href", 4]], null, null, null, null)), (_l()(), i0.ɵted(1, null, [" ", " "])), i0.ɵpid(131072, i1.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.skipTo; _ck(_v, 0, 0, currVal_0); var currVal_1 = i0.ɵunv(_v, 1, 0, i0.ɵnov(_v, 2).transform(_co.i18n.get("UI_SHELL.SKIP_TO"))); _ck(_v, 1, 0, currVal_1); }); }
+export function View_Header_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 8, "header", [["class", "bx--header"], ["role", "banner"]], [[1, "aria-label", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Header_1)), i0.ɵdid(2, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), i0.ɵncd(null, 0), (_l()(), i0.ɵeld(4, 0, null, null, 3, "a", [["class", "bx--header__name"], ["href", "#"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
+        var pd_0 = (_co.navigate($event) !== false);
+        ad = (pd_0 && ad);
+    } return ad; }, null, null)), (_l()(), i0.ɵeld(5, 0, null, null, 1, "span", [["class", "bx--header__name--prefix"]], null, null, null, null, null)), (_l()(), i0.ɵted(6, null, ["", "\u00A0"])), (_l()(), i0.ɵted(7, null, [" ", " "])), i0.ɵncd(null, 1)], function (_ck, _v) { var _co = _v.component; var currVal_1 = !_co.skipTo; _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.brand + " ") + _co.name); _ck(_v, 0, 0, currVal_0); var currVal_2 = _co.brand; _ck(_v, 6, 0, currVal_2); var currVal_3 = _co.name; _ck(_v, 7, 0, currVal_3); }); }
+export function View_Header_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header", [], null, null, null, View_Header_0, RenderType_Header)), i0.ɵdid(1, 49152, null, 0, i2.Header, [i3.I18n, i4.DomSanitizer, [2, i5.Router]], null, null)], null, null); }
+var HeaderNgFactory = i0.ɵccf("ibm-header", i2.Header, View_Header_Host_0, { skipTo: "skipTo", name: "name", brand: "brand", href: "href", route: "route", routeExtras: "routeExtras" }, { navigation: "navigation" }, ["ibm-hamburger", "*"]);
 export { HeaderNgFactory as HeaderNgFactory };
 //# sourceMappingURL=header.component.ngfactory.js.map

package/ui-shell/header/header.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.component.ngfactory.ts","../../src/ui-shell/header/header.component.ts.Header.html"],"names":[],"mappings":";;;;;;;;;;;;;wDCCE,4IAGwC,KACvC,yIAGc,KAAA,0FAEd,IACA,eAAmC,IACnC,sHAAqC,KACpC,kHAAuC,KAAA,sCAAe,MAAO,kCAE9D,KACA,eAAY,uDAZZ,wCAAsC,QAHvC,YAGwC,EAAvC,SAAsC,GAGrC,mBAAe,SAFhB,YAGc,EADb,SAAe,GACF,sHAEd,GAGwC,kDAAe,GAAO,iDAE9D","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a class=\"bx--header__name\" href=\"#\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"]}
+{"version":3,"file":"header.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.component.ngfactory.ts","../../src/ui-shell/header/header.component.ts.Header.html"],"names":[],"mappings":";;;;;;;;;;;;;;;iDCKG,yIAIc,KAAA,0FAEd,wDAHC,mBAAe,SAHhB,YAIc,EADb,SAAe,GACF,sHAEd;wDAVD,4IAGwC,KACvC,sKAIc,GAGd,eAAmC,IACnC,0KAG4B,YAA3B;;wBAA0B;MAH3B,wBAG4B,KAC3B,kHAAuC,KAAA,sCAAe,MAAO,kCAE9D,KACA,eAAY,iDAdX,oBAAe,SADhB,YAIc,EAHb,SAAe,mDAFhB,wCAAsC,QAHvC,YAGwC,EAAvC,SAAsC,GAaE,kDAAe,GAAO,iDAE9D","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<header\n\t\t\tclass=\"bx--header\"\n\t\t\trole=\"banner\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t<a\n\t\t\t\t*ngIf=\"!skipTo\"\n\t\t\t\tclass=\"bx--skip-to-content\"\n\t\t\t\t[href]=\"skipTo\"\n\t\t\t\ttabindex=\"0\">\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t</a>\n\t\t\t<ng-content select=\"ibm-hamburger\"></ng-content>\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__name\"\n\t\t\t\thref=\"#\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<span class=\"bx--header__name--prefix\">{{brand}}&nbsp;</span>\n\t\t\t\t{{name}}\n\t\t\t</a>\n\t\t\t<ng-content></ng-content>\n\t\t</header>\n\t"]}

package/ui-shell/header/header.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"skipTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"brand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":2,"members":[]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":3,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-header","exportAs":null,"inputs":{"skipTo":"skipTo","name":"name","brand":"brand"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["ibm-hamburger","*"],"encapsulation":2},"componentViewType":{"__symbol":4,"members":[]},"rendererType":{"__symbol":5,"members":[]},"componentFactory":{"__symbol":6,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Header","filePath":"./header.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"I18n","filePath":"../../i18n/i18n.module"},{"__symbol":3,"name":"I18n","filePath":"../../i18n/i18n.service"},{"__symbol":4,"name":"View_Header_0","filePath":"./header.component.ngfactory"},{"__symbol":5,"name":"RenderType_Header","filePath":"./header.component.ngfactory"},{"__symbol":6,"name":"HeaderNgFactory","filePath":"./header.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"skipTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"brand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"routeExtras":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"navigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]],"parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"navigate":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":6,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-header","exportAs":null,"inputs":{"skipTo":"skipTo","name":"name","brand":"brand","href":"href","route":"route","routeExtras":"routeExtras"},"outputs":{"navigation":"navigation"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["ibm-hamburger","*"],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Header","filePath":"./header.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"Optional","filePath":"@angular/core"},{"__symbol":4,"name":"I18n","filePath":"../../i18n/i18n.module"},{"__symbol":5,"name":"DomSanitizer","filePath":"@angular/platform-browser"},{"__symbol":6,"name":"Router","filePath":"@angular/router"},{"__symbol":7,"name":"I18n","filePath":"../../i18n/i18n.service"},{"__symbol":8,"name":"View_Header_0","filePath":"./header.component.ngfactory"},{"__symbol":9,"name":"RenderType_Header","filePath":"./header.component.ngfactory"},{"__symbol":10,"name":"HeaderNgFactory","filePath":"./header.component.ngfactory"}]}

package/ui-shell/header/header.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.module.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './header.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/20';\nimport * as i4 from './header.component';\nimport * as i5 from './header-item.component';\nimport * as i6 from './header-menu.component';\nimport * as i7 from './header-navigation.component';\nimport * as i8 from './header-global.component';\nimport * as i9 from './header-action.component';\nimport * as i10 from './hamburger.component';\nimport * as i11 from '../../i18n/replace.pipe';\nimport * as i12 from '../../i18n/i18n.module';\nexport const HeaderModuleNgFactory:i0.NgModuleFactory<i1.HeaderModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close20 = (<any>(null as any));\nvar _decl0_12:i3.Close20Directive = (<any>(null as any));\nvar _decl0_13:i4.Header = (<any>(null as any));\nvar _decl0_14:i5.HeaderItem = (<any>(null as any));\nvar _decl0_15:i6.HeaderMenu = (<any>(null as any));\nvar _decl0_16:i7.HeaderNavigation = (<any>(null as any));\nvar _decl0_17:i8.HeaderGlobal = (<any>(null as any));\nvar _decl0_18:i9.HeaderAction = (<any>(null as any));\nvar _decl0_19:i10.Hamburger = (<any>(null as any));\nvar _decl0_20:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_21:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_22:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_23:i2.JsonPipe = (<any>(null as any));\nvar _decl0_24:i2.SlicePipe = (<any>(null as any));\nvar _decl0_25:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_26:i2.PercentPipe = (<any>(null as any));\nvar _decl0_27:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_28:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_29:i2.DatePipe = (<any>(null as any));\nvar _decl0_30:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_31:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_32:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_33:i11.ReplacePipe = (<any>(null as any));\nvar _decl0_34:i2.CommonModule = (<any>(null as any));\nvar _decl0_35:i12.I18nModule = (<any>(null as any));\nvar _decl0_36:i3.Close20Module = (<any>(null as any));\nvar _decl0_37:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_38:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Header_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Header_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = ((_decl0_13.brand + ' ') + _decl0_13.name);\n  currVal_0;\n  const currVal_1:any = _decl0_13.skipTo;\n  currVal_1;\n  const currVal_2:any = _any.transform(_decl0_13.i18n.get('UI_SHELL.SKIP_TO'));\n  currVal_2;\n  const currVal_3:any = _decl0_13.brand;\n  currVal_3;\n  const currVal_4:any = _decl0_13.name;\n  currVal_4;\n}\nfunction _View_HeaderItem_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderItem_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_14.href;\n  currVal_0;\n  const pd_1:any = ((<any>_decl0_14.navigate(_any)) !== false);\n}\nfunction _View_HeaderMenu_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderMenu_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_15.href;\n  currVal_0;\n  const currVal_1:any = _decl0_15.expanded;\n  currVal_1;\n  const currVal_2:any = _decl0_15.title;\n  currVal_2;\n  const currVal_3:any = _decl0_15.title;\n  currVal_3;\n}\nfunction _View_HeaderNavigation_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderNavigation_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_16.ariaLabel;\n  currVal_0;\n}\nfunction _View_HeaderGlobal_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderGlobal_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderAction_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderAction_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--header__action';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--header__action--active':_decl0_18.active});\n  currVal_1;\n  const currVal_2:any = _decl0_18.title;\n  currVal_2;\n  const currVal_3:any = _decl0_18.title;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_18.onClick()) !== false);\n}\nfunction _View_Hamburger_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Hamburger_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--header__menu-trigger bx--header__action bx--header__menu-toggle';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--header__action--active':_decl0_19.active});\n  currVal_1;\n  const currVal_2:any = _any.transform(_decl0_19.i18n.get('UI_SHELL.HEADER.MENU'));\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_19.i18n.get('UI_SHELL.HEADER.MENU'));\n  currVal_3;\n  const currVal_4:any = !_decl0_19.active;\n  currVal_4;\n  const currVal_5:any = _decl0_19.active;\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_19.doClick()) !== false);\n}\n"]}
+{"version":3,"file":"header.module.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './header.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/20';\nimport * as i4 from './header.component';\nimport * as i5 from './header-item.component';\nimport * as i6 from './header-menu.component';\nimport * as i7 from './header-navigation.component';\nimport * as i8 from './header-global.component';\nimport * as i9 from './header-action.component';\nimport * as i10 from './hamburger.component';\nimport * as i11 from '../../i18n/replace.pipe';\nimport * as i12 from '../../i18n/i18n.module';\nexport const HeaderModuleNgFactory:i0.NgModuleFactory<i1.HeaderModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close20 = (<any>(null as any));\nvar _decl0_12:i3.Close20Directive = (<any>(null as any));\nvar _decl0_13:i4.Header = (<any>(null as any));\nvar _decl0_14:i5.HeaderItem = (<any>(null as any));\nvar _decl0_15:i6.HeaderMenu = (<any>(null as any));\nvar _decl0_16:i7.HeaderNavigation = (<any>(null as any));\nvar _decl0_17:i8.HeaderGlobal = (<any>(null as any));\nvar _decl0_18:i9.HeaderAction = (<any>(null as any));\nvar _decl0_19:i10.Hamburger = (<any>(null as any));\nvar _decl0_20:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_21:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_22:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_23:i2.JsonPipe = (<any>(null as any));\nvar _decl0_24:i2.SlicePipe = (<any>(null as any));\nvar _decl0_25:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_26:i2.PercentPipe = (<any>(null as any));\nvar _decl0_27:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_28:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_29:i2.DatePipe = (<any>(null as any));\nvar _decl0_30:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_31:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_32:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_33:i11.ReplacePipe = (<any>(null as any));\nvar _decl0_34:i2.CommonModule = (<any>(null as any));\nvar _decl0_35:i12.I18nModule = (<any>(null as any));\nvar _decl0_36:i3.Close20Module = (<any>(null as any));\nvar _decl0_37:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_38:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Header_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Header_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = ((_decl0_13.brand + ' ') + _decl0_13.name);\n  currVal_0;\n  const currVal_1:any = !_decl0_13.skipTo;\n  currVal_1;\n  const currVal_2:any = _decl0_13.brand;\n  currVal_2;\n  const currVal_3:any = _decl0_13.name;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_13.navigate(_any)) !== false);\n}\nfunction _View_HeaderItem_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderItem_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_14.href;\n  currVal_0;\n  const pd_1:any = ((<any>_decl0_14.navigate(_any)) !== false);\n}\nfunction _View_HeaderMenu_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderMenu_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_15.href;\n  currVal_0;\n  const currVal_1:any = _decl0_15.expanded;\n  currVal_1;\n  const currVal_2:any = _decl0_15.title;\n  currVal_2;\n  const currVal_3:any = _decl0_15.title;\n  currVal_3;\n}\nfunction _View_HeaderNavigation_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderNavigation_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_16.ariaLabel;\n  currVal_0;\n}\nfunction _View_HeaderGlobal_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderGlobal_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderAction_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_HeaderAction_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--header__action';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--header__action--active':_decl0_18.active});\n  currVal_1;\n  const currVal_2:any = _decl0_18.title;\n  currVal_2;\n  const currVal_3:any = _decl0_18.title;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_18.onClick()) !== false);\n}\nfunction _View_Hamburger_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Hamburger_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--header__menu-trigger bx--header__action bx--header__menu-toggle';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--header__action--active':_decl0_19.active});\n  currVal_1;\n  const currVal_2:any = _any.transform(_decl0_19.i18n.get('UI_SHELL.HEADER.MENU'));\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_19.i18n.get('UI_SHELL.HEADER.MENU'));\n  currVal_3;\n  const currVal_4:any = !_decl0_19.active;\n  currVal_4;\n  const currVal_5:any = _decl0_19.active;\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_19.doClick()) !== false);\n}\n"]}