carbon-components-angular 3.14.7 → 3.15.3

package/tiles/clickable-tile.component.ngfactory.js

@@ -25,20 +25,17 @@
  * tslint:disable
  */ 
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../link/link.directive";
-import * as i3 from "./clickable-tile.component";
+import * as i1 from "../link/link.directive";
+import * as i2 from "./clickable-tile.component";
+import * as i3 from "@angular/router";
 var styles_ClickableTile = [];
 var RenderType_ClickableTile = i0.ɵcrt({ encapsulation: 2, styles: styles_ClickableTile, data: {} });
 export { RenderType_ClickableTile as RenderType_ClickableTile };
-export function View_ClickableTile_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "a", [["class", "bx--tile bx--tile--clickable"], ["ibmLink", ""], ["tabindex", "0"]], [[8, "href", 4], [8, "target", 0], [1, "aria-disabled", 0], [2, "bx--link", null], [1, "tabindex", 0], [1, "aria-disabled", 0], [2, "bx--link--disabled", null]], [[null, "click"], [null, "keydown"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
-        var pd_0 = (_co.onClick($event) !== false);
+export function View_ClickableTile_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "a", [["class", "bx--tile bx--tile--clickable"], ["ibmLink", ""], ["tabindex", "0"]], [[8, "href", 4], [1, "target", 0], [1, "aria-disabled", 0], [2, "bx--link", null], [1, "tabindex", 0], [1, "aria-disabled", 0], [2, "bx--link--disabled", 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);
-    } if (("keydown" === en)) {
-        var pd_1 = (_co.onKeyDown($event) !== false);
-        ad = (pd_1 && ad);
-    } return ad; }, null, null)), i0.ɵdid(1, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(2, { "bx--tile--is-clicked": 0 }), i0.ɵdid(3, 16384, null, 0, i2.Link, [], null, null), i0.ɵncd(null, 0)], function (_ck, _v) { var _co = _v.component; var currVal_7 = "bx--tile bx--tile--clickable"; var currVal_8 = _ck(_v, 2, 0, _co.clicked); _ck(_v, 1, 0, currVal_7, currVal_8); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.href; var currVal_1 = _co.target; var currVal_2 = _co.disabled; var currVal_3 = i0.ɵnov(_v, 3).baseClass; var currVal_4 = i0.ɵnov(_v, 3).tabindex; var currVal_5 = i0.ɵnov(_v, 3).disabled; var currVal_6 = i0.ɵnov(_v, 3).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }); }
-export function View_ClickableTile_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-clickable-tile", [], null, null, null, View_ClickableTile_0, RenderType_ClickableTile)), i0.ɵdid(1, 49152, null, 0, i3.ClickableTile, [], null, null)], null, null); }
-var ClickableTileNgFactory = i0.ɵccf("ibm-clickable-tile", i3.ClickableTile, View_ClickableTile_Host_0, { href: "href", target: "target", disabled: "disabled" }, {}, ["*"]);
+    } return ad; }, null, null)), i0.ɵdid(1, 16384, null, 0, i1.Link, [], null, null), i0.ɵncd(null, 0)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.href; var currVal_1 = _co.target; var currVal_2 = _co.disabled; var currVal_3 = i0.ɵnov(_v, 1).baseClass; var currVal_4 = i0.ɵnov(_v, 1).tabindex; var currVal_5 = i0.ɵnov(_v, 1).disabled; var currVal_6 = i0.ɵnov(_v, 1).disabled; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }); }
+export function View_ClickableTile_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-clickable-tile", [], null, null, null, View_ClickableTile_0, RenderType_ClickableTile)), i0.ɵdid(1, 49152, null, 0, i2.ClickableTile, [[2, i3.Router]], null, null)], null, null); }
+var ClickableTileNgFactory = i0.ɵccf("ibm-clickable-tile", i2.ClickableTile, View_ClickableTile_Host_0, { href: "href", target: "target", disabled: "disabled", route: "route", routeExtras: "routeExtras" }, { navigation: "navigation" }, ["*"]);
 export { ClickableTileNgFactory as ClickableTileNgFactory };
 //# sourceMappingURL=clickable-tile.component.ngfactory.js.map

package/tiles/clickable-tile.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickable-tile.component.ngfactory.js","sourceRoot":"","sources":["../src/tiles/clickable-tile.component.ngfactory.ts","../src/tiles/clickable-tile.component.ts.ClickableTile.html"],"names":[],"mappings":";;;;;;;;;;;;;+DCCC,0XAWiC,YAJhC;;wBAAyB;MACzB;;wBAA6B;MAR9B,iMAWiC,GARhC,sCAEE,KALH,kDAWiC,GAChC,eAAY,iDAVZ,8CAAoC,EACpC,iCAEE,WALH,YAWiC,EAThC,SAAoC,EACpC,SAEE,mDAIF,mBAAa,OACb,mBAAiB,SACjB,mBAA+B,WAXhC,iLAWiC,EAFhC,SAAa,EACb,SAAiB,EACjB,SAA+B,EAXhC,0CAWiC","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<a\n\t\tibmLink\n\t\tclass=\"bx--tile bx--tile--clickable\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--tile--is-clicked': clicked\n\t\t}\"\n\t\ttabindex=\"0\"\n\t\t(click)=\"onClick($event)\"\n\t\t(keydown)=\"onKeyDown($event)\"\n\t\t[href]=\"href\"\n\t\t[target]=\"target\"\n\t\t[attr.aria-disabled]=\"disabled\">\n\t\t<ng-content></ng-content>\n\t</a>"]}
+{"version":3,"file":"clickable-tile.component.ngfactory.js","sourceRoot":"","sources":["../src/tiles/clickable-tile.component.ngfactory.ts","../src/tiles/clickable-tile.component.ts.ClickableTile.html"],"names":[],"mappings":";;;;;;;;;;;;;+DCCC,uWAOiC,YAHhC;;wBAA0B;MAJ3B,8EAOiC,GAChC,eAAY,uDAHZ,mBAAa,OACb,mBAAsB,SACtB,mBAA+B,WAPhC,iLAOiC,EAFhC,SAAa,EACb,SAAsB,EACtB,SAA+B,EAPhC,0CAOiC","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<a\n\t\tibmLink\n\t\tclass=\"bx--tile bx--tile--clickable\"\n\t\ttabindex=\"0\"\n\t\t(click)=\"navigate($event)\"\n\t\t[href]=\"href\"\n\t\t[attr.target]=\"target\"\n\t\t[attr.aria-disabled]=\"disabled\">\n\t\t<ng-content></ng-content>\n\t</a>"]}

