carbon-components-angular 3.53.8 → 3.54.2

package/table/toolbar/table-toolbar-search.component.js

@@ -59,7 +59,7 @@ var TableToolbarSearch = /** @class */ (function (_super) {
     TableToolbarSearch.decorators = [
         { type: Component, args: [{
                     selector: "ibm-table-toolbar-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"
+                    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"
                 },] },
     ];
     TableToolbarSearch.propDecorators = {

package/table/toolbar/table-toolbar-search.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.component.js","sourceRoot":"","sources":["../../src/table/toolbar/table-toolbar-search.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EACN,SAAS,EACT,WAAW,EACX,KAAK,EAEL,MAAM,eAAe,CAAC;AAEvB;IAiDwC,sCAAM;IAjD9C;QAAA,qEAkEC;QAhBA,iBAAW,GAAG,IAAI,CAAC;QAEoD,gBAAU,GAAG,KAAK,CAAC;;IAc3F,CAAC;IAZA,sBAAkE,+CAAe;aAAjF,cAAsF,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;;OAAA;IAEhH,sBAA8D,2CAAW;aAAzE;YACC,OAAO,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClE,CAAC;;;OAAA;IAED,qCAAQ,GAAR;QACC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;IACF,CAAC;;gBAjED,SAAS,SAAC;oBACV,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE,+jDA6CV;iBACA;;;6BAIC,WAAW,SAAC,+CAA+C,cAAG,KAAK;kCAEnE,WAAW,SAAC,+CAA+C;8BAE3D,WAAW,SAAC,2CAA2C;;IAUzD,yBAAC;CAAA,AAlED,CAiDwC,MAAM,GAiB7C;SAjBY,kBAAkB","sourcesContent":["import { Search } from \"./../../search/search.component\";\nimport {\n\tComponent,\n\tHostBinding,\n\tInput,\n\tOnInit\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"ibm-table-toolbar-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})\nexport class TableToolbarSearch extends Search implements OnInit {\n\ttableSearch = true;\n\n\t@HostBinding(\"class.bx--toolbar-search-container-expandable\") @Input() expandable = false;\n\n\t@HostBinding(\"class.bx--toolbar-search-container-persistent\") get persistentClass() { return !this.expandable; }\n\n\t@HostBinding(\"class.bx--toolbar-search-container-active\") get activeClass() {\n\t\treturn this.active && (this.value !== null || this.value !== \"\");\n\t}\n\n\tngOnInit() {\n\t\tthis.size = \"sm\";\n\t\tif (this.expandable) {\n\t\t\tthis.toolbar = true;\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"table-toolbar-search.component.js","sourceRoot":"","sources":["../../src/table/toolbar/table-toolbar-search.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EACN,SAAS,EACT,WAAW,EACX,KAAK,EAEL,MAAM,eAAe,CAAC;AAEvB;IAkDwC,sCAAM;IAlD9C;QAAA,qEAmEC;QAhBA,iBAAW,GAAG,IAAI,CAAC;QAEoD,gBAAU,GAAG,KAAK,CAAC;;IAc3F,CAAC;IAZA,sBAAkE,+CAAe;aAAjF,cAAsF,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;;OAAA;IAEhH,sBAA8D,2CAAW;aAAzE;YACC,OAAO,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClE,CAAC;;;OAAA;IAED,qCAAQ,GAAR;QACC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;IACF,CAAC;;gBAlED,SAAS,SAAC;oBACV,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE,kmDA8CV;iBACA;;;6BAIC,WAAW,SAAC,+CAA+C,cAAG,KAAK;kCAEnE,WAAW,SAAC,+CAA+C;8BAE3D,WAAW,SAAC,2CAA2C;;IAUzD,yBAAC;CAAA,AAnED,CAkDwC,MAAM,GAiB7C;SAjBY,kBAAkB","sourcesContent":["import { Search } from \"./../../search/search.component\";\nimport {\n\tComponent,\n\tHostBinding,\n\tInput,\n\tOnInit\n} from \"@angular/core\";\n\n@Component({\n\tselector: \"ibm-table-toolbar-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})\nexport class TableToolbarSearch extends Search implements OnInit {\n\ttableSearch = true;\n\n\t@HostBinding(\"class.bx--toolbar-search-container-expandable\") @Input() expandable = false;\n\n\t@HostBinding(\"class.bx--toolbar-search-container-persistent\") get persistentClass() { return !this.expandable; }\n\n\t@HostBinding(\"class.bx--toolbar-search-container-active\") get activeClass() {\n\t\treturn this.active && (this.value !== null || this.value !== \"\");\n\t}\n\n\tngOnInit() {\n\t\tthis.size = \"sm\";\n\t\tif (this.expandable) {\n\t\t\tthis.toolbar = true;\n\t\t}\n\t}\n}\n"]}

package/table/toolbar/table-toolbar-search.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TableToolbarSearch":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./../../search/search.component","name":"Search","line":57,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ibm-table-toolbar-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"}]}],"members":{"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":2},"arguments":["class.bx--toolbar-search-container-expandable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":64}}]}],"persistentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":2},"arguments":["class.bx--toolbar-search-container-persistent"]}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":2},"arguments":["class.bx--toolbar-search-container-active"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TableToolbarSearch":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./../../search/search.component","name":"Search","line":58,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ibm-table-toolbar-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"}]}],"members":{"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":2},"arguments":["class.bx--toolbar-search-container-expandable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":64}}]}],"persistentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--toolbar-search-container-persistent"]}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":2},"arguments":["class.bx--toolbar-search-container-active"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/table/toolbar/table-toolbar-search.component.ngfactory.js

@@ -36,9 +36,12 @@ var styles_TableToolbarSearch = [];
 var RenderType_TableToolbarSearch = i0.ɵcrt({ encapsulation: 2, styles: styles_TableToolbarSearch, data: {} });
 export { RenderType_TableToolbarSearch as RenderType_TableToolbarSearch };
 function View_TableToolbarSearch_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); }
