@covalent/core 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +1 -1
  2. package/bundles/covalent-core-breadcrumbs.umd.js +1 -1
  3. package/bundles/covalent-core-breadcrumbs.umd.min.js +1 -1
  4. package/bundles/covalent-core-breadcrumbs.umd.min.js.map +1 -1
  5. package/bundles/covalent-core-chips.umd.js +1 -1
  6. package/bundles/covalent-core-chips.umd.min.js +1 -1
  7. package/bundles/covalent-core-chips.umd.min.js.map +1 -1
  8. package/bundles/covalent-core-common.umd.js +251 -84
  9. package/bundles/covalent-core-common.umd.js.map +1 -1
  10. package/bundles/covalent-core-common.umd.min.js +1 -1
  11. package/bundles/covalent-core-common.umd.min.js.map +1 -1
  12. package/bundles/covalent-core-data-table.umd.js +4 -4
  13. package/bundles/covalent-core-data-table.umd.js.map +1 -1
  14. package/bundles/covalent-core-data-table.umd.min.js +1 -1
  15. package/bundles/covalent-core-data-table.umd.min.js.map +1 -1
  16. package/bundles/covalent-core-dialogs.umd.js +2 -2
  17. package/bundles/covalent-core-dialogs.umd.min.js +1 -1
  18. package/bundles/covalent-core-dialogs.umd.min.js.map +1 -1
  19. package/bundles/covalent-core-expansion-panel.umd.js +1 -1
  20. package/bundles/covalent-core-expansion-panel.umd.min.js +1 -1
  21. package/bundles/covalent-core-expansion-panel.umd.min.js.map +1 -1
  22. package/bundles/covalent-core-json-formatter.umd.js +1 -1
  23. package/bundles/covalent-core-json-formatter.umd.min.js +1 -1
  24. package/bundles/covalent-core-json-formatter.umd.min.js.map +1 -1
  25. package/bundles/covalent-core-layout.umd.js +8 -7
  26. package/bundles/covalent-core-layout.umd.js.map +1 -1
  27. package/bundles/covalent-core-layout.umd.min.js +1 -1
  28. package/bundles/covalent-core-layout.umd.min.js.map +1 -1
  29. package/bundles/covalent-core-loading.umd.js +1 -1
  30. package/bundles/covalent-core-loading.umd.min.js +1 -1
  31. package/bundles/covalent-core-loading.umd.min.js.map +1 -1
  32. package/bundles/covalent-core-menu.umd.js +1 -1
  33. package/bundles/covalent-core-menu.umd.min.js +1 -1
  34. package/bundles/covalent-core-menu.umd.min.js.map +1 -1
  35. package/bundles/covalent-core-message.umd.js +1 -1
  36. package/bundles/covalent-core-message.umd.min.js +1 -1
  37. package/bundles/covalent-core-message.umd.min.js.map +1 -1
  38. package/bundles/covalent-core-paging.umd.js +1 -1
  39. package/bundles/covalent-core-paging.umd.min.js +1 -1
  40. package/bundles/covalent-core-paging.umd.min.js.map +1 -1
  41. package/bundles/covalent-core-search.umd.js +5 -4
  42. package/bundles/covalent-core-search.umd.js.map +1 -1
  43. package/bundles/covalent-core-search.umd.min.js +1 -1
  44. package/bundles/covalent-core-search.umd.min.js.map +1 -1
  45. package/bundles/covalent-core-sidesheet.umd.js +137 -0
  46. package/bundles/covalent-core-sidesheet.umd.js.map +1 -0
  47. package/bundles/covalent-core-sidesheet.umd.min.js +2 -0
  48. package/bundles/covalent-core-sidesheet.umd.min.js.map +1 -0
  49. package/bundles/covalent-core-steps.umd.js +5 -5
  50. package/bundles/covalent-core-steps.umd.min.js +1 -1
  51. package/bundles/covalent-core-steps.umd.min.js.map +1 -1
  52. package/bundles/covalent-core-tab-select.umd.js +3 -2
  53. package/bundles/covalent-core-tab-select.umd.js.map +1 -1
  54. package/bundles/covalent-core-tab-select.umd.min.js +1 -1
  55. package/bundles/covalent-core-tab-select.umd.min.js.map +1 -1
  56. package/bundles/covalent-core.umd.js +220 -62
  57. package/bundles/covalent-core.umd.js.map +1 -1
  58. package/bundles/covalent-core.umd.min.js +1 -1
  59. package/bundles/covalent-core.umd.min.js.map +1 -1
  60. package/chips/covalent-core-chips.metadata.json +1 -1
  61. package/common/covalent-core-common.d.ts +4 -3
  62. package/common/covalent-core-common.metadata.json +1 -1
  63. package/common/directives/fullscreen/fullscreen.directive.d.ts +22 -0
  64. package/covalent-core.d.ts +8 -7
  65. package/covalent-core.metadata.json +1 -1
  66. package/data-table/README.md +2 -2
  67. package/data-table/covalent-core-data-table.metadata.json +1 -1
  68. package/dialogs/covalent-core-dialogs.metadata.json +1 -1
  69. package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
  70. package/esm2015/chips/chips.component.js +1 -1
  71. package/esm2015/common/common.module.js +8 -26
  72. package/esm2015/common/covalent-core-common.js +5 -4
  73. package/esm2015/common/directives/fullscreen/fullscreen.directive.js +136 -0
  74. package/esm2015/covalent-core.js +9 -8
  75. package/esm2015/data-table/data-table-cell/data-table-cell.component.js +1 -1
  76. package/esm2015/data-table/data-table-column/data-table-column.component.js +1 -1
  77. package/esm2015/data-table/data-table.component.js +3 -3
  78. package/esm2015/dialogs/dialog.component.js +1 -1
  79. package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
  80. package/esm2015/expansion-panel/expansion-panel.component.js +1 -1
  81. package/esm2015/json-formatter/json-formatter.component.js +1 -1
  82. package/esm2015/layout/layout-card-over/layout-card-over.component.js +1 -1
  83. package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +1 -1
  84. package/esm2015/layout/layout-nav/layout-nav.component.js +1 -1
  85. package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +1 -1
  86. package/esm2015/layout/layout.component.js +1 -1
  87. package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +12 -3
  88. package/esm2015/loading/loading.component.js +1 -1
  89. package/esm2015/menu/menu.component.js +1 -1
  90. package/esm2015/message/message.component.js +1 -1
  91. package/esm2015/paging/paging-bar.component.js +1 -1
  92. package/esm2015/search/search-box/search-box.component.js +3 -3
  93. package/esm2015/search/search-input/search-input.component.js +10 -3
  94. package/esm2015/sidesheet/covalent-core-sidesheet.js +9 -0
  95. package/esm2015/sidesheet/index.js +6 -0
  96. package/esm2015/sidesheet/public-api.js +7 -0
  97. package/esm2015/sidesheet/sidesheet.component.js +70 -0
  98. package/esm2015/sidesheet/sidesheet.module.js +33 -0
  99. package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
  100. package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
  101. package/esm2015/steps/step-body/step-body.component.js +1 -1
  102. package/esm2015/steps/step-header/step-header.component.js +1 -1
  103. package/esm2015/steps/steps.component.js +1 -1
  104. package/esm2015/tab-select/tab-select.component.js +4 -3
  105. package/esm5/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
  106. package/esm5/chips/chips.component.js +1 -1
  107. package/esm5/common/common.module.js +8 -26
  108. package/esm5/common/covalent-core-common.js +5 -4
  109. package/esm5/common/directives/fullscreen/fullscreen.directive.js +184 -0
  110. package/esm5/covalent-core.js +9 -8
  111. package/esm5/data-table/data-table-cell/data-table-cell.component.js +1 -1
  112. package/esm5/data-table/data-table-column/data-table-column.component.js +1 -1
  113. package/esm5/data-table/data-table.component.js +3 -3
  114. package/esm5/dialogs/dialog.component.js +1 -1
  115. package/esm5/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
  116. package/esm5/expansion-panel/expansion-panel.component.js +1 -1
  117. package/esm5/json-formatter/json-formatter.component.js +1 -1
  118. package/esm5/layout/layout-card-over/layout-card-over.component.js +1 -1
  119. package/esm5/layout/layout-manage-list/layout-manage-list.component.js +1 -1
  120. package/esm5/layout/layout-nav/layout-nav.component.js +1 -1
  121. package/esm5/layout/layout-nav-list/layout-nav-list.component.js +1 -1
  122. package/esm5/layout/layout.component.js +1 -1
  123. package/esm5/layout/navigation-drawer/navigation-drawer.component.js +12 -3
  124. package/esm5/loading/loading.component.js +1 -1
  125. package/esm5/menu/menu.component.js +1 -1
  126. package/esm5/message/message.component.js +1 -1
  127. package/esm5/paging/paging-bar.component.js +1 -1
  128. package/esm5/search/search-box/search-box.component.js +3 -3
  129. package/esm5/search/search-input/search-input.component.js +10 -3
  130. package/esm5/sidesheet/covalent-core-sidesheet.js +9 -0
  131. package/esm5/sidesheet/index.js +6 -0
  132. package/esm5/sidesheet/public-api.js +7 -0
  133. package/esm5/sidesheet/sidesheet.component.js +88 -0
  134. package/esm5/sidesheet/sidesheet.module.js +37 -0
  135. package/esm5/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
  136. package/esm5/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
  137. package/esm5/steps/step-body/step-body.component.js +1 -1
  138. package/esm5/steps/step-header/step-header.component.js +1 -1
  139. package/esm5/steps/steps.component.js +1 -1
  140. package/esm5/tab-select/tab-select.component.js +4 -3
  141. package/expansion-panel/covalent-core-expansion-panel.metadata.json +1 -1
  142. package/fesm2015/covalent-core-breadcrumbs.js +1 -1
  143. package/fesm2015/covalent-core-chips.js +1 -1
  144. package/fesm2015/covalent-core-common.js +114 -26
  145. package/fesm2015/covalent-core-common.js.map +1 -1
  146. package/fesm2015/covalent-core-data-table.js +4 -4
  147. package/fesm2015/covalent-core-data-table.js.map +1 -1
  148. package/fesm2015/covalent-core-dialogs.js +2 -2
  149. package/fesm2015/covalent-core-expansion-panel.js +1 -1
  150. package/fesm2015/covalent-core-json-formatter.js +1 -1
  151. package/fesm2015/covalent-core-layout.js +8 -7
  152. package/fesm2015/covalent-core-layout.js.map +1 -1
  153. package/fesm2015/covalent-core-loading.js +1 -1
  154. package/fesm2015/covalent-core-menu.js +1 -1
  155. package/fesm2015/covalent-core-message.js +1 -1
  156. package/fesm2015/covalent-core-paging.js +1 -1
  157. package/fesm2015/covalent-core-search.js +5 -4
  158. package/fesm2015/covalent-core-search.js.map +1 -1
  159. package/fesm2015/covalent-core-sidesheet.js +110 -0
  160. package/fesm2015/covalent-core-sidesheet.js.map +1 -0
  161. package/fesm2015/covalent-core-steps.js +5 -5
  162. package/fesm2015/covalent-core-tab-select.js +3 -2
  163. package/fesm2015/covalent-core-tab-select.js.map +1 -1
  164. package/fesm2015/covalent-core.js +149 -58
  165. package/fesm2015/covalent-core.js.map +1 -1
  166. package/fesm5/covalent-core-breadcrumbs.js +1 -1
  167. package/fesm5/covalent-core-chips.js +1 -1
  168. package/fesm5/covalent-core-common.js +161 -27
  169. package/fesm5/covalent-core-common.js.map +1 -1
  170. package/fesm5/covalent-core-data-table.js +4 -4
  171. package/fesm5/covalent-core-data-table.js.map +1 -1
  172. package/fesm5/covalent-core-dialogs.js +2 -2
  173. package/fesm5/covalent-core-expansion-panel.js +1 -1
  174. package/fesm5/covalent-core-json-formatter.js +1 -1
  175. package/fesm5/covalent-core-layout.js +8 -7
  176. package/fesm5/covalent-core-layout.js.map +1 -1
  177. package/fesm5/covalent-core-loading.js +1 -1
  178. package/fesm5/covalent-core-menu.js +1 -1
  179. package/fesm5/covalent-core-message.js +1 -1
  180. package/fesm5/covalent-core-paging.js +1 -1
  181. package/fesm5/covalent-core-search.js +5 -4
  182. package/fesm5/covalent-core-search.js.map +1 -1
  183. package/fesm5/covalent-core-sidesheet.js +126 -0
  184. package/fesm5/covalent-core-sidesheet.js.map +1 -0
  185. package/fesm5/covalent-core-steps.js +5 -5
  186. package/fesm5/covalent-core-tab-select.js +3 -2
  187. package/fesm5/covalent-core-tab-select.js.map +1 -1
  188. package/fesm5/covalent-core.js +196 -59
  189. package/fesm5/covalent-core.js.map +1 -1
  190. package/json-formatter/covalent-core-json-formatter.metadata.json +1 -1
  191. package/layout/README.md +5 -2
  192. package/layout/covalent-core-layout.metadata.json +1 -1
  193. package/layout/navigation-drawer/navigation-drawer.component.d.ts +7 -0
  194. package/layout/navigation-drawer/navigation-drawer.component.scss +7 -0
  195. package/loading/covalent-core-loading.metadata.json +1 -1
  196. package/menu/covalent-core-menu.metadata.json +1 -1
  197. package/message/covalent-core-message.metadata.json +1 -1
  198. package/package.json +1 -1
  199. package/paging/covalent-core-paging.metadata.json +1 -1
  200. package/search/covalent-core-search.metadata.json +1 -1
  201. package/search/search-box/search-box.component.scss +6 -0
  202. package/search/search-input/README.md +5 -2
  203. package/search/search-input/search-input.component.d.ts +6 -0
  204. package/search/search-input/search-input.component.scss +33 -0
  205. package/sidesheet/README.md +68 -0
  206. package/sidesheet/covalent-core-sidesheet.d.ts +4 -0
  207. package/sidesheet/covalent-core-sidesheet.metadata.json +1 -0
  208. package/sidesheet/index.d.ts +1 -0
  209. package/sidesheet/package.json +13 -0
  210. package/sidesheet/public-api.d.ts +2 -0
  211. package/sidesheet/sidesheet.component.d.ts +13 -0
  212. package/sidesheet/sidesheet.component.scss +96 -0
  213. package/sidesheet/sidesheet.module.d.ts +2 -0
  214. package/steps/covalent-core-steps.metadata.json +1 -1
  215. package/tab-select/covalent-core-tab-select.metadata.json +1 -1
  216. package/tab-select/tab-select.component.scss +3 -0
  217. package/theming/prebuilt/blue-grey-deep-orange.css +89 -86
  218. package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
  219. package/theming/prebuilt/blue-orange.css +89 -86
  220. package/theming/prebuilt/blue-orange.css.map +1 -1
  221. package/theming/prebuilt/indigo-pink.css +89 -86
  222. package/theming/prebuilt/indigo-pink.css.map +1 -1
  223. package/theming/prebuilt/orange-light-blue.css +89 -86
  224. package/theming/prebuilt/orange-light-blue.css.map +1 -1
  225. package/theming/prebuilt/teal-orange.css +89 -86
  226. package/theming/prebuilt/teal-orange.css.map +1 -1