package/tiles/clickable-tile.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"onClick":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-clickable-tile","exportAs":null,"inputs":{"href":"href","target":"target","disabled":"disabled"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":2,"members":[]},"rendererType":{"__symbol":3,"members":[]},"componentFactory":{"__symbol":4,"members":[]}}}],"symbols":[{"__symbol":0,"name":"ClickableTile","filePath":"./clickable-tile.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"View_ClickableTile_0","filePath":"./clickable-tile.component.ngfactory"},{"__symbol":3,"name":"RenderType_ClickableTile","filePath":"./clickable-tile.component.ngfactory"},{"__symbol":4,"name":"ClickableTileNgFactory","filePath":"./clickable-tile.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"disabled":[{"__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":[[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]],"parameters":[{"__symbol":4,"members":[]}]}],"navigate":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-clickable-tile","exportAs":null,"inputs":{"href":"href","target":"target","disabled":"disabled","route":"route","routeExtras":"routeExtras"},"outputs":{"navigation":"navigation"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":5,"members":[]},"rendererType":{"__symbol":6,"members":[]},"componentFactory":{"__symbol":7,"members":[]}}}],"symbols":[{"__symbol":0,"name":"ClickableTile","filePath":"./clickable-tile.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":"Router","filePath":"@angular/router"},{"__symbol":5,"name":"View_ClickableTile_0","filePath":"./clickable-tile.component.ngfactory"},{"__symbol":6,"name":"RenderType_ClickableTile","filePath":"./clickable-tile.component.ngfactory"},{"__symbol":7,"name":"ClickableTileNgFactory","filePath":"./clickable-tile.component.ngfactory"}]}

package/tiles/tiles.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"tiles.module.ngfactory.js","sourceRoot":"","sources":["../src/tiles/tiles.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tiles.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../link/link.directive';\nimport * as i4 from './tile.component';\nimport * as i5 from './clickable-tile.component';\nimport * as i6 from './expandable-tile.component';\nimport * as i7 from './selection-tile.component';\nimport * as i8 from './tile-group.component';\nimport * as i9 from '../i18n/replace.pipe';\nimport * as i10 from '../i18n/i18n.module';\nimport * as i11 from '../link/link.module';\nexport const TilesModuleNgFactory:i0.NgModuleFactory<i1.TilesModule> = (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.Link = (<any>(null as any));\nvar _decl0_12:i4.Tile = (<any>(null as any));\nvar _decl0_13:i5.ClickableTile = (<any>(null as any));\nvar _decl0_14:i6.ExpandableTile = (<any>(null as any));\nvar _decl0_15:i7.SelectionTile = (<any>(null as any));\nvar _decl0_16:i8.TileGroup = (<any>(null as any));\nvar _decl0_17:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_18:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_19:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_20:i2.JsonPipe = (<any>(null as any));\nvar _decl0_21:i2.SlicePipe = (<any>(null as any));\nvar _decl0_22:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_23:i2.PercentPipe = (<any>(null as any));\nvar _decl0_24:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_25:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_26:i2.DatePipe = (<any>(null as any));\nvar _decl0_27:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_28:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_29:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_30:i9.ReplacePipe = (<any>(null as any));\nvar _decl0_31:i2.CommonModule = (<any>(null as any));\nvar _decl0_32:i10.I18nModule = (<any>(null as any));\nvar _decl0_33:i11.LinkModule = (<any>(null as any));\nvar _decl0_34:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_35:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tile_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Tile_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ClickableTile_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ClickableTile_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--tile bx--tile--clickable';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--tile--is-clicked':_decl0_13.clicked});\n  currVal_1;\n  const currVal_2:any = _decl0_13.href;\n  currVal_2;\n  const currVal_3:any = _decl0_13.target;\n  currVal_3;\n  const currVal_4:any = _decl0_13.disabled;\n  currVal_4;\n  const pd_5:any = ((<any>_decl0_13.onClick(_any)) !== false);\n  const pd_6:any = ((<any>_decl0_13.onKeyDown(_any)) !== false);\n}\nfunction _View_ExpandableTile_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ExpandableTile_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--tile bx--tile--expandable';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--tile--is-expanded':_decl0_14.expanded});\n  currVal_1;\n  const currVal_2:any = (<any>{'max-height':(_decl0_14.expandedHeight + 'px')});\n  currVal_2;\n  const currVal_3:any = _any.transform((_decl0_14.expanded? _decl0_14.collapse: _decl0_14.expand).subject);\n  currVal_3;\n  const currVal_4:any = !_decl0_14.expanded;\n  currVal_4;\n  const currVal_5:any = _decl0_14.expanded;\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_14.onClick()) !== false);\n}\nfunction _View_SelectionTile_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SelectionTile_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--tile bx--tile--selectable';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--tile--is-selected':_decl0_15.selected});\n  currVal_1;\n  const currVal_2:any = _decl0_15.id;\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_15.i18n.get('TILES.TILE'));\n  currVal_3;\n  const currVal_4:any = _decl0_15.id;\n  currVal_4;\n  const currVal_5:any = (_decl0_15.multiple? 'checkbox': 'radio');\n  currVal_5;\n  const currVal_6:any = _decl0_15.value;\n  currVal_6;\n  const currVal_7:any = _decl0_15.name;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_15.onChange(_any)) !== false);\n}\nfunction _View_TileGroup_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TileGroup_5_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"tiles.module.ngfactory.js","sourceRoot":"","sources":["../src/tiles/tiles.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tiles.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '../link/link.directive';\nimport * as i4 from './tile.component';\nimport * as i5 from './clickable-tile.component';\nimport * as i6 from './expandable-tile.component';\nimport * as i7 from './selection-tile.component';\nimport * as i8 from './tile-group.component';\nimport * as i9 from '../i18n/replace.pipe';\nimport * as i10 from '../i18n/i18n.module';\nimport * as i11 from '../link/link.module';\nexport const TilesModuleNgFactory:i0.NgModuleFactory<i1.TilesModule> = (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.Link = (<any>(null as any));\nvar _decl0_12:i4.Tile = (<any>(null as any));\nvar _decl0_13:i5.ClickableTile = (<any>(null as any));\nvar _decl0_14:i6.ExpandableTile = (<any>(null as any));\nvar _decl0_15:i7.SelectionTile = (<any>(null as any));\nvar _decl0_16:i8.TileGroup = (<any>(null as any));\nvar _decl0_17:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_18:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_19:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_20:i2.JsonPipe = (<any>(null as any));\nvar _decl0_21:i2.SlicePipe = (<any>(null as any));\nvar _decl0_22:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_23:i2.PercentPipe = (<any>(null as any));\nvar _decl0_24:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_25:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_26:i2.DatePipe = (<any>(null as any));\nvar _decl0_27:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_28:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_29:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_30:i9.ReplacePipe = (<any>(null as any));\nvar _decl0_31:i2.CommonModule = (<any>(null as any));\nvar _decl0_32:i10.I18nModule = (<any>(null as any));\nvar _decl0_33:i11.LinkModule = (<any>(null as any));\nvar _decl0_34:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_35:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tile_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Tile_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ClickableTile_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ClickableTile_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_13.href;\n  currVal_0;\n  const currVal_1:any = _decl0_13.target;\n  currVal_1;\n  const currVal_2:any = _decl0_13.disabled;\n  currVal_2;\n  const pd_3:any = ((<any>_decl0_13.navigate(_any)) !== false);\n}\nfunction _View_ExpandableTile_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ExpandableTile_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--tile bx--tile--expandable';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--tile--is-expanded':_decl0_14.expanded});\n  currVal_1;\n  const currVal_2:any = (<any>{'max-height':(_decl0_14.expandedHeight + 'px')});\n  currVal_2;\n  const currVal_3:any = _any.transform((_decl0_14.expanded? _decl0_14.collapse: _decl0_14.expand).subject);\n  currVal_3;\n  const currVal_4:any = !_decl0_14.expanded;\n  currVal_4;\n  const currVal_5:any = _decl0_14.expanded;\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_14.onClick()) !== false);\n}\nfunction _View_SelectionTile_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SelectionTile_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = 'bx--tile bx--tile--selectable';\n  currVal_0;\n  const currVal_1:any = (<any>{'bx--tile--is-selected':_decl0_15.selected});\n  currVal_1;\n  const currVal_2:any = _decl0_15.id;\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_15.i18n.get('TILES.TILE'));\n  currVal_3;\n  const currVal_4:any = _decl0_15.id;\n  currVal_4;\n  const currVal_5:any = (_decl0_15.multiple? 'checkbox': 'radio');\n  currVal_5;\n  const currVal_6:any = _decl0_15.value;\n  currVal_6;\n  const currVal_7:any = _decl0_15.name;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_15.onChange(_any)) !== false);\n}\nfunction _View_TileGroup_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TileGroup_5_0():void {\n  var _any:any = (null as any);\n}\n"]}

