carbon-components-angular 3.0.2 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/carbon-angular.umd.js +2 -2
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/content-switcher/content-switcher-option.directive.js +1 -1
- package/content-switcher/content-switcher-option.directive.js.map +1 -1
- package/docs/documentation/classes/NumberChange.html +2 -0
- package/docs/documentation/classes/ToggleChange.html +7 -2
- package/docs/documentation/components/Number.html +30 -26
- package/docs/documentation/components/Pagination.html +32 -44
- package/docs/documentation/components/TabHeaders.html +74 -25
- package/docs/documentation/components/Tabs.html +28 -12
- package/docs/documentation/components/TagFilter.html +52 -3
- package/docs/documentation/components/Toggle.html +52 -19
- package/docs/documentation/coverage.html +9 -9
- package/docs/documentation/directives/ContentSwitcherOption.html +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.30b13c55e055554fdaac.bundle.js → main.cc3329d0f31a1601a8eb.bundle.js} +48 -17
- package/docs/storybook/main.cc3329d0f31a1601a8eb.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.30b13c55e055554fdaac.bundle.js → runtime~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.30b13c55e055554fdaac.bundle.js.map → runtime~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.30b13c55e055554fdaac.bundle.js → vendors~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.30b13c55e055554fdaac.bundle.js.map → vendors~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
- package/number-input/number.component.js +1 -1
- package/number-input/number.component.js.map +1 -1
- package/number-input/number.component.metadata.json +1 -1
- package/number-input/number.component.ngfactory.js +2 -2
- package/number-input/number.component.ngfactory.js.map +1 -1
- package/package.json +1 -1
- package/pagination/pagination.component.js +1 -1
- package/pagination/pagination.component.js.map +1 -1
- package/pagination/pagination.component.metadata.json +1 -1
- package/pagination/pagination.component.ngfactory.js +5 -5
- package/pagination/pagination.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.d.ts +2 -0
- package/tabs/tab-headers.component.js +3 -1
- 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 +10 -8
- package/tabs/tab-headers.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.ngsummary.json +1 -1
- package/tabs/tabs.component.js +1 -1
- package/tabs/tabs.component.js.map +1 -1
- package/tabs/tabs.component.metadata.json +1 -1
- package/tabs/tabs.component.ngfactory.js +6 -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/tag/tag-filter.component.d.ts +5 -0
- package/tag/tag-filter.component.js +9 -3
- package/tag/tag-filter.component.js.map +1 -1
- package/tag/tag-filter.component.metadata.json +1 -1
- package/tag/tag-filter.component.ngfactory.js +5 -2
- package/tag/tag-filter.component.ngfactory.js.map +1 -1
- package/tag/tag-filter.component.ngsummary.json +1 -1
- package/tag/tag.module.ngfactory.js.map +1 -1
- package/toggle/toggle.component.d.ts +5 -0
- package/toggle/toggle.component.js +2 -1
- package/toggle/toggle.component.js.map +1 -1
- package/toggle/toggle.component.metadata.json +1 -1
- package/toggle/toggle.component.ngfactory.js +5 -4
- package/toggle/toggle.component.ngfactory.js.map +1 -1
- package/toggle/toggle.component.ngsummary.json +1 -1
- package/toggle/toggle.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.30b13c55e055554fdaac.bundle.js.map +0 -1
|
@@ -33,24 +33,26 @@ export { RenderType_TabHeaders as RenderType_TabHeaders };
|
|
|
33
33
|
function View_TabHeaders_1(_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.getSelectedTab().heading; _ck(_v, 1, 0, currVal_0); }); }
|
|
34
34
|
function View_TabHeaders_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
35
35
|
function View_TabHeaders_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_3)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutlet: [0, "ngTemplateOutlet"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.getSelectedTab().heading; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
36
|
-
function
|
|
37
|
-
function
|
|
38
|
-
function
|
|
39
|
-
function
|
|
36
|
+
function View_TabHeaders_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 16777216, null, null, 1, null, null, null, null, null, null, null)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutlet: [0, "ngTemplateOutlet"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.contentBefore; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
37
|
+
function View_TabHeaders_6(_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.heading; _ck(_v, 1, 0, currVal_0); }); }
|
|
38
|
+
function View_TabHeaders_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
39
|
+
function View_TabHeaders_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 2, null, View_TabHeaders_8)), 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.context); var currVal_1 = _v.parent.context.$implicit.heading; _ck(_v, 1, 0, currVal_0, currVal_1); }, null); }
|
|
40
|
+
function View_TabHeaders_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 7, "li", [["class", "bx--tabs__nav-item"], ["role", "presentation"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
40
41
|
var pd_0 = (_co.selectTab(_co.tabref, _v.context.$implicit, _v.context.index) !== false);
|
|
41
42
|
ad = (pd_0 && ad);
|
|
42
43
|
} 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--tabs__nav-item--selected": 0 }), (_l()(), i0.ɵeld(3, 0, [[2, 0], ["tabItem", 1]], null, 4, "a", [["class", "bx--tabs__nav-link"], ["draggable", "false"], ["href", "javascript:void(0)"], ["role", "tab"]], [[1, "aria-selected", 0], [1, "tabindex", 0], [1, "aria-controls", 0], [8, "id", 0]], [[null, "focus"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("focus" === en)) {
|
|
43
44
|
var pd_0 = (_co.onTabFocus(_co.tabref, _v.context.index) !== false);
|
|
44
45
|
ad = (pd_0 && ad);
|
|
45
|
-
} return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
46
|
-
|
|
46
|
+
} return ad; }, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_6)), i0.ɵdid(5, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_7)), i0.ɵdid(7, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var currVal_0 = "bx--tabs__nav-item"; var currVal_1 = _ck(_v, 2, 0, _v.context.$implicit.active); _ck(_v, 1, 0, currVal_0, currVal_1); var currVal_6 = !_v.context.$implicit.headingIsTemplate; _ck(_v, 5, 0, currVal_6); var currVal_7 = _v.context.$implicit.headingIsTemplate; _ck(_v, 7, 0, currVal_7); }, function (_ck, _v) { var currVal_2 = _v.context.$implicit.active; var currVal_3 = (_v.context.$implicit.active ? 0 : (0 - 1)); var currVal_4 = _v.context.$implicit.id; var currVal_5 = i0.ɵinlineInterpolate(1, "", _v.context.$implicit.id, "-header"); _ck(_v, 3, 0, currVal_2, currVal_3, currVal_4, currVal_5); }); }
|
|
47
|
+
function View_TabHeaders_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 16777216, null, null, 1, null, null, null, null, null, null, null)), i0.ɵdid(1, 540672, null, 0, i1.NgTemplateOutlet, [i0.ViewContainerRef], { ngTemplateOutlet: [0, "ngTemplateOutlet"] }, null), (_l()(), i0.ɵand(0, null, null, 0))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.contentAfter; _ck(_v, 1, 0, currVal_0); }, null); }
|
|
48
|
+
export function View_TabHeaders_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { headerContainer: 0 }), i0.ɵqud(671088640, 2, { allTabHeaders: 1 }), (_l()(), i0.ɵeld(2, 0, null, null, 21, "nav", [["class", "bx--tabs"], ["role", "navigation"]], null, null, null, null, null)), i0.ɵdid(3, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(4, { "bx--skeleton": 0 }), (_l()(), i0.ɵeld(5, 0, null, null, 7, "div", [["class", "bx--tabs-trigger"], ["tabindex", "0"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
47
49
|
var pd_0 = (_co.showTabList() !== false);
|
|
48
50
|
ad = (pd_0 && ad);
|
|
49
|
-
} return ad; }, null, null)), (_l()(), i0.ɵeld(6, 0, null, null, 4, "a", [["class", "bx--tabs-trigger-text"], ["href", "javascript:void(0)"], ["tabindex", "-1"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_1)), i0.ɵdid(8, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_2)), i0.ɵdid(10, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(11, 0, null, null, 1, ":svg:svg", [["height", "5"], ["viewBox", "0 0 10 5"], ["width", "10"]], null, null, null, null, null)), (_l()(), i0.ɵeld(12, 0, null, null, 0, ":svg:path", [["d", "M0 0l5 4.998L10 0z"], ["fill-rule", "evenodd"]], null, null, null, null, null)), (_l()(), i0.ɵeld(13, 0, [[1, 0], ["tabList", 1]], null,
|
|
51
|
+
} return ad; }, null, null)), (_l()(), i0.ɵeld(6, 0, null, null, 4, "a", [["class", "bx--tabs-trigger-text"], ["href", "javascript:void(0)"], ["tabindex", "-1"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_1)), i0.ɵdid(8, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_2)), i0.ɵdid(10, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(11, 0, null, null, 1, ":svg:svg", [["height", "5"], ["viewBox", "0 0 10 5"], ["width", "10"]], null, null, null, null, null)), (_l()(), i0.ɵeld(12, 0, null, null, 0, ":svg:path", [["d", "M0 0l5 4.998L10 0z"], ["fill-rule", "evenodd"]], null, null, null, null, null)), (_l()(), i0.ɵeld(13, 0, [[1, 0], ["tabList", 1]], null, 10, "ul", [["class", "bx--tabs__nav"], ["role", "tablist"]], null, null, null, null, null)), i0.ɵdid(14, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(15, { "bx--tabs__nav--hidden": 0 }), (_l()(), i0.ɵeld(16, 0, null, null, 2, "li", [["role", "presentation"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_4)), i0.ɵdid(18, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_5)), i0.ɵdid(20, 278528, null, 0, i1.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵeld(21, 0, null, null, 2, "li", [["role", "presentation"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_TabHeaders_9)), i0.ɵdid(23, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "bx--tabs"; var currVal_1 = _ck(_v, 4, 0, _co.skeleton); _ck(_v, 3, 0, currVal_0, currVal_1); var currVal_2 = !_co.getSelectedTab().headingIsTemplate; _ck(_v, 8, 0, currVal_2); var currVal_3 = _co.getSelectedTab().headingIsTemplate; _ck(_v, 10, 0, currVal_3); var currVal_4 = "bx--tabs__nav"; var currVal_5 = _ck(_v, 15, 0, !_co.tabListVisible); _ck(_v, 14, 0, currVal_4, currVal_5); var currVal_6 = _co.contentBefore; _ck(_v, 18, 0, currVal_6); var currVal_7 = _co.tabs; _ck(_v, 20, 0, currVal_7); var currVal_8 = _co.contentAfter; _ck(_v, 23, 0, currVal_8); }, null); }
|
|
50
52
|
export function View_TabHeaders_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-tab-headers", [], null, [[null, "keydown"]], function (_v, en, $event) { var ad = true; if (("keydown" === en)) {
|
|
51
53
|
var pd_0 = (i0.ɵnov(_v, 1).keyboardInput($event) !== false);
|
|
52
54
|
ad = (pd_0 && ad);
|
|
53
55
|
} return ad; }, View_TabHeaders_0, RenderType_TabHeaders)), i0.ɵdid(1, 1097728, null, 1, i2.TabHeaders, [], null, null), i0.ɵqud(603979776, 1, { tabQuery: 1 })], null, null); }
|
|
54
|
-
var TabHeadersNgFactory = i0.ɵccf("ibm-tab-headers", i2.TabHeaders, View_TabHeaders_Host_0, { tabInput: "tabs", cacheActive: "cacheActive", followFocus: "followFocus", skeleton: "skeleton" }, {}, [
|
|
56
|
+
var TabHeadersNgFactory = i0.ɵccf("ibm-tab-headers", i2.TabHeaders, View_TabHeaders_Host_0, { tabInput: "tabs", cacheActive: "cacheActive", followFocus: "followFocus", skeleton: "skeleton", contentBefore: "contentBefore", contentAfter: "contentAfter" }, {}, []);
|
|
55
57
|
export { TabHeadersNgFactory as TabHeadersNgFactory };
|
|
56
58
|
//# sourceMappingURL=tab-headers.component.ngfactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-headers.component.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tab-headers.component.ngfactory.ts","../src/tabs/tab-headers.component.ts.TabHeaders.html"],"names":[],"mappings":";;;;;;;;;;;;qDCSK,6EAA0D,KAAA,gKAE1D;;qDACA,+LAE+C,sFAA9C,mBAA6C,2BAF9C,YAE+C,EAA9C,SAA6C;
|
|
1
|
+
{"version":3,"file":"tab-headers.component.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tab-headers.component.ngfactory.ts","../src/tabs/tab-headers.component.ts.TabHeaders.html"],"names":[],"mappings":";;;;;;;;;;;;qDCSK,6EAA0D,KAAA,gKAE1D;;qDACA,+LAE+C,sFAA9C,mBAA6C,2BAF9C,YAE+C,EAA9C,SAA6C;qDAe9C,mNAAuE,sFAAnC,mBAAkC,gBAAtE,YAAuE,EAAnC,SAAkC;qDAqBrE,6EAA6C,KAAA,+IAE7C;;qDACA,wPAGsD,GAArD,yHAAoD,oCADpD,kBAAgC,mCAFjC,YAGsD,EAArD,SAAoD,EADpD,SAAgC;qDAxBnC,wLAOqC,YAApC;;wBAAmC;MAPpC,iMAOqC,GALpC,8CAEE,MAIF,0UAUY,YALX;;wBAA+B;MALhC,wBAUY,KACX,0KAA6C,IAG7C,0KAGsD,yBApBvD,oCAA0B,EAH1B,gCAEE,4BAJH,YAOqC,EAFpC,SAA0B,EAH1B,SAEE,GAea,mBAA8B,sCAA5C,YAA6C,EAA/B,SAA8B,GAI3C,kBAA6B,sCAD9B,YAGsD,EAFrD,SAA6B,2BAb9B,kBAAiC,2BACjC,yDAAmC,IACnC,kBAA6B,uBAG7B,+EAAsB,GAPvB,YAUY,EARX,SAAiC,EACjC,SAAmC,EACnC,SAA6B,EAG7B,SAAsB;qDAevB,mNAAqE,sFAAlC,mBAAiC,eAApE,YAAqE,EAAlC,SAAiC;wJA5DvE,mSAKmB,GAHlB,8BAEE,MAEF,gLAAmE,YAAxB;;wBAAuB;MAAlE,wBAAmE,KAClE,gKAAyE,KACxE,0KAA0D,IAG1D,2KAE+C,IAGhD,2IAA8C,KAC7C,wIAAiD,KAGnD,0TAMgB,GAJf,wCAEE,MAGF,oGAAwB,KACvB,2KAAuE,IAExE,yMAOqC,IAsBrC,oGAAwB,KACvB,2KAAqE,iDA3DvE,0BAAgB,EAChB,iCAEE,YAJH,YAKmB,EAJlB,SAAgB,EAChB,SAEE,GAIc,oBAA2C,qCAAzD,YAA0D,EAA5C,SAA2C,GAIxD,mBAA0C,qCAD3C,aAE+C,EAD9C,SAA0C,GAa5C,+BAAqB,EAHrB,mCAEE,kBAJH,aAMgB,EADf,SAAqB,EAHrB,SAEE,GAIa,mBAAqB,gBAAnC,aAAuE,EAAzD,SAAqB,GAGnC,mBAAwC,OADzC,aAOqC,EANpC,SAAwC,GA6B1B,mBAAoB,eAAlC,aAAqE,EAAvD,SAAoB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<nav\n\t\t\tclass=\"bx--tabs\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\trole=\"navigation\">\n\t\t\t<div class=\"bx--tabs-trigger\" tabindex=\"0\" (click)=\"showTabList()\">\n\t\t\t\t<a href=\"javascript:void(0)\" class=\"bx--tabs-trigger-text\" tabindex=\"-1\">\n\t\t\t\t\t<ng-container *ngIf=\"!getSelectedTab().headingIsTemplate\">\n\t\t\t\t\t\t{{ getSelectedTab().heading }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf=\"getSelectedTab().headingIsTemplate\"\n\t\t\t\t\t\t[ngTemplateOutlet]=\"getSelectedTab().heading\">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</a>\n\t\t\t\t<svg width=\"10\" height=\"5\" viewBox=\"0 0 10 5\">\n\t\t\t\t\t<path d=\"M0 0l5 4.998L10 0z\" fill-rule=\"evenodd\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<ul\n\t\t\t\t#tabList\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--tabs__nav--hidden': !tabListVisible\n\t\t\t\t}\"\n\t\t\t\tclass=\"bx--tabs__nav\"\n\t\t\t\trole=\"tablist\">\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentBefore\" [ngTemplateOutlet]=\"contentBefore\"></ng-container>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\t*ngFor=\"let tab of tabs; let i = index;\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'bx--tabs__nav-item--selected': tab.active\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"bx--tabs__nav-item\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t(click)=\"selectTab(tabref, tab, i)\">\n\t\t\t\t\t<a\n\t\t\t\t\t\t#tabItem\n\t\t\t\t\t\t[attr.aria-selected]=\"tab.active\"\n\t\t\t\t\t\t[attr.tabindex]=\"(tab.active?0:-1)\"\n\t\t\t\t\t\t[attr.aria-controls]=\"tab.id\"\n\t\t\t\t\t\t(focus)=\"onTabFocus(tabref, i)\"\n\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\tid=\"{{tab.id}}-header\"\n\t\t\t\t\t\tclass=\"bx--tabs__nav-link\"\n\t\t\t\t\t\thref=\"javascript:void(0)\"\n\t\t\t\t\t\trole=\"tab\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!tab.headingIsTemplate\">\n\t\t\t\t\t\t\t{{ tab.heading }}\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t*ngIf=\"tab.headingIsTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"tab.heading\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{$implicit: tab.context}\">\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentAfter\" [ngTemplateOutlet]=\"contentAfter\"></ng-container>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</nav>\n\t "]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"tabInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]},"arguments":["tabs"]}]}],"cacheActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"followFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"headerContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["tabList"]}]}],"tabQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":[{"__symbol":4,"members":[]}]}]}],"allTabHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["tabItem"]}]}],"keyboardInput":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":6,"members":[]},"arguments":["keydown",["$event"]]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onTabFocus":[{"__symbolic":"method"}],"getSelectedTab":[{"__symbolic":"method"}],"showTabList":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"setFirstTab":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[4]},"isComponent":true,"selector":"ibm-tab-headers","exportAs":null,"inputs":{"tabInput":"tabs","cacheActive":"cacheActive","followFocus":"followFocus","skeleton":"skeleton"},"outputs":{},"hostListeners":{"keydown":"keyboardInput($event)"},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[{"selectors":[{"identifier":{"reference":{"__symbol":4,"members":[]}}}],"first":false,"descendants":false,"propertyName":"tabQuery","read":null}],"guards":{},"viewQueries":[{"selectors":[{"value":"tabList"}],"first":true,"descendants":true,"propertyName":"headerContainer","read":null},{"selectors":[{"value":"tabItem"}],"first":false,"descendants":true,"propertyName":"allTabHeaders","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"tabInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]},"arguments":["tabs"]}]}],"cacheActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"followFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"contentBefore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"contentAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"headerContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["tabList"]}]}],"tabQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":[{"__symbol":4,"members":[]}]}]}],"allTabHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["tabItem"]}]}],"keyboardInput":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":6,"members":[]},"arguments":["keydown",["$event"]]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onTabFocus":[{"__symbolic":"method"}],"getSelectedTab":[{"__symbolic":"method"}],"showTabList":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"setFirstTab":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[4]},"isComponent":true,"selector":"ibm-tab-headers","exportAs":null,"inputs":{"tabInput":"tabs","cacheActive":"cacheActive","followFocus":"followFocus","skeleton":"skeleton","contentBefore":"contentBefore","contentAfter":"contentAfter"},"outputs":{},"hostListeners":{"keydown":"keyboardInput($event)"},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[{"selectors":[{"identifier":{"reference":{"__symbol":4,"members":[]}}}],"first":false,"descendants":false,"propertyName":"tabQuery","read":null}],"guards":{},"viewQueries":[{"selectors":[{"value":"tabList"}],"first":true,"descendants":true,"propertyName":"headerContainer","read":null},{"selectors":[{"value":"tabItem"}],"first":false,"descendants":true,"propertyName":"allTabHeaders","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":7,"members":[]},"rendererType":{"__symbol":8,"members":[]},"componentFactory":{"__symbol":9,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TabHeaders","filePath":"./tab-headers.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":3,"name":"ContentChildren","filePath":"@angular/core"},{"__symbol":4,"name":"Tab","filePath":"./tab.component"},{"__symbol":5,"name":"ViewChildren","filePath":"@angular/core"},{"__symbol":6,"name":"HostListener","filePath":"@angular/core"},{"__symbol":7,"name":"View_TabHeaders_0","filePath":"./tab-headers.component.ngfactory"},{"__symbol":8,"name":"RenderType_TabHeaders","filePath":"./tab-headers.component.ngfactory"},{"__symbol":9,"name":"TabHeadersNgFactory","filePath":"./tab-headers.component.ngfactory"}]}
|
package/tabs/tabs.component.js
CHANGED
|
@@ -92,7 +92,7 @@ var Tabs = /** @class */ (function () {
|
|
|
92
92
|
Tabs.decorators = [
|
|
93
93
|
{ type: Component, args: [{
|
|
94
94
|
selector: "ibm-tabs",
|
|
95
|
-
template: "\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "
|
|
95
|
+
template: "\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "
|
|
96
96
|
},] },
|
|
97
97
|
];
|
|
98
98
|
Tabs.propDecorators = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component.js","sourceRoot":"","sources":["../src/tabs/tabs.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,eAAe,EACf,SAAS,EAET,YAAY,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH;IAAA;
|
|
1
|
+
{"version":3,"file":"tabs.component.js","sourceRoot":"","sources":["../src/tabs/tabs.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,eAAe,EACf,SAAS,EAET,YAAY,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH;IAAA;QA4BC;;;WAGG;QACM,aAAQ,GAAqB,KAAK,CAAC;QAC5C;;WAEG;QACM,gBAAW,GAAG,KAAK,CAAC;QAC7B;;WAEG;QACM,gBAAW,GAAG,IAAI,CAAC;QAC5B;;WAEG;QACM,aAAQ,GAAG,KAAK,CAAC;QAC1B;;WAEG;QACM,iBAAY,GAAG,KAAK,CAAC;IA+B/B,CAAC;IApBA;;;OAGG;IACH,iCAAkB,GAAlB;QAAA,iBAQC;QAPA,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;SAC/C;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;YACpB,GAAG,CAAC,QAAQ,GAAG,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,4BAAa,GAAb;QACC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7B,CAAC;;gBA9ED,SAAS,SAAC;oBACV,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,owBAuBR;iBACF;;;2BAMC,KAAK;8BAIL,KAAK;8BAIL,KAAK;2BAIL,KAAK;+BAIL,KAAK;uBAKL,eAAe,SAAC,GAAG,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;6BAI3C,YAAY,SAAC,UAAU;;IAsBzB,WAAC;CAAA,AA/ED,IA+EC;SApDY,IAAI","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tContentChildren,\n\tQueryList,\n\tAfterContentInit,\n\tContentChild,\n\tQuery\n} from \"@angular/core\";\nimport { Tab } from \"./tab.component\";\nimport { TabHeaders } from \"./tab-headers.component\";\n\n\n/**\n * Build out your application's tabs using this component.\n * This is the parent of the `Tab` and `TabHeader` components.\n *\n * `Tabs` expects a set of `n-tab` elements\n *\n * ```html\n * <ibm-tabs>\n * \t<ibm-tab heading='tab1'>\n * \t\ttab 1 content\n * \t</ibm-tab>\n * \t<ibm-tab heading='tab1'>\n * \t\ttab 2 content\n * \t</ibm-tab>\n * \t<!-- ... -->\n * \t<ibm-tab heading='tab1'>\n * \t\ttab n content\n * \t</ibm-tab>\n * </ibm-tabs>\n * ```\n *\n * @export\n * @class Tabs\n * @implements {AfterContentInit}\n */\n@Component({\n\tselector: \"ibm-tabs\",\n\ttemplate: `\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t `\n})\nexport class Tabs implements AfterContentInit {\n\t/**\n\t * Takes either the string value 'top' or 'bottom' to place TabHeader\n\t * relative to the `TabPanel`s.\n\t */\n\t@Input() position: \"top\" | \"bottom\" = \"top\";\n\t/**\n\t * Set to 'true' to have `Tab` items cached and not reloaded on tab switching.\n\t */\n\t@Input() cacheActive = false;\n\t/**\n\t * Set to 'true' to have tabs automatically activated and have their content displayed when they receive focus.\n\t */\n\t@Input() followFocus = true;\n\t/**\n\t * Set to `true` to put tabs in a loading state.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to have the tabIndex of the all tabpanels be -1.\n\t */\n\t@Input() isNavigation = false;\n\n\t/**\n\t * Maintains a `QueryList` of the `Tab` elements and updates if `Tab`s are added or removed.\n\t */\n\t@ContentChildren(Tab, { descendants: false }) tabs: QueryList<Tab>;\n\t/**\n\t * Content child of the projected header component\n\t */\n\t@ContentChild(TabHeaders) tabHeaders;\n\n\t/**\n\t * After content is initialized update `Tab`s to cache (if turned on) and set the initial\n\t * selected Tab item.\n\t */\n\tngAfterContentInit() {\n\t\tif (this.tabHeaders) {\n\t\t\tthis.tabHeaders.cacheActive = this.cacheActive;\n\t\t}\n\n\t\tthis.tabs.forEach(tab => {\n\t\t\ttab.tabIndex = this.isNavigation ? -1 : 0;\n\t\t});\n\t}\n\n\t/**\n\t * true if the n-tab's are passed directly to the component as children\n\t */\n\thasTabHeaders() {\n\t\treturn this.tabs.length > 0;\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"Tabs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"ibm-tabs","template":"\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"Tabs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"ibm-tabs","template":"\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":2}}]}],"cacheActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":2}}]}],"followFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":2}}]}],"isNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":2}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":91,"character":2},"arguments":[{"__symbolic":"reference","module":"./tab.component","name":"Tab","line":91,"character":18},{"descendants":false}]}]}],"tabHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":95,"character":2},"arguments":[{"__symbolic":"reference","module":"./tab-headers.component","name":"TabHeaders","line":95,"character":15}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"hasTabHeaders":[{"__symbolic":"method"}]}}}}]
|
|
@@ -35,13 +35,15 @@ export { RenderType_Tabs as RenderType_Tabs };
|
|
|
35
35
|
function View_Tabs_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-tab-headers", [], null, [[null, "keydown"]], function (_v, en, $event) { var ad = true; if (("keydown" === en)) {
|
|
36
36
|
var pd_0 = (i0.ɵnov(_v, 1).keyboardInput($event) !== false);
|
|
37
37
|
ad = (pd_0 && ad);
|
|
38
|
-
} return ad; }, i1.View_TabHeaders_0, i1.RenderType_TabHeaders)), i0.ɵdid(1, 1097728, null, 1, i2.TabHeaders, [], { tabInput: [0, "tabInput"], cacheActive: [1, "cacheActive"], followFocus: [2, "followFocus"], skeleton: [3, "skeleton"] }, null), i0.ɵqud(603979776, 1, { tabQuery: 1 })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.tabs; var currVal_1 = _co.cacheActive; var currVal_2 = _co.followFocus; var currVal_3 = _co.skeleton; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3); }, null); }
|
|
39
|
-
function View_Tabs_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵ
|
|
38
|
+
} return ad; }, i1.View_TabHeaders_0, i1.RenderType_TabHeaders)), i0.ɵdid(1, 1097728, null, 1, i2.TabHeaders, [], { tabInput: [0, "tabInput"], cacheActive: [1, "cacheActive"], followFocus: [2, "followFocus"], skeleton: [3, "skeleton"], contentBefore: [4, "contentBefore"], contentAfter: [5, "contentAfter"] }, null), i0.ɵqud(603979776, 1, { tabQuery: 1 })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.tabs; var currVal_1 = _co.cacheActive; var currVal_2 = _co.followFocus; var currVal_3 = _co.skeleton; var currVal_4 = i0.ɵnov(_v.parent, 3); var currVal_5 = i0.ɵnov(_v.parent, 4); _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5); }, null); }
|
|
39
|
+
function View_Tabs_2(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 1), (_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
40
|
+
function View_Tabs_3(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 2), (_l()(), i0.ɵand(0, null, null, 0))], null, null); }
|
|
41
|
+
function View_Tabs_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-tab-headers", [], null, [[null, "keydown"]], function (_v, en, $event) { var ad = true; if (("keydown" === en)) {
|
|
40
42
|
var pd_0 = (i0.ɵnov(_v, 1).keyboardInput($event) !== false);
|
|
41
43
|
ad = (pd_0 && ad);
|
|
42
44
|
} return ad; }, i1.View_TabHeaders_0, i1.RenderType_TabHeaders)), i0.ɵdid(1, 1097728, null, 1, i2.TabHeaders, [], { tabInput: [0, "tabInput"], cacheActive: [1, "cacheActive"], skeleton: [2, "skeleton"] }, null), i0.ɵqud(603979776, 2, { tabQuery: 1 })], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.tabs; var currVal_1 = _co.cacheActive; var currVal_2 = _co.skeleton; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2); }, null); }
|
|
43
|
-
export function View_Tabs_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Tabs_1)), i0.ɵdid(1, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), i0.ɵncd(null, 0), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
45
|
+
export function View_Tabs_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵand(16777216, null, null, 1, null, View_Tabs_1)), i0.ɵdid(1, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), i0.ɵncd(null, 0), (_l()(), i0.ɵand(0, [["before", 2]], null, 0, null, View_Tabs_2)), (_l()(), i0.ɵand(0, [["after", 2]], null, 0, null, View_Tabs_3)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Tabs_4)), i0.ɵdid(6, 16384, null, 0, i3.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.hasTabHeaders() && (_co.position === "top")); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_co.hasTabHeaders() && (_co.position === "bottom")); _ck(_v, 6, 0, currVal_1); }, null); }
|
|
44
46
|
export function View_Tabs_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "ibm-tabs", [], null, null, null, View_Tabs_0, RenderType_Tabs)), i0.ɵdid(1, 1097728, null, 2, i4.Tabs, [], null, null), i0.ɵqud(603979776, 1, { tabs: 1 }), i0.ɵqud(335544320, 2, { tabHeaders: 0 })], null, null); }
|
|
45
|
-
var TabsNgFactory = i0.ɵccf("ibm-tabs", i4.Tabs, View_Tabs_Host_0, { position: "position", cacheActive: "cacheActive", followFocus: "followFocus", skeleton: "skeleton", isNavigation: "isNavigation" }, {}, ["*"]);
|
|
47
|
+
var TabsNgFactory = i0.ɵccf("ibm-tabs", i4.Tabs, View_Tabs_Host_0, { position: "position", cacheActive: "cacheActive", followFocus: "followFocus", skeleton: "skeleton", isNavigation: "isNavigation" }, {}, ["*", "[before]", "[after]"]);
|
|
46
48
|
export { TabsNgFactory as TabsNgFactory };
|
|
47
49
|
//# sourceMappingURL=tabs.component.ngfactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tabs.component.ngfactory.ts","../src/tabs/tabs.component.ts.Tabs.html"],"names":[],"mappings":";;;;;;;;;;;;;;+CCCG;;;
|
|
1
|
+
{"version":3,"file":"tabs.component.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tabs.component.ngfactory.ts","../src/tabs/tabs.component.ts.Tabs.html"],"names":[],"mappings":";;;;;;;;;;;;;;+CCCG;;;oWAOwB,mDAJvB,mBAAa,OAEb,mBAA2B,cAD3B,mBAA2B,cAF3B,mBAAqB,WAIrB,oCAAwB,GACxB,oCAAsB,GAPvB,YAOwB,EAJvB,SAAa,EAEb,SAA2B,EAD3B,SAA2B,EAF3B,SAAqB,EAIrB,SAAwB,EACxB,SAAsB;8CAItB,eAA8B;8CAG9B,eAA6B;+CAE9B;;;2PAI6B,mDAD5B,mBAAa,OACb,mBAA2B,cAF3B,mBAAqB,WAFtB,YAI6B,EAD5B,SAAa,EACb,SAA2B,EAF3B,SAAqB;sDAlBtB,oKAOwB,GAExB,eAAY,IACZ,8DAAqB,KAGrB,6DAAoB,KAGpB,oKAI6B,iDAnB5B,+DAA6C,IAD9C,YAOwB,EANvB,SAA6C,GAgB7C,kEAAgD,IADjD,YAI6B,EAH5B,SAAgD","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"cacheActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"followFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"isNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":[{"__symbol":3,"members":[]},{"descendants":false}]}]}],"tabHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":[{"__symbol":5,"members":[]}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"hasTabHeaders":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[4]},"isComponent":true,"selector":"ibm-tabs","exportAs":null,"inputs":{"position":"position","cacheActive":"cacheActive","followFocus":"followFocus","skeleton":"skeleton","isNavigation":"isNavigation"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[{"selectors":[{"identifier":{"reference":{"__symbol":3,"members":[]}}}],"first":false,"descendants":false,"propertyName":"tabs","read":null},{"selectors":[{"identifier":{"reference":{"__symbol":5,"members":[]}}}],"first":true,"descendants":true,"propertyName":"tabHeaders","read":null}],"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":"Tabs","filePath":"./tabs.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"ContentChildren","filePath":"@angular/core"},{"__symbol":3,"name":"Tab","filePath":"./tab.component"},{"__symbol":4,"name":"ContentChild","filePath":"@angular/core"},{"__symbol":5,"name":"TabHeaders","filePath":"./tab-headers.component"},{"__symbol":6,"name":"View_Tabs_0","filePath":"./tabs.component.ngfactory"},{"__symbol":7,"name":"RenderType_Tabs","filePath":"./tabs.component.ngfactory"},{"__symbol":8,"name":"TabsNgFactory","filePath":"./tabs.component.ngfactory"}]}
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"cacheActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"followFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"isNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":[{"__symbol":3,"members":[]},{"descendants":false}]}]}],"tabHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":[{"__symbol":5,"members":[]}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"hasTabHeaders":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[4]},"isComponent":true,"selector":"ibm-tabs","exportAs":null,"inputs":{"position":"position","cacheActive":"cacheActive","followFocus":"followFocus","skeleton":"skeleton","isNavigation":"isNavigation"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[{"selectors":[{"identifier":{"reference":{"__symbol":3,"members":[]}}}],"first":false,"descendants":false,"propertyName":"tabs","read":null},{"selectors":[{"identifier":{"reference":{"__symbol":5,"members":[]}}}],"first":true,"descendants":true,"propertyName":"tabHeaders","read":null}],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*","[before]","[after]"],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Tabs","filePath":"./tabs.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"ContentChildren","filePath":"@angular/core"},{"__symbol":3,"name":"Tab","filePath":"./tab.component"},{"__symbol":4,"name":"ContentChild","filePath":"@angular/core"},{"__symbol":5,"name":"TabHeaders","filePath":"./tab-headers.component"},{"__symbol":6,"name":"View_Tabs_0","filePath":"./tabs.component.ngfactory"},{"__symbol":7,"name":"RenderType_Tabs","filePath":"./tabs.component.ngfactory"},{"__symbol":8,"name":"TabsNgFactory","filePath":"./tabs.component.ngfactory"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.module.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tabs.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tabs.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from './tabs.component';\nimport * as i4 from './tab.component';\nimport * as i5 from './tab-headers.component';\nexport const TabsModuleNgFactory:i0.NgModuleFactory<i1.TabsModule> = (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.Tabs = (<any>(null as any));\nvar _decl0_12:i4.Tab = (<any>(null as any));\nvar _decl0_13:i5.TabHeaders = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_29:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tabs_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tabs_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_11.hasTabHeaders() && (_decl0_11.position === 'top'));\n currVal_0;\n const currVal_1:any = (_decl0_11.hasTabHeaders() && (_decl0_11.position === 'bottom'));\n currVal_1;\n}\nfunction _View_Tab_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tab_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_12.shouldRender();\n currVal_0;\n}\nfunction _View_TabHeaders_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TabHeaders_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--tabs';\n currVal_0;\n const currVal_1:any = (<any>{'bx--skeleton':_decl0_13.skeleton});\n currVal_1;\n const currVal_2:any = !_decl0_13.getSelectedTab().headingIsTemplate;\n currVal_2;\n const currVal_3:any = _decl0_13.getSelectedTab().headingIsTemplate;\n currVal_3;\n const currVal_4:any = 'bx--tabs__nav';\n currVal_4;\n const currVal_5:any = (<any>{'bx--tabs__nav--hidden':!_decl0_13.tabListVisible});\n currVal_5;\n const currVal_6:any = _decl0_13.
|
|
1
|
+
{"version":3,"file":"tabs.module.ngfactory.js","sourceRoot":"","sources":["../src/tabs/tabs.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tabs.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from './tabs.component';\nimport * as i4 from './tab.component';\nimport * as i5 from './tab-headers.component';\nexport const TabsModuleNgFactory:i0.NgModuleFactory<i1.TabsModule> = (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.Tabs = (<any>(null as any));\nvar _decl0_12:i4.Tab = (<any>(null as any));\nvar _decl0_13:i5.TabHeaders = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_29:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tabs_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tabs_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_11.hasTabHeaders() && (_decl0_11.position === 'top'));\n currVal_0;\n const currVal_1:any = (_decl0_11.hasTabHeaders() && (_decl0_11.position === 'bottom'));\n currVal_1;\n}\nfunction _View_Tab_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tab_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_12.shouldRender();\n currVal_0;\n}\nfunction _View_TabHeaders_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TabHeaders_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = 'bx--tabs';\n currVal_0;\n const currVal_1:any = (<any>{'bx--skeleton':_decl0_13.skeleton});\n currVal_1;\n const currVal_2:any = !_decl0_13.getSelectedTab().headingIsTemplate;\n currVal_2;\n const currVal_3:any = _decl0_13.getSelectedTab().headingIsTemplate;\n currVal_3;\n const currVal_4:any = 'bx--tabs__nav';\n currVal_4;\n const currVal_5:any = (<any>{'bx--tabs__nav--hidden':!_decl0_13.tabListVisible});\n currVal_5;\n const currVal_6:any = _decl0_13.contentBefore;\n currVal_6;\n const currVal_7:any = _decl0_13.tabs;\n currVal_7;\n const currVal_8:any = _decl0_13.contentAfter;\n currVal_8;\n const pd_9:any = ((<any>_decl0_13.showTabList()) !== false);\n}\n"]}
|
|
@@ -18,7 +18,12 @@
|
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
import { EventEmitter } from "@angular/core";
|
|
21
22
|
import { Tag } from "./tag.component";
|
|
22
23
|
export declare class TagFilter extends Tag {
|
|
24
|
+
/**
|
|
25
|
+
* Function for close/delete the tag
|
|
26
|
+
*/
|
|
27
|
+
close: EventEmitter<any>;
|
|
23
28
|
readonly attrClass: string;
|
|
24
29
|
}
|
|
@@ -28,12 +28,17 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
28
28
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
29
29
|
};
|
|
30
30
|
})();
|
|
31
|
-
import { Component, HostBinding } from "@angular/core";
|
|
31
|
+
import { Component, Output, EventEmitter, HostBinding } from "@angular/core";
|
|
32
32
|
import { Tag } from "./tag.component";
|
|
33
33
|
var TagFilter = /** @class */ (function (_super) {
|
|
34
34
|
__extends(TagFilter, _super);
|
|
35
35
|
function TagFilter() {
|
|
36
|
-
|
|
36
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
37
|
+
/**
|
|
38
|
+
* Function for close/delete the tag
|
|
39
|
+
*/
|
|
40
|
+
_this.close = new EventEmitter();
|
|
41
|
+
return _this;
|
|
37
42
|
}
|
|
38
43
|
Object.defineProperty(TagFilter.prototype, "attrClass", {
|
|
39
44
|
get: function () {
|
|
@@ -45,10 +50,11 @@ var TagFilter = /** @class */ (function (_super) {
|
|
|
45
50
|
TagFilter.decorators = [
|
|
46
51
|
{ type: Component, args: [{
|
|
47
52
|
selector: "ibm-tag-filter",
|
|
48
|
-
template: "\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"
|
|
53
|
+
template: "\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"
|
|
49
54
|
},] },
|
|
50
55
|
];
|
|
51
56
|
TagFilter.propDecorators = {
|
|
57
|
+
close: [{ type: Output }],
|
|
52
58
|
attrClass: [{ type: HostBinding, args: ["attr.class",] }]
|
|
53
59
|
};
|
|
54
60
|
return TagFilter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-filter.component.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"tag-filter.component.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC;IAmB+B,6BAAG;IAnBlC;QAAA,qEA4BC;QARA;;WAEG;QACO,WAAK,GAAG,IAAI,YAAY,EAAO,CAAC;;IAK3C,CAAC;IAHA,sBAA+B,gCAAS;aAAxC;YACC,OAAO,sCAAoC,IAAI,CAAC,IAAI,SAAI,IAAI,CAAC,KAAO,CAAC;QACtE,CAAC;;;OAAA;;gBA3BD,SAAS,SAAC;oBACV,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,8dAeT;iBACD;;;wBAKC,MAAM;4BAEN,WAAW,SAAC,YAAY;;IAG1B,gBAAC;CAAA,AA5BD,CAmB+B,GAAG,GASjC;SATY,SAAS","sourcesContent":["import {\n\tComponent,\n\tOutput,\n\tEventEmitter,\n\tHostBinding\n} from \"@angular/core\";\nimport { Tag } from \"./tag.component\";\n\n@Component({\n\tselector: \"ibm-tag-filter\",\n\ttemplate: `\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t`\n})\nexport class TagFilter extends Tag {\n\t/**\n\t * Function for close/delete the tag\n\t */\n\t@Output() close = new EventEmitter<any>();\n\n\t@HostBinding(\"attr.class\") get attrClass() {\n\t\treturn `bx--tag bx--tag--filter bx--tag--${this.type} ${this.class}`;\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TagFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./tag.component","name":"Tag","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"TagFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./tag.component","name":"Tag","line":27,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ibm-tag-filter","template":"\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"}]}],"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":2}}]}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":2},"arguments":["attr.class"]}]}]}}}}]
|
|
@@ -29,8 +29,11 @@ import * as i1 from "./tag-filter.component";
|
|
|
29
29
|
var styles_TagFilter = [];
|
|
30
30
|
var RenderType_TagFilter = i0.ɵcrt({ encapsulation: 2, styles: styles_TagFilter, data: {} });
|
|
31
31
|
export { RenderType_TagFilter as RenderType_TagFilter };
|
|
32
|
-
export function View_TagFilter_0(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 0), (_l()(), i0.ɵeld(1, 0, null, null, 1, ":svg:svg", [["aria-label", "Clear filter"], ["focusable", "false"], ["height", "16"], ["preserveAspectRatio", "xMidYMid meet"], ["role", "img"], ["style", "will-change: transform;"], ["viewBox", "0 0 16 16"], ["width", "16"], ["xmlns", "http://www.w3.org/2000/svg"]], null, null,
|
|
32
|
+
export function View_TagFilter_0(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 0), (_l()(), i0.ɵeld(1, 0, null, null, 1, ":svg:svg", [["aria-label", "Clear filter"], ["focusable", "false"], ["height", "16"], ["preserveAspectRatio", "xMidYMid meet"], ["role", "img"], ["style", "will-change: transform;"], ["viewBox", "0 0 16 16"], ["width", "16"], ["xmlns", "http://www.w3.org/2000/svg"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
33
|
+
var pd_0 = (_co.close.emit() !== false);
|
|
34
|
+
ad = (pd_0 && ad);
|
|
35
|
+
} return ad; }, null, null)), (_l()(), i0.ɵeld(2, 0, null, null, 0, ":svg:path", [["d", "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"]], null, null, null, null, null))], null, null); }
|
|
33
36
|
export function View_TagFilter_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-tag-filter", [], [[1, "class", 0]], null, null, View_TagFilter_0, RenderType_TagFilter)), i0.ɵdid(1, 49152, null, 0, i1.TagFilter, [], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).attrClass; _ck(_v, 0, 0, currVal_0); }); }
|
|
34
|
-
var TagFilterNgFactory = i0.ɵccf("ibm-tag-filter", i1.TagFilter, View_TagFilter_Host_0, { type: "type", class: "class" }, {}, ["*"]);
|
|
37
|
+
var TagFilterNgFactory = i0.ɵccf("ibm-tag-filter", i1.TagFilter, View_TagFilter_Host_0, { type: "type", class: "class" }, { close: "close" }, ["*"]);
|
|
35
38
|
export { TagFilterNgFactory as TagFilterNgFactory };
|
|
36
39
|
//# sourceMappingURL=tag-filter.component.ngfactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-filter.component.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ngfactory.ts","../src/tag/tag-filter.component.ts.TagFilter.html"],"names":[],"mappings":";;;;;;;;;;;0DCCE,eAAY,IACZ,
|
|
1
|
+
{"version":3,"file":"tag-filter.component.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ngfactory.ts","../src/tag/tag-filter.component.ts.TagFilter.html"],"names":[],"mappings":";;;;;;;;;;;0DCCE,eAAY,IACZ,kYAUY,YATX;;wBAAsB;MADvB,wBAUY,KACX,uKAAuF","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.class"]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-tag-filter","exportAs":null,"inputs":{"type":"type","class":"class"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.class":"attrClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":4,"members":[]},"rendererType":{"__symbol":5,"members":[]},"componentFactory":{"__symbol":6,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TagFilter","filePath":"./tag-filter.component"},{"__symbol":1,"name":"Tag","filePath":"./tag.component"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"View_TagFilter_0","filePath":"./tag-filter.component.ngfactory"},{"__symbol":5,"name":"RenderType_TagFilter","filePath":"./tag-filter.component.ngfactory"},{"__symbol":6,"name":"TagFilterNgFactory","filePath":"./tag-filter.component.ngfactory"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.module.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tag.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from './tag.component';\nimport * as i5 from './tag-filter.component';\nexport const TagModuleNgFactory:i0.NgModuleFactory<i1.TagModule> = (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.Close16 = (<any>(null as any));\nvar _decl0_12:i4.Tag = (<any>(null as any));\nvar _decl0_13:i5.TagFilter = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i3.Close16Module = (<any>(null as any));\nvar _decl0_29:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_30:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tag_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tag_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TagFilter_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TagFilter_2_0():void {\n var _any:any = (null as any);\n}\n"]}
|
|
1
|
+
{"version":3,"file":"tag.module.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tag.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from './tag.component';\nimport * as i5 from './tag-filter.component';\nexport const TagModuleNgFactory:i0.NgModuleFactory<i1.TagModule> = (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.Close16 = (<any>(null as any));\nvar _decl0_12:i4.Tag = (<any>(null as any));\nvar _decl0_13:i5.TagFilter = (<any>(null as any));\nvar _decl0_14:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_15:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_16:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_17:i2.JsonPipe = (<any>(null as any));\nvar _decl0_18:i2.SlicePipe = (<any>(null as any));\nvar _decl0_19:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_20:i2.PercentPipe = (<any>(null as any));\nvar _decl0_21:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_22:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_23:i2.DatePipe = (<any>(null as any));\nvar _decl0_24:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_25:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_26:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_27:i2.CommonModule = (<any>(null as any));\nvar _decl0_28:i3.Close16Module = (<any>(null as any));\nvar _decl0_29:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_30:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tag_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Tag_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TagFilter_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TagFilter_2_0():void {\n var _any:any = (null as any);\n const pd_0:any = ((<any>_decl0_13.close.emit()) !== false);\n}\n"]}
|
|
@@ -63,6 +63,11 @@ export declare class Toggle extends Checkbox {
|
|
|
63
63
|
* Text that is set on the right side of the toggle.
|
|
64
64
|
*/
|
|
65
65
|
onText: string;
|
|
66
|
+
/**
|
|
67
|
+
* Text that is set as the label of the toggle.
|
|
68
|
+
* @type {(string)}
|
|
69
|
+
*/
|
|
70
|
+
label: string;
|
|
66
71
|
/**
|
|
67
72
|
* Size of the toggle component.
|
|
68
73
|
*/
|
|
@@ -130,7 +130,7 @@ var Toggle = /** @class */ (function (_super) {
|
|
|
130
130
|
Toggle.decorators = [
|
|
131
131
|
{ type: Component, args: [{
|
|
132
132
|
selector: "ibm-toggle",
|
|
133
|
-
template: "\n\t\t<input\n\t\t\tclass=\"bx--toggle\"\n\t\t\ttype=\"checkbox\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--toggle--small': size === 'sm',\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[name]=\"name\"\n\t\t\t[required]=\"required\"\n\t\t\t[checked]=\"checked\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t<label\n\t\t\tclass=\"bx--toggle__label\"\n\t\t\t[for]=\"id\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\">\n\t\t\t<span class=\"bx--toggle__text--left\">{{(!skeleton ? offText : null) | async }}</span>\n\t\t\t<span class=\"bx--toggle__appearance\">\n\t\t\t\t<svg *ngIf=\"size === 'sm'\" class=\"bx--toggle__check\" width=\"6px\" height=\"5px\" viewBox=\"0 0 6 5\">\n\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class=\"bx--toggle__text--right\">{{(!skeleton ? onText : null) | async}}</span>\n\t\t</label>\n\t",
|
|
133
|
+
template: "\n\t\t<div *ngIf=\"label\" class=\"bx--label\" [id]=\"ariaLabelledby\">{{label}}</div>\n\t\t<input\n\t\t\tclass=\"bx--toggle\"\n\t\t\ttype=\"checkbox\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--toggle--small': size === 'sm',\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[name]=\"name\"\n\t\t\t[required]=\"required\"\n\t\t\t[checked]=\"checked\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t<label\n\t\t\tclass=\"bx--toggle__label\"\n\t\t\t[for]=\"id\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\">\n\t\t\t<span class=\"bx--toggle__text--left\">{{(!skeleton ? offText : null) | async }}</span>\n\t\t\t<span class=\"bx--toggle__appearance\">\n\t\t\t\t<svg *ngIf=\"size === 'sm'\" class=\"bx--toggle__check\" width=\"6px\" height=\"5px\" viewBox=\"0 0 6 5\">\n\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class=\"bx--toggle__text--right\">{{(!skeleton ? onText : null) | async}}</span>\n\t\t</label>\n\t",
|
|
134
134
|
providers: [
|
|
135
135
|
{
|
|
136
136
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -148,6 +148,7 @@ var Toggle = /** @class */ (function (_super) {
|
|
|
148
148
|
Toggle.propDecorators = {
|
|
149
149
|
offText: [{ type: Input }],
|
|
150
150
|
onText: [{ type: Input }],
|
|
151
|
+
label: [{ type: Input }],
|
|
151
152
|
size: [{ type: Input }],
|
|
152
153
|
skeleton: [{ type: Input }],
|
|
153
154
|
change: [{ type: Output }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../src/toggle/toggle.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EACN,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACtB,6CAAI,CAAA;IACJ,+DAAa,CAAA;IACb,mDAAO,CAAA;IACP,uDAAS,CAAA;AACV,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED;;GAEG;AACH;IAAA;IASA,CAAC;IAAD,mBAAC;AAAD,CAAC,AATD,IASC;;AAED;;;;GAIG;AACH;
|
|
1
|
+
{"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../src/toggle/toggle.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EACN,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACtB,6CAAI,CAAA;IACJ,+DAAa,CAAA;IACb,mDAAO,CAAA;IACP,uDAAS,CAAA;AACV,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED;;GAEG;AACH;IAAA;IASA,CAAC;IAAD,mBAAC;AAAD,CAAC,AATD,IASC;;AAED;;;;GAIG;AACH;IA4C4B,0BAAQ;IAwDnC;;OAEG;IACH,gBAAsB,iBAAoC,EAAY,IAAU;QAAhF,YACC,kBAAM,iBAAiB,CAAC,SAExB;QAHqB,uBAAiB,GAAjB,iBAAiB,CAAmB;QAAY,UAAI,GAAJ,IAAI,CAAM;QAzBhF;;WAEG;QACM,UAAI,GAAgB,IAAI,CAAC;QAClC;;WAEG;QACM,cAAQ,GAAG,KAAK,CAAC;QAE1B;;WAEG;QACH,QAAE,GAAG,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC;QAEpC;;;WAGG;QACO,YAAM,GAAG,IAAI,YAAY,EAAgB,CAAC;QAE1C,cAAQ,GAAG,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACvC,aAAO,GAAG,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAM9C,MAAM,CAAC,WAAW,EAAE,CAAC;;IACtB,CAAC;IArDD,sBACI,2BAAO;aAIX;YACC,OAAO,IAAI,CAAC,QAAQ,CAAC;QACtB,CAAC;QAVD;;WAEG;aACH,UACY,KAAa;YACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;;;OAAA;IASD,sBACI,0BAAM;aAIV;YACC,OAAO,IAAI,CAAC,OAAO,CAAC;QACrB,CAAC;QAVD;;WAEG;aACH,UACW,KAAa;YACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;;;OAAA;IAwCD;;OAEG;IACH,gCAAe,GAAf;QACC,IAAI,KAAK,GAAG,IAAI,YAAY,EAAE,CAAC;QAC/B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAzED;;OAEG;IACI,kBAAW,GAAG,CAAC,CAAC;;gBAhDvB,SAAS,SAAC;oBACV,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,2pCAiCT;oBACD,SAAS,EAAE;wBACV;4BACC,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,MAAM;4BACnB,KAAK,EAAE,IAAI;yBACX;qBACD;iBACD;;;;gBAlFA,iBAAiB;gBAQT,IAAI;;;0BAoFX,KAAK;yBAYL,KAAK;wBAYL,KAAK;uBAIL,KAAK;2BAIL,KAAK;yBAWL,MAAM;;IAuBR,aAAC;CAAA,AAvHD,CA4C4B,QAAQ,GA2EnC;SA3EY,MAAM","sourcesContent":["import { Checkbox } from \"../checkbox/checkbox.component\";\nimport {\n\tChangeDetectorRef,\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\nimport { I18n } from \"../i18n/i18n.module\";\n\n/**\n * Defines the set of states for a toggle component.\n */\nexport enum ToggleState {\n\tInit,\n\tIndeterminate,\n\tChecked,\n\tUnchecked\n}\n\n/**\n * Used to emit changes performed on toggle components.\n */\nexport class ToggleChange {\n\t/**\n\t * Contains the `Toggle` that has been changed.\n\t */\n\tsource: Toggle;\n\t/**\n\t * The state of the `Toggle` encompassed in the `ToggleChange` class.\n\t */\n\tchecked: boolean;\n}\n\n/**\n * ```html\n * <ibm-toggle [(ngModel)]=\"toggleState\">Toggle</ibm-toggle>\n * ```\n */\n@Component({\n\tselector: \"ibm-toggle\",\n\ttemplate: `\n\t\t<div *ngIf=\"label\" class=\"bx--label\" [id]=\"ariaLabelledby\">{{label}}</div>\n\t\t<input\n\t\t\tclass=\"bx--toggle\"\n\t\t\ttype=\"checkbox\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--toggle--small': size === 'sm',\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[name]=\"name\"\n\t\t\t[required]=\"required\"\n\t\t\t[checked]=\"checked\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t<label\n\t\t\tclass=\"bx--toggle__label\"\n\t\t\t[for]=\"id\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\">\n\t\t\t<span class=\"bx--toggle__text--left\">{{(!skeleton ? offText : null) | async }}</span>\n\t\t\t<span class=\"bx--toggle__appearance\">\n\t\t\t\t<svg *ngIf=\"size === 'sm'\" class=\"bx--toggle__check\" width=\"6px\" height=\"5px\" viewBox=\"0 0 6 5\">\n\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class=\"bx--toggle__text--right\">{{(!skeleton ? onText : null) | async}}</span>\n\t\t</label>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Toggle,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Toggle extends Checkbox {\n\t/**\n\t * Variable used for creating unique ids for toggle components.\n\t */\n\tstatic toggleCount = 0;\n\n\t/**\n\t * Text that is set on the left side of the toggle.\n\t */\n\t@Input()\n\tset offText(value: string) {\n\t\tthis._offText.next(value);\n\t}\n\n\tget offText() {\n\t\treturn this._offText;\n\t}\n\n\t/**\n\t * Text that is set on the right side of the toggle.\n\t */\n\t@Input()\n\tset onText(value: string) {\n\t\tthis._onText.next(value);\n\t}\n\n\tget onText() {\n\t\treturn this._onText;\n\t}\n\t/**\n\t * Text that is set as the label of the toggle.\n\t * @type {(string)}\n\t */\n\t@Input() label: string;\n\t/**\n\t * Size of the toggle component.\n\t */\n\t@Input() size: \"sm\" | \"md\" = \"md\";\n\t/**\n\t * Set to `true` for a loading toggle.\n\t */\n\t@Input() skeleton = false;\n\n\t/**\n\t * The unique id allocated to the `Toggle`.\n\t */\n\tid = \"toggle-\" + Toggle.toggleCount;\n\n\t/**\n\t * Emits event notifying other classes when a change in state occurs on a toggle after a\n\t * click.\n\t */\n\t@Output() change = new EventEmitter<ToggleChange>();\n\n\tprotected _offText = this.i18n.get(\"TOGGLE.OFF\");\n\tprotected _onText = this.i18n.get(\"TOGGLE.ON\");\n\t/**\n\t * Creates an instance of Toggle.\n\t */\n\tconstructor(protected changeDetectorRef: ChangeDetectorRef, protected i18n: I18n) {\n\t\tsuper(changeDetectorRef);\n\t\tToggle.toggleCount++;\n\t}\n\n\t/**\n\t * Creates instance of `ToggleChange` used to propagate the change event.\n\t */\n\temitChangeEvent() {\n\t\tlet event = new ToggleChange();\n\t\tevent.source = this;\n\t\tevent.checked = this.checked;\n\n\t\tthis.propagateChange(this.checked);\n\t\tthis.change.emit(event);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ToggleState":{"Init":0,"Indeterminate":1,"Checked":2,"Unchecked":3},"ToggleChange":{"__symbolic":"class"},"Toggle":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../checkbox/checkbox.component","name":"Checkbox","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ToggleState":{"Init":0,"Indeterminate":1,"Checked":2,"Unchecked":3},"ToggleChange":{"__symbolic":"class"},"Toggle":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../checkbox/checkbox.component","name":"Checkbox","line":85,"character":28},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"ibm-toggle","template":"\n\t\t<div *ngIf=\"label\" class=\"bx--label\" [id]=\"ariaLabelledby\">{{label}}</div>\n\t\t<input\n\t\t\tclass=\"bx--toggle\"\n\t\t\ttype=\"checkbox\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--toggle--small': size === 'sm',\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[name]=\"name\"\n\t\t\t[required]=\"required\"\n\t\t\t[checked]=\"checked\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t<label\n\t\t\tclass=\"bx--toggle__label\"\n\t\t\t[for]=\"id\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\">\n\t\t\t<span class=\"bx--toggle__text--left\">{{(!skeleton ? offText : null) | async }}</span>\n\t\t\t<span class=\"bx--toggle__appearance\">\n\t\t\t\t<svg *ngIf=\"size === 'sm'\" class=\"bx--toggle__check\" width=\"6px\" height=\"5px\" viewBox=\"0 0 6 5\">\n\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class=\"bx--toggle__text--right\">{{(!skeleton ? onText : null) | async}}</span>\n\t\t</label>\n\t","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":79,"character":12},"useExisting":{"__symbolic":"reference","name":"Toggle"},"multi":true}]}]}],"members":{"offText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":2}}]}],"onText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":2}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":144,"character":42},{"__symbolic":"reference","module":"../i18n/i18n.module","name":"I18n","line":144,"character":77}]}],"emitChangeEvent":[{"__symbolic":"method"}]},"statics":{"toggleCount":0}}}}]
|
|
@@ -32,15 +32,16 @@ import * as i4 from "../i18n/i18n.service";
|
|
|
32
32
|
var styles_Toggle = [];
|
|
33
33
|
var RenderType_Toggle = i0.ɵcrt({ encapsulation: 2, styles: styles_Toggle, data: {} });
|
|
34
34
|
export { RenderType_Toggle as RenderType_Toggle };
|
|
35
|
-
function View_Toggle_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "
|
|
36
|
-
|
|
35
|
+
function View_Toggle_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "div", [["class", "bx--label"]], [[8, "id", 0]], null, null, null, null)), (_l()(), i0.ɵted(1, null, ["", ""]))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.ariaLabelledby; _ck(_v, 0, 0, currVal_0); var currVal_1 = _co.label; _ck(_v, 1, 0, currVal_1); }); }
|
|
36
|
+
function View_Toggle_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, ":svg:svg", [["class", "bx--toggle__check"], ["height", "5px"], ["viewBox", "0 0 6 5"], ["width", "6px"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 0, ":svg:path", [["d", "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"]], null, null, null, null, null))], null, null); }
|
|
37
|
+
export function View_Toggle_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { inputCheckbox: 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toggle_1)), i0.ɵdid(2, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(3, 0, null, null, 2, "input", [["class", "bx--toggle"], ["type", "checkbox"]], [[8, "id", 0], [8, "value", 0], [8, "name", 0], [8, "required", 0], [8, "checked", 0], [8, "disabled", 0], [1, "aria-labelledby", 0], [1, "aria-checked", 0]], [[null, "change"], [null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
|
|
37
38
|
var pd_0 = (_co.onChange($event) !== false);
|
|
38
39
|
ad = (pd_0 && ad);
|
|
39
40
|
} if (("click" === en)) {
|
|
40
41
|
var pd_1 = (_co.onClick($event) !== false);
|
|
41
42
|
ad = (pd_1 && ad);
|
|
42
|
-
} return ad; }, null, null)), i0.ɵdid(
|
|
43
|
+
} return ad; }, null, null)), i0.ɵdid(4, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(5, { "bx--toggle--small": 0, "bx--skeleton": 1 }), (_l()(), i0.ɵeld(6, 0, null, null, 11, "label", [["class", "bx--toggle__label"]], [[8, "htmlFor", 0]], null, null, null, null)), i0.ɵdid(7, 278528, null, 0, i1.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(8, { "bx--skeleton": 0 }), (_l()(), i0.ɵeld(9, 0, null, null, 2, "span", [["class", "bx--toggle__text--left"]], null, null, null, null, null)), (_l()(), i0.ɵted(10, null, ["", ""])), i0.ɵpid(131072, i1.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(12, 0, null, null, 2, "span", [["class", "bx--toggle__appearance"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toggle_2)), i0.ɵdid(14, 16384, null, 0, i1.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(15, 0, null, null, 2, "span", [["class", "bx--toggle__text--right"]], null, null, null, null, null)), (_l()(), i0.ɵted(16, null, ["", ""])), i0.ɵpid(131072, i1.AsyncPipe, [i0.ChangeDetectorRef])], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.label; _ck(_v, 2, 0, currVal_0); var currVal_9 = "bx--toggle"; var currVal_10 = _ck(_v, 5, 0, (_co.size === "sm"), _co.skeleton); _ck(_v, 4, 0, currVal_9, currVal_10); var currVal_12 = "bx--toggle__label"; var currVal_13 = _ck(_v, 8, 0, _co.skeleton); _ck(_v, 7, 0, currVal_12, currVal_13); var currVal_15 = (_co.size === "sm"); _ck(_v, 14, 0, currVal_15); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = _co.id; var currVal_2 = _co.value; var currVal_3 = _co.name; var currVal_4 = _co.required; var currVal_5 = _co.checked; var currVal_6 = _co.disabled; var currVal_7 = _co.ariaLabelledby; var currVal_8 = _co.checked; _ck(_v, 3, 0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); var currVal_11 = _co.id; _ck(_v, 6, 0, currVal_11); var currVal_14 = i0.ɵunv(_v, 10, 0, i0.ɵnov(_v, 11).transform((!_co.skeleton ? _co.offText : null))); _ck(_v, 10, 0, currVal_14); var currVal_16 = i0.ɵunv(_v, 16, 0, i0.ɵnov(_v, 17).transform((!_co.skeleton ? _co.onText : null))); _ck(_v, 16, 0, currVal_16); }); }
|
|
43
44
|
export function View_Toggle_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "ibm-toggle", [], [[2, "bx--checkbox-wrapper", null], [2, "bx--form-item", null]], null, null, View_Toggle_0, RenderType_Toggle)), i0.ɵprd(5120, null, i2.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i3.Toggle]), i0.ɵdid(2, 4243456, null, 0, i3.Toggle, [i0.ChangeDetectorRef, i4.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).checkboxWrapperClass; var currVal_1 = i0.ɵnov(_v, 2).formItemClass; _ck(_v, 0, 0, currVal_0, currVal_1); }); }
|
|
44
|
-
var ToggleNgFactory = i0.ɵccf("ibm-toggle", i3.Toggle, View_Toggle_Host_0, { size: "size", nested: "nested", inline: "inline", disabled: "disabled", skeleton: "skeleton", name: "name", id: "id", required: "required", value: "value", ariaLabel: "aria-label", ariaLabelledby: "aria-labelledby", indeterminate: "indeterminate", checked: "checked", offText: "offText", onText: "onText" }, { change: "change", indeterminateChange: "indeterminateChange" }, []);
|
|
45
|
+
var ToggleNgFactory = i0.ɵccf("ibm-toggle", i3.Toggle, View_Toggle_Host_0, { size: "size", nested: "nested", inline: "inline", disabled: "disabled", skeleton: "skeleton", name: "name", id: "id", required: "required", value: "value", ariaLabel: "aria-label", ariaLabelledby: "aria-labelledby", indeterminate: "indeterminate", checked: "checked", offText: "offText", onText: "onText", label: "label" }, { change: "change", indeterminateChange: "indeterminateChange" }, []);
|
|
45
46
|
export { ToggleNgFactory as ToggleNgFactory };
|
|
46
47
|
//# sourceMappingURL=toggle.component.ngfactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.component.ngfactory.js","sourceRoot":"","sources":["../src/toggle/toggle.component.ngfactory.ts","../src/toggle/toggle.component.ts.Toggle.html"],"names":[],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"toggle.component.ngfactory.js","sourceRoot":"","sources":["../src/toggle/toggle.component.ngfactory.ts","../src/toggle/toggle.component.ts.Toggle.html"],"names":[],"mappings":";;;;;;;;;;;;;;iDCCE,4GAA2D,KAAA,gCAAS,yDAA/B,mBAAqB,iBAA1D,YAA2D,EAAtB,SAAqB,GAAC,kDAAS;iDA0BlE,4KAAgG,KAC/F,8HAA+C;qGA3BlD,sKAA2D,IAC3D,0VAgB2B,YAD1B;;wBAA2B;MAC3B;;wBAAyB;MAhB1B,iMAgB2B,GAb1B,sDAGE,MAWH,qSAKI,GAFH,8BAEE,MACF,gHAAqC,KAAA,yFAAyC,KAC9E,iHAAqC,KACpC,uKAAgG,IAIjG,kHAAsC,KAAA,yFAAuC,kDA9BzE,mBAAa,QAAlB,YAA2D,EAAtD,SAAa,GAEjB,4BAAkB,EAElB,uDAGE,YANH,YAgB2B,EAf1B,SAAkB,EAElB,UAGE,GAYF,oCAAyB,EAEzB,kCAEE,YALH,YAKI,EAJH,UAAyB,EAEzB,UAEE,GAGI,mCAAqB,GAA1B,aAAgG,EAA3F,UAAqB,mDAlB3B,mBAAS,KACT,mBAAe,QACf,mBAAa,OACb,mBAAqB,WACrB,mBAAmB,UACnB,mBAAqB,WACrB,mBAAuC,iBACvC,mBAA6B,UAd9B,YAgB2B,EAT1B,SAAS,EACT,SAAe,EACf,SAAa,EACb,SAAqB,EACrB,SAAmB,EACnB,SAAqB,EACrB,SAAuC,EACvC,SAA6B,GAK7B,oBAAU,KAFX,YAKI,EAHH,UAAU,GAI2B,+HAAyC,GAMxC,8HAAuC","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<div *ngIf=\"label\" class=\"bx--label\" [id]=\"ariaLabelledby\">{{label}}</div>\n\t\t<input\n\t\t\tclass=\"bx--toggle\"\n\t\t\ttype=\"checkbox\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--toggle--small': size === 'sm',\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[name]=\"name\"\n\t\t\t[required]=\"required\"\n\t\t\t[checked]=\"checked\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t(change)=\"onChange($event)\"\n\t\t\t(click)=\"onClick($event)\">\n\t\t<label\n\t\t\tclass=\"bx--toggle__label\"\n\t\t\t[for]=\"id\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\">\n\t\t\t<span class=\"bx--toggle__text--left\">{{(!skeleton ? offText : null) | async }}</span>\n\t\t\t<span class=\"bx--toggle__appearance\">\n\t\t\t\t<svg *ngIf=\"size === 'sm'\" class=\"bx--toggle__check\" width=\"6px\" height=\"5px\" viewBox=\"0 0 6 5\">\n\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\"/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t<span class=\"bx--toggle__text--right\">{{(!skeleton ? onText : null) | async}}</span>\n\t\t</label>\n\t"]}
|