-function View_TableToolbarSearch_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 (("input" === en)) {
-        var pd_0 = (_co.onSearch($event.target.value) !== false);
+function View_TableToolbarSearch_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)) {
+        var pd_0 = (_co.onEnter() !== false);
         ad = (pd_0 && ad);
+    } if (("input" === en)) {
+        var pd_1 = (_co.onSearch($event.target.value) !== false);
+        ad = (pd_1 && ad);
     } 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); }); }
 function View_TableToolbarSearch_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)) {
         var pd_0 = (_co.openSearch() !== false);
@@ -61,6 +64,6 @@ export function View_TableToolbarSearch_Host_0(_l) { return i0.ɵvid(0, [(_l()()
         var pd_1 = (i0.ɵnov(_v, 1).focusOut($event) !== false);
         ad = (pd_1 && ad);
     } return ad; }, View_TableToolbarSearch_0, RenderType_TableToolbarSearch)), i0.ɵdid(1, 114688, null, 0, i6.TableToolbarSearch, [i0.ElementRef, i7.I18n], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).containerClass; var currVal_1 = i0.ɵnov(_v, 1).expandable; var currVal_2 = i0.ɵnov(_v, 1).persistentClass; var currVal_3 = i0.ɵnov(_v, 1).activeClass; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3); }); }