package/ui-shell/header/header-item.component.d.ts

@@ -18,13 +18,31 @@
  */
 
 
+import { EventEmitter } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
+import { Router } from "@angular/router";
 /**
  * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`
  */
 export declare class HeaderItem {
     protected domSanitizer: DomSanitizer;
+    protected router: Router;
     href: string;
+    /**
+     * Array of commands to send to the router when the link is activated
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    route: any[];
+    /**
+     * Router options. Used in conjunction with `route`
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    routeExtras: any;
+    /**
+     * Emits the navigation status promise when the link is activated
+     */
+    navigation: EventEmitter<Promise<boolean>>;
     protected _href: string;
-    constructor(domSanitizer: DomSanitizer);
+    constructor(domSanitizer: DomSanitizer, router: Router);
+    navigate(event: any): void;
 }

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

@@ -18,14 +18,20 @@
  */
 
 
-import { Component, Input } from "@angular/core";
+import { Component, Input, Optional, EventEmitter, Output } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
+import { Router } from "@angular/router";
 /**
  * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`
  */
 var HeaderItem = /** @class */ (function () {
-    function HeaderItem(domSanitizer) {
+    function HeaderItem(domSanitizer, router) {
         this.domSanitizer = domSanitizer;
+        this.router = router;
+        /**
+         * Emits the navigation status promise when the link is activated
+         */
+        this.navigation = new EventEmitter();
         this._href = "javascript:void(0)";
     }
     Object.defineProperty(HeaderItem.prototype, "href", {
@@ -38,18 +44,29 @@ var HeaderItem = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    HeaderItem.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);
+        }
+    };
     HeaderItem.decorators = [
         { type: Component, args: [{
                     selector: "ibm-header-item",
-                    template: "\n\t\t<li style=\"height: 100%\">\n\t\t\t<a class=\"bx--header__menu-item\" [href]=\"href\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"
+                    template: "\n\t\t<li style=\"height: 100%\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__menu-item\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"
                 },] },
     ];
     /** @nocollapse */
     HeaderItem.ctorParameters = function () { return [
-        { type: DomSanitizer }
+        { type: DomSanitizer },
+        { type: Router, decorators: [{ type: Optional }] }
     ]; };
     HeaderItem.propDecorators = {
-        href: [{ type: Input }]
+        href: [{ type: Input }],
+        route: [{ type: Input }],
+        routeExtras: [{ type: Input }],
+        navigation: [{ type: Output }]
     };
     return HeaderItem;
 }());

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