@@ -194,7 +194,7 @@
194
194
  multi: true,
195
195
  }],
196
196
  selector: 'td-search-input',
197
- template: "<div class=\"td-search-input\">\n <mat-form-field class=\"td-search-input-field\"\n [class.mat-hide-underline]=\"!showUnderline\"\n floatLabel=\"never\">\n <input matInput\n #searchElement\n type=\"search\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"handleBlur()\"\n (search)=\"stopPropagation($event)\"\n (keyup.enter)=\"handleSearch($event)\"/>\n </mat-form-field>\n <button mat-icon-button\n class=\"td-search-input-clear\"\n type=\"button\"\n [@searchState]=\"(searchElement.value ? 'show' : (isRTL ? 'hide-left' : 'hide-right'))\"\n (click)=\"clearSearch()\">\n <mat-icon>{{clearIcon}}</mat-icon>\n </button>\n</div>",
197
+ template: "<div class=\"td-search-input\">\n <mat-form-field class=\"td-search-input-field\"\n [class.mat-hide-underline]=\"!showUnderline\"\n [appearance]=\"appearance\"\n floatLabel=\"never\">\n <input matInput\n #searchElement\n type=\"search\"\n [(ngModel)]=\"value\"\n [placeholder]=\"placeholder\"\n (blur)=\"handleBlur()\"\n (search)=\"stopPropagation($event)\"\n (keyup.enter)=\"handleSearch($event)\"/>\n <span matSuffix *ngIf=\"appearance === 'fill' || appearance === 'outline' || appearance === 'standard'\">\n <ng-template\n [ngTemplateOutlet]=\"clearButton\">\n </ng-template>\n </span>\n </mat-form-field>\n <ng-template\n *ngIf=\"!appearance || appearance === 'legacy'\"\n [ngTemplateOutlet]=\"clearButton\">\n </ng-template>\n</div>\n<ng-template #clearButton>\n <button mat-icon-button\n class=\"td-search-input-clear\"\n type=\"button\"\n [@searchState]=\"(searchElement.value ? 'show' : (isRTL ? 'hide-left' : 'hide-right'))\"\n (click)=\"clearSearch()\">\n <mat-icon>{{clearIcon}}</mat-icon>\n </button>\n</ng-template>\n",
198
198
  changeDetection: core.ChangeDetectionStrategy.OnPush,
199
199
  inputs: ['value'],
200
200
  animations: [
@@ -215,7 +215,7 @@
215
215
  animations.transition('show => *', animations.animate('200ms ease-out')),
216
216
  ]),
217
217
  ],
218
- styles: [":host .td-search-input{overflow-x:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}:host .td-search-input .td-search-input-field{-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-ms-flex:0 0 auto;flex:0 0 auto}"]
218
+ styles: [":host .td-search-input{overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}:host .td-search-input .td-search-input-field{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex{height:52px}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-infix{bottom:.4em}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}"]
219
219
  }] }
220
220
  ];
221
221
  /** @nocollapse */
@@ -227,6 +227,7 @@
227
227
  };
228
228
  TdSearchInputComponent.propDecorators = {
229
229
  _input: [{ type: core.ViewChild, args: [input.MatInput,] }],
230
+ appearance: [{ type: core.Input, args: ['appearance',] }],
230
231
  showUnderline: [{ type: core.Input, args: ['showUnderline',] }],
231
232
  debounce: [{ type: core.Input, args: ['debounce',] }],
232
233
  placeholder: [{ type: core.Input, args: ['placeholder',] }],
@@ -400,7 +401,7 @@
400
401
  multi: true,
401
402
  }],
402
403
  selector: 'td-search-box',
403
- template: "<div class=\"td-search-box\">\n <button mat-icon-button type=\"button\" class=\"td-search-icon\" (click)=\"searchClicked()\">\n <mat-icon *ngIf=\"searchVisible && !alwaysVisible\">{{backIcon}}</mat-icon>\n <mat-icon *ngIf=\"!searchVisible || alwaysVisible\">{{searchIcon}}</mat-icon>\n </button>\n <td-search-input #searchInput\n [@inputState]=\"alwaysVisible || searchVisible\"\n [debounce]=\"debounce\"\n [(ngModel)]=\"value\"\n [showUnderline]=\"showUnderline\"\n [placeholder]=\"placeholder\"\n [clearIcon]=\"clearIcon\"\n (searchDebounce)=\"handleSearchDebounce($event)\"\n (search)=\"handleSearch($event)\"\n (clear)=\"handleClear(); toggleVisibility()\"\n (blur)=\"handleBlur()\">\n </td-search-input>\n</div>",
404
+ template: "<div class=\"td-search-box\">\n <button mat-icon-button type=\"button\" class=\"td-search-icon\" (click)=\"searchClicked()\">\n <mat-icon *ngIf=\"searchVisible && !alwaysVisible\">{{backIcon}}</mat-icon>\n <mat-icon *ngIf=\"!searchVisible || alwaysVisible\">{{searchIcon}}</mat-icon>\n </button>\n <td-search-input #searchInput\n [@inputState]=\"alwaysVisible || searchVisible\"\n [debounce]=\"debounce\"\n [(ngModel)]=\"value\"\n [showUnderline]=\"showUnderline\"\n [placeholder]=\"placeholder\"\n [clearIcon]=\"clearIcon\"\n (searchDebounce)=\"handleSearchDebounce($event)\"\n (search)=\"handleSearch($event)\"\n (clear)=\"handleClear(); toggleVisibility()\"\n (blur)=\"handleBlur()\">\n </td-search-input>\n</div>\n",
404
405
  changeDetection: core.ChangeDetectionStrategy.OnPush,