-var TableToolbarSearchNgFactory = i0.ɵccf("ibm-table-toolbar-search", i6.TableToolbarSearch, View_TableToolbarSearch_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", expandable: "expandable" }, { change: "change", valueChange: "valueChange", open: "open", clear: "clear" }, []);
+var TableToolbarSearchNgFactory = i0.ɵccf("ibm-table-toolbar-search", i6.TableToolbarSearch, View_TableToolbarSearch_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", expandable: "expandable" }, { change: "change", valueChange: "valueChange", search: "search", open: "open", clear: "clear" }, []);
 export { TableToolbarSearchNgFactory as TableToolbarSearchNgFactory };
 //# sourceMappingURL=table-toolbar-search.component.ngfactory.js.map

package/table/toolbar/table-toolbar-search.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.component.ngfactory.js","sourceRoot":"","sources":["../../src/table/toolbar/table-toolbar-search.component.ngfactory.ts","../../src/table/toolbar/table-toolbar-search.component.ts.TableToolbarSearch.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;6DCaC,yGAAiE;6DAEhE,mTAW0C,YAAzC;;wBAAuC;MAXxC,wBAW0C,wDAPzC,sEAAoD,GACpD,mBAAS,KACT,mBAAe,QACf,mBAA6B,eAC7B,mBAA2B,cAC3B,mBAAqB,WACrB,mBAAqB,WAVtB,YAW0C,EAPzC,SAAoD,EACpD,SAAS,EACT,SAAe,EACf,SAA6B,EAC7B,SAA2B,EAC3B,SAAqB,EACrB,SAAqB;6DAEtB,uKAA+F,YAAvB;;wBAAsB;MAA9F,wBAA+F,KAC9F,qNAAgD;6DAEjD,+KAAuG,YAApD;;wBAAsB;MAAzE,kHAAuG;6DAfvG,kLAW0C,IAC1C,kLAA+F,IAG/F,kLAAuG,sFAbtG,kEAA0C,IAF3C,YAW0C,EATzC,SAA0C,GAUnC,wCAA+B,WAAvC,YAA+F,EAAvF,SAA+B,GAGpB,wCAA+B,WAAlD,YAAuG,EAApF,SAA+B;6DAGnD,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;4GAxCtC,gSAUe,GARd,0JAOE,MAEF,mHAAoC,KAAA,gCAAS,MAE7C,6MAAiE,IACjE,iFAA0B,KAmB1B,mLAQyB,iDAxCzB,4BAAkB,EAClB,+IAOE,WATH,YAUe,EATd,SAAkB,EAClB,SAOE,GAIG,2DAAkC,GAAvC,YAAiE,EAA5D,oBAAkC,GAqBtC,wCAA+B,WADhC,aAQyB,EAPxB,SAA+B,mDAvBP,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(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"]}
+{"version":3,"file":"table-toolbar-search.component.ngfactory.js","sourceRoot":"","sources":["../../src/table/toolbar/table-toolbar-search.component.ngfactory.ts","../../src/table/toolbar/table-toolbar-search.component.ts.TableToolbarSearch.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;6DCaC,yGAAiE;6DAEhE,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;6DAGtB,uKAA+F,YAAvB;;wBAAsB;MAA9F,wBAA+F,KAC9F,qNAAgD;6DAEjD,+KAAuG,YAApD;;wBAAsB;MAAzE,kHAAuG;6DAhBvG,kLAY0C,IAC1C,kLAA+F,IAG/F,kLAAuG,sFAdtG,kEAA0C,IAF3C,YAY0C,EAVzC,SAA0C,GAWnC,wCAA+B,WAAvC,YAA+F,EAAvF,SAA+B,GAGpB,wCAA+B,WAAlD,YAAuG,EAApF,SAA+B;6DAGnD,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;4GAzCtC,gSAUe,GARd,0JAOE,MAEF,mHAAoC,KAAA,gCAAS,MAE7C,6MAAiE,IACjE,iFAA0B,KAoB1B,mLAQyB,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"]}

package/table/toolbar/table-toolbar-search.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-expandable"]},{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"persistentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-persistent"]}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-active"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-table-toolbar-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","expandable":"expandable"},"outputs":{"change":"change","valueChange":"valueChange","open":"open","clear":"clear"},"hostListeners":{"keydown":"keyDown($event)","focusout":"focusOut($event)"},"hostProperties":{"class.bx--form-item":"containerClass","class.bx--toolbar-search-container-expandable":"expandable","class.bx--toolbar-search-container-persistent":"persistentClass","class.bx--toolbar-search-container-active":"activeClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"input"}],"first":true,"descendants":true,"propertyName":"inputRef","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TableToolbarSearch","filePath":"./table-toolbar-search.component"},{"__symbol":1,"name":"Search","filePath":"../../search/search.component"},{"__symbol":2,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":3,"name":"Input","filePath":"@angular/core"},{"__symbol":4,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":5,"name":"I18n","filePath":"../../i18n/i18n.service"},{"__symbol":6,"name":"View_TableToolbarSearch_0","filePath":"./table-toolbar-search.component.ngfactory"},{"__symbol":7,"name":"RenderType_TableToolbarSearch","filePath":"./table-toolbar-search.component.ngfactory"},{"__symbol":8,"name":"TableToolbarSearchNgFactory","filePath":"./table-toolbar-search.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-expandable"]},{"__symbolic":"call","expression":{"__symbol":3,"members":[]}}]}],"persistentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-persistent"]}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]},"arguments":["class.bx--toolbar-search-container-active"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-table-toolbar-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","expandable":"expandable"},"outputs":{"change":"change","valueChange":"valueChange","search":"search","open":"open","clear":"clear"},"hostListeners":{"keydown":"keyDown($event)","focusout":"focusOut($event)"},"hostProperties":{"class.bx--form-item":"containerClass","class.bx--toolbar-search-container-expandable":"expandable","class.bx--toolbar-search-container-persistent":"persistentClass","class.bx--toolbar-search-container-active":"activeClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"input"}],"first":true,"descendants":true,"propertyName":"inputRef","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TableToolbarSearch","filePath":"./table-toolbar-search.component"},{"__symbol":1,"name":"Search","filePath":"../../search/search.component"},{"__symbol":2,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":3,"name":"Input","filePath":"@angular/core"},{"__symbol":4,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":5,"name":"I18n","filePath":"../../i18n/i18n.service"},{"__symbol":6,"name":"View_TableToolbarSearch_0","filePath":"./table-toolbar-search.component.ngfactory"},{"__symbol":7,"name":"RenderType_TableToolbarSearch","filePath":"./table-toolbar-search.component.ngfactory"},{"__symbol":8,"name":"TableToolbarSearchNgFactory","filePath":"./table-toolbar-search.component.ngfactory"}]}