@@ -1 +1 @@
-{"version":3,"file":"header-item.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;GAEG;AACH;IAqBC,oBAAsB,YAA0B;QAA1B,iBAAY,GAAZ,YAAY,CAAc;QAFtC,UAAK,GAAG,oBAAoB,CAAC;IAEa,CAAC;IAVrD,sBAAa,4BAAI;aAIjB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAW,CAAC;QACvE,CAAC;aAND,UAAkB,CAAS;YAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAChB,CAAC;;;OAAA;;gBAbD,SAAS,SAAC;oBACV,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,6LAMT;iBACD;;;;gBAdQ,YAAY;;;uBAgBnB,KAAK;;IAWP,iBAAC;CAAA,AAtBD,IAsBC;SAZY,UAAU","sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\n/**\n * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`\n */\n@Component({\n\tselector: \"ibm-header-item\",\n\ttemplate: `\n\t\t<li style=\"height: 100%\">\n\t\t\t<a class=\"bx--header__menu-item\" [href]=\"href\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t`\n})\nexport class HeaderItem {\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\tprotected _href = \"javascript:void(0)\";\n\n\tconstructor(protected domSanitizer: DomSanitizer) { }\n}\n"]}
+{"version":3,"file":"header-item.component.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;GAEG;AACH;IA2CC,oBAAsB,YAA0B,EAAwB,MAAc;QAAhE,iBAAY,GAAZ,YAAY,CAAc;QAAwB,WAAM,GAAN,MAAM,CAAQ;QAPtF;;WAEG;QACO,eAAU,GAAG,IAAI,YAAY,EAAoB,CAAC;QAElD,UAAK,GAAG,oBAAoB,CAAC;IAEmD,CAAC;IA3B3F,sBAAa,4BAAI;aAIjB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAW,CAAC;QACvE,CAAC;aAND,UAAkB,CAAS;YAC1B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAChB,CAAC;;;OAAA;IA2BD,6BAAQ,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;;gBAnDD,SAAS,SAAC;oBACV,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,uQAWT;iBACD;;;;gBApBQ,YAAY;gBACZ,MAAM,uBAgDqC,QAAQ;;;uBA3B1D,KAAK;wBAYL,KAAK;8BAML,KAAK;6BAKL,MAAM;;IAaR,iBAAC;CAAA,AApDD,IAoDC;SArCY,UAAU","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOptional,\n\tEventEmitter,\n\tOutput\n} from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\n\n/**\n * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`\n */\n@Component({\n\tselector: \"ibm-header-item\",\n\ttemplate: `\n\t\t<li style=\"height: 100%\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__menu-item\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t`\n})\nexport class HeaderItem {\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(protected domSanitizer: DomSanitizer, @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-item.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"HeaderItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ibm-header-item","template":"\n\t\t<li style=\"height: 100%\">\n\t\t\t<a class=\"bx--header__menu-item\" [href]=\"href\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":27,"character":37}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"HeaderItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-header-item","template":"\n\t\t<li style=\"height: 100%\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__menu-item\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":2}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2}}]}],"routeExtras":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":2}}]}],"navigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":56,"character":52}}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":56,"character":37},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":56,"character":81}]}],"navigate":[{"__symbolic":"method"}]}}}}]

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

@@ -27,11 +27,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./header-item.component";
 import * as i2 from "@angular/platform-browser";
+import * as i3 from "@angular/router";
 var styles_HeaderItem = [];
 var RenderType_HeaderItem = i0.ɵcrt({ encapsulation: 2, styles: styles_HeaderItem, data: {} });
 export { RenderType_HeaderItem as RenderType_HeaderItem };
-export function View_HeaderItem_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "li", [["style", "height: 100%"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "a", [["class", "bx--header__menu-item"], ["role", "menuitem"], ["tabindex", "0"]], [[8, "href", 4]], null, null, null, null)), i0.ɵncd(null, 0)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.href; _ck(_v, 1, 0, currVal_0); }); }
-export function View_HeaderItem_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header-item", [], null, null, null, View_HeaderItem_0, RenderType_HeaderItem)), i0.ɵdid(1, 49152, null, 0, i1.HeaderItem, [i2.DomSanitizer], null, null)], null, null); }
-var HeaderItemNgFactory = i0.ɵccf("ibm-header-item", i1.HeaderItem, View_HeaderItem_Host_0, { href: "href" }, {}, ["*"]);
+export function View_HeaderItem_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "li", [["style", "height: 100%"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "a", [["class", "bx--header__menu-item"], ["role", "menuitem"], ["tabindex", "0"]], [[8, "href", 4]], [[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)), i0.ɵncd(null, 0)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.href; _ck(_v, 1, 0, currVal_0); }); }
+export function View_HeaderItem_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-header-item", [], null, null, null, View_HeaderItem_0, RenderType_HeaderItem)), i0.ɵdid(1, 49152, null, 0, i1.HeaderItem, [i2.DomSanitizer, [2, i3.Router]], null, null)], null, null); }
+var HeaderItemNgFactory = i0.ɵccf("ibm-header-item", i1.HeaderItem, View_HeaderItem_Host_0, { href: "href", route: "route", routeExtras: "routeExtras" }, { navigation: "navigation" }, ["*"]);
 export { HeaderItemNgFactory as HeaderItemNgFactory };
 //# sourceMappingURL=header-item.component.ngfactory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header-item.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-item.component.ngfactory.ts","../../src/ui-shell/header/header-item.component.ts.HeaderItem.html"],"names":[],"mappings":";;;;;;;;;;;;4DCCE,oGAAyB,KACxB,iKAA4E,IAC3E,eAAY,uDADoB,mBAAa,OAA9C,YAA4E,EAA3C,SAAa","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<li style=\"height: 100%\">\n\t\t\t<a class=\"bx--header__menu-item\" [href]=\"href\" role=\"menuitem\" tabindex=\"0\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"]}