405
406
  inputs: ['value'],
406
407
  animations: [
@@ -417,7 +418,7 @@
417
418
  animations.transition('1 => 0', animations.animate('200ms ease-out')),
418
419
  ]),
419
420
  ],
420
- styles: [":host{display:block}.td-search-box{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}.td-search-box .td-search-icon{-ms-flex:0 0 auto;flex:0 0 auto}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-right:12px;margin-left:0!important}"]
421
+ styles: [":host{display:block}.td-search-box{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.td-search-box .td-search-icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-right:12px;margin-left:0!important}.td-search-box td-search-input ::ng-deep .mat-form.field.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1em}"]
421
422
  }] }
422
423
  ];
423
424
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"covalent-core-search.umd.js.map","sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/search/search-input/search-input.component.ts","ng://@covalent/core/search/search-box/search-box.component.ts","ng://@covalent/core/search/search.module.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, ViewChild, OnInit, Input, Output, EventEmitter, Optional,\n ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Dir } from '@angular/cdk/bidi';\nimport { MatInput } from '@angular/material/input';\n\nimport { debounceTime, skip } from 'rxjs/operators';\n\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchInputBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchInputComponent),\n multi: true,\n }],\n selector: 'td-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('searchState', [\n state('hide-left', style({\n transform: 'translateX(-150%)',\n display: 'none',\n })),\n state('hide-right', style({\n transform: 'translateX(150%)',\n display: 'none',\n })),\n state('show', style({\n transform: 'translateX(0%)',\n display: 'block',\n })),\n transition('* => show', animate('200ms ease-in')),\n transition('show => *', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {\n\n @ViewChild(MatInput) _input: MatInput;\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n get isRTL(): boolean {\n if (this._dir) {\n return this._dir.dir === 'rtl';\n }\n return false;\n }\n\n constructor(@Optional() private _dir: Dir,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._input.ngControl.valueChanges.pipe(\n debounceTime(this.debounce),\n skip(1), // skip first change when value is set to undefined\n ).subscribe((value: string) => {\n this._searchTermChanged(value);\n });\n }\n\n /**\n * Method to focus to underlying input.\n */\n focus(): void {\n this._input.focus();\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n\n stopPropagation(event: Event): void {\n event.stopPropagation();\n }\n\n handleSearch(event: Event): void {\n this.stopPropagation(event);\n this.onSearch.emit(this.value);\n }\n\n /**\n * Method to clear the underlying input.\n */\n clearSearch(): void {\n this.value = '';\n this._changeDetectorRef.markForCheck();\n this.onClear.emit(undefined);\n }\n\n private _searchTermChanged(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n}\n","import { Component, ViewChild, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';\n\nimport { TdSearchInputComponent } from '../search-input/search-input.component';\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchBoxBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchBoxComponent),\n multi: true,\n }],\n selector: 'td-search-box',\n templateUrl: './search-box.component.html',\n styleUrls: ['./search-box.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('inputState', [\n state('0', style({\n width: '0%',\n margin: '0px',\n })),\n state('1', style({\n width: '100%',\n margin: AUTO_STYLE,\n })),\n transition('0 => 1', animate('200ms ease-in')),\n transition('1 => 0', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchBoxComponent extends _TdSearchBoxMixinBase implements IControlValueAccessor {\n\n private _searchVisible: boolean = false;\n @ViewChild(TdSearchInputComponent) _searchInput: TdSearchInputComponent;\n\n get searchVisible(): boolean {\n return this._searchVisible;\n }\n\n /**\n * backIcon?: string\n * The icon used to close the search toggle, only shown when [alwaysVisible] is false.\n * Defaults to 'search' icon.\n */\n @Input('backIcon') backIcon: string = 'search';\n\n /**\n * searchIcon?: string\n * The icon used to open/focus the search toggle.\n * Defaults to 'search' icon.\n */\n @Input('searchIcon') searchIcon: string = 'search';\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * alwaysVisible?: boolean\n * Sets if the input should always be visible. Defaults to 'false'.\n */\n @Input('alwaysVisible') alwaysVisible: boolean = false;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n /**\n * Method executed when the search icon is clicked.\n */\n searchClicked(): void {\n if (!this.alwaysVisible && this._searchVisible) {\n this.value = '';\n this.handleClear();\n } else if (this.alwaysVisible || !this._searchVisible) {\n this._searchInput.focus();\n }\n this.toggleVisibility();\n }\n\n toggleVisibility(): void {\n this._searchVisible = !this._searchVisible;\n this._changeDetectorRef.markForCheck();\n }\n\n handleSearchDebounce(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n handleSearch(value: string): void {\n this.onSearch.emit(value);\n }\n\n handleClear(): void {\n this.onClear.emit(undefined);\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdSearchInputComponent } from './search-input/search-input.component';\nimport { TdSearchBoxComponent } from './search-box/search-box.component';\n\n@NgModule({\n imports: [\n FormsModule,\n CommonModule,\n MatInputModule,\n MatIconModule,\n MatButtonModule,\n ],\n declarations: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n exports: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n})\nexport class CovalentSearchModule {\n\n}\n"],"names":["mixinControlValueAccessor","tslib_1.__extends","EventEmitter","debounceTime","skip","Component","NG_VALUE_ACCESSOR","forwardRef","ChangeDetectionStrategy","trigger","state","style","transition","animate","Dir","Optional","ChangeDetectorRef","ViewChild","MatInput","Input","Output","AUTO_STYLE","NgModule","FormsModule","CommonModule","MatInputModule","MatIconModule","MatButtonModule"],"mappings":"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"}
1
+ {"version":3,"file":"covalent-core-search.umd.js.map","sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/search/search-input/search-input.component.ts","ng://@covalent/core/search/search-box/search-box.component.ts","ng://@covalent/core/search/search.module.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, ViewChild, OnInit, Input, Output, EventEmitter, Optional,\n ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Dir } from '@angular/cdk/bidi';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\n\nimport { debounceTime, skip } from 'rxjs/operators';\n\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchInputBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchInputComponent),\n multi: true,\n }],\n selector: 'td-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('searchState', [\n state('hide-left', style({\n transform: 'translateX(-150%)',\n display: 'none',\n })),\n state('hide-right', style({\n transform: 'translateX(150%)',\n display: 'none',\n })),\n state('show', style({\n transform: 'translateX(0%)',\n display: 'block',\n })),\n transition('* => show', animate('200ms ease-in')),\n transition('show => *', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {\n\n @ViewChild(MatInput) _input: MatInput;\n\n /**\n * appearance?: MatFormFieldAppearance\n * Appearance style for the underlying input component.\n */\n @Input('appearance') appearance: MatFormFieldAppearance;\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n get isRTL(): boolean {\n if (this._dir) {\n return this._dir.dir === 'rtl';\n }\n return false;\n }\n\n constructor(@Optional() private _dir: Dir,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._input.ngControl.valueChanges.pipe(\n debounceTime(this.debounce),\n skip(1), // skip first change when value is set to undefined\n ).subscribe((value: string) => {\n this._searchTermChanged(value);\n });\n }\n\n /**\n * Method to focus to underlying input.\n */\n focus(): void {\n this._input.focus();\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n\n stopPropagation(event: Event): void {\n event.stopPropagation();\n }\n\n handleSearch(event: Event): void {\n this.stopPropagation(event);\n this.onSearch.emit(this.value);\n }\n\n /**\n * Method to clear the underlying input.\n */\n clearSearch(): void {\n this.value = '';\n this._changeDetectorRef.markForCheck();\n this.onClear.emit(undefined);\n }\n\n private _searchTermChanged(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n}\n","import { Component, ViewChild, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';\n\nimport { TdSearchInputComponent } from '../search-input/search-input.component';\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchBoxBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchBoxComponent),\n multi: true,\n }],\n selector: 'td-search-box',\n templateUrl: './search-box.component.html',\n styleUrls: ['./search-box.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('inputState', [\n state('0', style({\n width: '0%',\n margin: '0px',\n })),\n state('1', style({\n width: '100%',\n margin: AUTO_STYLE,\n })),\n transition('0 => 1', animate('200ms ease-in')),\n transition('1 => 0', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchBoxComponent extends _TdSearchBoxMixinBase implements IControlValueAccessor {\n\n private _searchVisible: boolean = false;\n @ViewChild(TdSearchInputComponent) _searchInput: TdSearchInputComponent;\n\n get searchVisible(): boolean {\n return this._searchVisible;\n }\n\n /**\n * backIcon?: string\n * The icon used to close the search toggle, only shown when [alwaysVisible] is false.\n * Defaults to 'search' icon.\n */\n @Input('backIcon') backIcon: string = 'search';\n\n /**\n * searchIcon?: string\n * The icon used to open/focus the search toggle.\n * Defaults to 'search' icon.\n */\n @Input('searchIcon') searchIcon: string = 'search';\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * alwaysVisible?: boolean\n * Sets if the input should always be visible. Defaults to 'false'.\n */\n @Input('alwaysVisible') alwaysVisible: boolean = false;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n /**\n * Method executed when the search icon is clicked.\n */\n searchClicked(): void {\n if (!this.alwaysVisible && this._searchVisible) {\n this.value = '';\n this.handleClear();\n } else if (this.alwaysVisible || !this._searchVisible) {\n this._searchInput.focus();\n }\n this.toggleVisibility();\n }\n\n toggleVisibility(): void {\n this._searchVisible = !this._searchVisible;\n this._changeDetectorRef.markForCheck();\n }\n\n handleSearchDebounce(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n handleSearch(value: string): void {\n this.onSearch.emit(value);\n }\n\n handleClear(): void {\n this.onClear.emit(undefined);\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdSearchInputComponent } from './search-input/search-input.component';\nimport { TdSearchBoxComponent } from './search-box/search-box.component';\n\n@NgModule({\n imports: [\n FormsModule,\n CommonModule,\n MatInputModule,\n MatIconModule,\n MatButtonModule,\n ],\n declarations: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n exports: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n})\nexport class CovalentSearchModule {\n\n}\n"],"names":["mixinControlValueAccessor","tslib_1.__extends","EventEmitter","debounceTime","skip","Component","NG_VALUE_ACCESSOR","forwardRef","ChangeDetectionStrategy","trigger","state","style","transition","animate","Dir","Optional","ChangeDetectorRef","ViewChild","MatInput","Input","Output","AUTO_STYLE","NgModule","FormsModule","CommonModule","MatInputModule","MatIconModule","MatButtonModule"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/material/icon"),require("@angular/material/button"),require("@angular/cdk/bidi"),require("@angular/material/input"),require("rxjs/operators"),require("@angular/core"),require("@angular/forms"),require("@angular/animations"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/search",["exports","@angular/common","@angular/material/icon","@angular/material/button","@angular/cdk/bidi","@angular/material/input","rxjs/operators","@angular/core","@angular/forms","@angular/animations","@covalent/core/common"],t):t((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.search={}),e.ng.common,e.ng.material.icon,e.ng.material.button,e.ng.cdk.bidi,e.ng.material.input,e.rxjs.operators,e.ng.core,e.ng.forms,e.ng.animations,e.covalent.core.common)}(this,function(e,t,n,r,a,o,i,c,s,l,u){"use strict";var h=function(e,t){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function p(e,t){function n(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function d(e){this._changeDetectorRef=e}var m,f=u.mixinControlValueAccessor(d),g=(p(b,m=f),Object.defineProperty(b.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!0,configurable:!0}),b.prototype.ngOnInit=function(){var t=this;this._input.ngControl.valueChanges.pipe(i.debounceTime(this.debounce),i.skip(1)).subscribe(function(e){t._searchTermChanged(e)})},b.prototype.focus=function(){this._input.focus()},b.prototype.handleBlur=function(){this.onBlur.emit(undefined)},b.prototype.stopPropagation=function(e){e.stopPropagation()},b.prototype.handleSearch=function(e){this.stopPropagation(e),this.onSearch.emit(this.value)},b.prototype.clearSearch=function(){this.value="",this._changeDetectorRef.markForCheck(),this.onClear.emit(undefined)},b.prototype._searchTermChanged=function(e){this.onSearchDebounce.emit(e)},b.decorators=[{type:c.Component,args:[{providers:[{provide:s.NG_VALUE_ACCESSOR,useExisting:c.forwardRef(function(){return b}),multi:!0}],selector:"td-search-input",template:'<div class="td-search-input">\n <mat-form-field class="td-search-input-field"\n [class.mat-hide-underline]="!showUnderline"\n floatLabel="never">\n <input matInput\n #searchElement\n type="search"\n [(ngModel)]="value"\n [placeholder]="placeholder"\n (blur)="handleBlur()"\n (search)="stopPropagation($event)"\n (keyup.enter)="handleSearch($event)"/>\n </mat-form-field>\n <button mat-icon-button\n class="td-search-input-clear"\n type="button"\n [@searchState]="(searchElement.value ? \'show\' : (isRTL ? \'hide-left\' : \'hide-right\'))"\n (click)="clearSearch()">\n <mat-icon>{{clearIcon}}</mat-icon>\n </button>\n</div>',changeDetection:c.ChangeDetectionStrategy.OnPush,inputs:["value"],animations:[l.trigger("searchState",[l.state("hide-left",l.style({transform:"translateX(-150%)",display:"none"})),l.state("hide-right",l.style({transform:"translateX(150%)",display:"none"})),l.state("show",l.style({transform:"translateX(0%)",display:"block"})),l.transition("* => show",l.animate("200ms ease-in")),l.transition("show => *",l.animate("200ms ease-out"))])],styles:[":host .td-search-input{overflow-x:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}:host .td-search-input .td-search-input-field{-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-ms-flex:0 0 auto;flex:0 0 auto}"]}]}],b.ctorParameters=function(){return[{type:a.Dir,decorators:[{type:c.Optional}]},{type:c.ChangeDetectorRef}]},b.propDecorators={_input:[{type:c.ViewChild,args:[o.MatInput]}],showUnderline:[{type:c.Input,args:["showUnderline"]}],debounce:[{type:c.Input,args:["debounce"]}],placeholder:[{type:c.Input,args:["placeholder"]}],clearIcon:[{type:c.Input,args:["clearIcon"]}],onSearchDebounce:[{type:c.Output,args:["searchDebounce"]}],onSearch:[{type:c.Output,args:["search"]}],onClear:[{type:c.Output,args:["clear"]}],onBlur:[{type:c.Output,args:["blur"]}]},b);function b(e,t){var n=m.call(this,t)||this;return n._dir=e,n.showUnderline=!1,n.debounce=400,n.clearIcon="cancel",n.onSearchDebounce=new c.EventEmitter,n.onSearch=new c.EventEmitter,n.onClear=new c.EventEmitter,n.onBlur=new c.EventEmitter,n}function y(e){this._changeDetectorRef=e}var x,v=u.mixinControlValueAccessor(y),w=(p(I,x=v),Object.defineProperty(I.prototype,"searchVisible",{get:function(){return this._searchVisible},enumerable:!0,configurable:!0}),I.prototype.searchClicked=function(){!this.alwaysVisible&&this._searchVisible?(this.value="",this.handleClear()):!this.alwaysVisible&&this._searchVisible||this._searchInput.focus(),this.toggleVisibility()},I.prototype.toggleVisibility=function(){this._searchVisible=!this._searchVisible,this._changeDetectorRef.markForCheck()},I.prototype.handleSearchDebounce=function(e){this.onSearchDebounce.emit(e)},I.prototype.handleSearch=function(e){this.onSearch.emit(e)},I.prototype.handleClear=function(){this.onClear.emit(undefined)},I.prototype.handleBlur=function(){this.onBlur.emit(undefined)},I.decorators=[{type:c.Component,args:[{providers:[{provide:s.NG_VALUE_ACCESSOR,useExisting:c.forwardRef(function(){return I}),multi:!0}],selector:"td-search-box",template:'<div class="td-search-box">\n <button mat-icon-button type="button" class="td-search-icon" (click)="searchClicked()">\n <mat-icon *ngIf="searchVisible && !alwaysVisible">{{backIcon}}</mat-icon>\n <mat-icon *ngIf="!searchVisible || alwaysVisible">{{searchIcon}}</mat-icon>\n </button>\n <td-search-input #searchInput\n [@inputState]="alwaysVisible || searchVisible"\n [debounce]="debounce"\n [(ngModel)]="value"\n [showUnderline]="showUnderline"\n [placeholder]="placeholder"\n [clearIcon]="clearIcon"\n (searchDebounce)="handleSearchDebounce($event)"\n (search)="handleSearch($event)"\n (clear)="handleClear(); toggleVisibility()"\n (blur)="handleBlur()">\n </td-search-input>\n</div>',changeDetection:c.ChangeDetectionStrategy.OnPush,inputs:["value"],animations:[l.trigger("inputState",[l.state("0",l.style({width:"0%",margin:"0px"})),l.state("1",l.style({width:"100%",margin:l.AUTO_STYLE})),l.transition("0 => 1",l.animate("200ms ease-in")),l.transition("1 => 0",l.animate("200ms ease-out"))])],styles:[":host{display:block}.td-search-box{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}.td-search-box .td-search-icon{-ms-flex:0 0 auto;flex:0 0 auto}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-right:12px;margin-left:0!important}"]}]}],I.ctorParameters=function(){return[{type:c.ChangeDetectorRef}]},I.propDecorators={_searchInput:[{type:c.ViewChild,args:[g]}],backIcon:[{type:c.Input,args:["backIcon"]}],searchIcon:[{type:c.Input,args:["searchIcon"]}],clearIcon:[{type:c.Input,args:["clearIcon"]}],showUnderline:[{type:c.Input,args:["showUnderline"]}],debounce:[{type:c.Input,args:["debounce"]}],alwaysVisible:[{type:c.Input,args:["alwaysVisible"]}],placeholder:[{type:c.Input,args:["placeholder"]}],onSearchDebounce:[{type:c.Output,args:["searchDebounce"]}],onSearch:[{type:c.Output,args:["search"]}],onClear:[{type:c.Output,args:["clear"]}],onBlur:[{type:c.Output,args:["blur"]}]},I);function I(e){var t=x.call(this,e)||this;return t._searchVisible=!1,t.backIcon="search",t.searchIcon="search",t.clearIcon="cancel",t.showUnderline=!1,t.debounce=400,t.alwaysVisible=!1,t.onSearchDebounce=new c.EventEmitter,t.onSearch=new c.EventEmitter,t.onClear=new c.EventEmitter,t.onBlur=new c.EventEmitter,t}var S=(_.decorators=[{type:c.NgModule,args:[{imports:[s.FormsModule,t.CommonModule,o.MatInputModule,n.MatIconModule,r.MatButtonModule],declarations:[g,w],exports:[g,w]}]}],_);function _(){}e.CovalentSearchModule=S,e.TdSearchBoxBase=y,e._TdSearchBoxMixinBase=v,e.TdSearchBoxComponent=w,e.TdSearchInputBase=d,e._TdSearchInputMixinBase=f,e.TdSearchInputComponent=g,Object.defineProperty(e,"__esModule",{value:!0})});
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/material/icon"),require("@angular/material/button"),require("@angular/cdk/bidi"),require("@angular/material/input"),require("rxjs/operators"),require("@angular/core"),require("@angular/forms"),require("@angular/animations"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/search",["exports","@angular/common","@angular/material/icon","@angular/material/button","@angular/cdk/bidi","@angular/material/input","rxjs/operators","@angular/core","@angular/forms","@angular/animations","@covalent/core/common"],t):t((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.search={}),e.ng.common,e.ng.material.icon,e.ng.material.button,e.ng.cdk.bidi,e.ng.material.input,e.rxjs.operators,e.ng.core,e.ng.forms,e.ng.animations,e.covalent.core.common)}(this,function(e,t,n,a,r,o,i,l,c,s,p){"use strict";var u=function(e,t){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function d(e,t){function n(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function h(e){this._changeDetectorRef=e}var m,f=p.mixinControlValueAccessor(h),g=(d(b,m=f),Object.defineProperty(b.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!0,configurable:!0}),b.prototype.ngOnInit=function(){var t=this;this._input.ngControl.valueChanges.pipe(i.debounceTime(this.debounce),i.skip(1)).subscribe(function(e){t._searchTermChanged(e)})},b.prototype.focus=function(){this._input.focus()},b.prototype.handleBlur=function(){this.onBlur.emit(undefined)},b.prototype.stopPropagation=function(e){e.stopPropagation()},b.prototype.handleSearch=function(e){this.stopPropagation(e),this.onSearch.emit(this.value)},b.prototype.clearSearch=function(){this.value="",this._changeDetectorRef.markForCheck(),this.onClear.emit(undefined)},b.prototype._searchTermChanged=function(e){this.onSearchDebounce.emit(e)},b.decorators=[{type:l.Component,args:[{providers:[{provide:c.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return b}),multi:!0}],selector:"td-search-input",template:'<div class="td-search-input">\n <mat-form-field class="td-search-input-field"\n [class.mat-hide-underline]="!showUnderline"\n [appearance]="appearance"\n floatLabel="never">\n <input matInput\n #searchElement\n type="search"\n [(ngModel)]="value"\n [placeholder]="placeholder"\n (blur)="handleBlur()"\n (search)="stopPropagation($event)"\n (keyup.enter)="handleSearch($event)"/>\n <span matSuffix *ngIf="appearance === \'fill\' || appearance === \'outline\' || appearance === \'standard\'">\n <ng-template\n [ngTemplateOutlet]="clearButton">\n </ng-template>\n </span>\n </mat-form-field>\n <ng-template\n *ngIf="!appearance || appearance === \'legacy\'"\n [ngTemplateOutlet]="clearButton">\n </ng-template>\n</div>\n<ng-template #clearButton>\n <button mat-icon-button\n class="td-search-input-clear"\n type="button"\n [@searchState]="(searchElement.value ? \'show\' : (isRTL ? \'hide-left\' : \'hide-right\'))"\n (click)="clearSearch()">\n <mat-icon>{{clearIcon}}</mat-icon>\n </button>\n</ng-template>\n',changeDetection:l.ChangeDetectionStrategy.OnPush,inputs:["value"],animations:[s.trigger("searchState",[s.state("hide-left",s.style({transform:"translateX(-150%)",display:"none"})),s.state("hide-right",s.style({transform:"translateX(150%)",display:"none"})),s.state("show",s.style({transform:"translateX(0%)",display:"block"})),s.transition("* => show",s.animate("200ms ease-in")),s.transition("show => *",s.animate("200ms ease-out"))])],styles:[":host .td-search-input{overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}:host .td-search-input .td-search-input-field{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex{height:52px}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-infix{bottom:.4em}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}"]}]}],b.ctorParameters=function(){return[{type:r.Dir,decorators:[{type:l.Optional}]},{type:l.ChangeDetectorRef}]},b.propDecorators={_input:[{type:l.ViewChild,args:[o.MatInput]}],appearance:[{type:l.Input,args:["appearance"]}],showUnderline:[{type:l.Input,args:["showUnderline"]}],debounce:[{type:l.Input,args:["debounce"]}],placeholder:[{type:l.Input,args:["placeholder"]}],clearIcon:[{type:l.Input,args:["clearIcon"]}],onSearchDebounce:[{type:l.Output,args:["searchDebounce"]}],onSearch:[{type:l.Output,args:["search"]}],onClear:[{type:l.Output,args:["clear"]}],onBlur:[{type:l.Output,args:["blur"]}]},b);function b(e,t){var n=m.call(this,t)||this;return n._dir=e,n.showUnderline=!1,n.debounce=400,n.clearIcon="cancel",n.onSearchDebounce=new l.EventEmitter,n.onSearch=new l.EventEmitter,n.onClear=new l.EventEmitter,n.onBlur=new l.EventEmitter,n}function y(e){this._changeDetectorRef=e}var x,w=p.mixinControlValueAccessor(y),v=(d(I,x=w),Object.defineProperty(I.prototype,"searchVisible",{get:function(){return this._searchVisible},enumerable:!0,configurable:!0}),I.prototype.searchClicked=function(){!this.alwaysVisible&&this._searchVisible?(this.value="",this.handleClear()):!this.alwaysVisible&&this._searchVisible||this._searchInput.focus(),this.toggleVisibility()},I.prototype.toggleVisibility=function(){this._searchVisible=!this._searchVisible,this._changeDetectorRef.markForCheck()},I.prototype.handleSearchDebounce=function(e){this.onSearchDebounce.emit(e)},I.prototype.handleSearch=function(e){this.onSearch.emit(e)},I.prototype.handleClear=function(){this.onClear.emit(undefined)},I.prototype.handleBlur=function(){this.onBlur.emit(undefined)},I.decorators=[{type:l.Component,args:[{providers:[{provide:c.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return I}),multi:!0}],selector:"td-search-box",template:'<div class="td-search-box">\n <button mat-icon-button type="button" class="td-search-icon" (click)="searchClicked()">\n <mat-icon *ngIf="searchVisible && !alwaysVisible">{{backIcon}}</mat-icon>\n <mat-icon *ngIf="!searchVisible || alwaysVisible">{{searchIcon}}</mat-icon>\n </button>\n <td-search-input #searchInput\n [@inputState]="alwaysVisible || searchVisible"\n [debounce]="debounce"\n [(ngModel)]="value"\n [showUnderline]="showUnderline"\n [placeholder]="placeholder"\n [clearIcon]="clearIcon"\n (searchDebounce)="handleSearchDebounce($event)"\n (search)="handleSearch($event)"\n (clear)="handleClear(); toggleVisibility()"\n (blur)="handleBlur()">\n </td-search-input>\n</div>\n',changeDetection:l.ChangeDetectionStrategy.OnPush,inputs:["value"],animations:[s.trigger("inputState",[s.state("0",s.style({width:"0%",margin:"0px"})),s.state("1",s.style({width:"100%",margin:s.AUTO_STYLE})),s.transition("0 => 1",s.animate("200ms ease-in")),s.transition("1 => 0",s.animate("200ms ease-out"))])],styles:[":host{display:block}.td-search-box{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.td-search-box .td-search-icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-right:12px;margin-left:0!important}.td-search-box td-search-input ::ng-deep .mat-form.field.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1em}"]}]}],I.ctorParameters=function(){return[{type:l.ChangeDetectorRef}]},I.propDecorators={_searchInput:[{type:l.ViewChild,args:[g]}],backIcon:[{type:l.Input,args:["backIcon"]}],searchIcon:[{type:l.Input,args:["searchIcon"]}],clearIcon:[{type:l.Input,args:["clearIcon"]}],showUnderline:[{type:l.Input,args:["showUnderline"]}],debounce:[{type:l.Input,args:["debounce"]}],alwaysVisible:[{type:l.Input,args:["alwaysVisible"]}],placeholder:[{type:l.Input,args:["placeholder"]}],onSearchDebounce:[{type:l.Output,args:["searchDebounce"]}],onSearch:[{type:l.Output,args:["search"]}],onClear:[{type:l.Output,args:["clear"]}],onBlur:[{type:l.Output,args:["blur"]}]},I);function I(e){var t=x.call(this,e)||this;return t._searchVisible=!1,t.backIcon="search",t.searchIcon="search",t.clearIcon="cancel",t.showUnderline=!1,t.debounce=400,t.alwaysVisible=!1,t.onSearchDebounce=new l.EventEmitter,t.onSearch=new l.EventEmitter,t.onClear=new l.EventEmitter,t.onBlur=new l.EventEmitter,t}var k=(S.decorators=[{type:l.NgModule,args:[{imports:[c.FormsModule,t.CommonModule,o.MatInputModule,n.MatIconModule,a.MatButtonModule],declarations:[g,v],exports:[g,v]}]}],S);function S(){}e.CovalentSearchModule=k,e.TdSearchBoxBase=y,e._TdSearchBoxMixinBase=w,e.TdSearchBoxComponent=v,e.TdSearchInputBase=h,e._TdSearchInputMixinBase=f,e.TdSearchInputComponent=g,Object.defineProperty(e,"__esModule",{value:!0})});
2
2
  //# sourceMappingURL=covalent-core-search.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/search/search-input/search-input.component.ts","ng://@covalent/core/search/search-box/search-box.component.ts","ng://@covalent/core/search/search.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","_changeDetectorRef","_super","_TdSearchInputMixinBase","mixinControlValueAccessor","TdSearchInputBase","TdSearchInputComponent","tslib_1.__extends","defineProperty","_dir","dir","ngOnInit","_this","_input","ngControl","valueChanges","pipe","debounceTime","debounce","skip","subscribe","value","_searchTermChanged","focus","handleBlur","onBlur","emit","undefined","stopPropagation","event","handleSearch","onSearch","clearSearch","markForCheck","onClear","onSearchDebounce","Component","args","providers","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","inputs","animations","trigger","state","style","transform","display","transition","animate","Dir","decorators","type","Optional","ChangeDetectorRef","ViewChild","MatInput","Input","Output","call","showUnderline","clearIcon","EventEmitter","_TdSearchBoxMixinBase","TdSearchBoxBase","TdSearchBoxComponent","_searchVisible","searchClicked","alwaysVisible","handleClear","_searchInput","toggleVisibility","handleSearchDebounce","width","margin","AUTO_STYLE","backIcon","searchIcon","CovalentSearchModule","NgModule","imports","FormsModule","CommonModule","MatInputModule","MatIconModule","MatButtonModule","declarations","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, ViewChild, OnInit, Input, Output, EventEmitter, Optional,\n ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Dir } from '@angular/cdk/bidi';\nimport { MatInput } from '@angular/material/input';\n\nimport { debounceTime, skip } from 'rxjs/operators';\n\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchInputBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchInputComponent),\n multi: true,\n }],\n selector: 'td-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('searchState', [\n state('hide-left', style({\n transform: 'translateX(-150%)',\n display: 'none',\n })),\n state('hide-right', style({\n transform: 'translateX(150%)',\n display: 'none',\n })),\n state('show', style({\n transform: 'translateX(0%)',\n display: 'block',\n })),\n transition('* => show', animate('200ms ease-in')),\n transition('show => *', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {\n\n @ViewChild(MatInput) _input: MatInput;\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n get isRTL(): boolean {\n if (this._dir) {\n return this._dir.dir === 'rtl';\n }\n return false;\n }\n\n constructor(@Optional() private _dir: Dir,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._input.ngControl.valueChanges.pipe(\n debounceTime(this.debounce),\n skip(1), // skip first change when value is set to undefined\n ).subscribe((value: string) => {\n this._searchTermChanged(value);\n });\n }\n\n /**\n * Method to focus to underlying input.\n */\n focus(): void {\n this._input.focus();\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n\n stopPropagation(event: Event): void {\n event.stopPropagation();\n }\n\n handleSearch(event: Event): void {\n this.stopPropagation(event);\n this.onSearch.emit(this.value);\n }\n\n /**\n * Method to clear the underlying input.\n */\n clearSearch(): void {\n this.value = '';\n this._changeDetectorRef.markForCheck();\n this.onClear.emit(undefined);\n }\n\n private _searchTermChanged(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n}\n","import { Component, ViewChild, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';\n\nimport { TdSearchInputComponent } from '../search-input/search-input.component';\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchBoxBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchBoxComponent),\n multi: true,\n }],\n selector: 'td-search-box',\n templateUrl: './search-box.component.html',\n styleUrls: ['./search-box.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('inputState', [\n state('0', style({\n width: '0%',\n margin: '0px',\n })),\n state('1', style({\n width: '100%',\n margin: AUTO_STYLE,\n })),\n transition('0 => 1', animate('200ms ease-in')),\n transition('1 => 0', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchBoxComponent extends _TdSearchBoxMixinBase implements IControlValueAccessor {\n\n private _searchVisible: boolean = false;\n @ViewChild(TdSearchInputComponent) _searchInput: TdSearchInputComponent;\n\n get searchVisible(): boolean {\n return this._searchVisible;\n }\n\n /**\n * backIcon?: string\n * The icon used to close the search toggle, only shown when [alwaysVisible] is false.\n * Defaults to 'search' icon.\n */\n @Input('backIcon') backIcon: string = 'search';\n\n /**\n * searchIcon?: string\n * The icon used to open/focus the search toggle.\n * Defaults to 'search' icon.\n */\n @Input('searchIcon') searchIcon: string = 'search';\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * alwaysVisible?: boolean\n * Sets if the input should always be visible. Defaults to 'false'.\n */\n @Input('alwaysVisible') alwaysVisible: boolean = false;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n /**\n * Method executed when the search icon is clicked.\n */\n searchClicked(): void {\n if (!this.alwaysVisible && this._searchVisible) {\n this.value = '';\n this.handleClear();\n } else if (this.alwaysVisible || !this._searchVisible) {\n this._searchInput.focus();\n }\n this.toggleVisibility();\n }\n\n toggleVisibility(): void {\n this._searchVisible = !this._searchVisible;\n this._changeDetectorRef.markForCheck();\n }\n\n handleSearchDebounce(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n handleSearch(value: string): void {\n this.onSearch.emit(value);\n }\n\n handleClear(): void {\n this.onClear.emit(undefined);\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdSearchInputComponent } from './search-input/search-input.component';\nimport { TdSearchBoxComponent } from './search-box/search-box.component';\n\n@NgModule({\n imports: [\n FormsModule,\n CommonModule,\n MatInputModule,\n MatIconModule,\n MatButtonModule,\n ],\n declarations: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n exports: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n})\nexport class CovalentSearchModule {\n\n}\n"]}
