carbon-components-angular 3.53.8 → 3.54.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/bundle/carbon-angular.umd.js +9 -9
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/combobox/combobox.component.js +1 -7
- package/combobox/combobox.component.js.map +1 -1
- package/docs/documentation/classes/SearchChange.html +11 -0
- package/docs/documentation/components/ComboBox.html +5 -10
- package/docs/documentation/components/DropdownList.html +79 -31
- package/docs/documentation/components/Pagination.html +114 -56
- package/docs/documentation/components/Search.html +96 -17
- package/docs/documentation/components/TableToolbarSearch.html +96 -16
- package/docs/documentation/components/TagFilter.html +131 -4
- package/docs/documentation/coverage.html +17 -17
- package/docs/documentation/interfaces/PaginationTranslations.html +87 -11
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.293b4966d65e38f1c80c.bundle.js → main.1ccde517361f3d1a057c.bundle.js} +86 -33
- package/docs/storybook/main.1ccde517361f3d1a057c.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js → runtime~main.1ccde517361f3d1a057c.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.293b4966d65e38f1c80c.bundle.js.map → runtime~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js → vendors~main.1ccde517361f3d1a057c.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.293b4966d65e38f1c80c.bundle.js.map → vendors~main.1ccde517361f3d1a057c.bundle.js.map} +1 -1
- package/dropdown/list/dropdown-list.component.d.ts +1 -0
- package/dropdown/list/dropdown-list.component.js +17 -10
- 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.ngsummary.json +1 -1
- package/i18n/en.d.ts +2 -1
- package/i18n/en.js +3 -2
- package/i18n/en.js.map +1 -1
- package/i18n/i18n.service.d.ts +13 -3
- package/package.json +1 -1
- package/pagination/pagination.component.d.ts +9 -4
- package/pagination/pagination.component.js +9 -5
- package/pagination/pagination.component.js.map +1 -1
- package/pagination/pagination.component.metadata.json +1 -1
- package/pagination/pagination.component.ngfactory.js +20 -18
- package/pagination/pagination.component.ngfactory.js.map +1 -1
- package/search/search.component.d.ts +8 -0
- package/search/search.component.js +12 -1
- package/search/search.component.js.map +1 -1
- package/search/search.component.metadata.json +1 -1
- package/search/search.component.ngfactory.js +6 -3
- package/search/search.component.ngfactory.js.map +1 -1
- package/search/search.component.ngsummary.json +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 +6 -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/tag/tag-filter.component.d.ts +9 -0
- package/tag/tag-filter.component.js +15 -1
- 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 +2 -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/docs/storybook/main.293b4966d65e38f1c80c.bundle.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"PaginationTranslations":{"__symbolic":"interface"},"Pagination":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"PaginationTranslations":{"__symbolic":"interface"},"Pagination":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"selector":"ibm-pagination","template":"\n\t<div\n\t\tclass=\"bx--pagination\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton': skeleton\n\t\t}\">\n\t\t<!-- left skeleton div -->\n\t\t<div *ngIf=\"skeleton\" class=\"bx--pagination__left\">\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 70px\"></p>\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 35px\"></p>\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 105px\"></p>\n\t\t</div>\n\n\t\t<div *ngIf=\"!skeleton\" class=\"bx--pagination__left\">\n\t\t\t<label class=\"bx--pagination__text\" [for]=\"itemsPerPageSelectId\">\n\t\t\t\t{{itemsPerPageText.subject | async}}\n\t\t\t</label>\n\t\t\t<div class=\"bx--select bx--select--inline\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select__item-count': isExperimental,\n\t\t\t\t\t'bx--select--disabled': pageInputDisabled\n\t\t\t\t}\">\n\t\t\t\t<select\n\t\t\t\t\t[id]=\"itemsPerPageSelectId\"\n\t\t\t\t\t[disabled]=\"pageInputDisabled\"\n\t\t\t\t\t[(ngModel)]=\"itemsPerPage\"\n\t\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t\t<option\n\t\t\t\t\t\tclass=\"bx--select-option\"\n\t\t\t\t\t\t*ngFor=\"let option of itemsPerPageOptions\"\n\t\t\t\t\t\t[value]=\"option\">\n\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t</option>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tibmIconChevronDown16\n\t\t\t\t\tstyle=\"display: inherit\"\n\t\t\t\t\tclass=\"bx--select__arrow\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.ariaLabel]=\"optionsListText.subject | async\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf=\"!pagesUnknown && totalDataLength <= 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"!pagesUnknown && totalDataLength > 1\" class=\"bx--pagination__text\">\n\t\t\t\t<span *ngIf=\"!isExperimental\">| </span>\n\t\t\t\t{{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"pagesUnknown\" class=\"bx--pagination__text\">\n\t\t\t\t<span *ngIf=\"!isExperimental\">| </span>\n\t\t\t\t{{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<!-- right skeleton div -->\n\t\t<div *ngIf=\"skeleton\" class=\"bx--pagination__right\">\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 70px\"></p>\n\t\t</div>\n\n\t\t<div *ngIf=\"!skeleton\" class=\"bx--pagination__right\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--pagination--inline': !isExperimental\n\t\t\t}\">\n\t\t\t<div\n\t\t\t\tclass=\"bx--select bx--select--inline\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select__page-number' : isExperimental,\n\t\t\t\t\t'bx--select--disabled': pageInputDisabled\n\t\t\t\t}\">\n\t\t\t\t<label [for]=\"currentPageSelectId\" class=\"bx--label bx--visually-hidden\">{{itemsPerPageText.subject | async}}</label>\n\t\t\t\t<input\n\t\t\t\t\t*ngIf=\"pageOptions.length > pageSelectThreshold\"\n\t\t\t\t\tstyle=\"padding-right: 1rem; margin-right: 1rem;\"\n\t\t\t\t\t[id]=\"currentPageSelectId\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t[max]=\"pageOptions.length\"\n\t\t\t\t\tclass=\"bx--select-input\"\n\t\t\t\t\t[(ngModel)]=\"currentPage\">\n\t\t\t\t<select\n\t\t\t\t\t*ngIf=\"pageOptions.length <= pageSelectThreshold\"\n\t\t\t\t\t[id]=\"currentPageSelectId\"\n\t\t\t\t\t[disabled]=\"pageInputDisabled\"\n\t\t\t\t\tclass=\"bx--select-input\"\n\t\t\t\t\t[(ngModel)]=\"currentPage\">\n\t\t\t\t\t<option *ngFor=\"let page of pageOptions; let i = index;\" class=\"bx--select-option\" [value]=\"i + 1\">{{i + 1}}</option>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"pageOptions.length <= 1000\"\n\t\t\t\t\tibmIconChevronDown16\n\t\t\t\t\tstyle=\"display: inherit;\"\n\t\t\t\t\tclass=\"bx--select__arrow\"\n\t\t\t\t\t[attr.ariaLabel]=\"optionsListText.subject | async\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span *ngIf=\"!pagesUnknown && lastPage <= 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"!pagesUnknown && lastPage > 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"pagesUnknown\" class=\"bx--pagination__text\">\n\t\t\t\t{{pageText.subject | async}} {{currentPage}}\n\t\t\t</span>\n\t\t\t<button\n\t\t\t\tclass=\"bx--pagination__button bx--pagination__button--backward\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--pagination__button--no-index': currentPage <= 1 || disabled\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[attr.aria-label]=\"backwardText.subject | async\"\n\t\t\t\t(click)=\"selectPage.emit(previousPage)\"\n\t\t\t\t[disabled]=\"(currentPage <= 1 || disabled ? true : null)\">\n\t\t\t\t<ibm-icon-caret-left16></ibm-icon-caret-left16>\n\t\t\t</button>\n\n\t\t\t<button\n\t\t\t\tclass=\"bx--pagination__button bx--pagination__button--forward\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--pagination__button--no-index': currentPage >= lastPage || disabled\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[attr.aria-label]=\"forwardText.subject | async\"\n\t\t\t\t(click)=\"selectPage.emit(nextPage)\"\n\t\t\t\t[disabled]=\"(currentPage >= lastPage || disabled ? true : null)\">\n\t\t\t\t<ibm-icon-caret-right16></ibm-icon-caret-right16>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t"}]}],"members":{"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":2}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":2}}]}],"pageInputDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":2}}]}],"pagesUnknown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":2}}]}],"pageSelectThreshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":2}}]}],"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":2}}]}],"itemsPerPageOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":2}}]}],"selectPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":252,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":335,"character":29},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":335,"character":59}]}]},"statics":{"paginationCounter":0}}}}]
|
|
@@ -41,11 +41,12 @@ var RenderType_Pagination = i0.ɵcrt({ encapsulation: 2, styles: styles_Paginati
|
|
|
41
41
|
export { RenderType_Pagination as RenderType_Pagination };
|
|
42
42
|
function View_Pagination_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "div", [["class", "bx--pagination__left"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 0, "p", [["class", "bx--skeleton__text"], ["style", "width: 70px"]], null, null, null, null, null)), (_l()(), i0.ɵeld(2, 0, null, null, 0, "p", [["class", "bx--skeleton__text"], ["style", "width: 35px"]], null, null, null, null, null)), (_l()(), i0.ɵeld(3, 0, null, null, 0, "p", [["class", "bx--skeleton__text"], ["style", "width: 105px"]], null, null, null, null, null))], null, null); }
|
|
43
43
|
function View_Pagination_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "option", [["class", "bx--select-option"]], null, null, null, null, null)), i0.ɵdid(1, 147456, null, 0, i1.NgSelectOption, [i0.ElementRef, i0.Renderer2, [2, i1.SelectControlValueAccessor]], { value: [0, "value"] }, null), i0.ɵdid(2, 147456, null, 0, i1.ɵangular_packages_forms_forms_r, [i0.ElementRef, i0.Renderer2, [8, null]], { value: [0, "value"] }, null), (_l()(), i0.ɵted(3, null, [" ", " "]))], function (_ck, _v) { var currVal_0 = _v.context.$implicit; _ck(_v, 1, 0, currVal_0); var currVal_1 = _v.context.$implicit; _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var currVal_2 = _v.context.$implicit; _ck(_v, 3, 0, currVal_2); }); }
|
|
44
|
-
function
|
|
45
|
-
function
|
|
46
|
-
function
|
|
47
|
-
function
|
|
48
|
-
function
|
|
44
|
+
function View_Pagination_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, [" ", " "])), i0.ɵpod(2, { start: 0, end: 1, total: 2 }), i0.ɵppd(3, 2), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 1, 0, i0.ɵnov(_v, 4).transform(i0.ɵunv(_v, 1, 0, _ck(_v, 3, 0, i0.ɵnov(_v.parent.parent, 0), _co.totalItemText.subject, _ck(_v, 2, 0, _co.startItemIndex, _co.endItemIndex, _co.totalDataLength))))); _ck(_v, 1, 0, currVal_0); }); }
|
|
45
|
+
function View_Pagination_6(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "span", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, ["|\u00A0"]))], null, null); }
|
|
46
|
+
function View_Pagination_5(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 6, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_6)), i0.ɵdid(2, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵted(3, null, [" ", " "])), i0.ɵpod(4, { start: 0, end: 1, total: 2 }), i0.ɵppd(5, 2), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isExperimental; _ck(_v, 2, 0, currVal_0); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = i0.ɵunv(_v, 3, 0, i0.ɵnov(_v, 6).transform(i0.ɵunv(_v, 3, 0, _ck(_v, 5, 0, i0.ɵnov(_v.parent.parent, 0), _co.totalItemsText.subject, _ck(_v, 4, 0, _co.startItemIndex, _co.endItemIndex, _co.totalDataLength))))); _ck(_v, 3, 0, currVal_1); }); }
|
|
47
|
+
function View_Pagination_8(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "span", [], null, null, null, null, null)), (_l()(), i0.ɵted(-1, null, ["|\u00A0"]))], null, null); }
|
|
48
|
+
function View_Pagination_7(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 6, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_8)), i0.ɵdid(2, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵted(3, null, [" ", " "])), i0.ɵpod(4, { start: 0, end: 1 }), i0.ɵppd(5, 2), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], function (_ck, _v) { var _co = _v.component; var currVal_0 = !_co.isExperimental; _ck(_v, 2, 0, currVal_0); }, function (_ck, _v) { var _co = _v.component; var currVal_1 = i0.ɵunv(_v, 3, 0, i0.ɵnov(_v, 6).transform(i0.ɵunv(_v, 3, 0, _ck(_v, 5, 0, i0.ɵnov(_v.parent.parent, 0), _co.totalItemsUnknownText.subject, _ck(_v, 4, 0, _co.startItemIndex, _co.endItemIndex))))); _ck(_v, 3, 0, currVal_1); }); }
|
|
49
|
+
function View_Pagination_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 23, "div", [["class", "bx--pagination__left"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 2, "label", [["class", "bx--pagination__text"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵted(2, null, [" ", " "])), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(4, 0, null, null, 13, "div", [["class", "bx--select bx--select--inline"]], null, null, null, null, null)), i0.ɵdid(5, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(6, { "bx--select__item-count": 0, "bx--select--disabled": 1 }), (_l()(), i0.ɵeld(7, 0, null, null, 7, "select", [["class", "bx--select-input"]], [[8, "id", 0], [2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "ngModelChange"], [null, "change"], [null, "blur"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
|
|
49
50
|
var pd_0 = (i0.ɵnov(_v, 8).onChange($event.target.value) !== false);
|
|
50
51
|
ad = (pd_0 && ad);
|
|
51
52
|
} if (("blur" === en)) {
|
|
@@ -54,9 +55,9 @@ function View_Pagination_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, nul
|
|
|
54
55
|
} if (("ngModelChange" === en)) {
|
|
55
56
|
var pd_2 = ((_co.itemsPerPage = $event) !== false);
|
|
56
57
|
ad = (pd_2 && ad);
|
|
57
|
-
} return ad; }, null, null)), i0.ɵdid(8, 16384, null, 0, i1.SelectControlValueAccessor, [i0.Renderer2, i0.ElementRef], null, null), i0.ɵprd(1024, null, i1.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i1.SelectControlValueAccessor]), i0.ɵdid(10, 671744, null, 0, i1.NgModel, [[8, null], [8, null], [8, null], [6, i1.NG_VALUE_ACCESSOR]], { isDisabled: [0, "isDisabled"], model: [1, "model"] }, { update: "ngModelChange" }), i0.ɵprd(2048, null, i1.NgControl, null, [i1.NgModel]), i0.ɵdid(12, 16384, null, 0, i1.NgControlStatus, [[4, i1.NgControl]], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_3)), i0.ɵdid(14, 278528, null, 0, i2.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵeld(15, 0, null, null, 2, ":svg:svg", [["aria-hidden", "true"], ["class", "bx--select__arrow"], ["ibmIconChevronDown16", ""], ["style", "display: inherit"]], [[1, "ariaLabel", 0]], null, null, null, null)), i0.ɵdid(16, 4210688, null, 0, i3.ChevronDown16Directive, [i0.ElementRef], null, null), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_4)), i0.ɵdid(19, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
58
|
-
function
|
|
59
|
-
function
|
|
58
|
+
} return ad; }, null, null)), i0.ɵdid(8, 16384, null, 0, i1.SelectControlValueAccessor, [i0.Renderer2, i0.ElementRef], null, null), i0.ɵprd(1024, null, i1.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i1.SelectControlValueAccessor]), i0.ɵdid(10, 671744, null, 0, i1.NgModel, [[8, null], [8, null], [8, null], [6, i1.NG_VALUE_ACCESSOR]], { isDisabled: [0, "isDisabled"], model: [1, "model"] }, { update: "ngModelChange" }), i0.ɵprd(2048, null, i1.NgControl, null, [i1.NgModel]), i0.ɵdid(12, 16384, null, 0, i1.NgControlStatus, [[4, i1.NgControl]], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_3)), i0.ɵdid(14, 278528, null, 0, i2.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null), (_l()(), i0.ɵeld(15, 0, null, null, 2, ":svg:svg", [["aria-hidden", "true"], ["class", "bx--select__arrow"], ["ibmIconChevronDown16", ""], ["style", "display: inherit"]], [[1, "ariaLabel", 0]], null, null, null, null)), i0.ɵdid(16, 4210688, null, 0, i3.ChevronDown16Directive, [i0.ElementRef], null, null), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_4)), i0.ɵdid(19, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_5)), i0.ɵdid(21, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_7)), i0.ɵdid(23, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_2 = "bx--select bx--select--inline"; var currVal_3 = _ck(_v, 6, 0, _co.isExperimental, _co.pageInputDisabled); _ck(_v, 5, 0, currVal_2, currVal_3); var currVal_12 = _co.pageInputDisabled; var currVal_13 = _co.itemsPerPage; _ck(_v, 10, 0, currVal_12, currVal_13); var currVal_14 = _co.itemsPerPageOptions; _ck(_v, 14, 0, currVal_14); var currVal_16 = (!_co.pagesUnknown && (_co.totalDataLength <= 1)); _ck(_v, 19, 0, currVal_16); var currVal_17 = (!_co.pagesUnknown && (_co.totalDataLength > 1)); _ck(_v, 21, 0, currVal_17); var currVal_18 = _co.pagesUnknown; _ck(_v, 23, 0, currVal_18); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.itemsPerPageSelectId; _ck(_v, 1, 0, currVal_0); var currVal_1 = i0.ɵunv(_v, 2, 0, i0.ɵnov(_v, 3).transform(_co.itemsPerPageText.subject)); _ck(_v, 2, 0, currVal_1); var currVal_4 = _co.itemsPerPageSelectId; var currVal_5 = i0.ɵnov(_v, 12).ngClassUntouched; var currVal_6 = i0.ɵnov(_v, 12).ngClassTouched; var currVal_7 = i0.ɵnov(_v, 12).ngClassPristine; var currVal_8 = i0.ɵnov(_v, 12).ngClassDirty; var currVal_9 = i0.ɵnov(_v, 12).ngClassValid; var currVal_10 = i0.ɵnov(_v, 12).ngClassInvalid; var currVal_11 = i0.ɵnov(_v, 12).ngClassPending; _ck(_v, 7, 0, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11); var currVal_15 = i0.ɵunv(_v, 15, 0, i0.ɵnov(_v, 17).transform(_co.optionsListText.subject)); _ck(_v, 15, 0, currVal_15); }); }
|
|
59
|
+
function View_Pagination_9(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "div", [["class", "bx--pagination__right"]], null, null, null, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 0, "p", [["class", "bx--skeleton__text"], ["style", "width: 70px"]], null, null, null, null, null))], null, null); }
|
|
60
|
+
function View_Pagination_11(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 6, "input", [["class", "bx--select-input"], ["min", "1"], ["style", "padding-right: 1rem; margin-right: 1rem;"], ["type", "number"]], [[8, "id", 0], [8, "max", 0], [2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "ngModelChange"], [null, "input"], [null, "blur"], [null, "compositionstart"], [null, "compositionend"], [null, "change"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("input" === en)) {
|
|
60
61
|
var pd_0 = (i0.ɵnov(_v, 1)._handleInput($event.target.value) !== false);
|
|
61
62
|
ad = (pd_0 && ad);
|
|
62
63
|
} if (("blur" === en)) {
|
|
@@ -81,8 +82,8 @@ function View_Pagination_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, nu
|
|
|
81
82
|
var pd_7 = ((_co.currentPage = $event) !== false);
|
|
82
83
|
ad = (pd_7 && ad);
|
|
83
84
|
} return ad; }, null, null)), i0.ɵdid(1, 16384, null, 0, i1.DefaultValueAccessor, [i0.Renderer2, i0.ElementRef, [2, i1.COMPOSITION_BUFFER_MODE]], null, null), i0.ɵdid(2, 16384, null, 0, i1.ɵangular_packages_forms_forms_bd, [i0.Renderer2, i0.ElementRef], null, null), i0.ɵprd(1024, null, i1.NG_VALUE_ACCESSOR, function (p0_0, p1_0) { return [p0_0, p1_0]; }, [i1.DefaultValueAccessor, i1.ɵangular_packages_forms_forms_bd]), i0.ɵdid(4, 671744, null, 0, i1.NgModel, [[8, null], [8, null], [8, null], [6, i1.NG_VALUE_ACCESSOR]], { model: [0, "model"] }, { update: "ngModelChange" }), i0.ɵprd(2048, null, i1.NgControl, null, [i1.NgModel]), i0.ɵdid(6, 16384, null, 0, i1.NgControlStatus, [[4, i1.NgControl]], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_9 = _co.currentPage; _ck(_v, 4, 0, currVal_9); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.currentPageSelectId; var currVal_1 = _co.pageOptions.length; var currVal_2 = i0.ɵnov(_v, 6).ngClassUntouched; var currVal_3 = i0.ɵnov(_v, 6).ngClassTouched; var currVal_4 = i0.ɵnov(_v, 6).ngClassPristine; var currVal_5 = i0.ɵnov(_v, 6).ngClassDirty; var currVal_6 = i0.ɵnov(_v, 6).ngClassValid; var currVal_7 = i0.ɵnov(_v, 6).ngClassInvalid; var currVal_8 = i0.ɵnov(_v, 6).ngClassPending; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8); }); }
|
|
84
|
-
function
|
|
85
|
-
function
|
|
85
|
+
function View_Pagination_13(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "option", [["class", "bx--select-option"]], null, null, null, null, null)), i0.ɵdid(1, 147456, null, 0, i1.NgSelectOption, [i0.ElementRef, i0.Renderer2, [2, i1.SelectControlValueAccessor]], { value: [0, "value"] }, null), i0.ɵdid(2, 147456, null, 0, i1.ɵangular_packages_forms_forms_r, [i0.ElementRef, i0.Renderer2, [8, null]], { value: [0, "value"] }, null), (_l()(), i0.ɵted(3, null, ["", ""]))], function (_ck, _v) { var currVal_0 = (_v.context.index + 1); _ck(_v, 1, 0, currVal_0); var currVal_1 = (_v.context.index + 1); _ck(_v, 2, 0, currVal_1); }, function (_ck, _v) { var currVal_2 = (_v.context.index + 1); _ck(_v, 3, 0, currVal_2); }); }
|
|
86
|
+
function View_Pagination_12(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 7, "select", [["class", "bx--select-input"]], [[8, "id", 0], [2, "ng-untouched", null], [2, "ng-touched", null], [2, "ng-pristine", null], [2, "ng-dirty", null], [2, "ng-valid", null], [2, "ng-invalid", null], [2, "ng-pending", null]], [[null, "ngModelChange"], [null, "change"], [null, "blur"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("change" === en)) {
|
|
86
87
|
var pd_0 = (i0.ɵnov(_v, 1).onChange($event.target.value) !== false);
|
|
87
88
|
ad = (pd_0 && ad);
|
|
88
89
|
} if (("blur" === en)) {
|
|
@@ -91,18 +92,19 @@ function View_Pagination_11(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, nu
|
|
|
91
92
|
} if (("ngModelChange" === en)) {
|
|
92
93
|
var pd_2 = ((_co.currentPage = $event) !== false);
|
|
93
94
|
ad = (pd_2 && ad);
|
|
94
|
-
} return ad; }, null, null)), i0.ɵdid(1, 16384, null, 0, i1.SelectControlValueAccessor, [i0.Renderer2, i0.ElementRef], null, null), i0.ɵprd(1024, null, i1.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i1.SelectControlValueAccessor]), i0.ɵdid(3, 671744, null, 0, i1.NgModel, [[8, null], [8, null], [8, null], [6, i1.NG_VALUE_ACCESSOR]], { isDisabled: [0, "isDisabled"], model: [1, "model"] }, { update: "ngModelChange" }), i0.ɵprd(2048, null, i1.NgControl, null, [i1.NgModel]), i0.ɵdid(5, 16384, null, 0, i1.NgControlStatus, [[4, i1.NgControl]], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
95
|
-
function
|
|
96
|
-
function
|
|
97
|
-
function
|
|
98
|
-
function
|
|
95
|
+
} return ad; }, null, null)), i0.ɵdid(1, 16384, null, 0, i1.SelectControlValueAccessor, [i0.Renderer2, i0.ElementRef], null, null), i0.ɵprd(1024, null, i1.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i1.SelectControlValueAccessor]), i0.ɵdid(3, 671744, null, 0, i1.NgModel, [[8, null], [8, null], [8, null], [6, i1.NG_VALUE_ACCESSOR]], { isDisabled: [0, "isDisabled"], model: [1, "model"] }, { update: "ngModelChange" }), i0.ɵprd(2048, null, i1.NgControl, null, [i1.NgModel]), i0.ɵdid(5, 16384, null, 0, i1.NgControlStatus, [[4, i1.NgControl]], null, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_13)), i0.ɵdid(7, 278528, null, 0, i2.NgForOf, [i0.ViewContainerRef, i0.TemplateRef, i0.IterableDiffers], { ngForOf: [0, "ngForOf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_8 = _co.pageInputDisabled; var currVal_9 = _co.currentPage; _ck(_v, 3, 0, currVal_8, currVal_9); var currVal_10 = _co.pageOptions; _ck(_v, 7, 0, currVal_10); }, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.currentPageSelectId; var currVal_1 = i0.ɵnov(_v, 5).ngClassUntouched; var currVal_2 = i0.ɵnov(_v, 5).ngClassTouched; var currVal_3 = i0.ɵnov(_v, 5).ngClassPristine; var currVal_4 = i0.ɵnov(_v, 5).ngClassDirty; var currVal_5 = i0.ɵnov(_v, 5).ngClassValid; var currVal_6 = i0.ɵnov(_v, 5).ngClassInvalid; var currVal_7 = i0.ɵnov(_v, 5).ngClassPending; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); }); }
|
|
96
|
+
function View_Pagination_14(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, ":svg:svg", [["class", "bx--select__arrow"], ["ibmIconChevronDown16", ""], ["style", "display: inherit;"]], [[1, "ariaLabel", 0]], null, null, null, null)), i0.ɵdid(1, 4210688, null, 0, i3.ChevronDown16Directive, [i0.ElementRef], null, null), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 0, 0, i0.ɵnov(_v, 2).transform(_co.optionsListText.subject)); _ck(_v, 0, 0, currVal_0); }); }
|
|
97
|
+
function View_Pagination_15(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, [" ", " "])), i0.ɵpod(2, { last: 0 }), i0.ɵppd(3, 2), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 1, 0, i0.ɵnov(_v, 4).transform(i0.ɵunv(_v, 1, 0, _ck(_v, 3, 0, i0.ɵnov(_v.parent.parent, 0), _co.ofLastPageText.subject, _ck(_v, 2, 0, _co.lastPage))))); _ck(_v, 1, 0, currVal_0); }); }
|
|
98
|
+
function View_Pagination_16(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 4, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, [" ", " "])), i0.ɵpod(2, { last: 0 }), i0.ɵppd(3, 2), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 1, 0, i0.ɵnov(_v, 4).transform(i0.ɵunv(_v, 1, 0, _ck(_v, 3, 0, i0.ɵnov(_v.parent.parent, 0), _co.ofLastPagesText.subject, _ck(_v, 2, 0, _co.lastPage))))); _ck(_v, 1, 0, currVal_0); }); }
|
|
99
|
+
function View_Pagination_17(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "span", [["class", "bx--pagination__text"]], null, null, null, null, null)), (_l()(), i0.ɵted(1, null, [" ", " ", " "])), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef])], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 1, 0, i0.ɵnov(_v, 2).transform(_co.pageText.subject)); var currVal_1 = _co.currentPage; _ck(_v, 1, 0, currVal_0, currVal_1); }); }
|
|
100
|
+
function View_Pagination_10(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 32, "div", [["class", "bx--pagination__right"]], null, null, null, null, null)), i0.ɵdid(1, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(2, { "bx--pagination--inline": 0 }), (_l()(), i0.ɵeld(3, 0, null, null, 11, "div", [["class", "bx--select bx--select--inline"]], null, null, null, null, null)), i0.ɵdid(4, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(5, { "bx--select__page-number": 0, "bx--select--disabled": 1 }), (_l()(), i0.ɵeld(6, 0, null, null, 2, "label", [["class", "bx--label bx--visually-hidden"]], [[8, "htmlFor", 0]], null, null, null, null)), (_l()(), i0.ɵted(7, null, ["", ""])), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_11)), i0.ɵdid(10, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_12)), i0.ɵdid(12, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_14)), i0.ɵdid(14, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_15)), i0.ɵdid(16, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_16)), i0.ɵdid(18, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_17)), i0.ɵdid(20, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(21, 0, null, null, 5, "button", [["class", "bx--pagination__button bx--pagination__button--backward"], ["tabindex", "0"]], [[1, "aria-label", 0], [8, "disabled", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
99
101
|
var pd_0 = (_co.selectPage.emit(_co.previousPage) !== false);
|
|
100
102
|
ad = (pd_0 && ad);
|
|
101
|
-
} return ad; }, null, null)), i0.ɵdid(
|
|
103
|
+
} return ad; }, null, null)), i0.ɵdid(22, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(23, { "bx--pagination__button--no-index": 0 }), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(25, 0, null, null, 1, "ibm-icon-caret-left16", [], null, null, null, i4.View_CaretLeft16_0, i4.RenderType_CaretLeft16)), i0.ɵdid(26, 49152, null, 0, i5.CaretLeft16, [], null, null), (_l()(), i0.ɵeld(27, 0, null, null, 5, "button", [["class", "bx--pagination__button bx--pagination__button--forward"], ["tabindex", "0"]], [[1, "aria-label", 0], [8, "disabled", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
102
104
|
var pd_0 = (_co.selectPage.emit(_co.nextPage) !== false);
|
|
103
105
|
ad = (pd_0 && ad);
|
|
104
|
-
} return ad; }, null, null)), i0.ɵdid(
|
|
105
|
-
export function View_Pagination_0(_l) { return i0.ɵvid(0, [i0.ɵpid(0, i8.ReplacePipe, []), (_l()(), i0.ɵeld(1, 0, null, null, 10, "div", [["class", "bx--pagination"]], null, null, null, null, null)), i0.ɵdid(2, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(3, { "bx--skeleton": 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_1)), i0.ɵdid(5, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_2)), i0.ɵdid(7, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null,
|
|
106
|
+
} return ad; }, null, null)), i0.ɵdid(28, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(29, { "bx--pagination__button--no-index": 0 }), i0.ɵpid(131072, i2.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(31, 0, null, null, 1, "ibm-icon-caret-right16", [], null, null, null, i6.View_CaretRight16_0, i6.RenderType_CaretRight16)), i0.ɵdid(32, 49152, null, 0, i7.CaretRight16, [], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "bx--pagination__right"; var currVal_1 = _ck(_v, 2, 0, !_co.isExperimental); _ck(_v, 1, 0, currVal_0, currVal_1); var currVal_2 = "bx--select bx--select--inline"; var currVal_3 = _ck(_v, 5, 0, _co.isExperimental, _co.pageInputDisabled); _ck(_v, 4, 0, currVal_2, currVal_3); var currVal_6 = (_co.pageOptions.length > _co.pageSelectThreshold); _ck(_v, 10, 0, currVal_6); var currVal_7 = (_co.pageOptions.length <= _co.pageSelectThreshold); _ck(_v, 12, 0, currVal_7); var currVal_8 = (_co.pageOptions.length <= 1000); _ck(_v, 14, 0, currVal_8); var currVal_9 = (!_co.pagesUnknown && (_co.lastPage <= 1)); _ck(_v, 16, 0, currVal_9); var currVal_10 = (!_co.pagesUnknown && (_co.lastPage > 1)); _ck(_v, 18, 0, currVal_10); var currVal_11 = _co.pagesUnknown; _ck(_v, 20, 0, currVal_11); var currVal_14 = "bx--pagination__button bx--pagination__button--backward"; var currVal_15 = _ck(_v, 23, 0, ((_co.currentPage <= 1) || _co.disabled)); _ck(_v, 22, 0, currVal_14, currVal_15); var currVal_18 = "bx--pagination__button bx--pagination__button--forward"; var currVal_19 = _ck(_v, 29, 0, ((_co.currentPage >= _co.lastPage) || _co.disabled)); _ck(_v, 28, 0, currVal_18, currVal_19); }, function (_ck, _v) { var _co = _v.component; var currVal_4 = _co.currentPageSelectId; _ck(_v, 6, 0, currVal_4); var currVal_5 = i0.ɵunv(_v, 7, 0, i0.ɵnov(_v, 8).transform(_co.itemsPerPageText.subject)); _ck(_v, 7, 0, currVal_5); var currVal_12 = i0.ɵunv(_v, 21, 0, i0.ɵnov(_v, 24).transform(_co.backwardText.subject)); var currVal_13 = (((_co.currentPage <= 1) || _co.disabled) ? true : null); _ck(_v, 21, 0, currVal_12, currVal_13); var currVal_16 = i0.ɵunv(_v, 27, 0, i0.ɵnov(_v, 30).transform(_co.forwardText.subject)); var currVal_17 = (((_co.currentPage >= _co.lastPage) || _co.disabled) ? true : null); _ck(_v, 27, 0, currVal_16, currVal_17); }); }
|
|
107
|
+
export function View_Pagination_0(_l) { return i0.ɵvid(0, [i0.ɵpid(0, i8.ReplacePipe, []), (_l()(), i0.ɵeld(1, 0, null, null, 10, "div", [["class", "bx--pagination"]], null, null, null, null, null)), i0.ɵdid(2, 278528, null, 0, i2.NgClass, [i0.IterableDiffers, i0.KeyValueDiffers, i0.ElementRef, i0.Renderer2], { klass: [0, "klass"], ngClass: [1, "ngClass"] }, null), i0.ɵpod(3, { "bx--skeleton": 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_1)), i0.ɵdid(5, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_2)), i0.ɵdid(7, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_9)), i0.ɵdid(9, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Pagination_10)), i0.ɵdid(11, 16384, null, 0, i2.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = "bx--pagination"; var currVal_1 = _ck(_v, 3, 0, _co.skeleton); _ck(_v, 2, 0, currVal_0, currVal_1); var currVal_2 = _co.skeleton; _ck(_v, 5, 0, currVal_2); var currVal_3 = !_co.skeleton; _ck(_v, 7, 0, currVal_3); var currVal_4 = _co.skeleton; _ck(_v, 9, 0, currVal_4); var currVal_5 = !_co.skeleton; _ck(_v, 11, 0, currVal_5); }, null); }
|
|
106
108
|
export function View_Pagination_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-pagination", [], null, null, null, View_Pagination_0, RenderType_Pagination)), i0.ɵdid(1, 49152, null, 0, i9.Pagination, [i10.I18n, i11.ExperimentalService], null, null)], null, null); }
|
|
107
109
|
var PaginationNgFactory = i0.ɵccf("ibm-pagination", i9.Pagination, View_Pagination_Host_0, { skeleton: "skeleton", model: "model", disabled: "disabled", pageInputDisabled: "pageInputDisabled", pagesUnknown: "pagesUnknown", pageSelectThreshold: "pageSelectThreshold", translations: "translations", itemsPerPageOptions: "itemsPerPageOptions" }, { selectPage: "selectPage" }, []);
|
|
108
110
|
export { PaginationNgFactory as PaginationNgFactory };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.component.ngfactory.js","sourceRoot":"","sources":["../src/pagination/pagination.component.ngfactory.ts","../src/pagination/pagination.component.ts.Pagination.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;qDCOE,6GAAmD,KAClD,mIAAkD,KAClD,mIAAkD,KAClD,oIAAmD;qDAiBjD,0YAGkB,IAAA,kCAElB,2BAFC,kBAAgB,oBAHjB,YAGkB,EAAjB,8BAAgB,oBAHjB,YAGkB,EAAjB,SAAgB,2BAAC,6DAElB;
|
|
1
|
+
{"version":3,"file":"pagination.component.ngfactory.js","sourceRoot":"","sources":["../src/pagination/pagination.component.ngfactory.ts","../src/pagination/pagination.component.ts.Pagination.html"],"names":[],"mappings":"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","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t<div\n\t\tclass=\"bx--pagination\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton': skeleton\n\t\t}\">\n\t\t<!-- left skeleton div -->\n\t\t<div *ngIf=\"skeleton\" class=\"bx--pagination__left\">\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 70px\"></p>\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 35px\"></p>\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 105px\"></p>\n\t\t</div>\n\n\t\t<div *ngIf=\"!skeleton\" class=\"bx--pagination__left\">\n\t\t\t<label class=\"bx--pagination__text\" [for]=\"itemsPerPageSelectId\">\n\t\t\t\t{{itemsPerPageText.subject | async}}\n\t\t\t</label>\n\t\t\t<div class=\"bx--select bx--select--inline\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select__item-count': isExperimental,\n\t\t\t\t\t'bx--select--disabled': pageInputDisabled\n\t\t\t\t}\">\n\t\t\t\t<select\n\t\t\t\t\t[id]=\"itemsPerPageSelectId\"\n\t\t\t\t\t[disabled]=\"pageInputDisabled\"\n\t\t\t\t\t[(ngModel)]=\"itemsPerPage\"\n\t\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t\t<option\n\t\t\t\t\t\tclass=\"bx--select-option\"\n\t\t\t\t\t\t*ngFor=\"let option of itemsPerPageOptions\"\n\t\t\t\t\t\t[value]=\"option\">\n\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t</option>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tibmIconChevronDown16\n\t\t\t\t\tstyle=\"display: inherit\"\n\t\t\t\t\tclass=\"bx--select__arrow\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.ariaLabel]=\"optionsListText.subject | async\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf=\"!pagesUnknown && totalDataLength <= 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"!pagesUnknown && totalDataLength > 1\" class=\"bx--pagination__text\">\n\t\t\t\t<span *ngIf=\"!isExperimental\">| </span>\n\t\t\t\t{{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"pagesUnknown\" class=\"bx--pagination__text\">\n\t\t\t\t<span *ngIf=\"!isExperimental\">| </span>\n\t\t\t\t{{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}}\n\t\t\t</span>\n\t\t</div>\n\n\t\t<!-- right skeleton div -->\n\t\t<div *ngIf=\"skeleton\" class=\"bx--pagination__right\">\n\t\t\t<p class=\"bx--skeleton__text\" style=\"width: 70px\"></p>\n\t\t</div>\n\n\t\t<div *ngIf=\"!skeleton\" class=\"bx--pagination__right\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--pagination--inline': !isExperimental\n\t\t\t}\">\n\t\t\t<div\n\t\t\t\tclass=\"bx--select bx--select--inline\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select__page-number' : isExperimental,\n\t\t\t\t\t'bx--select--disabled': pageInputDisabled\n\t\t\t\t}\">\n\t\t\t\t<label [for]=\"currentPageSelectId\" class=\"bx--label bx--visually-hidden\">{{itemsPerPageText.subject | async}}</label>\n\t\t\t\t<input\n\t\t\t\t\t*ngIf=\"pageOptions.length > pageSelectThreshold\"\n\t\t\t\t\tstyle=\"padding-right: 1rem; margin-right: 1rem;\"\n\t\t\t\t\t[id]=\"currentPageSelectId\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t[max]=\"pageOptions.length\"\n\t\t\t\t\tclass=\"bx--select-input\"\n\t\t\t\t\t[(ngModel)]=\"currentPage\">\n\t\t\t\t<select\n\t\t\t\t\t*ngIf=\"pageOptions.length <= pageSelectThreshold\"\n\t\t\t\t\t[id]=\"currentPageSelectId\"\n\t\t\t\t\t[disabled]=\"pageInputDisabled\"\n\t\t\t\t\tclass=\"bx--select-input\"\n\t\t\t\t\t[(ngModel)]=\"currentPage\">\n\t\t\t\t\t<option *ngFor=\"let page of pageOptions; let i = index;\" class=\"bx--select-option\" [value]=\"i + 1\">{{i + 1}}</option>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\t*ngIf=\"pageOptions.length <= 1000\"\n\t\t\t\t\tibmIconChevronDown16\n\t\t\t\t\tstyle=\"display: inherit;\"\n\t\t\t\t\tclass=\"bx--select__arrow\"\n\t\t\t\t\t[attr.ariaLabel]=\"optionsListText.subject | async\">\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span *ngIf=\"!pagesUnknown && lastPage <= 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{ofLastPageText.subject | i18nReplace: {last: lastPage} | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"!pagesUnknown && lastPage > 1\" class=\"bx--pagination__text\">\n\t\t\t\t{{ofLastPagesText.subject | i18nReplace: {last: lastPage} | async}}\n\t\t\t</span>\n\t\t\t<span *ngIf=\"pagesUnknown\" class=\"bx--pagination__text\">\n\t\t\t\t{{pageText.subject | async}} {{currentPage}}\n\t\t\t</span>\n\t\t\t<button\n\t\t\t\tclass=\"bx--pagination__button bx--pagination__button--backward\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--pagination__button--no-index': currentPage <= 1 || disabled\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[attr.aria-label]=\"backwardText.subject | async\"\n\t\t\t\t(click)=\"selectPage.emit(previousPage)\"\n\t\t\t\t[disabled]=\"(currentPage <= 1 || disabled ? true : null)\">\n\t\t\t\t<ibm-icon-caret-left16></ibm-icon-caret-left16>\n\t\t\t</button>\n\n\t\t\t<button\n\t\t\t\tclass=\"bx--pagination__button bx--pagination__button--forward\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--pagination__button--no-index': currentPage >= lastPage || disabled\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[attr.aria-label]=\"forwardText.subject | async\"\n\t\t\t\t(click)=\"selectPage.emit(nextPage)\"\n\t\t\t\t[disabled]=\"(currentPage >= lastPage || disabled ? true : null)\">\n\t\t\t\t<ibm-icon-caret-right16></ibm-icon-caret-right16>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n\t"]}
|
|
@@ -118,6 +118,10 @@ export declare class Search implements ControlValueAccessor {
|
|
|
118
118
|
* Emits an event when value is changed.
|
|
119
119
|
*/
|
|
120
120
|
valueChange: EventEmitter<string>;
|
|
121
|
+
/**
|
|
122
|
+
* Emits an event on enter.
|
|
123
|
+
*/
|
|
124
|
+
search: EventEmitter<string>;
|
|
121
125
|
open: EventEmitter<boolean>;
|
|
122
126
|
/**
|
|
123
127
|
* Emits an event when the clear button is clicked.
|
|
@@ -157,6 +161,10 @@ export declare class Search implements ControlValueAccessor {
|
|
|
157
161
|
* @param search The input text.
|
|
158
162
|
*/
|
|
159
163
|
onSearch(search: string): void;
|
|
164
|
+
/**
|
|
165
|
+
* Called on enter.
|
|
166
|
+
*/
|
|
167
|
+
onEnter(): void;
|
|
160
168
|
/**
|
|
161
169
|
* Called when clear button is clicked.
|
|
162
170
|
*/
|
|
@@ -102,6 +102,10 @@ var Search = /** @class */ (function () {
|
|
|
102
102
|
* Emits an event when value is changed.
|
|
103
103
|
*/
|
|
104
104
|
this.valueChange = new EventEmitter();
|
|
105
|
+
/**
|
|
106
|
+
* Emits an event on enter.
|
|
107
|
+
*/
|
|
108
|
+
this.search = new EventEmitter();
|
|
105
109
|
this.open = new EventEmitter();
|
|
106
110
|
/**
|
|
107
111
|
* Emits an event when the clear button is clicked.
|
|
@@ -168,6 +172,12 @@ var Search = /** @class */ (function () {
|
|
|
168
172
|
this.value = search;
|
|
169
173
|
this.doValueChange();
|
|
170
174
|
};
|
|
175
|
+
/**
|
|
176
|
+
* Called on enter.
|
|
177
|
+
*/
|
|
178
|
+
Search.prototype.onEnter = function () {
|
|
179
|
+
this.search.emit(this.value);
|
|
180
|
+
};
|
|
171
181
|
/**
|
|
172
182
|
* Called when clear button is clicked.
|
|
173
183
|
*/
|
|
@@ -216,7 +226,7 @@ var Search = /** @class */ (function () {
|
|
|
216
226
|
Search.decorators = [
|
|
217
227
|
{ type: Component, args: [{
|
|
218
228
|
selector: "ibm-search",
|
|
219
|
-
template: "<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n",
|
|
229
|
+
template: "<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(keyup.enter)=\"onEnter()\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n",
|
|
220
230
|
providers: [
|
|
221
231
|
{
|
|
222
232
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -250,6 +260,7 @@ var Search = /** @class */ (function () {
|
|
|
250
260
|
clearButtonTitle: [{ type: Input }],
|
|
251
261
|
change: [{ type: Output }],
|
|
252
262
|
valueChange: [{ type: Output }],
|
|
263
|
+
search: [{ type: Output }],
|
|
253
264
|
open: [{ type: Output }],
|
|
254
265
|
clear: [{ type: Output }],
|
|
255
266
|
inputRef: [{ type: ViewChild, args: ["input",] }],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.component.js","sourceRoot":"","sources":["../src/search/search.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tEventEmitter,\n\tOutput,\n\tHostBinding,\n\tElementRef,\n\tHostListener,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { I18n } from \"../i18n/i18n.module\";\n\n/**\n * @deprecated in favor of `valueChange`, to be removed in the next major carbon-components-angular version\n * Used to emit changes performed on search components.\n */\nexport class SearchChange {\n\t/**\n\t * Contains the `Search` that has been changed.\n\t */\n\tsource: Search;\n\t/**\n\t * The value of the `Search` field encompassed in the `SearchChange` class.\n\t */\n\tvalue: string;\n}\n\n/**\n * [See demo](../../?path=/story/search--basic)\n *\n * <example-url>../../iframe.html?id=search--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-search\",\n\ttemplate: `<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Search,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Search implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for search components.\n\t */\n\tstatic searchCount = 0;\n\n\t@HostBinding(\"class.bx--form-item\") get containerClass() { return !this.toolbar; }\n\n\t/**\n\t * `light` or `dark` search theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t/**\n\t * Size of the search field.\n\t */\n\t@Input() set size(value: \"sm\" | \"lg\" | \"xl\") {\n\t\tif (value === \"lg\") {\n\t\t\tconsole.warn(\"size `lg` has been deprecated and replaced by `xl`\");\n\t\t\tvalue = \"xl\";\n\t\t}\n\t\tthis._size = value;\n\t}\n\n\tget size(): \"sm\" | \"lg\" | \"xl\" {\n\t\treturn this._size;\n\t}\n\t/**\n\t * Set to `true` for a disabled search input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a toolbar search component.\n\t */\n\t@Input() toolbar = false;\n\t/**\n\t * Set to `true` for a loading search component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to expand the toolbar search component.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Specifies whether the search component is used in the table toolbar.\n\t */\n\t@Input() tableSearch = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the search component.\n\t */\n\t@Input() id = `search-${Search.searchCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = \"\";\n\t/**\n\t * Sets the autocomplete attribute on the `input` element.\n\t * For refernece: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values\n\t */\n\t@Input() autocomplete = \"on\";\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label = this.i18n.get().SEARCH.LABEL;\n\t/**\n\t * Sets the placeholder attribute on the `input` element.\n\t */\n\t@Input() placeholder = this.i18n.get().SEARCH.PLACEHOLDER;\n\t/**\n\t * Used to set the `title` attribute of the clear button.\n\t */\n\t@Input() clearButtonTitle = this.i18n.get().SEARCH.CLEAR_BUTTON;\n\t/**\n\t * @deprecated in favor of `valueChange`, to be removed in the next major carbon-components-angular version\n\t * Emits event notifying other classes when a change in state occurs in the input.\n\t */\n\t@Output() change = new EventEmitter<SearchChange>();\n\t/**\n\t * Emits an event when value is changed.\n\t */\n\t@Output() valueChange = new EventEmitter<string>();\n\t@Output() open = new EventEmitter<boolean>();\n\t/**\n\t * Emits an event when the clear button is clicked.\n\t */\n\t@Output() clear = new EventEmitter();\n\n\t@ViewChild(\"input\") inputRef: ElementRef;\n\n\tprotected _size: \"sm\" | \"xl\" = \"xl\";\n\n\t/**\n\t * Creates an instance of `Search`.\n\t * @param i18n The i18n translations.\n\t */\n\tconstructor(protected elementRef: ElementRef, protected i18n: I18n) {\n\t\tSearch.searchCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the search input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Called when search input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Called when text is written in the input.\n\t * @param search The input text.\n\t */\n\tonSearch(search: string) {\n\t\tthis.value = search;\n\t\tthis.doValueChange();\n\t}\n\n\t/**\n\t * Called when clear button is clicked.\n\t */\n\tclearSearch(): void {\n\t\tthis.value = \"\";\n\t\tthis.clear.emit();\n\t\tthis.propagateChange(this.value);\n\t}\n\n\tdoValueChange() {\n\t\tlet event = new SearchChange();\n\t\tevent.source = this;\n\t\tevent.value = this.value;\n\t\tthis.change.emit(event);\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t}\n\n\topenSearch() {\n\t\tthis.active = true;\n\t\tthis.open.emit(this.active);\n\t\tsetTimeout(() => this.inputRef.nativeElement.focus());\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\tkeyDown(event: KeyboardEvent) {\n\t\tif (this.toolbar) {\n\t\t\tif (event.key === \"Escape\") {\n\t\t\t\tthis.active = false;\n\t\t\t} else if (event.key === \"Enter\") {\n\t\t\t\tthis.openSearch();\n\t\t\t}\n\t\t}\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\tfocusOut(event) {\n\t\tthis.onTouched();\n\t\tif (this.toolbar &&\n\t\t\tthis.inputRef.nativeElement.value === \"\" &&\n\t\t\tevent.relatedTarget === null) {\n\t\t\tthis.active = false;\n\t\t\tthis.open.emit(this.active);\n\t\t}\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"search.component.js","sourceRoot":"","sources":["../src/search/search.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tEventEmitter,\n\tOutput,\n\tHostBinding,\n\tElementRef,\n\tHostListener,\n\tViewChild\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { I18n } from \"../i18n/i18n.module\";\n\n/**\n * @deprecated in favor of `valueChange`, to be removed in the next major carbon-components-angular version\n * Used to emit changes performed on search components.\n */\nexport class SearchChange {\n\t/**\n\t * Contains the `Search` that has been changed.\n\t */\n\tsource: Search;\n\t/**\n\t * The value of the `Search` field encompassed in the `SearchChange` class.\n\t */\n\tvalue: string;\n}\n\n/**\n * [See demo](../../?path=/story/search--basic)\n *\n * <example-url>../../iframe.html?id=search--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-search\",\n\ttemplate: `<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(keyup.enter)=\"onEnter()\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Search,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Search implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for search components.\n\t */\n\tstatic searchCount = 0;\n\n\t@HostBinding(\"class.bx--form-item\") get containerClass() { return !this.toolbar; }\n\n\t/**\n\t * `light` or `dark` search theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t/**\n\t * Size of the search field.\n\t */\n\t@Input() set size(value: \"sm\" | \"lg\" | \"xl\") {\n\t\tif (value === \"lg\") {\n\t\t\tconsole.warn(\"size `lg` has been deprecated and replaced by `xl`\");\n\t\t\tvalue = \"xl\";\n\t\t}\n\t\tthis._size = value;\n\t}\n\n\tget size(): \"sm\" | \"lg\" | \"xl\" {\n\t\treturn this._size;\n\t}\n\t/**\n\t * Set to `true` for a disabled search input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a toolbar search component.\n\t */\n\t@Input() toolbar = false;\n\t/**\n\t * Set to `true` for a loading search component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to expand the toolbar search component.\n\t */\n\t@Input() active = false;\n\t/**\n\t * Specifies whether the search component is used in the table toolbar.\n\t */\n\t@Input() tableSearch = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the search component.\n\t */\n\t@Input() id = `search-${Search.searchCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = \"\";\n\t/**\n\t * Sets the autocomplete attribute on the `input` element.\n\t * For refernece: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values\n\t */\n\t@Input() autocomplete = \"on\";\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label = this.i18n.get().SEARCH.LABEL;\n\t/**\n\t * Sets the placeholder attribute on the `input` element.\n\t */\n\t@Input() placeholder = this.i18n.get().SEARCH.PLACEHOLDER;\n\t/**\n\t * Used to set the `title` attribute of the clear button.\n\t */\n\t@Input() clearButtonTitle = this.i18n.get().SEARCH.CLEAR_BUTTON;\n\t/**\n\t * @deprecated in favor of `valueChange`, to be removed in the next major carbon-components-angular version\n\t * Emits event notifying other classes when a change in state occurs in the input.\n\t */\n\t@Output() change = new EventEmitter<SearchChange>();\n\t/**\n\t * Emits an event when value is changed.\n\t */\n\t@Output() valueChange = new EventEmitter<string>();\n\t/**\n\t * Emits an event on enter.\n\t */\n\t@Output() search = new EventEmitter<string>();\n\t@Output() open = new EventEmitter<boolean>();\n\t/**\n\t * Emits an event when the clear button is clicked.\n\t */\n\t@Output() clear = new EventEmitter();\n\n\t@ViewChild(\"input\") inputRef: ElementRef;\n\n\tprotected _size: \"sm\" | \"xl\" = \"xl\";\n\n\t/**\n\t * Creates an instance of `Search`.\n\t * @param i18n The i18n translations.\n\t */\n\tconstructor(protected elementRef: ElementRef, protected i18n: I18n) {\n\t\tSearch.searchCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the search input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Called when search input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Called when text is written in the input.\n\t * @param search The input text.\n\t */\n\tonSearch(search: string) {\n\t\tthis.value = search;\n\t\tthis.doValueChange();\n\t}\n\n\t/**\n\t * Called on enter.\n\t */\n\tonEnter() {\n\t\tthis.search.emit(this.value);\n\t}\n\n\t/**\n\t * Called when clear button is clicked.\n\t */\n\tclearSearch(): void {\n\t\tthis.value = \"\";\n\t\tthis.clear.emit();\n\t\tthis.propagateChange(this.value);\n\t}\n\n\tdoValueChange() {\n\t\tlet event = new SearchChange();\n\t\tevent.source = this;\n\t\tevent.value = this.value;\n\t\tthis.change.emit(event);\n\t\tthis.valueChange.emit(this.value);\n\t\tthis.propagateChange(this.value);\n\t}\n\n\topenSearch() {\n\t\tthis.active = true;\n\t\tthis.open.emit(this.active);\n\t\tsetTimeout(() => this.inputRef.nativeElement.focus());\n\t}\n\n\t@HostListener(\"keydown\", [\"$event\"])\n\tkeyDown(event: KeyboardEvent) {\n\t\tif (this.toolbar) {\n\t\t\tif (event.key === \"Escape\") {\n\t\t\t\tthis.active = false;\n\t\t\t} else if (event.key === \"Enter\") {\n\t\t\t\tthis.openSearch();\n\t\t\t}\n\t\t}\n\t}\n\n\t@HostListener(\"focusout\", [\"$event\"])\n\tfocusOut(event) {\n\t\tthis.onTouched();\n\t\tif (this.toolbar &&\n\t\t\tthis.inputRef.nativeElement.value === \"\" &&\n\t\t\tevent.relatedTarget === null) {\n\t\t\tthis.active = false;\n\t\t\tthis.open.emit(this.active);\n\t\t}\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"SearchChange":{"__symbolic":"class"},"Search":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"ibm-search","template":"<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"SearchChange":{"__symbolic":"class"},"Search":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"ibm-search","template":"<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(keyup.enter)=\"onEnter()\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":84,"character":12},"useExisting":{"__symbolic":"reference","name":"Search"},"multi":true}]}]}],"members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":2},"arguments":["class.bx--form-item"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":2}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":2}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":2}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":2}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":2}}]}],"tableSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":2}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":2}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":2}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":2}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":2}}]}],"clearButtonTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":2}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":173,"character":2}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":177,"character":2}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":181,"character":2}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":2}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":2}}]}],"inputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":188,"character":2},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":196,"character":35},{"__symbolic":"reference","module":"../i18n/i18n.module","name":"I18n","line":196,"character":63}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"clearSearch":[{"__symbolic":"method"}],"doValueChange":[{"__symbolic":"method"}],"openSearch":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":273,"character":2},"arguments":["keydown",["$event"]]}]}],"focusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":284,"character":2},"arguments":["focusout",["$event"]]}]}]},"statics":{"searchCount":0}}}}]
|
|
@@ -37,9 +37,12 @@ var styles_Search = [];
|
|
|
37
37
|
var RenderType_Search = i0.ɵcrt({ encapsulation: 2, styles: styles_Search, data: {} });
|
|
38
38
|
export { RenderType_Search as RenderType_Search };
|
|
39
39
|
function View_Search_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 0, "div", [["class", "bx--search-input"]], null, null, null, null, null))], null, null); }
|
|
40
|
-
function View_Search_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, [[1, 0], ["input", 1]], null, 0, "input", [["class", "bx--search-input"]], [[8, "type", 0], [8, "id", 0], [8, "value", 0], [8, "autocomplete", 0], [8, "placeholder", 0], [8, "disabled", 0], [8, "required", 0]], [[null, "input"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("
|
|
41
|
-
var pd_0 = (_co.
|
|
40
|
+
function View_Search_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, [[1, 0], ["input", 1]], null, 0, "input", [["class", "bx--search-input"]], [[8, "type", 0], [8, "id", 0], [8, "value", 0], [8, "autocomplete", 0], [8, "placeholder", 0], [8, "disabled", 0], [8, "required", 0]], [[null, "keyup.enter"], [null, "input"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("keyup.enter" === en)) {
|
|
41
|
+
var pd_0 = (_co.onEnter() !== false);
|
|
42
42
|
ad = (pd_0 && ad);
|
|
43
|
+
} if (("input" === en)) {
|
|
44
|
+
var pd_1 = (_co.onSearch($event.target.value) !== false);
|
|
45
|
+
ad = (pd_1 && ad);
|
|
43
46
|
} return ad; }, null, null))], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = ((_co.tableSearch || !_co.toolbar) ? "text" : "search"); var currVal_1 = _co.id; var currVal_2 = _co.value; var currVal_3 = _co.autocomplete; var currVal_4 = _co.placeholder; var currVal_5 = _co.disabled; var currVal_6 = _co.required; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }); }
|
|
44
47
|
function View_Search_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "button", [["class", "bx--toolbar-search__btn"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
|
|
45
48
|
var pd_0 = (_co.openSearch() !== false);
|
|
@@ -62,6 +65,6 @@ export function View_Search_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0
|
|
|
62
65
|
var pd_1 = (i0.ɵnov(_v, 2).focusOut($event) !== false);
|
|
63
66
|
ad = (pd_1 && ad);
|
|
64
67
|
} return ad; }, View_Search_0, RenderType_Search)), i0.ɵprd(5120, null, i6.NG_VALUE_ACCESSOR, function (p0_0) { return [p0_0]; }, [i7.Search]), i0.ɵdid(2, 49152, null, 0, i7.Search, [i0.ElementRef, i8.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 2).containerClass; _ck(_v, 0, 0, currVal_0); }); }
|
|
65
|
-
var SearchNgFactory = i0.ɵccf("ibm-search", i7.Search, View_Search_Host_0, { theme: "theme", size: "size", disabled: "disabled", toolbar: "toolbar", skeleton: "skeleton", active: "active", tableSearch: "tableSearch", name: "name", id: "id", required: "required", value: "value", autocomplete: "autocomplete", label: "label", placeholder: "placeholder", clearButtonTitle: "clearButtonTitle" }, { change: "change", valueChange: "valueChange", open: "open", clear: "clear" }, []);
|
|
68
|
+
var SearchNgFactory = i0.ɵccf("ibm-search", i7.Search, View_Search_Host_0, { theme: "theme", size: "size", disabled: "disabled", toolbar: "toolbar", skeleton: "skeleton", active: "active", tableSearch: "tableSearch", name: "name", id: "id", required: "required", value: "value", autocomplete: "autocomplete", label: "label", placeholder: "placeholder", clearButtonTitle: "clearButtonTitle" }, { change: "change", valueChange: "valueChange", search: "search", open: "open", clear: "clear" }, []);
|
|
66
69
|
export { SearchNgFactory as SearchNgFactory };
|
|
67
70
|
//# sourceMappingURL=search.component.ngfactory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.component.ngfactory.js","sourceRoot":"","sources":["../src/search/search.component.ngfactory.ts","../src/search/search.component.ts.Search.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;iDCaC,yGAAiE;iDAEhE,
|
|
1
|
+
{"version":3,"file":"search.component.ngfactory.js","sourceRoot":"","sources":["../src/search/search.component.ngfactory.ts","../src/search/search.component.ts.Search.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;iDCaC,yGAAiE;iDAEhE,0UAY0C,YADzC;;wBAAyB;MACzB;;wBAAuC;MAZxC,wBAY0C,wDARzC,sEAAoD,GACpD,mBAAS,KACT,mBAAe,QACf,mBAA6B,eAC7B,mBAA2B,cAC3B,mBAAqB,WACrB,mBAAqB,WAVtB,YAY0C,EARzC,SAAoD,EACpD,SAAS,EACT,SAAe,EACf,SAA6B,EAC7B,SAA2B,EAC3B,SAAqB,EACrB,SAAqB;iDAGtB,uKAA+F,YAAvB;;wBAAsB;MAA9F,wBAA+F,KAC9F,qNAAgD;iDAEjD,+KAAuG,YAApD;;wBAAsB;MAAzE,kHAAuG;iDAhBvG,sKAY0C,IAC1C,sKAA+F,IAG/F,sKAAuG,sFAdtG,kEAA0C,IAF3C,YAY0C,EAVzC,SAA0C,GAWnC,wCAA+B,WAAvC,YAA+F,EAAvF,SAA+B,GAGpB,wCAA+B,WAAlD,YAAuG,EAApF,SAA+B;iDAGnD,mMAQyB,YAAxB;;wBAAuB;MARxB,iMAQyB,GALxB,0CAEE,MAIF,gLAAkB,iDAPlB,kCAAwB,EACxB,oEAEE,KALH,YAQyB,EANxB,SAAwB,EACxB,SAEE,mDACF,mBAA0B,mBAC1B,mBAAoC,mBAPrC,YAQyB,EAFxB,SAA0B,EAC1B,SAAoC;gGAzCtC,gSAUe,GARd,0JAOE,MAEF,mHAAoC,KAAA,gCAAS,MAE7C,iMAAiE,IACjE,qEAA0B,KAoB1B,uKAQyB,iDAzCzB,4BAAkB,EAClB,+IAOE,WATH,YAUe,EATd,SAAkB,EAClB,SAOE,GAIG,2DAAkC,GAAvC,YAAiE,EAA5D,oBAAkC,GAsBtC,wCAA+B,WADhC,aAQyB,EAPxB,SAA+B,mDAxBP,mBAAU,KAAnC,YAAoC,EAAX,SAAU,GAAC,kDAAS","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(keyup.enter)=\"onEnter()\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--form-item"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"tableSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"clearButtonTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"inputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":6,"members":[]},{"__symbol":7,"members":[]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clearSearch":[{"__symbolic":"method"}],"doValueChange":[{"__symbolic":"method"}],"openSearch":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":8,"members":[]},"arguments":["keydown",["$event"]]}]}],"focusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":8,"members":[]},"arguments":["focusout",["$event"]]}]}]},"statics":{"searchCount":0}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":6,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":9,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-search","exportAs":null,"inputs":{"theme":"theme","size":"size","disabled":"disabled","toolbar":"toolbar","skeleton":"skeleton","active":"active","tableSearch":"tableSearch","name":"name","id":"id","required":"required","value":"value","autocomplete":"autocomplete","label":"label","placeholder":"placeholder","clearButtonTitle":"clearButtonTitle"},"outputs":{"change":"change","valueChange":"valueChange","open":"open","clear":"clear"},"hostListeners":{"keydown":"keyDown($event)","focusout":"focusOut($event)"},"hostProperties":{"class.bx--form-item":"containerClass"},"hostAttributes":{},"providers":[{"token":{"identifier":{"reference":{"__symbol":10,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":1,"members":[]}}},"multi":true}],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"input"}],"first":true,"descendants":true,"propertyName":"inputRef","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":11,"members":[]},"rendererType":{"__symbol":12,"members":[]},"componentFactory":{"__symbol":13,"members":[]}}}],"symbols":[{"__symbol":0,"name":"SearchChange","filePath":"./search.component"},{"__symbol":1,"name":"Search","filePath":"./search.component"},{"__symbol":2,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":3,"name":"Input","filePath":"@angular/core"},{"__symbol":4,"name":"Output","filePath":"@angular/core"},{"__symbol":5,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":6,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":8,"name":"HostListener","filePath":"@angular/core"},{"__symbol":9,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":10,"name":"NG_VALUE_ACCESSOR","filePath":"@angular/forms"},{"__symbol":11,"name":"View_Search_0","filePath":"./search.component.ngfactory"},{"__symbol":12,"name":"RenderType_Search","filePath":"./search.component.ngfactory"},{"__symbol":13,"name":"SearchNgFactory","filePath":"./search.component.ngfactory"}]}
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--form-item"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"skeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"tableSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"clearButtonTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]}}]}],"inputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":6,"members":[]},{"__symbol":7,"members":[]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"clearSearch":[{"__symbolic":"method"}],"doValueChange":[{"__symbolic":"method"}],"openSearch":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":8,"members":[]},"arguments":["keydown",["$event"]]}]}],"focusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbol":8,"members":[]},"arguments":["focusout",["$event"]]}]}]},"statics":{"searchCount":0}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":6,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":9,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-search","exportAs":null,"inputs":{"theme":"theme","size":"size","disabled":"disabled","toolbar":"toolbar","skeleton":"skeleton","active":"active","tableSearch":"tableSearch","name":"name","id":"id","required":"required","value":"value","autocomplete":"autocomplete","label":"label","placeholder":"placeholder","clearButtonTitle":"clearButtonTitle"},"outputs":{"change":"change","valueChange":"valueChange","search":"search","open":"open","clear":"clear"},"hostListeners":{"keydown":"keyDown($event)","focusout":"focusOut($event)"},"hostProperties":{"class.bx--form-item":"containerClass"},"hostAttributes":{},"providers":[{"token":{"identifier":{"reference":{"__symbol":10,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":1,"members":[]}}},"multi":true}],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"input"}],"first":true,"descendants":true,"propertyName":"inputRef","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":11,"members":[]},"rendererType":{"__symbol":12,"members":[]},"componentFactory":{"__symbol":13,"members":[]}}}],"symbols":[{"__symbol":0,"name":"SearchChange","filePath":"./search.component"},{"__symbol":1,"name":"Search","filePath":"./search.component"},{"__symbol":2,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":3,"name":"Input","filePath":"@angular/core"},{"__symbol":4,"name":"Output","filePath":"@angular/core"},{"__symbol":5,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":6,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":8,"name":"HostListener","filePath":"@angular/core"},{"__symbol":9,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":10,"name":"NG_VALUE_ACCESSOR","filePath":"@angular/forms"},{"__symbol":11,"name":"View_Search_0","filePath":"./search.component.ngfactory"},{"__symbol":12,"name":"RenderType_Search","filePath":"./search.component.ngfactory"},{"__symbol":13,"name":"SearchNgFactory","filePath":"./search.component.ngfactory"}]}
|