+{"version":3,"file":"header-item.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/header/header-item.component.ngfactory.ts","../../src/ui-shell/header/header-item.component.ts.HeaderItem.html"],"names":[],"mappings":";;;;;;;;;;;;;4DCCE,oGAAyB,KACxB,qNAK4B,YAA3B;;wBAA0B;MAL3B,wBAK4B,IAC3B,eAAY,uDAFZ,mBAAa,OAJd,YAK4B,EAD3B,SAAa","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<li style=\"height: 100%\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--header__menu-item\"\n\t\t\t\trole=\"menuitem\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</a>\n\t\t</li>\n\t"]}

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

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"href":[{"__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":2,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-header-item","exportAs":null,"inputs":{"href":"href"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":3,"members":[]},"rendererType":{"__symbol":4,"members":[]},"componentFactory":{"__symbol":5,"members":[]}}}],"symbols":[{"__symbol":0,"name":"HeaderItem","filePath":"./header-item.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"DomSanitizer","filePath":"@angular/platform-browser"},{"__symbol":3,"name":"View_HeaderItem_0","filePath":"./header-item.component.ngfactory"},{"__symbol":4,"name":"RenderType_HeaderItem","filePath":"./header-item.component.ngfactory"},{"__symbol":5,"name":"HeaderItemNgFactory","filePath":"./header-item.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","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,[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]],"parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"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":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-header-item","exportAs":null,"inputs":{"href":"href","route":"route","routeExtras":"routeExtras"},"outputs":{"navigation":"navigation"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"HeaderItem","filePath":"./header-item.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":"DomSanitizer","filePath":"@angular/platform-browser"},{"__symbol":5,"name":"Router","filePath":"@angular/router"},{"__symbol":6,"name":"View_HeaderItem_0","filePath":"./header-item.component.ngfactory"},{"__symbol":7,"name":"RenderType_HeaderItem","filePath":"./header-item.component.ngfactory"},{"__symbol":8,"name":"HeaderItemNgFactory","filePath":"./header-item.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}\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 = _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"]}

package/ui-shell/sidenav/sidenav-item.component.d.ts

@@ -18,12 +18,15 @@
  */
 
 
+import { EventEmitter } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
+import { Router } from "@angular/router";
 /**
  * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`
  */
 export declare class SideNavItem {
     protected domSanitizer: DomSanitizer;
+    protected router: Router;
     /**
      * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks
      */
@@ -32,7 +35,22 @@ export declare class SideNavItem {
      * Toggles the active (current page) state for the link.
      */
     active: boolean;
+    /**
+     * Array of commands to send to the router when the link is activated
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    route: any[];
+    /**
+     * Router options. Used in conjunction with `route`
+     * See: https://angular.io/api/router/Router#navigate
+     */
+    routeExtras: any;
+    /**
+     * Emits the navigation status promise when the link is activated
+     */
+    navigation: EventEmitter<Promise<boolean>>;
     isSubMenu: boolean;
     protected _href: string;
-    constructor(domSanitizer: DomSanitizer);
+    constructor(domSanitizer: DomSanitizer, router: Router);
+    navigate(event: any): void;
 }

package/ui-shell/sidenav/sidenav-item.component.js

@@ -18,18 +18,24 @@
  */
 
 
-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";
 /**
  * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`
  */
 var SideNavItem = /** @class */ (function () {
-    function SideNavItem(domSanitizer) {
+    function SideNavItem(domSanitizer, router) {
         this.domSanitizer = domSanitizer;
+        this.router = router;
         /**
          * Toggles the active (current page) state for the link.
          */
         this.active = false;
+        /**
+         * Emits the navigation status promise when the link is activated
+         */
+        this.navigation = new EventEmitter();
         this.isSubMenu = false;
         this._href = "javascript:void(0)";
     }
@@ -46,19 +52,30 @@ var SideNavItem = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    SideNavItem.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);
+        }
+    };
     SideNavItem.decorators = [
         { type: Component, args: [{
                     selector: "ibm-sidenav-item",
-                    template: "\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"
+                    template: "\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"
                 },] },
     ];
     /** @nocollapse */
     SideNavItem.ctorParameters = function () { return [
-        { type: DomSanitizer }
+        { type: DomSanitizer },
+        { type: Router, decorators: [{ type: Optional }] }
     ]; };
     SideNavItem.propDecorators = {
         href: [{ type: Input }],
-        active: [{ type: Input }]
+        active: [{ type: Input }],
+        route: [{ type: Input }],
+        routeExtras: [{ type: Input }],
+        navigation: [{ type: Output }]
     };
     return SideNavItem;
 }());