1
+ {"version":3,"sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/search/search-input/search-input.component.ts","ng://@covalent/core/search/search-box/search-box.component.ts","ng://@covalent/core/search/search.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","_changeDetectorRef","_super","_TdSearchInputMixinBase","mixinControlValueAccessor","TdSearchInputBase","TdSearchInputComponent","tslib_1.__extends","defineProperty","_dir","dir","ngOnInit","_this","_input","ngControl","valueChanges","pipe","debounceTime","debounce","skip","subscribe","value","_searchTermChanged","focus","handleBlur","onBlur","emit","undefined","stopPropagation","event","handleSearch","onSearch","clearSearch","markForCheck","onClear","onSearchDebounce","Component","args","providers","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","inputs","animations","trigger","state","style","transform","display","transition","animate","Dir","decorators","type","Optional","ChangeDetectorRef","ViewChild","MatInput","Input","Output","call","showUnderline","clearIcon","EventEmitter","_TdSearchBoxMixinBase","TdSearchBoxBase","TdSearchBoxComponent","_searchVisible","searchClicked","alwaysVisible","handleClear","_searchInput","toggleVisibility","handleSearchDebounce","width","margin","AUTO_STYLE","backIcon","searchIcon","CovalentSearchModule","NgModule","imports","FormsModule","CommonModule","MatInputModule","MatIconModule","MatButtonModule","declarations","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, ViewChild, OnInit, Input, Output, EventEmitter, Optional,\n ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Dir } from '@angular/cdk/bidi';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\n\nimport { debounceTime, skip } from 'rxjs/operators';\n\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchInputBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchInputComponent),\n multi: true,\n }],\n selector: 'td-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('searchState', [\n state('hide-left', style({\n transform: 'translateX(-150%)',\n display: 'none',\n })),\n state('hide-right', style({\n transform: 'translateX(150%)',\n display: 'none',\n })),\n state('show', style({\n transform: 'translateX(0%)',\n display: 'block',\n })),\n transition('* => show', animate('200ms ease-in')),\n transition('show => *', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {\n\n @ViewChild(MatInput) _input: MatInput;\n\n /**\n * appearance?: MatFormFieldAppearance\n * Appearance style for the underlying input component.\n */\n @Input('appearance') appearance: MatFormFieldAppearance;\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n get isRTL(): boolean {\n if (this._dir) {\n return this._dir.dir === 'rtl';\n }\n return false;\n }\n\n constructor(@Optional() private _dir: Dir,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._input.ngControl.valueChanges.pipe(\n debounceTime(this.debounce),\n skip(1), // skip first change when value is set to undefined\n ).subscribe((value: string) => {\n this._searchTermChanged(value);\n });\n }\n\n /**\n * Method to focus to underlying input.\n */\n focus(): void {\n this._input.focus();\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n\n stopPropagation(event: Event): void {\n event.stopPropagation();\n }\n\n handleSearch(event: Event): void {\n this.stopPropagation(event);\n this.onSearch.emit(this.value);\n }\n\n /**\n * Method to clear the underlying input.\n */\n clearSearch(): void {\n this.value = '';\n this._changeDetectorRef.markForCheck();\n this.onClear.emit(undefined);\n }\n\n private _searchTermChanged(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n}\n","import { Component, ViewChild, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';\n\nimport { TdSearchInputComponent } from '../search-input/search-input.component';\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchBoxBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) { }\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);\n\n@Component({\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdSearchBoxComponent),\n multi: true,\n }],\n selector: 'td-search-box',\n templateUrl: './search-box.component.html',\n styleUrls: ['./search-box.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['value'],\n animations: [\n trigger('inputState', [\n state('0', style({\n width: '0%',\n margin: '0px',\n })),\n state('1', style({\n width: '100%',\n margin: AUTO_STYLE,\n })),\n transition('0 => 1', animate('200ms ease-in')),\n transition('1 => 0', animate('200ms ease-out')),\n ]),\n ],\n})\nexport class TdSearchBoxComponent extends _TdSearchBoxMixinBase implements IControlValueAccessor {\n\n private _searchVisible: boolean = false;\n @ViewChild(TdSearchInputComponent) _searchInput: TdSearchInputComponent;\n\n get searchVisible(): boolean {\n return this._searchVisible;\n }\n\n /**\n * backIcon?: string\n * The icon used to close the search toggle, only shown when [alwaysVisible] is false.\n * Defaults to 'search' icon.\n */\n @Input('backIcon') backIcon: string = 'search';\n\n /**\n * searchIcon?: string\n * The icon used to open/focus the search toggle.\n * Defaults to 'search' icon.\n */\n @Input('searchIcon') searchIcon: string = 'search';\n\n /**\n * clearIcon?: string\n * The icon used to clear the search input.\n * Defaults to 'cancel' icon.\n */\n @Input('clearIcon') clearIcon: string = 'cancel';\n\n /**\n * showUnderline?: boolean\n * Sets if the input underline should be visible. Defaults to 'false'.\n */\n @Input('showUnderline') showUnderline: boolean = false;\n\n /**\n * debounce?: number\n * Debounce timeout between keypresses. Defaults to 400.\n */\n @Input('debounce') debounce: number = 400;\n\n /**\n * alwaysVisible?: boolean\n * Sets if the input should always be visible. Defaults to 'false'.\n */\n @Input('alwaysVisible') alwaysVisible: boolean = false;\n\n /**\n * placeholder?: string\n * Placeholder for the underlying input component.\n */\n @Input('placeholder') placeholder: string;\n\n /**\n * searchDebounce: function($event)\n * Event emitted after the [debounce] timeout.\n */\n @Output('searchDebounce') onSearchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * search: function($event)\n * Event emitted after the key enter has been pressed.\n */\n @Output('search') onSearch: EventEmitter<string> = new EventEmitter<string>();\n\n /**\n * clear: function()\n * Event emitted after the clear icon has been clicked.\n */\n @Output('clear') onClear: EventEmitter<void> = new EventEmitter<void>();\n\n /**\n * blur: function()\n * Event emitted after the blur event has been called in underlying input.\n */\n @Output('blur') onBlur: EventEmitter<void> = new EventEmitter<void>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n /**\n * Method executed when the search icon is clicked.\n */\n searchClicked(): void {\n if (!this.alwaysVisible && this._searchVisible) {\n this.value = '';\n this.handleClear();\n } else if (this.alwaysVisible || !this._searchVisible) {\n this._searchInput.focus();\n }\n this.toggleVisibility();\n }\n\n toggleVisibility(): void {\n this._searchVisible = !this._searchVisible;\n this._changeDetectorRef.markForCheck();\n }\n\n handleSearchDebounce(value: string): void {\n this.onSearchDebounce.emit(value);\n }\n\n handleSearch(value: string): void {\n this.onSearch.emit(value);\n }\n\n handleClear(): void {\n this.onClear.emit(undefined);\n }\n\n handleBlur(): void {\n this.onBlur.emit(undefined);\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdSearchInputComponent } from './search-input/search-input.component';\nimport { TdSearchBoxComponent } from './search-box/search-box.component';\n\n@NgModule({\n imports: [\n FormsModule,\n CommonModule,\n MatInputModule,\n MatIconModule,\n MatButtonModule,\n ],\n declarations: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n exports: [\n TdSearchInputComponent,\n TdSearchBoxComponent,\n ],\n})\nexport class CovalentSearchModule {\n\n}\n"]}
@@ -0,0 +1,137 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/material/divider'), require('@angular/core')) :
3
+ typeof define === 'function' && define.amd ? define('@covalent/core/sidesheet', ['exports', '@angular/common', '@angular/material/divider', '@angular/core'], factory) :
4
+ (factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.sidesheet = {}),global.ng.common,global.ng.material.divider,global.ng.core));
5
+ }(this, (function (exports,common,divider,core) { 'use strict';
6
+
7
+ /**
8
+ * @fileoverview added by tsickle
9
+ * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
10
+ */
11
+ var TdSidesheetContentDirective = /** @class */ (function () {
12
+ function TdSidesheetContentDirective() {
13
+ }
14
+ TdSidesheetContentDirective.decorators = [
15
+ { type: core.Directive, args: [{
16
+ selector: 'td-sidesheet-content',
17
+ },] }
18
+ ];
19
+ return TdSidesheetContentDirective;
20
+ }());
21
+ var TdSidesheetTitleDirective = /** @class */ (function () {
22
+ function TdSidesheetTitleDirective() {
23
+ }
24
+ TdSidesheetTitleDirective.decorators = [
25
+ { type: core.Directive, args: [{
26
+ selector: 'td-sidesheet-title',
27
+ },] }
28
+ ];
29
+ return TdSidesheetTitleDirective;
30
+ }());
31
+ var TdSidesheetActionsDirective = /** @class */ (function () {
32
+ function TdSidesheetActionsDirective() {
33
+ this.align = 'start';
34
+ }
35
+ TdSidesheetActionsDirective.decorators = [
36
+ { type: core.Directive, args: [{
37
+ selector: 'td-sidesheet-actions',
38
+ /* tslint:disable-next-line */
39
+ host: {
40
+ '[class.align-end]': 'align === "end"',
41
+ '[class.align-start]': 'align === "start"',
42
+ },
43
+ },] }
44
+ ];
45
+ TdSidesheetActionsDirective.propDecorators = {
46
+ align: [{ type: core.Input }]
47
+ };
48
+ return TdSidesheetActionsDirective;
49
+ }());
50
+ var TdSidesheetHeaderComponent = /** @class */ (function () {
51
+ function TdSidesheetHeaderComponent() {
52
+ }
53
+ TdSidesheetHeaderComponent.decorators = [
54
+ { type: core.Component, args: [{
55
+ selector: 'td-sidesheet-header',
56
+ template: "<ng-content select=\"td-sidesheet-title\"></ng-content>\n<ng-content select=\"[mat-icon-button][td-sidesheet-header-action]\"></ng-content>"
57
+ }] }
58
+ ];
59
+ return TdSidesheetHeaderComponent;
60
+ }());
61
+ var TdSidesheetComponent = /** @class */ (function () {
62
+ function TdSidesheetComponent() {
63
+ }
64
+ TdSidesheetComponent.decorators = [
65
+ { type: core.Component, args: [{
66
+ selector: 'td-sidesheet',
67
+ template: "<ng-content select=\"td-sidesheet-header\"></ng-content>\n<ng-template [ngIf]=\"headerExists\">\n <mat-divider></mat-divider>\n</ng-template>\n<div class=\"td-sidesheet-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<ng-template [ngIf]=\"actionsExist\">\n <mat-divider></mat-divider>\n</ng-template>\n<ng-content select=\"td-sidesheet-actions\"></ng-content>",
68
+ encapsulation: core.ViewEncapsulation.None,
69
+ styles: ["td-sidesheet,td-sidesheet td-sidesheet-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}td-sidesheet{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;width:100%;min-height:100%;height:100%}td-sidesheet td-sidesheet-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding:20px 16px;font-size:18px}td-sidesheet .mat-divider-horizontal{position:static!important}td-sidesheet td-sidesheet-title{-webkit-box-flex:1;-ms-flex:1;flex:1}td-sidesheet td-sidesheet-header .mat-button-focus-overlay{background-color:transparent!important}td-sidesheet td-sidesheet-header .mat-icon-button{width:24px;height:24px;line-height:21px}td-sidesheet td-sidesheet-actions{padding:8px;display:block}td-sidesheet .td-sidesheet-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow-y:auto}td-sidesheet td-sidesheet-content{display:block;padding:16px}td-sidesheet-content>:first-child,td-sidesheet>:first-child{margin-top:0}td-sidesheet-content>:last-child,td-sidesheet>:last-child{margin-bottom:0}"]
70
+ }] }
71
+ ];
72
+ TdSidesheetComponent.propDecorators = {
73
+ headerExists: [{ type: core.ContentChild, args: [TdSidesheetHeaderComponent,] }],
74
+ actionsExist: [{ type: core.ContentChild, args: [TdSidesheetActionsDirective,] }]
75
+ };
76
+ return TdSidesheetComponent;
77
+ }());
78
+
79
+ /**
80
+ * @fileoverview added by tsickle
81
+ * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
82
+ */
83
+ /** @type {?} */
84
+ var TD_SIDESHEET = [
85
+ TdSidesheetComponent,
86
+ TdSidesheetHeaderComponent,
87
+ TdSidesheetContentDirective,
88
+ TdSidesheetTitleDirective,
89
+ TdSidesheetActionsDirective,
90
+ ];
91
+ var CovalentSidesheetModule = /** @class */ (function () {
92
+ function CovalentSidesheetModule() {
93
+ }
94
+ CovalentSidesheetModule.decorators = [
95
+ { type: core.NgModule, args: [{
96
+ imports: [
97
+ common.CommonModule,
98
+ divider.MatDividerModule,
99
+ ],
100
+ declarations: [
101
+ TD_SIDESHEET,
102
+ ],
103
+ exports: [
104
+ TD_SIDESHEET,
105
+ ],
106
+ },] }
107
+ ];
108
+ return CovalentSidesheetModule;
109
+ }());
110
+
111
+ /**
112
+ * @fileoverview added by tsickle
113
+ * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
114
+ */
115
+
116
+ /**
117
+ * @fileoverview added by tsickle
118
+ * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
119
+ */
120
+
121
+ /**
122
+ * @fileoverview added by tsickle
123
+ * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
124
+ */
125
+
126
+ exports.CovalentSidesheetModule = CovalentSidesheetModule;
127
+ exports.TdSidesheetContentDirective = TdSidesheetContentDirective;
128
+ exports.TdSidesheetTitleDirective = TdSidesheetTitleDirective;
129
+ exports.TdSidesheetActionsDirective = TdSidesheetActionsDirective;
130
+ exports.TdSidesheetHeaderComponent = TdSidesheetHeaderComponent;
131
+ exports.TdSidesheetComponent = TdSidesheetComponent;
132
+
133
+ Object.defineProperty(exports, '__esModule', { value: true });
134
+
135
+ })));
136
+
137
+ //# sourceMappingURL=covalent-core-sidesheet.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"covalent-core-sidesheet.umd.js.map","sources":["ng://@covalent/core/sidesheet/sidesheet.component.ts","ng://@covalent/core/sidesheet/sidesheet.module.ts"],"sourcesContent":["import { Component, ContentChild, Directive, Input, ViewEncapsulation } from '@angular/core';\n\n@Directive({\n selector: 'td-sidesheet-content',\n})\nexport class TdSidesheetContentDirective {}\n\n@Directive({\n selector: 'td-sidesheet-title',\n})\nexport class TdSidesheetTitleDirective {}\n\n@Directive({\n selector: 'td-sidesheet-actions',\n /* tslint:disable-next-line */\n host: {\n '[class.align-end]': 'align === \"end\"',\n '[class.align-start]': 'align === \"start\"',\n },\n})\nexport class TdSidesheetActionsDirective {\n @Input() align: 'start' | 'end' = 'start';\n}\n\n@Component({\n selector: 'td-sidesheet-header',\n templateUrl: 'sidesheet-header.component.html',\n})\nexport class TdSidesheetHeaderComponent {}\n\n@Component({\n selector: 'td-sidesheet',\n templateUrl: './sidesheet.component.html',\n styleUrls: ['./sidesheet.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TdSidesheetComponent {\n @ContentChild(TdSidesheetHeaderComponent) headerExists: TdSidesheetHeaderComponent;\n @ContentChild(TdSidesheetActionsDirective) actionsExist: TdSidesheetActionsDirective;\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatDividerModule } from '@angular/material/divider';\n\nimport { TdSidesheetComponent, \n TdSidesheetHeaderComponent, \n TdSidesheetContentDirective, \n TdSidesheetTitleDirective, \n TdSidesheetActionsDirective } from './sidesheet.component';\n\nconst TD_SIDESHEET: Type<any>[] = [\n TdSidesheetComponent,\n TdSidesheetHeaderComponent,\n TdSidesheetContentDirective,\n TdSidesheetTitleDirective,\n TdSidesheetActionsDirective,\n];\n\n@NgModule({\n imports: [\n CommonModule,\n MatDividerModule,\n ],\n declarations: [\n TD_SIDESHEET,\n ],\n exports: [\n TD_SIDESHEET,\n ],\n})\nexport class CovalentSidesheetModule {\n\n}\n"],"names":["Directive","Input","Component","ViewEncapsulation","ContentChild","NgModule","CommonModule","MatDividerModule"],"mappings":";;;;;;;;;;AAAA;QAEA;SAG2C;;oBAH1CA,cAAS,SAAC;wBACT,QAAQ,EAAE,sBAAsB;qBACjC;;QACyC,kCAAC;KAH3C,IAG2C;;QAE3C;SAGyC;;oBAHxCA,cAAS,SAAC;wBACT,QAAQ,EAAE,oBAAoB;qBAC/B;;QACuC,gCAAC;KAHzC,IAGyC;;QAEzC;YASW,UAAK,GAAoB,OAAO,CAAC;SAC3C;;oBAVAA,cAAS,SAAC;wBACT,QAAQ,EAAE,sBAAsB;;wBAEhC,IAAI,EAAE;4BACJ,mBAAmB,EAAE,iBAAiB;4BACtC,qBAAqB,EAAE,mBAAmB;yBAC3C;qBACF;;;4BAEEC,UAAK;;QACR,kCAAC;KAVD,IAUC;;QAED;SAI0C;;oBAJzCC,cAAS,SAAC;wBACT,QAAQ,EAAE,qBAAqB;wBAC/B,uJAA8C;qBAC/C;;QACwC,iCAAC;KAJ1C,IAI0C;;QAE1C;SASC;;oBATAA,cAAS,SAAC;wBACT,QAAQ,EAAE,cAAc;wBACxB,8XAAyC;wBAEzC,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;qBACtC;;;mCAEEC,iBAAY,SAAC,0BAA0B;mCACvCA,iBAAY,SAAC,2BAA2B;;QAC3C,2BAAC;KATD;;;;;;AC9BA;QAWM,YAAY,GAAgB;QAChC,oBAAoB;QACpB,0BAA0B;QAC1B,2BAA2B;QAC3B,yBAAyB;QACzB,2BAA2B;KAC5B;AAED;QAAA;SAcC;;oBAdAC,aAAQ,SAAC;wBACR,OAAO,EAAE;4BACPC,mBAAY;4BACZC,wBAAgB;yBACjB;wBACD,YAAY,EAAE;4BACZ,YAAY;yBACb;wBACD,OAAO,EAAE;4BACP,YAAY;yBACb;qBACF;;QAGD,8BAAC;KAdD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,2 @@
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/material/divider"),require("@angular/core")):"function"==typeof define&&define.amd?define("@covalent/core/sidesheet",["exports","@angular/common","@angular/material/divider","@angular/core"],t):t((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.sidesheet={}),e.ng.common,e.ng.material.divider,e.ng.core)}(this,function(e,t,i,n){"use strict";var o=(s.decorators=[{type:n.Directive,args:[{selector:"td-sidesheet-content"}]}],s);function s(){}var d=(r.decorators=[{type:n.Directive,args:[{selector:"td-sidesheet-title"}]}],r);function r(){}var a=(c.decorators=[{type:n.Directive,args:[{selector:"td-sidesheet-actions",host:{"[class.align-end]":'align === "end"',"[class.align-start]":'align === "start"'}}]}],c.propDecorators={align:[{type:n.Input}]},c);function c(){this.align="start"}var l=(h.decorators=[{type:n.Component,args:[{selector:"td-sidesheet-header",template:'<ng-content select="td-sidesheet-title"></ng-content>\n<ng-content select="[mat-icon-button][td-sidesheet-header-action]"></ng-content>'}]}],h);function h(){}var p=(g.decorators=[{type:n.Component,args:[{selector:"td-sidesheet",template:'<ng-content select="td-sidesheet-header"></ng-content>\n<ng-template [ngIf]="headerExists">\n <mat-divider></mat-divider>\n</ng-template>\n<div class="td-sidesheet-content-wrapper">\n <ng-content></ng-content>\n</div>\n<ng-template [ngIf]="actionsExist">\n <mat-divider></mat-divider>\n</ng-template>\n<ng-content select="td-sidesheet-actions"></ng-content>',encapsulation:n.ViewEncapsulation.None,styles:["td-sidesheet,td-sidesheet td-sidesheet-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}td-sidesheet{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;width:100%;min-height:100%;height:100%}td-sidesheet td-sidesheet-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding:20px 16px;font-size:18px}td-sidesheet .mat-divider-horizontal{position:static!important}td-sidesheet td-sidesheet-title{-webkit-box-flex:1;-ms-flex:1;flex:1}td-sidesheet td-sidesheet-header .mat-button-focus-overlay{background-color:transparent!important}td-sidesheet td-sidesheet-header .mat-icon-button{width:24px;height:24px;line-height:21px}td-sidesheet td-sidesheet-actions{padding:8px;display:block}td-sidesheet .td-sidesheet-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow-y:auto}td-sidesheet td-sidesheet-content{display:block;padding:16px}td-sidesheet-content>:first-child,td-sidesheet>:first-child{margin-top:0}td-sidesheet-content>:last-child,td-sidesheet>:last-child{margin-bottom:0}"]}]}],g.propDecorators={headerExists:[{type:n.ContentChild,args:[l]}],actionsExist:[{type:n.ContentChild,args:[a]}]},g);function g(){}var m=[p,l,o,d,a],x=(f.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,i.MatDividerModule],declarations:[m],exports:[m]}]}],f);function f(){}e.CovalentSidesheetModule=x,e.TdSidesheetContentDirective=o,e.TdSidesheetTitleDirective=d,e.TdSidesheetActionsDirective=a,e.TdSidesheetHeaderComponent=l,e.TdSidesheetComponent=p,Object.defineProperty(e,"__esModule",{value:!0})});
2
+ //# sourceMappingURL=covalent-core-sidesheet.umd.min.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["ng://@covalent/core/sidesheet/sidesheet.component.ts","ng://@covalent/core/sidesheet/sidesheet.module.ts"],"names":["TdSidesheetContentDirective","Directive","args","selector","TdSidesheetTitleDirective","host","[class.align-end]","[class.align-start]","Input","TdSidesheetActionsDirective","this","align","Component","template","TdSidesheetHeaderComponent","encapsulation","ViewEncapsulation","None","ContentChild","TdSidesheetComponent","TD_SIDESHEET","CovalentSidesheetModule","NgModule","imports","CommonModule","MatDividerModule","declarations","exports"],"mappings":"8eAAA,IAAAA,uBAECC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,2BAE8BH,GAH1C,SAAAA,gCAKCC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,yBAE4BC,GAHxC,SAAAA,gCAKCH,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,uBAEVE,KAAM,CACJC,oBAAqB,kBACrBC,sBAAuB,wDAIxBC,EAAAA,SACHC,GAVA,SAAAA,IASWC,KAAAC,MAAyB,mCAGnCC,EAAAA,UAASV,KAAA,CAAC,CACTC,SAAU,sBACVU,SAAA,8IAEuCC,GAJzC,SAAAA,gCAMCF,EAAAA,UAASV,KAAA,CAAC,CACTC,SAAU,eACVU,SAAA,2WAEAE,cAAeC,EAAAA,kBAAkBC,86CAGhCC,EAAAA,aAAYhB,KAAA,CAACY,yBACbI,EAAAA,aAAYhB,KAAA,CAACO,MAChBU,GATA,SAAAA,SCnBMC,EAA4B,CAChCD,EACAL,EACAd,EACAI,EACAK,GAGFY,uBAACC,EAAAA,SAAQpB,KAAA,CAAC,CACRqB,QAAS,CACPC,EAAAA,aACAC,EAAAA,kBAEFC,aAAc,CACZN,GAEFO,QAAS,CACPP,OAKJC,GAdA,SAAAA","sourcesContent":["import { Component, ContentChild, Directive, Input, ViewEncapsulation } from '@angular/core';\n\n@Directive({\n selector: 'td-sidesheet-content',\n})\nexport class TdSidesheetContentDirective {}\n\n@Directive({\n selector: 'td-sidesheet-title',\n})\nexport class TdSidesheetTitleDirective {}\n\n@Directive({\n selector: 'td-sidesheet-actions',\n /* tslint:disable-next-line */\n host: {\n '[class.align-end]': 'align === \"end\"',\n '[class.align-start]': 'align === \"start\"',\n },\n})\nexport class TdSidesheetActionsDirective {\n @Input() align: 'start' | 'end' = 'start';\n}\n\n@Component({\n selector: 'td-sidesheet-header',\n templateUrl: 'sidesheet-header.component.html',\n})\nexport class TdSidesheetHeaderComponent {}\n\n@Component({\n selector: 'td-sidesheet',\n templateUrl: './sidesheet.component.html',\n styleUrls: ['./sidesheet.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TdSidesheetComponent {\n @ContentChild(TdSidesheetHeaderComponent) headerExists: TdSidesheetHeaderComponent;\n @ContentChild(TdSidesheetActionsDirective) actionsExist: TdSidesheetActionsDirective;\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatDividerModule } from '@angular/material/divider';\n\nimport { TdSidesheetComponent, \n TdSidesheetHeaderComponent, \n TdSidesheetContentDirective, \n TdSidesheetTitleDirective, \n TdSidesheetActionsDirective } from './sidesheet.component';\n\nconst TD_SIDESHEET: Type<any>[] = [\n TdSidesheetComponent,\n TdSidesheetHeaderComponent,\n TdSidesheetContentDirective,\n TdSidesheetTitleDirective,\n TdSidesheetActionsDirective,\n];\n\n@NgModule({\n imports: [\n CommonModule,\n MatDividerModule,\n ],\n declarations: [\n TD_SIDESHEET,\n ],\n exports: [\n TD_SIDESHEET,\n ],\n})\nexport class CovalentSidesheetModule {\n\n}\n"]}