package/tag/tag-filter.component.d.ts

@@ -25,5 +25,14 @@ export declare class TagFilter extends Tag {
      * Function for close/delete the tag
      */
     close: EventEmitter<any>;
+    /**
+     * We need to stop the immedate propagation of click on the close button
+     * to prevent undesired effects when used within dialogs.
+     *
+     * We need to emit a click event on close to allow for clicks to be listened
+     * to on the immediate close button element.
+     */
+    click: EventEmitter<any>;
+    onClose(event: any): void;
     readonly attrClass: string;
 }

package/tag/tag-filter.component.js

@@ -38,8 +38,21 @@ var TagFilter = /** @class */ (function (_super) {
          * Function for close/delete the tag
          */
         _this.close = new EventEmitter();
+        /**
+         * We need to stop the immedate propagation of click on the close button
+         * to prevent undesired effects when used within dialogs.
+         *
+         * We need to emit a click event on close to allow for clicks to be listened
+         * to on the immediate close button element.
+         */
+        _this.click = new EventEmitter();
         return _this;
     }
+    TagFilter.prototype.onClose = function (event) {
+        event.stopImmediatePropagation();
+        this.click.emit();
+        this.close.emit();
+    };
     Object.defineProperty(TagFilter.prototype, "attrClass", {
         get: function () {
             return "bx--tag bx--tag--filter bx--tag--" + this.type + " " + this.class;
@@ -50,11 +63,12 @@ var TagFilter = /** @class */ (function (_super) {
     TagFilter.decorators = [
         { type: Component, args: [{
                     selector: "ibm-tag-filter",
-                    template: "\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"
+                    template: "\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"onClose($event)\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"
                 },] },
     ];
     TagFilter.propDecorators = {
         close: [{ type: Output }],
+        click: [{ type: Output }],
         attrClass: [{ type: HostBinding, args: ["attr.class",] }]
     };
     return TagFilter;

package/tag/tag-filter.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-filter.component.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC;IAmB+B,6BAAG;IAnBlC;QAAA,qEA4BC;QARA;;WAEG;QACO,WAAK,GAAG,IAAI,YAAY,EAAO,CAAC;;IAK3C,CAAC;IAHA,sBAA+B,gCAAS;aAAxC;YACC,OAAO,sCAAoC,IAAI,CAAC,IAAI,SAAI,IAAI,CAAC,KAAO,CAAC;QACtE,CAAC;;;OAAA;;gBA3BD,SAAS,SAAC;oBACV,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,8dAeT;iBACD;;;wBAKC,MAAM;4BAEN,WAAW,SAAC,YAAY;;IAG1B,gBAAC;CAAA,AA5BD,CAmB+B,GAAG,GASjC;SATY,SAAS","sourcesContent":["import {\n\tComponent,\n\tOutput,\n\tEventEmitter,\n\tHostBinding\n} from \"@angular/core\";\nimport { Tag } from \"./tag.component\";\n\n@Component({\n\tselector: \"ibm-tag-filter\",\n\ttemplate: `\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t`\n})\nexport class TagFilter extends Tag {\n\t/**\n\t * Function for close/delete the tag\n\t */\n\t@Output() close = new EventEmitter<any>();\n\n\t@HostBinding(\"attr.class\") get attrClass() {\n\t\treturn `bx--tag bx--tag--filter bx--tag--${this.type} ${this.class}`;\n\t}\n}\n"]}
+{"version":3,"file":"tag-filter.component.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC;IAmB+B,6BAAG;IAnBlC;QAAA,qEA2CC;QAvBA;;WAEG;QACO,WAAK,GAAG,IAAI,YAAY,EAAO,CAAC;QAE1C;;;;;;WAMG;QACO,WAAK,GAAG,IAAI,YAAY,EAAO,CAAC;;IAW3C,CAAC;IATA,2BAAO,GAAP,UAAQ,KAAK;QACZ,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED,sBAA+B,gCAAS;aAAxC;YACC,OAAO,sCAAoC,IAAI,CAAC,IAAI,SAAI,IAAI,CAAC,KAAO,CAAC;QACtE,CAAC;;;OAAA;;gBA1CD,SAAS,SAAC;oBACV,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,ieAeT;iBACD;;;wBAKC,MAAM;wBASN,MAAM;4BAQN,WAAW,SAAC,YAAY;;IAG1B,gBAAC;CAAA,AA3CD,CAmB+B,GAAG,GAwBjC;SAxBY,SAAS","sourcesContent":["import {\n\tComponent,\n\tOutput,\n\tEventEmitter,\n\tHostBinding\n} from \"@angular/core\";\nimport { Tag } from \"./tag.component\";\n\n@Component({\n\tselector: \"ibm-tag-filter\",\n\ttemplate: `\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"onClose($event)\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t`\n})\nexport class TagFilter extends Tag {\n\t/**\n\t * Function for close/delete the tag\n\t */\n\t@Output() close = new EventEmitter<any>();\n\n\t/**\n\t * We need to stop the immedate propagation of click on the close button\n\t * to prevent undesired effects when used within dialogs.\n\t *\n\t * We need to emit a click event on close to allow for clicks to be listened\n\t * to on the immediate close button element.\n\t */\n\t@Output() click = new EventEmitter<any>();\n\n\tonClose(event) {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.click.emit();\n\t\tthis.close.emit();\n\t}\n\n\t@HostBinding(\"attr.class\") get attrClass() {\n\t\treturn `bx--tag bx--tag--filter bx--tag--${this.type} ${this.class}`;\n\t}\n}\n"]}

package/tag/tag-filter.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TagFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./tag.component","name":"Tag","line":27,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ibm-tag-filter","template":"\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"}]}],"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":2}}]}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":2},"arguments":["attr.class"]}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TagFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./tag.component","name":"Tag","line":27,"character":31},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ibm-tag-filter","template":"\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"onClose($event)\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"}]}],"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":2}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":2}}]}],"onClose":[{"__symbolic":"method"}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":2},"arguments":["attr.class"]}]}]}}}}]

package/tag/tag-filter.component.ngfactory.js

@@ -30,10 +30,10 @@ var styles_TagFilter = [];
 var RenderType_TagFilter = i0.ɵcrt({ encapsulation: 2, styles: styles_TagFilter, data: {} });
 export { RenderType_TagFilter as RenderType_TagFilter };
 export function View_TagFilter_0(_l) { return i0.ɵvid(0, [i0.ɵncd(null, 0), (_l()(), i0.ɵeld(1, 0, null, null, 1, ":svg:svg", [["aria-label", "Clear filter"], ["focusable", "false"], ["height", "16"], ["preserveAspectRatio", "xMidYMid meet"], ["role", "img"], ["style", "will-change: transform;"], ["viewBox", "0 0 16 16"], ["width", "16"], ["xmlns", "http://www.w3.org/2000/svg"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
-        var pd_0 = (_co.close.emit() !== false);
+        var pd_0 = (_co.onClose($event) !== false);
         ad = (pd_0 && ad);
     } return ad; }, null, null)), (_l()(), i0.ɵeld(2, 0, null, null, 0, ":svg:path", [["d", "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"]], null, null, null, null, null))], null, null); }
 export function View_TagFilter_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-tag-filter", [], [[1, "class", 0]], null, null, View_TagFilter_0, RenderType_TagFilter)), i0.ɵdid(1, 49152, null, 0, i1.TagFilter, [], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).attrClass; _ck(_v, 0, 0, currVal_0); }); }
-var TagFilterNgFactory = i0.ɵccf("ibm-tag-filter", i1.TagFilter, View_TagFilter_Host_0, { type: "type", class: "class" }, { close: "close" }, ["*"]);
+var TagFilterNgFactory = i0.ɵccf("ibm-tag-filter", i1.TagFilter, View_TagFilter_Host_0, { type: "type", class: "class" }, { close: "close", click: "click" }, ["*"]);
 export { TagFilterNgFactory as TagFilterNgFactory };
 //# sourceMappingURL=tag-filter.component.ngfactory.js.map

package/tag/tag-filter.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-filter.component.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ngfactory.ts","../src/tag/tag-filter.component.ts.TagFilter.html"],"names":[],"mappings":";;;;;;;;;;;0DCCE,eAAY,IACZ,kYAUY,YATX;;wBAAsB;MADvB,wBAUY,KACX,uKAAuF","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"close.emit()\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"]}
+{"version":3,"file":"tag-filter.component.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag-filter.component.ngfactory.ts","../src/tag/tag-filter.component.ts.TagFilter.html"],"names":[],"mappings":";;;;;;;;;;;0DCCE,eAAY,IACZ,kYAUY,YATX;;wBAAyB;MAD1B,wBAUY,KACX,uKAAuF","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<ng-content></ng-content>\n\t\t<svg\n\t\t\t(click)=\"onClose($event)\"\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\tstyle=\"will-change: transform;\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-label=\"Clear filter\"\n\t\t\twidth=\"16\"\n\t\t\theight=\"16\"\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\trole=\"img\">\n\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t</svg>\n\t"]}

package/tag/tag-filter.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.class"]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-tag-filter","exportAs":null,"inputs":{"type":"type","class":"class"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.class":"attrClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":4,"members":[]},"rendererType":{"__symbol":5,"members":[]},"componentFactory":{"__symbol":6,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TagFilter","filePath":"./tag-filter.component"},{"__symbol":1,"name":"Tag","filePath":"./tag.component"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"View_TagFilter_0","filePath":"./tag-filter.component.ngfactory"},{"__symbol":5,"name":"RenderType_TagFilter","filePath":"./tag-filter.component.ngfactory"},{"__symbol":6,"name":"TagFilterNgFactory","filePath":"./tag-filter.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"onClose":[{"__symbolic":"method"}],"attrClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.class"]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-tag-filter","exportAs":null,"inputs":{"type":"type","class":"class"},"outputs":{"close":"close","click":"click"},"hostListeners":{},"hostProperties":{"attr.class":"attrClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":4,"members":[]},"rendererType":{"__symbol":5,"members":[]},"componentFactory":{"__symbol":6,"members":[]}}}],"symbols":[{"__symbol":0,"name":"TagFilter","filePath":"./tag-filter.component"},{"__symbol":1,"name":"Tag","filePath":"./tag.component"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"View_TagFilter_0","filePath":"./tag-filter.component.ngfactory"},{"__symbol":5,"name":"RenderType_TagFilter","filePath":"./tag-filter.component.ngfactory"},{"__symbol":6,"name":"TagFilterNgFactory","filePath":"./tag-filter.component.ngfactory"}]}

package/tag/tag.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.module.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tag.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from './tag.component';\nimport * as i5 from './tag-filter.component';\nexport const TagModuleNgFactory:i0.NgModuleFactory<i1.TagModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close16 = (<any>(null as any));\nvar _decl0_12:i3.Close16Directive = (<any>(null as any));\nvar _decl0_13:i4.Tag = (<any>(null as any));\nvar _decl0_14:i5.TagFilter = (<any>(null as any));\nvar _decl0_15:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_16:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_17:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_18:i2.JsonPipe = (<any>(null as any));\nvar _decl0_19:i2.SlicePipe = (<any>(null as any));\nvar _decl0_20:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_21:i2.PercentPipe = (<any>(null as any));\nvar _decl0_22:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_23:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_24:i2.DatePipe = (<any>(null as any));\nvar _decl0_25:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_26:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_27:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_28:i2.CommonModule = (<any>(null as any));\nvar _decl0_29:i3.Close16Module = (<any>(null as any));\nvar _decl0_30:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_31:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tag_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Tag_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TagFilter_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TagFilter_2_0():void {\n  var _any:any = (null as any);\n  const pd_0:any = ((<any>_decl0_14.close.emit()) !== false);\n}\n"]}
+{"version":3,"file":"tag.module.ngfactory.js","sourceRoot":"","sources":["../src/tag/tag.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './tag.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from './tag.component';\nimport * as i5 from './tag-filter.component';\nexport const TagModuleNgFactory:i0.NgModuleFactory<i1.TagModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close16 = (<any>(null as any));\nvar _decl0_12:i3.Close16Directive = (<any>(null as any));\nvar _decl0_13:i4.Tag = (<any>(null as any));\nvar _decl0_14:i5.TagFilter = (<any>(null as any));\nvar _decl0_15:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_16:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_17:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_18:i2.JsonPipe = (<any>(null as any));\nvar _decl0_19:i2.SlicePipe = (<any>(null as any));\nvar _decl0_20:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_21:i2.PercentPipe = (<any>(null as any));\nvar _decl0_22:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_23:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_24:i2.DatePipe = (<any>(null as any));\nvar _decl0_25:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_26:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_27:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_28:i2.CommonModule = (<any>(null as any));\nvar _decl0_29:i3.Close16Module = (<any>(null as any));\nvar _decl0_30:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_31:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Tag_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_Tag_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TagFilter_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TagFilter_2_0():void {\n  var _any:any = (null as any);\n  const pd_0:any = ((<any>_decl0_14.onClose(_any)) !== false);\n}\n"]}