package/ui-shell/sidenav/sidenav-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidenav-item.component.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;GAEG;AACH;IA2CC,qBAAsB,YAA0B;QAA1B,iBAAY,GAAZ,YAAY,CAAc;QARhD;;WAEG;QACM,WAAM,GAAG,KAAK,CAAC;QACxB,cAAS,GAAG,KAAK,CAAC;QAER,UAAK,GAAG,oBAAoB,CAAC;IAEY,CAAC;IAhBpD,sBAAa,6BAAI;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;;gBA7BD,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,inBAmBT;iBACD;;;;gBA3BQ,YAAY;;;uBAgCnB,KAAK;yBAWL,KAAK;;IAMP,kBAAC;CAAA,AA5CD,IA4CC;SArBY,WAAW","sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"ibm-sidenav-item\",\n\ttemplate: `\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t`\n})\nexport class SideNavItem {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\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 * Toggles the active (current page) state for the link.\n\t */\n\t@Input() active = false;\n\tisSubMenu = false;\n\n\tprotected _href = \"javascript:void(0)\";\n\n\tconstructor(protected domSanitizer: DomSanitizer) {}\n}\n"]}
+{"version":3,"file":"sidenav-item.component.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav-item.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;AAEzC;;GAEG;AACH;IA8DC,qBAAsB,YAA0B,EAAwB,MAAc;QAAhE,iBAAY,GAAZ,YAAY,CAAc;QAAwB,WAAM,GAAN,MAAM,CAAQ;QA1BtF;;WAEG;QACM,WAAM,GAAG,KAAK,CAAC;QAcxB;;WAEG;QACO,eAAU,GAAG,IAAI,YAAY,EAAoB,CAAC;QAE5D,cAAS,GAAG,KAAK,CAAC;QAER,UAAK,GAAG,oBAAoB,CAAC;IAEkD,CAAC;IAlC1F,sBAAa,6BAAI;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;IAkCD,8BAAQ,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;;gBAtED,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,upBAoBT;iBACD;;;;gBA7BQ,YAAY;gBACZ,MAAM,uBAmEqC,QAAQ;;;uBAlC1D,KAAK;yBAWL,KAAK;wBAML,KAAK;8BAML,KAAK;6BAKL,MAAM;;IAeR,kBAAC;CAAA,AAvED,IAuEC;SA/CY,WAAW","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\";\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\n@Component({\n\tselector: \"ibm-sidenav-item\",\n\ttemplate: `\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t`\n})\nexport class SideNavItem {\n\t/**\n\t * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\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 * Toggles the active (current page) state for the link.\n\t */\n\t@Input() active = false;\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\tisSubMenu = false;\n\n\tprotected _href = \"javascript:void(0)\";\n\n\tconstructor(protected domSanitizer: DomSanitizer, @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/sidenav/sidenav-item.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SideNavItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ibm-sidenav-item","template":"\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":49,"character":37}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SideNavItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ibm-sidenav-item","template":"\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":2}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":2}}]}],"routeExtras":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":2}}]}],"navigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":52}}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":75,"character":37},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":75,"character":81}]}],"navigate":[{"__symbolic":"method"}]}}}}]

package/ui-shell/sidenav/sidenav-item.component.ngfactory.js

@@ -28,12 +28,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./sidenav-item.component";
 import * as i3 from "@angular/platform-browser";
+import * as i4 from "@angular/router";
 var styles_SideNavItem = [];
 var RenderType_SideNavItem = i0.ɵcrt({ encapsulation: 2, styles: styles_SideNavItem, data: {} });
 export { RenderType_SideNavItem as RenderType_SideNavItem };
 function View_SideNavItem_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "div", [["class", "bx--side-nav__icon"]], null, null, null, null, null)), i0.ɵncd(null, 0)], null, null); }
-export function View_SideNavItem_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 7, "li", [], [[1, "role", 0]], null, null, null, null)), i0.ɵdid(1, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { ngClass: [0, "ngClass"] }, null), i0.ɵpod(2, { "bx--side-nav__item": 0, "bx--side-nav__menu-item": 1 }), (_l()(), i0.ɵeld(3, 0, null, null, 4, "a", [["class", "bx--side-nav__link"]], [[8, "href", 4], [1, "role", 0], [1, "aria-current", 0]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_SideNavItem_1)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(6, 0, null, null, 1, "span", [["class", "bx--side-nav__link-text"]], null, null, null, null, null)), i0.ɵncd(null, 1)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 2, 0, !_co.isSubMenu, _co.isSubMenu); _ck(_v, 1, 0, currVal_1); var currVal_5 = !_co.isSubMenu; _ck(_v, 5, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isSubMenu ? "none" : null); _ck(_v, 0, 0, currVal_0); var currVal_2 = _co.href; var currVal_3 = (_co.isSubMenu ? "menuitem" : null); var currVal_4 = (_co.active ? "page" : null); _ck(_v, 3, 0, currVal_2, currVal_3, currVal_4); }); }
-export function View_SideNavItem_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-sidenav-item", [], null, null, null, View_SideNavItem_0, RenderType_SideNavItem)), i0.ɵdid(1, 49152, null, 0, i2.SideNavItem, [i3.DomSanitizer], null, null)], null, null); }
-var SideNavItemNgFactory = i0.ɵccf("ibm-sidenav-item", i2.SideNavItem, View_SideNavItem_Host_0, { href: "href", active: "active" }, {}, ["[icon]", "*"]);
+export function View_SideNavItem_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 7, "li", [], [[1, "role", 0]], null, null, null, null)), i0.ɵdid(1, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { ngClass: [0, "ngClass"] }, null), i0.ɵpod(2, { "bx--side-nav__item": 0, "bx--side-nav__menu-item": 1 }), (_l()(), i0.ɵeld(3, 0, null, null, 4, "a", [["class", "bx--side-nav__link"]], [[8, "href", 4], [1, "role", 0], [1, "aria-current", 0]], [[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.ɵand(16777216, null, null, 1, null, View_SideNavItem_1)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(6, 0, null, null, 1, "span", [["class", "bx--side-nav__link-text"]], null, null, null, null, null)), i0.ɵncd(null, 1)], function (_ck, _v) { var _co = _v.component; var currVal_1 = _ck(_v, 2, 0, !_co.isSubMenu, _co.isSubMenu); _ck(_v, 1, 0, currVal_1); var currVal_5 = !_co.isSubMenu; _ck(_v, 5, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.isSubMenu ? "none" : null); _ck(_v, 0, 0, currVal_0); var currVal_2 = _co.href; var currVal_3 = (_co.isSubMenu ? "menuitem" : null); var currVal_4 = (_co.active ? "page" : null); _ck(_v, 3, 0, currVal_2, currVal_3, currVal_4); }); }
+export function View_SideNavItem_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-sidenav-item", [], null, null, null, View_SideNavItem_0, RenderType_SideNavItem)), i0.ɵdid(1, 49152, null, 0, i2.SideNavItem, [i3.DomSanitizer, [2, i4.Router]], null, null)], null, null); }
+var SideNavItemNgFactory = i0.ɵccf("ibm-sidenav-item", i2.SideNavItem, View_SideNavItem_Host_0, { href: "href", active: "active", route: "route", routeExtras: "routeExtras" }, { navigation: "navigation" }, ["[icon]", "*"]);
 export { SideNavItemNgFactory as SideNavItemNgFactory };
 //# sourceMappingURL=sidenav-item.component.ngfactory.js.map

