carbon-components-angular 3.12.5 → 3.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumb/breadcrumb-item.interface.d.ts +5 -7
- package/breadcrumb/breadcrumb-item.interface.js.map +1 -1
- package/breadcrumb/breadcrumb.component.js +1 -1
- package/breadcrumb/breadcrumb.component.js.map +1 -1
- package/breadcrumb/breadcrumb.component.metadata.json +1 -1
- package/breadcrumb/breadcrumb.component.ngfactory.js +23 -8
- package/breadcrumb/breadcrumb.component.ngfactory.js.map +1 -1
- package/bundle/carbon-angular.umd.js +5 -5
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/combobox/combobox.component.js +1 -1
- package/combobox/combobox.component.js.map +1 -1
- package/combobox/combobox.component.metadata.json +1 -1
- package/combobox/combobox.component.ngfactory.js +13 -12
- package/combobox/combobox.component.ngfactory.js.map +1 -1
- package/combobox/combobox.module.ngfactory.js.map +1 -1
- package/datepicker-input/datepicker-input.component.js +1 -1
- package/datepicker-input/datepicker-input.component.js.map +1 -1
- package/datepicker-input/datepicker-input.component.metadata.json +1 -1
- package/datepicker-input/datepicker-input.component.ngfactory.js +10 -9
- package/datepicker-input/datepicker-input.component.ngfactory.js.map +1 -1
- package/datepicker-input/datepicker-input.module.ngfactory.js.map +1 -1
- package/dialog/dialog.module.ngfactory.js.map +1 -1
- package/dialog/tooltip/tooltip.component.js +14 -1
- package/dialog/tooltip/tooltip.component.js.map +1 -1
- package/dialog/tooltip/tooltip.component.metadata.json +1 -1
- package/dialog/tooltip/tooltip.component.ngfactory.js +1 -1
- package/dialog/tooltip/tooltip.component.ngfactory.js.map +1 -1
- package/docs/documentation/classes/SearchChange.html +5 -0
- package/docs/documentation/components/Breadcrumb.html +83 -32
- package/docs/documentation/components/ComboBox.html +3 -3
- package/docs/documentation/components/DatePickerInput.html +3 -3
- package/docs/documentation/components/Dropdown.html +19 -17
- package/docs/documentation/components/DropdownList.html +40 -41
- package/docs/documentation/components/Search.html +51 -19
- package/docs/documentation/components/Select.html +5 -5
- package/docs/documentation/components/Slider.html +62 -60
- package/docs/documentation/components/TabHeaders.html +131 -23
- package/docs/documentation/components/TableToolbarSearch.html +51 -18
- package/docs/documentation/components/Tabs.html +76 -12
- package/docs/documentation/components/TimePicker.html +3 -3
- package/docs/documentation/components/TimePickerSelect.html +3 -3
- package/docs/documentation/components/Toast.html +3 -3
- package/docs/documentation/components/Tooltip.html +22 -6
- package/docs/documentation/coverage.html +9 -9
- package/docs/documentation/interfaces/BreadcrumbItem.html +54 -5
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/index.html +1 -1
- package/docs/storybook/main.0d170c652d58fd35c95d.bundle.js +1 -0
- package/docs/storybook/{main.0555add4632a2a0e8861.bundle.js → main.a309b5fd3379fd894c7e.bundle.js} +116 -37
- package/docs/storybook/main.a309b5fd3379fd894c7e.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.0555add4632a2a0e8861.bundle.js → runtime~main.a309b5fd3379fd894c7e.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.0555add4632a2a0e8861.bundle.js.map → runtime~main.a309b5fd3379fd894c7e.bundle.js.map} +1 -1
- package/docs/storybook/{runtime~main.17da544d0ef88cbabfaf.bundle.js → runtime~main.d6878bfc6f9b1805e480.bundle.js} +0 -0
- package/docs/storybook/vendors~main.1307650de776719d60f2.bundle.js +201 -0
- package/docs/storybook/{vendors~main.0555add4632a2a0e8861.bundle.js → vendors~main.a309b5fd3379fd894c7e.bundle.js} +282 -47
- package/docs/storybook/vendors~main.a309b5fd3379fd894c7e.bundle.js.map +1 -0
- package/dropdown/dropdown.component.js +3 -1
- package/dropdown/dropdown.component.js.map +1 -1
- package/dropdown/dropdown.component.metadata.json +1 -1
- package/dropdown/dropdown.component.ngfactory.js +16 -15
- package/dropdown/dropdown.component.ngfactory.js.map +1 -1
- package/dropdown/dropdown.module.ngfactory.js.map +1 -1
- package/dropdown/list/dropdown-list.component.js +2 -1
- package/dropdown/list/dropdown-list.component.js.map +1 -1
- package/dropdown/list/dropdown-list.component.metadata.json +1 -1
- package/dropdown/list/dropdown-list.component.ngfactory.js +1 -4
- package/dropdown/list/dropdown-list.component.ngfactory.js.map +1 -1
- package/notification/toast.component.js +1 -1
- package/notification/toast.component.js.map +1 -1
- package/notification/toast.component.metadata.json +1 -1
- package/notification/toast.component.ngfactory.js +1 -1
- package/notification/toast.component.ngfactory.js.map +1 -1
- package/package.json +3 -3
- package/search/search.component.d.ts +5 -0
- package/search/search.component.js +7 -1
- package/search/search.component.js.map +1 -1
- package/search/search.component.metadata.json +1 -1
- package/search/search.component.ngfactory.js +3 -3
- package/search/search.component.ngfactory.js.map +1 -1
- package/search/search.component.ngsummary.json +1 -1
- package/select/select.component.js +1 -1
- package/select/select.component.js.map +1 -1
- package/select/select.component.metadata.json +1 -1
- package/select/select.component.ngfactory.js +1 -1
- package/select/select.component.ngfactory.js.map +1 -1
- package/select/select.module.ngfactory.js.map +1 -1
- package/slider/slider.component.d.ts +1 -1
- package/slider/slider.component.js +8 -2
- package/slider/slider.component.js.map +1 -1
- package/slider/slider.component.metadata.json +1 -1
- package/slider/slider.component.ngfactory.js +10 -8
- package/slider/slider.component.ngfactory.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.js +1 -1
- package/table/toolbar/table-toolbar-search.component.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.metadata.json +1 -1
- package/table/toolbar/table-toolbar-search.component.ngfactory.js +3 -3
- package/table/toolbar/table-toolbar-search.component.ngfactory.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.ngsummary.json +1 -1
- package/tabs/tab-headers.component.d.ts +9 -0
- package/tabs/tab-headers.component.js +10 -2
- package/tabs/tab-headers.component.js.map +1 -1
- package/tabs/tab-headers.component.metadata.json +1 -1
- package/tabs/tab-headers.component.ngfactory.js +7 -4
- package/tabs/tab-headers.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.ngsummary.json +1 -1
- package/tabs/tabs.component.d.ts +8 -0
- package/tabs/tabs.component.js +3 -1
- package/tabs/tabs.component.js.map +1 -1
- package/tabs/tabs.component.metadata.json +1 -1
- package/tabs/tabs.component.ngfactory.js +10 -4
- package/tabs/tabs.component.ngfactory.js.map +1 -1
- package/tabs/tabs.component.ngsummary.json +1 -1
- package/tabs/tabs.module.ngfactory.js.map +1 -1
- package/timepicker/timepicker.component.js +1 -1
- package/timepicker/timepicker.component.js.map +1 -1
- package/timepicker/timepicker.component.metadata.json +1 -1
- package/timepicker/timepicker.component.ngfactory.js +1 -1
- package/timepicker/timepicker.component.ngfactory.js.map +1 -1
- package/timepicker/timepicker.module.ngfactory.js.map +1 -1
- package/timepicker-select/timepicker-select.component.js +1 -1
- package/timepicker-select/timepicker-select.component.js.map +1 -1
- package/timepicker-select/timepicker-select.component.metadata.json +1 -1
- package/timepicker-select/timepicker-select.component.ngfactory.js +1 -1
- package/timepicker-select/timepicker-select.component.ngfactory.js.map +1 -1
- package/timepicker-select/timepicker-select.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.0555add4632a2a0e8861.bundle.js.map +0 -1
- package/docs/storybook/main.6375d8d0054d57e65d0e.bundle.js +0 -1
- package/docs/storybook/vendors~main.0555add4632a2a0e8861.bundle.js.map +0 -1
- package/docs/storybook/vendors~main.bd9129beca59ebe88139.bundle.js +0 -201
|
@@ -18,23 +18,21 @@
|
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
import { TemplateRef } from "@angular/core";
|
|
21
22
|
/**
|
|
22
23
|
* A structure that represents a breadcrumb item.
|
|
23
|
-
*
|
|
24
|
-
* @export
|
|
25
|
-
* @interface BreadcrumbItem
|
|
26
24
|
*/
|
|
27
25
|
export interface BreadcrumbItem {
|
|
28
26
|
/**
|
|
29
27
|
* Content to be displayed in the breadcrumb item.
|
|
30
|
-
* @type {string}
|
|
31
|
-
* @memberof BreadcrumbItem
|
|
32
28
|
*/
|
|
33
29
|
content: string;
|
|
34
30
|
/**
|
|
35
31
|
* Href for the breadcrumb item.
|
|
36
|
-
* @type {string}
|
|
37
|
-
* @memberof BreadcrumbItem
|
|
38
32
|
*/
|
|
39
33
|
href: string;
|
|
34
|
+
/**
|
|
35
|
+
* Optional `TemplateRef` for the breadcrumb item. Receives the content as an `$implicit` template variable
|
|
36
|
+
*/
|
|
37
|
+
template?: TemplateRef<any>;
|
|
40
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.interface.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb-item.interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * A structure that represents a breadcrumb item.\n
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.interface.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb-item.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from \"@angular/core\";\n\n/**\n * A structure that represents a breadcrumb item.\n */\nexport interface BreadcrumbItem {\n\t/**\n\t * Content to be displayed in the breadcrumb item.\n\t */\n\tcontent: string;\n\t/**\n\t * Href for the breadcrumb item.\n\t */\n\thref: string;\n\t/**\n\t * Optional `TemplateRef` for the breadcrumb item. Receives the content as an `$implicit` template variable\n\t */\n\ttemplate?: TemplateRef<any>;\n}\n"]}
|
|
@@ -116,7 +116,7 @@ var Breadcrumb = /** @class */ (function () {
|
|
|
116
116
|
Breadcrumb.decorators = [
|
|
117
117
|
{ type: Component, args: [{
|
|
118
118
|
selector: "ibm-breadcrumb",
|
|
119
|
-
template: "\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t{{item.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t{{first?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t{{item?.content}}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t{{secondLast?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t{{last?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"
|
|
119
|
+
template: "\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"
|
|
120
120
|
},] },
|
|
121
121
|
];
|
|
122
122
|
Breadcrumb.propDecorators = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.component.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,eAAe,EACf,SAAS,
|
|
1
|
+
{"version":3,"file":"breadcrumb.component.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,eAAe,EACf,SAAS,EAGT,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,IAAM,0BAA0B,GAAG,CAAC,CAAC;AAErC;;;;;;;;GAQG;AACH;IAAA;QA0EU,oBAAe,GAAG,KAAK,CAAC;QAKvB,cAAS,GAAG,KAAK,CAAC;IA4D7B,CAAC;IA1DA,sBACI,gCAAQ;aAKZ;YACC,OAAO,IAAI,CAAC,SAAS,CAAC;QACvB,CAAC;aARD,UACa,KAAU;YACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC;;;OAAA;IAMD,sBACI,iCAAS;aAOb;YACC,OAAO,IAAI,CAAC,UAAU,CAAC;QACxB,CAAC;aAVD,UACc,SAAiB;YAC9B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,SAAS,GAAG,0BAA0B,EAAE;gBAC/D,IAAI,CAAC,UAAU,GAAG,0BAA0B,CAAC;aAC7C;QACF,CAAC;;;OAAA;IAMD,uCAAkB,GAAlB;QACC,IAAI,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC;IAED,sBAAI,yCAAiB;aAArB;YACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;;;OAAA;IAED,sBAAI,0CAAkB;aAAtB;YACC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBAChB,OAAO,KAAK,CAAC;aACb;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;QAC3C,CAAC;;;OAAA;IAED,sBAAI,6BAAK;aAAT;YACC,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACvD,CAAC;;;OAAA;IAED,sBAAI,qCAAa;aAAjB;YACC,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClF,CAAC;;;OAAA;IAED,sBAAI,kCAAU;aAAd;YACC,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC;;;OAAA;IAED,sBAAI,4BAAI;aAAR;YACC,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC;;;OAAA;IAES,mCAAc,GAAxB;QAAA,iBAIC;QAHA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,GAAG,KAAI,CAAC,QAAQ,EAA9B,CAA8B,CAAC,CAAC;SACzE;IACF,CAAC;;gBA1ID,SAAS,SAAC;oBACV,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,snFAiEH;iBACP;;;2BAEC,eAAe,SAAC,uBAAuB;wBAEvC,KAAK;kCAEL,KAAK;4BAEL,KAAK;2BAKL,KAAK;4BAUL,KAAK;;IAgDP,iBAAC;CAAA,AA3ID,IA2IC;SAtEY,UAAU","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tAfterContentInit,\n\tTemplateRef\n} from \"@angular/core\";\n\nimport { BreadcrumbItem } from \"./breadcrumb-item.interface\";\nimport { BreadcrumbItemComponent } from \"./breadcrumb-item.component\";\n\nconst MINIMUM_OVERFLOW_THRESHOLD = 4;\n\n/**\n * [See demo](../../?path=/story/breadcrumb--basic)\n *\n * <example-url>../../iframe.html?id=breadcrumb--basic</example-url>\n *\n * @export\n * @class Breadcrumb\n * @implements {AfterContentInit}\n */\n@Component({\n\tselector: \"ibm-breadcrumb\",\n\ttemplate: `\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>`\n})\nexport class Breadcrumb implements AfterContentInit {\n\t@ContentChildren(BreadcrumbItemComponent) children: QueryList<BreadcrumbItemComponent>;\n\n\t@Input() items: Array<BreadcrumbItem>;\n\n\t@Input() noTrailingSlash = false;\n\n\t@Input() ariaLabel: string;\n\n\tprotected _threshold: number;\n\tprotected _skeleton = false;\n\n\t@Input()\n\tset skeleton(value: any) {\n\t\tthis._skeleton = value;\n\t\tthis.updateChildren();\n\t}\n\n\tget skeleton(): any {\n\t\treturn this._skeleton;\n\t}\n\n\t@Input()\n\tset threshold(threshold: number) {\n\t\tthis._threshold = threshold;\n\t\tif (isNaN(threshold) || threshold < MINIMUM_OVERFLOW_THRESHOLD) {\n\t\t\tthis._threshold = MINIMUM_OVERFLOW_THRESHOLD;\n\t\t}\n\t}\n\n\tget threshold(): number {\n\t\treturn this._threshold;\n\t}\n\n\tngAfterContentInit() {\n\t\tthis.updateChildren();\n\t}\n\n\tget shouldShowContent(): boolean {\n\t\treturn !this.items;\n\t}\n\n\tget shouldShowOverflow(): boolean {\n\t\tif (!this.items) {\n\t\t\treturn false;\n\t\t}\n\t\treturn this.items.length > this.threshold;\n\t}\n\n\tget first(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[0] : null;\n\t}\n\n\tget overflowItems(): Array<BreadcrumbItem> {\n\t\treturn this.shouldShowOverflow ? this.items.slice(1, this.items.length - 2) : [];\n\t}\n\n\tget secondLast(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 2] : null;\n\t}\n\n\tget last(): BreadcrumbItem {\n\t\treturn this.shouldShowOverflow ? this.items[this.items.length - 1] : null;\n\t}\n\n\tprotected updateChildren() {\n\t\tif (this.children) {\n\t\t\tthis.children.toArray().forEach(child => child.skeleton = this.skeleton);\n\t\t}\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"Breadcrumb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"Breadcrumb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ibm-breadcrumb","template":"\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"}]}],"members":{"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":93,"character":2},"arguments":[{"__symbolic":"reference","module":"./breadcrumb-item.component","name":"BreadcrumbItemComponent","line":93,"character":18}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":2}}]}],"noTrailingSlash":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":2}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":2}}]}],"threshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateChildren":[{"__symbolic":"method"}]}}}}]
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
* tslint:disable
|
|
26
26
|
*/
|
|
27
27
|
import * as i0 from "@angular/core";
|
|
28
|
-
import * as i1 from "
|
|
29
|
-
import * as i2 from "./breadcrumb-item.component";
|
|
30
|
-
import * as i3 from "
|
|
28
|
+
import * as i1 from "@angular/common";
|
|
29
|
+
import * as i2 from "./breadcrumb-item.component.ngfactory";
|
|
30
|
+
import * as i3 from "./breadcrumb-item.component";
|
|
31
31
|
import * as i4 from "../dialog/overflow-menu/overflow-menu.component.ngfactory";
|
|
32
32
|
import * as i5 from "../dialog/overflow-menu/overflow-menu.component";
|
|
33
33
|
import * as i6 from "../i18n/i18n.service";
|
|
@@ -36,11 +36,26 @@ var styles_Breadcrumb = [];
|
|
|
36
36
|
var RenderType_Breadcrumb = i0.ɵcrt({ encapsulation: 2, styles: styles_Breadcrumb, data: {} });
|
|
37
37
|
export { RenderType_Breadcrumb as RenderType_Breadcrumb };
|
|
38
38
|
function View_Breadcrumb_1(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 0), (_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
39
|
-
function
|
|
40
|
-
function
|
|
41
|
-
function View_Breadcrumb_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵ
|
|
42
|
-
function
|
|
43
|
-
|
|
39
|
+
function View_Breadcrumb_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.content; _ck(_v, 1, 0, currVal_0); }); }
|
|
40
|
+
function View_Breadcrumb_6(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
41
|
+
function View_Breadcrumb_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_Breadcrumb_6)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutletContext: [0, "ngTemplateOutletContext"], ngTemplateOutlet: [1, "ngTemplateOutlet"] }, null), i0.ɵpod(2, { $implicit: 0 }), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, _v.parent.context.$implicit); var currVal_1 = _v.parent.context.$implicit.template; _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
42
|
+
function View_Breadcrumb_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 5, "ibm-breadcrumb-item", [], [[2, "bx--breadcrumb-item", null]], null, null, i2.View_BreadcrumbItemComponent_0, i2.RenderType_BreadcrumbItemComponent)), i0.ɵdid(1, 49152, null, 0, i3.BreadcrumbItemComponent, [], { href: [0, "href"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_4)), i0.ɵdid(3, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_5)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var currVal_1 = _v.context.$implicit.href; _ck(_v, 1, 0, currVal_1); var currVal_2 = !_v.context.$implicit.template; _ck(_v, 3, 0, currVal_2); var currVal_3 = _v.context.$implicit.template; _ck(_v, 5, 0, currVal_3); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).itemClass; _ck(_v, 0, 0, currVal_0); }); }
|
|
43
|
+
function View_Breadcrumb_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_3)), i0.ɵdid(1, 278528, null, 0, i1.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.items; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
44
|
+
function View_Breadcrumb_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.first == null) ? null : _co.first.content); _ck(_v, 1, 0, currVal_0); }); }
|
|
45
|
+
function View_Breadcrumb_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
46
|
+
function View_Breadcrumb_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_Breadcrumb_10)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutletContext: [0, "ngTemplateOutletContext"], ngTemplateOutlet: [1, "ngTemplateOutlet"] }, null), i0.ɵpod(2, { $implicit: 0 }), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, _co.first); var currVal_1 = ((_co.first == null) ? null : _co.first.template); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
47
|
+
function View_Breadcrumb_12(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var currVal_0 = ((_v.parent.context.$implicit == null) ? null : _v.parent.context.$implicit.content); _ck(_v, 1, 0, currVal_0); }); }
|
|
48
|
+
function View_Breadcrumb_14(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
49
|
+
function View_Breadcrumb_13(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_Breadcrumb_14)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutletContext: [0, "ngTemplateOutletContext"], ngTemplateOutlet: [1, "ngTemplateOutlet"] }, null), i0.ɵpod(2, { $implicit: 0 }), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var currVal_0 = _ck(_v, 2, 0, _v.parent.context.$implicit); var currVal_1 = ((_v.parent.context.$implicit == null) ? null : _v.parent.context.$implicit.template); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
50
|
+
function View_Breadcrumb_11(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 5, "li", [["class", "bx--overflow-menu-options__option"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 4, "a", [["class", "bx--overflow-menu-options__btn"], ["style", "text-decoration: none;"]], [[8, "href", 4]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_12)), i0.ɵdid(3, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_13)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var currVal_1 = !((_v.context.$implicit == null) ? null : _v.context.$implicit.template); _ck(_v, 3, 0, currVal_1); var currVal_2 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.template); _ck(_v, 5, 0, currVal_2); }, function (_ck, _v) { var currVal_0 = i0.ɵinlineInterpolate(1, "", ((_v.context.$implicit == null) ? null : _v.context.$implicit.href), ""); _ck(_v, 1, 0, currVal_0); }); }
|
|
51
|
+
function View_Breadcrumb_15(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.secondLast == null) ? null : _co.secondLast.content); _ck(_v, 1, 0, currVal_0); }); }
|
|
52
|
+
function View_Breadcrumb_17(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
53
|
+
function View_Breadcrumb_16(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_Breadcrumb_17)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutletContext: [0, "ngTemplateOutletContext"], ngTemplateOutlet: [1, "ngTemplateOutlet"] }, null), i0.ɵpod(2, { $implicit: 0 }), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, _co.secondLast); var currVal_1 = ((_co.secondLast == null) ? null : _co.secondLast.template); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
54
|
+
function View_Breadcrumb_18(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, null, null, null, null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.last == null) ? null : _co.last.content); _ck(_v, 1, 0, currVal_0); }); }
|
|
55
|
+
function View_Breadcrumb_20(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
56
|
+
function View_Breadcrumb_19(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_Breadcrumb_20)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutletContext: [0, "ngTemplateOutletContext"], ngTemplateOutlet: [1, "ngTemplateOutlet"] }, null), i0.ɵpod(2, { $implicit: 0 }), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _ck(_v, 2, 0, _co.last); var currVal_1 = ((_co.last == null) ? null : _co.last.template); _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
57
|
+
function View_Breadcrumb_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 5, "ibm-breadcrumb-item", [], [[2, "bx--breadcrumb-item", null]], null, null, i2.View_BreadcrumbItemComponent_0, i2.RenderType_BreadcrumbItemComponent)), i0.ɵdid(1, 49152, null, 0, i3.BreadcrumbItemComponent, [], { href: [0, "href"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_8)), i0.ɵdid(3, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_9)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(6, 0, null, null, 6, "ibm-breadcrumb-item", [], [[2, "bx--breadcrumb-item", null]], null, null, i2.View_BreadcrumbItemComponent_0, i2.RenderType_BreadcrumbItemComponent)), i0.ɵdid(7, 49152, null, 0, i3.BreadcrumbItemComponent, [], null, null), (_l()(), i0.ɵeld(8, 0, null, 0, 4, "ibm-overflow-menu", [], null, null, null, i4.View_OverflowMenu_0, i4.RenderType_OverflowMenu)), i0.ɵdid(9, 49152, null, 1, i5.OverflowMenu, [i0.ElementRef, i6.I18n], null, null), i0.ɵqud(335544320, 1, { overflowMenuDirective: 0 }), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_11)), i0.ɵdid(12, 278528, null, 0, i1.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵeld(13, 0, null, null, 5, "ibm-breadcrumb-item", [], [[2, "bx--breadcrumb-item", null]], null, null, i2.View_BreadcrumbItemComponent_0, i2.RenderType_BreadcrumbItemComponent)), i0.ɵdid(14, 49152, null, 0, i3.BreadcrumbItemComponent, [], { href: [0, "href"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_15)), i0.ɵdid(16, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_16)), i0.ɵdid(18, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(19, 0, null, null, 5, "ibm-breadcrumb-item", [], [[2, "bx--breadcrumb-item", null]], null, null, i2.View_BreadcrumbItemComponent_0, i2.RenderType_BreadcrumbItemComponent)), i0.ɵdid(20, 49152, null, 0, i3.BreadcrumbItemComponent, [], { href: [0, "href"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_18)), i0.ɵdid(22, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, 0, 1, null, View_Breadcrumb_19)), i0.ɵdid(24, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = ((_co.first == null) ? null : _co.first.href); _ck(_v, 1, 0, currVal_1); var currVal_2 = !((_co.first == null) ? null : _co.first.template); _ck(_v, 3, 0, currVal_2); var currVal_3 = ((_co.first == null) ? null : _co.first.template); _ck(_v, 5, 0, currVal_3); var currVal_5 = _co.overflowItems; _ck(_v, 12, 0, currVal_5); var currVal_7 = ((_co.secondLast == null) ? null : _co.secondLast.href); _ck(_v, 14, 0, currVal_7); var currVal_8 = !((_co.secondLast == null) ? null : _co.secondLast.template); _ck(_v, 16, 0, currVal_8); var currVal_9 = ((_co.secondLast == null) ? null : _co.secondLast.template); _ck(_v, 18, 0, currVal_9); var currVal_11 = ((_co.last == null) ? null : _co.last.href); _ck(_v, 20, 0, currVal_11); var currVal_12 = !((_co.last == null) ? null : _co.last.template); _ck(_v, 22, 0, currVal_12); var currVal_13 = ((_co.last == null) ? null : _co.last.template); _ck(_v, 24, 0, currVal_13); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).itemClass; _ck(_v, 0, 0, currVal_0); var currVal_4 = i0.ɵnov(_v, 7).itemClass; _ck(_v, 6, 0, currVal_4); var currVal_6 = i0.ɵnov(_v, 14).itemClass; _ck(_v, 13, 0, currVal_6); var currVal_10 = i0.ɵnov(_v, 20).itemClass; _ck(_v, 19, 0, currVal_10); }); }
|
|
58
|
+
export function View_Breadcrumb_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, [["nav", 1]], null, 8, "nav", [["class", "bx--breadcrumb"]], [[1, "aria-label", 0]], null, null, 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--skeleton": 0, "bx--breadcrumb--no-trailing-slash": 1 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_1)), i0.ɵdid(4, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_2)), i0.ɵdid(6, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Breadcrumb_7)), i0.ɵdid(8, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_1 = "bx--breadcrumb"; var currVal_2 = _ck(_v, 2, 0, _co.skeleton, _co.noTrailingSlash); _ck(_v, 1, 0, currVal_1, currVal_2); var currVal_3 = _co.shouldShowContent; _ck(_v, 4, 0, currVal_3); var currVal_4 = !_co.shouldShowOverflow; _ck(_v, 6, 0, currVal_4); var currVal_5 = _co.shouldShowOverflow; _ck(_v, 8, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.ariaLabel; _ck(_v, 0, 0, currVal_0); }); }
|
|
44
59
|
export function View_Breadcrumb_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-breadcrumb", [], null, null, null, View_Breadcrumb_0, RenderType_Breadcrumb)), i0.ɵdid(1, 1097728, null, 1, i7.Breadcrumb, [], null, null), i0.ɵqud(603979776, 1, { children: 1 })], null, null); }
|
|
45
60
|
var BreadcrumbNgFactory = i0.ɵccf("ibm-breadcrumb", i7.Breadcrumb, View_Breadcrumb_Host_0, { items: "items", noTrailingSlash: "noTrailingSlash", ariaLabel: "ariaLabel", skeleton: "skeleton", threshold: "threshold" }, {}, ["*"]);
|
|
46
61
|
export { BreadcrumbNgFactory as BreadcrumbNgFactory };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.component.ngfactory.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb.component.ngfactory.ts","../src/breadcrumb/breadcrumb.component.ts.Breadcrumb.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;oDCQG,eAAY;
|
|
1
|
+
{"version":3,"file":"breadcrumb.component.ngfactory.js","sourceRoot":"","sources":["../src/breadcrumb/breadcrumb.component.ngfactory.ts","../src/breadcrumb/breadcrumb.component.ts.Breadcrumb.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;oDCQG,eAAY;qDAMX,6EAAqC,KAAA,6IAAgB;;qDACrD,wPAGiD,GAAhD,yHAA+C,4BAD/C,kBAAkC,oCAFnC,YAGiD,EAAhD,SAA+C,EAD/C,SAAkC;qDANpC,kRAEoB,IACnB,uKAAqC,IACrC,uKAGiD,yBALjD,kBAAkB,yBAFnB,YAEoB,EAAnB,SAAkB,GACJ,mBAAsB,6BAApC,YAAqC,EAAvB,SAAsB,GAEnC,kBAAqB,6BADtB,YAGiD,EAFhD,SAAqB,2BALvB;6PAEoB,sFADnB,mBAA0B,QAD3B,YAEoB,EADnB,SAA0B;qDAY1B,6EAAuC,KAAA,kLAAkB;;qDACzD,yPAGkD,GAAjD,kJAAgD,SADhD,iDAAoC,kBAFrC,YAGkD,EAAjD,SAAgD,EADhD,SAAoC;sDAWlC,6EAAsC,KAAA,8LAAiB;;sDACvD,yPAGiD,GAAhD,yHAA+C,4BAD/C,kEAAmC,qCAFpC,YAGiD,EAAhD,SAA+C,EAD/C,SAAmC;sDARtC,yHACoC,KACnC,sKAEgC,KAC/B,2KAAsC,IACtC,2KAGiD,yBAJnC,4DAAuB,8BAArC,YAAsC,EAAxB,SAAuB,GAEpC,2DAAsB,8BADvB,YAGiD,EAFhD,SAAsB,2BAJvB,oHAAqB,GADtB,YAEgC,EAD/B,SAAqB;sDAaxB,6EAA4C,KAAA,4LAAuB;;sDACnE,yPAGuD,GAAtD,kJAAqD,cADrD,sDAAyC,uBAF1C,YAGuD,EAAtD,SAAqD,EADrD,SAAyC;sDAK1C,6EAAsC,KAAA,gLAAiB;;sDACvD,yPAGiD,GAAhD,kJAA+C,QAD/C,gDAAmC,iBAFpC,YAGiD,EAAhD,SAA+C,EAD/C,SAAmC;qDArCrC,kRAA0C,IACzC,uKAAuC,IACvC,uKAGkD,IAGnD,iQAAqB,IACpB,sQAAmB,MAClB,uMACoC,IActC,oRAA+C,IAC9C,yKAA4C,IAC5C,yKAGuD,IAGxD,oRAAyC,IACxC,yKAAsC,IACtC,yKAGiD,iDAtC7B,iDAAoB,cAAzC,YAA0C,EAArB,SAAoB,GAC1B,kDAAwB,kBAAtC,YAAuC,EAAzB,SAAwB,GAErC,iDAAuB,kBADxB,YAGkD,EAFjD,SAAuB,GAQtB,mBAAkC,gBADnC,aACoC,EAAnC,SAAkC,GAchB,sDAAyB,mBAA9C,aAA+C,EAA1B,SAAyB,GAC/B,uDAA6B,uBAA3C,aAA4C,EAA9B,SAA6B,GAE1C,sDAA4B,uBAD7B,aAGuD,EAFtD,SAA4B,GAKT,iDAAmB,aAAxC,aAAyC,EAApB,UAAmB,GACzB,kDAAuB,iBAArC,aAAsC,EAAxB,UAAuB,GAEpC,iDAAsB,iBADvB,aAGiD,EAFhD,UAAsB,2BApCxB,iEAA0C,GAQ1C,iEAAqB,GAiBrB,mEAA+C,GAQ/C,qEAAyC;4DAvD3C,0SAK+B,GAJ9B,sEAGE,MAEF,0KAAwC,IAGxC,0KAA0C,IAY1C,0KAAyC,iDArBhC,gCAAsB,EAC/B,+CAGE,mBAJH,YAK+B,EALrB,SAAsB,EAC/B,SAGE,GAEW,mBAA0B,oBAAvC,YAAwC,EAA3B,SAA0B,GAG1B,oBAA4B,qBAAzC,YAA0C,EAA7B,SAA4B,GAY5B,mBAA2B,qBAAxC,YAAyC,EAA5B,SAA2B,mDAhBxC,mBAA6B,YAL9B,YAK+B,EAA9B,SAA6B","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"]}
|