package/ui-shell/sidenav/sidenav-item.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidenav-item.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav-item.component.ngfactory.ts","../../src/ui-shell/sidenav/sidenav-item.component.ts.SideNavItem.html"],"names":[],"mappings":";;;;;;;;;;;;;sDCWI,2GAAmD,IAClD,eAA4B;6DAX/B,2OAI0C,GAJtC,kEAGF,MAED,6JAIgD,KAC/C,2KAAmD,IAGnD,iHAAsC,IACrC,eAAY,iDAdX,iDAGF,aAHF,YAI0C,EAJtC,SAGF,GAOK,oBAAkB,YAAvB,YAAmD,EAA9C,SAAkB,mDANzB,8CAAyC,GAJzC,YAI0C,EAA1C,SAAyC,GAGvC,mBAAa,OACb,kDAA6C,GAC7C,2CAA8C,GAJ/C,YAIgD,EAF/C,SAAa,EACb,SAA6C,EAC7C,SAA8C","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"]}
+{"version":3,"file":"sidenav-item.component.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav-item.component.ngfactory.ts","../../src/ui-shell/sidenav/sidenav-item.component.ts.SideNavItem.html"],"names":[],"mappings":";;;;;;;;;;;;;;sDCYI,2GAAmD,IAClD,eAA4B;6DAZ/B,2OAI0C,GAJtC,kEAGF,MAED,iNAK4B,YAA3B;;wBAA0B;MAL3B,wBAK4B,KAC3B,2KAAmD,IAGnD,iHAAsC,IACrC,eAAY,iDAfX,iDAGF,aAHF,YAI0C,EAJtC,SAGF,GAQK,oBAAkB,YAAvB,YAAmD,EAA9C,SAAkB,mDAPzB,8CAAyC,GAJzC,YAI0C,EAA1C,SAAyC,GAGvC,mBAAa,OACb,kDAA6C,GAC7C,2CAA8C,GAJ/C,YAK4B,EAH3B,SAAa,EACb,SAA6C,EAC7C,SAA8C","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<li [ngClass]=\"{\n\t\t\t'bx--side-nav__item': !isSubMenu,\n\t\t\t'bx--side-nav__menu-item': isSubMenu\n\t\t}\"\n\t\t[attr.role]=\"(isSubMenu ? 'none' : null)\">\n\t\t\t<a\n\t\t\t\tclass=\"bx--side-nav__link\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.role]=\"(isSubMenu ? 'menuitem' : null)\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<div *ngIf=\"!isSubMenu\" class=\"bx--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"[icon]\"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--side-nav__link-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</a>\n\t\t</li>\n\t"]}

package/ui-shell/sidenav/sidenav-item.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"active":[{"__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":2,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-sidenav-item","exportAs":null,"inputs":{"href":"href","active":"active"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["[icon]","*"],"encapsulation":2},"componentViewType":{"__symbol":3,"members":[]},"rendererType":{"__symbol":4,"members":[]},"componentFactory":{"__symbol":5,"members":[]}}}],"symbols":[{"__symbol":0,"name":"SideNavItem","filePath":"./sidenav-item.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"DomSanitizer","filePath":"@angular/platform-browser"},{"__symbol":3,"name":"View_SideNavItem_0","filePath":"./sidenav-item.component.ngfactory"},{"__symbol":4,"name":"RenderType_SideNavItem","filePath":"./sidenav-item.component.ngfactory"},{"__symbol":5,"name":"SideNavItemNgFactory","filePath":"./sidenav-item.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"active":[{"__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,[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]],"parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"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":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-sidenav-item","exportAs":null,"inputs":{"href":"href","active":"active","route":"route","routeExtras":"routeExtras"},"outputs":{"navigation":"navigation"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["[icon]","*"],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"SideNavItem","filePath":"./sidenav-item.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":"DomSanitizer","filePath":"@angular/platform-browser"},{"__symbol":5,"name":"Router","filePath":"@angular/router"},{"__symbol":6,"name":"View_SideNavItem_0","filePath":"./sidenav-item.component.ngfactory"},{"__symbol":7,"name":"RenderType_SideNavItem","filePath":"./sidenav-item.component.ngfactory"},{"__symbol":8,"name":"SideNavItemNgFactory","filePath":"./sidenav-item.component.ngfactory"}]}

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

@@ -1 +1 @@
-{"version":3,"file":"sidenav.module.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './sidenav.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from './sidenav.component';\nimport * as i4 from './sidenav-header.component';\nimport * as i5 from './sidenav-item.component';\nimport * as i6 from './sidenav-menu.component';\nimport * as i7 from '../../i18n/replace.pipe';\nimport * as i8 from '../../i18n/i18n.module';\nexport const SideNavModuleNgFactory:i0.NgModuleFactory<i1.SideNavModule> = (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.SideNav = (<any>(null as any));\nvar _decl0_12:i4.SideNavHeader = (<any>(null as any));\nvar _decl0_13:i5.SideNavItem = (<any>(null as any));\nvar _decl0_14:i6.SideNavMenu = (<any>(null as any));\nvar _decl0_15:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_16:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_17:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_18:i2.JsonPipe = (<any>(null as any));\nvar _decl0_19:i2.SlicePipe = (<any>(null as any));\nvar _decl0_20:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_21:i2.PercentPipe = (<any>(null as any));\nvar _decl0_22:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_23:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_24:i2.DatePipe = (<any>(null as any));\nvar _decl0_25:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_26:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_27:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_28:i7.ReplacePipe = (<any>(null as any));\nvar _decl0_29:i2.CommonModule = (<any>(null as any));\nvar _decl0_30:i8.I18nModule = (<any>(null as any));\nvar _decl0_31:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_32:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_SideNav_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNav_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_11.i18n.get('UI_SHELL.SIDE_NAV.LABEL');\n  currVal_0;\n  const currVal_1:any = _decl0_11.allowExpansion;\n  currVal_1;\n}\nfunction _View_SideNavHeader_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavHeader_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_12.title;\n  currVal_0;\n  const currVal_1:any = _decl0_12.title;\n  currVal_1;\n  const currVal_2:any = _decl0_12.switcherId;\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_12.i18n.get('UI_SHELL.SIDE_NAV.SWITCHER'));\n  currVal_3;\n  const currVal_4:any = _decl0_12.switcherId;\n  currVal_4;\n  const currVal_5:any = _any.transform(_decl0_12.i18n.get('UI_SHELL.SIDE_NAV.SWITCHER'));\n  currVal_5;\n  const currVal_6:any = _decl0_12.options;\n  currVal_6;\n}\nfunction _View_SideNavItem_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavItem_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = (<any>{'bx--side-nav__item':!_decl0_13.isSubMenu,'bx--side-nav__menu-item':_decl0_13.isSubMenu});\n  currVal_0;\n  const currVal_1:any = (_decl0_13.isSubMenu? 'none': null);\n  currVal_1;\n  const currVal_2:any = _decl0_13.href;\n  currVal_2;\n  const currVal_3:any = (_decl0_13.isSubMenu? 'menuitem': null);\n  currVal_3;\n  const currVal_4:any = (_decl0_13.active? 'page': null);\n  currVal_4;\n  const currVal_5:any = !_decl0_13.isSubMenu;\n  currVal_5;\n}\nfunction _View_SideNavMenu_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavMenu_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_14.expanded;\n  currVal_0;\n  const currVal_1:any = _decl0_14.title;\n  currVal_1;\n  const pd_2:any = ((<any>_decl0_14.toggle()) !== false);\n}\n"]}
+{"version":3,"file":"sidenav.module.ngfactory.js","sourceRoot":"","sources":["../../src/ui-shell/sidenav/sidenav.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './sidenav.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from './sidenav.component';\nimport * as i4 from './sidenav-header.component';\nimport * as i5 from './sidenav-item.component';\nimport * as i6 from './sidenav-menu.component';\nimport * as i7 from '../../i18n/replace.pipe';\nimport * as i8 from '../../i18n/i18n.module';\nexport const SideNavModuleNgFactory:i0.NgModuleFactory<i1.SideNavModule> = (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.SideNav = (<any>(null as any));\nvar _decl0_12:i4.SideNavHeader = (<any>(null as any));\nvar _decl0_13:i5.SideNavItem = (<any>(null as any));\nvar _decl0_14:i6.SideNavMenu = (<any>(null as any));\nvar _decl0_15:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_16:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_17:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_18:i2.JsonPipe = (<any>(null as any));\nvar _decl0_19:i2.SlicePipe = (<any>(null as any));\nvar _decl0_20:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_21:i2.PercentPipe = (<any>(null as any));\nvar _decl0_22:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_23:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_24:i2.DatePipe = (<any>(null as any));\nvar _decl0_25:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_26:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_27:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_28:i7.ReplacePipe = (<any>(null as any));\nvar _decl0_29:i2.CommonModule = (<any>(null as any));\nvar _decl0_30:i8.I18nModule = (<any>(null as any));\nvar _decl0_31:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_32:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_SideNav_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNav_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_11.i18n.get('UI_SHELL.SIDE_NAV.LABEL');\n  currVal_0;\n  const currVal_1:any = _decl0_11.allowExpansion;\n  currVal_1;\n}\nfunction _View_SideNavHeader_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavHeader_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_12.title;\n  currVal_0;\n  const currVal_1:any = _decl0_12.title;\n  currVal_1;\n  const currVal_2:any = _decl0_12.switcherId;\n  currVal_2;\n  const currVal_3:any = _any.transform(_decl0_12.i18n.get('UI_SHELL.SIDE_NAV.SWITCHER'));\n  currVal_3;\n  const currVal_4:any = _decl0_12.switcherId;\n  currVal_4;\n  const currVal_5:any = _any.transform(_decl0_12.i18n.get('UI_SHELL.SIDE_NAV.SWITCHER'));\n  currVal_5;\n  const currVal_6:any = _decl0_12.options;\n  currVal_6;\n}\nfunction _View_SideNavItem_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavItem_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = (<any>{'bx--side-nav__item':!_decl0_13.isSubMenu,'bx--side-nav__menu-item':_decl0_13.isSubMenu});\n  currVal_0;\n  const currVal_1:any = (_decl0_13.isSubMenu? 'none': null);\n  currVal_1;\n  const currVal_2:any = _decl0_13.href;\n  currVal_2;\n  const currVal_3:any = (_decl0_13.isSubMenu? 'menuitem': null);\n  currVal_3;\n  const currVal_4:any = (_decl0_13.active? 'page': null);\n  currVal_4;\n  const currVal_5:any = !_decl0_13.isSubMenu;\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_13.navigate(_any)) !== false);\n}\nfunction _View_SideNavMenu_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_SideNavMenu_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_14.expanded;\n  currVal_0;\n  const currVal_1:any = _decl0_14.title;\n  currVal_1;\n  const pd_2:any = ((<any>_decl0_14.toggle()) !== false);\n}\n"]}

package/utils/scroll.d.ts

@@ -0,0 +1,38 @@
+/*!
+ *
+ * carbon-angular v0.0.0 | scroll.d.ts
+ *
+ * Copyright 2014, 2019 IBM
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/**
+ * Checks if a given element is scrollable.
+ * If the element has an overflow set as part of its computed style it can scroll.
+ * @param element the element to check scrollability
+ */
+export declare const isScrollableElement: (element: HTMLElement) => boolean;
+/**
+ * Checks if an element is visible within a container
+ * @param element the element to check
+ * @param container the container to check
+ */
+export declare const isVisibleInContainer: (element: HTMLElement, container: HTMLElement) => boolean;
+/**
+ * Returns an observable that emits whenever any scrollable parent element scrolls
+ *
+ * @param node root element to start finding scrolling parents from
+ */
+export declare const scrollableParentsObservable: (node: HTMLElement) => import("rxjs/internal/Observable").Observable<Event>;