@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
@@ -415,7 +415,7 @@ TdStepsComponent.decorators = [
415
415
  host: {
416
416
  class: 'td-steps',
417
417
  },
418
- styles: [".td-line-wrapper,.td-step{position:relative}.td-steps-header{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.td-line-wrapper{width:24px;min-height:1px}.td-horizontal-line{border-bottom-width:1px;border-bottom-style:solid;height:1px;position:relative;top:36px;min-width:15px;-ms-flex:1;flex:1;box-sizing:border-box}::ng-deep :not([dir=rtl]) .td-horizontal-line{left:-6px;right:-3px}::ng-deep [dir=rtl] .td-horizontal-line{left:-3px;right:-6px}.td-vertical-line{position:absolute;bottom:-16px;top:-16px;border-left-width:1px;border-left-style:solid}::ng-deep :not([dir=rtl]) .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line{left:auto;right:20px}"]
418
+ styles: [".td-line-wrapper,.td-step{position:relative}.td-steps-header{-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}.td-line-wrapper{width:24px;min-height:1px}.td-horizontal-line{border-bottom-width:1px;border-bottom-style:solid;height:1px;position:relative;top:36px;min-width:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}::ng-deep :not([dir=rtl]) .td-horizontal-line{left:-6px;right:-3px}::ng-deep [dir=rtl] .td-horizontal-line{left:-3px;right:-6px}.td-vertical-line{position:absolute;bottom:-16px;top:-16px;border-left-width:1px;border-left-style:solid}::ng-deep :not([dir=rtl]) .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line{left:auto;right:20px}"]
419
419
  }] }
420
420
  ];
421
421
  TdStepsComponent.propDecorators = {
@@ -463,7 +463,7 @@ TdStepHeaderComponent.decorators = [
463
463
  selector: 'td-step-header',
464
464
  inputs: ['disabled', 'disableRipple'],
465
465
  template: "<div class=\"td-step-header\"\n [class.mat-disabled]=\"disabled\"\n matRipple\n [matRippleDisabled]=\"disabled || disableRipple\"\n [tabIndex]=\"disabled ? -1 : (tabIndex || 0)\">\n <div class=\"td-circle\"\n [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n [class.mat-active]=\"active && !disabled\"\n *ngIf=\"!isRequired() && !isComplete()\">\n <span *ngIf=\"(active || !isComplete())\">{{number || ''}}</span>\n </div>\n <div class=\"td-complete\" *ngIf=\"isComplete()\">\n <mat-icon class=\"mat-complete\">check_circle</mat-icon>\n </div>\n <div class=\"td-triangle\"\n [class.bg-muted]=\"disabled\"\n *ngIf=\"isRequired()\">\n <mat-icon class=\"mat-warn\">warning</mat-icon>\n </div>\n <div class=\"td-step-label-wrapper\"\n [class.mat-inactive]=\"(!active && !isComplete()) || disabled\"\n [class.mat-warn]=\"isRequired() && !disabled\">\n <div class=\"td-step-label\">\n <ng-content select=\"[td-step-header-label]\"></ng-content>\n </div>\n <div class=\"td-step-sublabel\">\n <ng-content select=\"[td-step-header-sublabel]\"></ng-content>\n </div>\n </div>\n <span class=\"td-step-header-separator\"></span>\n <mat-icon class=\"td-edit-icon\" *ngIf=\"isComplete() && !active && !disabled\">mode_edit</mat-icon>\n</div>",
466
- styles: [".td-step-header{position:relative;outline:0;min-width:120px;height:72px;-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}.td-step-header:hover:not(.mat-disabled){cursor:pointer}.td-step-header mat-icon.td-edit-icon{margin:0 8px}.td-step-header mat-icon.mat-warn{font-size:24px;height:24px;width:24px}.td-step-header mat-icon.mat-complete{position:relative;left:-2px;top:2px;font-size:28px;height:24px;width:24px}.td-step-header .td-circle{height:24px;width:24px;line-height:24px;border-radius:99%;text-align:center;-ms-flex:none;flex:none}.td-step-header .td-circle mat-icon{margin-top:2px;font-weight:700}.td-step-header .td-triangle>mat-icon{font-size:25px}::ng-deep :not([dir=rtl]) .td-step-header .td-circle,::ng-deep :not([dir=rtl]) .td-step-header .td-complete,::ng-deep :not([dir=rtl]) .td-step-header .td-triangle{margin-left:8px;margin-right:0}::ng-deep [dir=rtl] .td-step-header .td-circle,::ng-deep [dir=rtl] .td-step-header .td-complete,::ng-deep [dir=rtl] .td-step-header .td-triangle{margin-left:0;margin-right:8px}.td-step-header .td-circle,.td-step-header .td-complete{font-size:14px}.td-step-header .td-step-label-wrapper{padding-left:8px;padding-right:8px}.td-step-header .td-step-header-separator{-ms-flex:1;flex:1;box-sizing:border-box}"]
466
+ styles: [".td-step-header{position:relative;outline:0;min-width:120px;height:72px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}.td-step-header:hover:not(.mat-disabled){cursor:pointer}.td-step-header mat-icon.td-edit-icon{margin:0 8px}.td-step-header mat-icon.mat-warn{font-size:24px;height:24px;width:24px}.td-step-header mat-icon.mat-complete{position:relative;left:-2px;top:2px;font-size:28px;height:24px;width:24px}.td-step-header .td-circle{height:24px;width:24px;line-height:24px;border-radius:99%;text-align:center;-webkit-box-flex:0;-ms-flex:none;flex:none}.td-step-header .td-circle mat-icon{margin-top:2px;font-weight:700}.td-step-header .td-triangle>mat-icon{font-size:25px}::ng-deep :not([dir=rtl]) .td-step-header .td-circle,::ng-deep :not([dir=rtl]) .td-step-header .td-complete,::ng-deep :not([dir=rtl]) .td-step-header .td-triangle{margin-left:8px;margin-right:0}::ng-deep [dir=rtl] .td-step-header .td-circle,::ng-deep [dir=rtl] .td-step-header .td-complete,::ng-deep [dir=rtl] .td-step-header .td-triangle{margin-left:0;margin-right:8px}.td-step-header .td-circle,.td-step-header .td-complete{font-size:14px}.td-step-header .td-step-label-wrapper{padding-left:8px;padding-right:8px}.td-step-header .td-step-header-separator{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}"]
467
467
  }] }
468
468
  ];
469
469
  TdStepHeaderComponent.propDecorators = {
@@ -522,7 +522,7 @@ TdStepBodyComponent.decorators = [
522
522
  animations: [
523
523
  tdCollapseAnimation,
524
524
  ],
525
- styles: [":host{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .td-step-body{overflow-x:hidden;-ms-flex:1;flex:1;box-sizing:border-box}:host .td-step-body .td-step-content-wrapper.ng-animating,:host .td-step-body .td-step-summary.ng-animating{overflow:hidden}:host .td-step-body .td-step-content{overflow-x:auto}:host .td-step-body .td-step-actions{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"]
525
+ styles: [":host{-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}:host .td-step-body{overflow-x:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host .td-step-body .td-step-content-wrapper.ng-animating,:host .td-step-body .td-step-summary.ng-animating{overflow:hidden}:host .td-step-body .td-step-content{overflow-x:auto}:host .td-step-body .td-step-actions{-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}"]
526
526
  }] }
527
527
  ];
528
528
  TdStepBodyComponent.propDecorators = {
@@ -616,7 +616,7 @@ TdNavStepLinkComponent.decorators = [
616
616
  '[class.mat-disabled]': 'disabled || null',
617
617
  '(click)': '_handleClick($event)',
618
618
  },
619
- styles: [":host{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}:host.mat-disabled{pointer-events:none}:host .td-step-header-wrapper{width:100%}"]
619
+ styles: [":host{-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: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}:host.mat-disabled{pointer-events:none}:host .td-step-header-wrapper{width:100%}"]
620
620
  }] }
621
621
  ];
622
622
  /** @nocollapse */
@@ -881,7 +881,7 @@ TdNavStepsHorizontalComponent.decorators = [
881
881
  '[class.td-step-header-pagination-controls-enabled]': '_showPaginationControls',
882
882
  '[class.td-step-header-rtl]': "_getLayoutDirection() == 'rtl'",
883
883
  },
884
- styles: [":host{width:100%;display:block}.td-steps-header,.td-steps-header-list{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.td-steps-header-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;z-index:1}.td-steps-header-list{-ms-flex-positive:1;flex-grow:1;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}.td-step-header-pagination{position:relative;display:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:32px;cursor:pointer;z-index:2}:host.td-step-header-pagination-controls-enabled .td-step-header-pagination{display:-ms-flexbox;display:flex}.td-step-header-pagination-before,:host.td-step-header-rtl .td-step-header-pagination-after{padding-left:4px}.td-step-header-pagination-before .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-after .td-step-header-pagination-chevron{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.td-step-header-pagination-after,:host.td-step-header-rtl .td-step-header-pagination-before{padding-right:4px}.td-step-header-pagination-after .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-before .td-step-header-pagination-chevron{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.td-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;content:'';height:8px;width:8px}.td-step-header-pagination-disabled{box-shadow:none;cursor:default}.td-horizontal-line{border-bottom-width:1px;border-bottom-style:solid;height:1px;min-width:20px;-ms-flex:1;flex:1;box-sizing:border-box}"]
884
+ styles: [":host{width:100%;display:block}.td-steps-header,.td-steps-header-list{-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}.td-steps-header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;z-index:1}.td-steps-header-list{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;-webkit-transition:-webkit-transform .5s cubic-bezier(.35,0,.25,1);transition:transform .5s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);-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}.td-step-header-pagination{position:relative;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:32px;cursor:pointer;z-index:2}:host.td-step-header-pagination-controls-enabled .td-step-header-pagination{display:-webkit-box;display:-ms-flexbox;display:flex}.td-step-header-pagination-before,:host.td-step-header-rtl .td-step-header-pagination-after{padding-left:4px}.td-step-header-pagination-before .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-after .td-step-header-pagination-chevron{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.td-step-header-pagination-after,:host.td-step-header-rtl .td-step-header-pagination-before{padding-right:4px}.td-step-header-pagination-after .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-before .td-step-header-pagination-chevron{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.td-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;content:'';height:8px;width:8px}.td-step-header-pagination-disabled{-webkit-box-shadow:none;box-shadow:none;cursor:default}.td-horizontal-line{border-bottom-width:1px;border-bottom-style:solid;height:1px;min-width:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}"]
885
885
  }] }
886
886
  ];
887
887
  /** @nocollapse */
@@ -176,6 +176,7 @@ class TdTabSelectComponent extends _TdTabSelectMixinBase {
176
176
  this._values = this.tabOptions.map((tabOption) => {
177
177
  return tabOption.value;
178
178
  });
179
+ this._changeDetectorRef.markForCheck();
179
180
  }
180
181
  /**
181
182
  * Try to set value depending if its part of our options
@@ -205,10 +206,10 @@ TdTabSelectComponent.decorators = [
205
206
  multi: true,
206
207
  }],
207
208
  selector: 'td-tab-select',
208
- template: "<mat-tab-group [attr.mat-stretch-tabs]=\"stretchTabs ? true : undefined\"\n [backgroundColor]=\"backgroundColor\"\n [color]=\"color\"\n [disableRipple]=\"disableRipple\"\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange($event)\">\n <ng-template let-tabOption\n ngFor\n [ngForOf]=\"tabOptions\">\n <mat-tab [disabled]=\"tabOption.disabled || disabled\">\n <ng-template matTabLabel>\n <ng-template [cdkPortalOutlet]=\"tabOption.content\">\n </ng-template>\n </ng-template>\n </mat-tab>\n </ng-template>\n</mat-tab-group>\n",
209
+ template: "<mat-tab-group [attr.mat-stretch-tabs]=\"stretchTabs ? true : undefined\"\n [backgroundColor]=\"backgroundColor\"\n [color]=\"color\"\n [disableRipple]=\"disableRipple\"\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange($event)\">\n <ng-template let-tabOption\n ngFor\n [ngForOf]=\"tabOptions\">\n <mat-tab [disabled]=\"tabOption.disabled || disabled\">\n <ng-template matTabLabel>\n <ng-template *ngIf=\"tabOption.content\" [cdkPortalOutlet]=\"tabOption.content\">\n </ng-template>\n </ng-template>\n </mat-tab>\n </ng-template>\n</mat-tab-group>\n",
209
210
  /* tslint:disable-next-line */
210
211
  inputs: ['value', 'disabled', 'disableRipple'],
211
- styles: [""]
212
+ styles: [":host::ng-deep>.mat-tab-group>.mat-tab-body-wrapper{display:none}"]
212
213
  }] }
213
214
  ];
214
215
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"covalent-core-tab-select.js.map","sources":["ng://@covalent/core/tab-select/tab-option.component.ts","ng://@covalent/core/tab-select/tab-select.component.ts","ng://@covalent/core/tab-select/tab-select.module.ts"],"sourcesContent":["import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ViewChild,\n TemplateRef,\n OnInit,\n ViewContainerRef,\n} from '@angular/core';\n\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { mixinDisabled, ICanDisable } from '@covalent/core/common';\n\nexport class TdTabOptionBase {\n constructor(public _viewContainerRef: ViewContainerRef,\n public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdTabOptionMixinBase = mixinDisabled(TdTabOptionBase);\n\n@Component({\n selector: 'td-tab-option',\n templateUrl: './tab-option.component.html',\n styleUrls: ['./tab-option.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n /* tslint:disable-next-line */\n inputs: ['disabled'],\n})\nexport class TdTabOptionComponent extends _TdTabOptionMixinBase implements ICanDisable, OnInit {\n\n private _contentPortal: TemplatePortal<any>;\n get content(): TemplatePortal<any> {\n return this._contentPortal;\n }\n\n @ViewChild(TemplateRef) _content: TemplateRef<any>;\n\n /**\n * Value to which the option will be binded to.\n */\n @Input('value') value: any;\n\n constructor(_viewContainerRef: ViewContainerRef,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_viewContainerRef, _changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._contentPortal = new TemplatePortal(this._content, this._viewContainerRef);\n }\n\n}\n","import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ContentChildren,\n QueryList,\n OnInit,\n AfterContentInit,\n forwardRef,\n Output,\n EventEmitter,\n OnDestroy,\n} from '@angular/core';\nimport {\n NG_VALUE_ACCESSOR,\n} from '@angular/forms';\n\nimport { ThemePalette } from '@angular/material/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { ICanDisable,\n mixinDisabled,\n IControlValueAccessor,\n mixinControlValueAccessor,\n ICanDisableRipple,\n mixinDisableRipple,\n} from '@covalent/core/common';\n\nimport { Subscription } from 'rxjs';\n\nimport { TdTabOptionComponent } from './tab-option.component';\n\nexport class TdTabSelectBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdTabSelectMixinBase = mixinControlValueAccessor(mixinDisabled(mixinDisableRipple(TdTabSelectBase)));\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdTabSelectComponent),\n multi: true,\n }],\n selector: 'td-tab-select',\n templateUrl: './tab-select.component.html',\n styleUrls: ['./tab-select.component.scss'],\n /* tslint:disable-next-line */\n inputs: ['value', 'disabled', 'disableRipple'],\n})\nexport class TdTabSelectComponent extends _TdTabSelectMixinBase\n implements IControlValueAccessor, ICanDisable, ICanDisableRipple, OnInit, AfterContentInit, OnDestroy {\n\n private _subs: Subscription[] = [];\n\n private _values: any[] = [];\n private _selectedIndex: number = 0;\n private _stretchTabs: boolean = false;\n\n get selectedIndex(): number {\n return this._selectedIndex;\n }\n\n /**\n * Gets all tab option children\n */\n @ContentChildren(TdTabOptionComponent) readonly _tabOptions: QueryList<TdTabOptionComponent>;\n\n get tabOptions(): TdTabOptionComponent[] {\n return this._tabOptions ? this._tabOptions.toArray() : undefined;\n }\n\n /**\n * Makes the tabs stretch to fit the parent container.\n */\n @Input('stretchTabs')\n set stretchTabs(stretchTabs: boolean) {\n this._stretchTabs = coerceBooleanProperty(stretchTabs);\n }\n get stretchTabs(): boolean {\n return this._stretchTabs;\n }\n\n /**\n * Color of the tab group.\n */\n @Input('color') color: ThemePalette;\n\n /**\n * Background color of the tab group.\n */\n @Input('backgroundColor') backgroundColor: ThemePalette;\n\n /**\n * Event that emits whenever the raw value of the select changes. This is here primarily\n * to facilitate the two-way binding for the `value` input.\n */\n @Output() readonly valueChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n // subscribe to check if value changes and update the selectedIndex internally.\n this._subs.push(\n this.valueChanges.subscribe((value: any) => {\n this._setValue(value);\n }),\n );\n }\n\n ngAfterContentInit(): void {\n // subscribe to listen to any tab changes.\n this._refreshValues();\n this._subs.push(\n this._tabOptions.changes.subscribe(() => {\n this._refreshValues();\n }),\n );\n // initialize value\n Promise.resolve().then(() => {\n this._setValue(this.value);\n });\n }\n\n ngOnDestroy(): void {\n if (this._subs && this._subs.length) {\n this._subs.forEach((sub: Subscription) => {\n sub.unsubscribe();\n });\n }\n }\n\n /**\n * Method executed when user selects a different tab\n * This updates the new selectedIndex and infers what value should be mapped to.\n */\n selectedIndexChange(selectedIndex: number): void {\n this._selectedIndex = selectedIndex;\n let value: any = this._values[selectedIndex];\n this.value = value;\n this.valueChange.emit(value);\n this.onChange(value);\n }\n\n /**\n * Refresh the values array whenever the number of tabs gets updated\n */\n private _refreshValues(): void {\n this._values = this.tabOptions.map((tabOption: TdTabOptionComponent) => {\n return tabOption.value;\n });\n }\n\n /**\n * Try to set value depending if its part of our options\n * else set the value of the first tab.\n */\n private _setValue(value: any): void {\n let index: number = this._values.indexOf(value);\n if (index > -1) {\n this._selectedIndex = index;\n } else {\n this.value = this._values.length ? this._values[0] : undefined;\n this._selectedIndex = 0;\n }\n this._changeDetectorRef.markForCheck();\n }\n\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatTabsModule } from '@angular/material/tabs';\n\nimport { TdTabSelectComponent } from './tab-select.component';\nimport { TdTabOptionComponent } from './tab-option.component';\n\n@NgModule({\n declarations: [\n TdTabSelectComponent,\n TdTabOptionComponent,\n ], // directives, components, and pipes owned by this NgModule\n imports: [\n /** Angular Modules */\n CommonModule,\n FormsModule,\n /** Material Modules */\n PortalModule,\n MatTabsModule,\n ], // modules needed to run this module\n exports: [\n TdTabSelectComponent,\n TdTabOptionComponent,\n ],\n})\nexport class CovalentTabSelectModule {}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"covalent-core-tab-select.js.map","sources":["ng://@covalent/core/tab-select/tab-option.component.ts","ng://@covalent/core/tab-select/tab-select.component.ts","ng://@covalent/core/tab-select/tab-select.module.ts"],"sourcesContent":["import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ViewChild,\n TemplateRef,\n OnInit,\n ViewContainerRef,\n} from '@angular/core';\n\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { mixinDisabled, ICanDisable } from '@covalent/core/common';\n\nexport class TdTabOptionBase {\n constructor(public _viewContainerRef: ViewContainerRef,\n public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdTabOptionMixinBase = mixinDisabled(TdTabOptionBase);\n\n@Component({\n selector: 'td-tab-option',\n templateUrl: './tab-option.component.html',\n styleUrls: ['./tab-option.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n /* tslint:disable-next-line */\n inputs: ['disabled'],\n})\nexport class TdTabOptionComponent extends _TdTabOptionMixinBase implements ICanDisable, OnInit {\n\n private _contentPortal: TemplatePortal<any>;\n get content(): TemplatePortal<any> {\n return this._contentPortal;\n }\n\n @ViewChild(TemplateRef) _content: TemplateRef<any>;\n\n /**\n * Value to which the option will be binded to.\n */\n @Input('value') value: any;\n\n constructor(_viewContainerRef: ViewContainerRef,\n _changeDetectorRef: ChangeDetectorRef) {\n super(_viewContainerRef, _changeDetectorRef);\n }\n\n ngOnInit(): void {\n this._contentPortal = new TemplatePortal(this._content, this._viewContainerRef);\n }\n\n}\n","import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n ContentChildren,\n QueryList,\n OnInit,\n AfterContentInit,\n forwardRef,\n Output,\n EventEmitter,\n OnDestroy,\n} from '@angular/core';\nimport {\n NG_VALUE_ACCESSOR,\n} from '@angular/forms';\n\nimport { ThemePalette } from '@angular/material/core';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { ICanDisable,\n mixinDisabled,\n IControlValueAccessor,\n mixinControlValueAccessor,\n ICanDisableRipple,\n mixinDisableRipple,\n} from '@covalent/core/common';\n\nimport { Subscription } from 'rxjs';\n\nimport { TdTabOptionComponent } from './tab-option.component';\n\nexport class TdTabSelectBase {\n constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdTabSelectMixinBase = mixinControlValueAccessor(mixinDisabled(mixinDisableRipple(TdTabSelectBase)));\n\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TdTabSelectComponent),\n multi: true,\n }],\n selector: 'td-tab-select',\n templateUrl: './tab-select.component.html',\n styleUrls: ['./tab-select.component.scss'],\n /* tslint:disable-next-line */\n inputs: ['value', 'disabled', 'disableRipple'],\n})\nexport class TdTabSelectComponent extends _TdTabSelectMixinBase\n implements IControlValueAccessor, ICanDisable, ICanDisableRipple, OnInit, AfterContentInit, OnDestroy {\n\n private _subs: Subscription[] = [];\n\n private _values: any[] = [];\n private _selectedIndex: number = 0;\n private _stretchTabs: boolean = false;\n\n get selectedIndex(): number {\n return this._selectedIndex;\n }\n\n /**\n * Gets all tab option children\n */\n @ContentChildren(TdTabOptionComponent) readonly _tabOptions: QueryList<TdTabOptionComponent>;\n\n get tabOptions(): TdTabOptionComponent[] {\n return this._tabOptions ? this._tabOptions.toArray() : undefined;\n }\n\n /**\n * Makes the tabs stretch to fit the parent container.\n */\n @Input('stretchTabs')\n set stretchTabs(stretchTabs: boolean) {\n this._stretchTabs = coerceBooleanProperty(stretchTabs);\n }\n get stretchTabs(): boolean {\n return this._stretchTabs;\n }\n\n /**\n * Color of the tab group.\n */\n @Input('color') color: ThemePalette;\n\n /**\n * Background color of the tab group.\n */\n @Input('backgroundColor') backgroundColor: ThemePalette;\n\n /**\n * Event that emits whenever the raw value of the select changes. This is here primarily\n * to facilitate the two-way binding for the `value` input.\n */\n @Output() readonly valueChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(_changeDetectorRef: ChangeDetectorRef) {\n super(_changeDetectorRef);\n }\n\n ngOnInit(): void {\n // subscribe to check if value changes and update the selectedIndex internally.\n this._subs.push(\n this.valueChanges.subscribe((value: any) => {\n this._setValue(value);\n }),\n );\n }\n\n ngAfterContentInit(): void {\n // subscribe to listen to any tab changes.\n this._refreshValues();\n this._subs.push(\n this._tabOptions.changes.subscribe(() => {\n this._refreshValues();\n }),\n );\n // initialize value\n Promise.resolve().then(() => {\n this._setValue(this.value);\n });\n }\n\n ngOnDestroy(): void {\n if (this._subs && this._subs.length) {\n this._subs.forEach((sub: Subscription) => {\n sub.unsubscribe();\n });\n }\n }\n\n /**\n * Method executed when user selects a different tab\n * This updates the new selectedIndex and infers what value should be mapped to.\n */\n selectedIndexChange(selectedIndex: number): void {\n this._selectedIndex = selectedIndex;\n let value: any = this._values[selectedIndex];\n this.value = value;\n this.valueChange.emit(value);\n this.onChange(value);\n }\n\n /**\n * Refresh the values array whenever the number of tabs gets updated\n */\n private _refreshValues(): void {\n this._values = this.tabOptions.map((tabOption: TdTabOptionComponent) => {\n return tabOption.value;\n });\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Try to set value depending if its part of our options\n * else set the value of the first tab.\n */\n private _setValue(value: any): void {\n let index: number = this._values.indexOf(value);\n if (index > -1) {\n this._selectedIndex = index;\n } else {\n this.value = this._values.length ? this._values[0] : undefined;\n this._selectedIndex = 0;\n }\n this._changeDetectorRef.markForCheck();\n }\n\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatTabsModule } from '@angular/material/tabs';\n\nimport { TdTabSelectComponent } from './tab-select.component';\nimport { TdTabOptionComponent } from './tab-option.component';\n\n@NgModule({\n declarations: [\n TdTabSelectComponent,\n TdTabOptionComponent,\n ], // directives, components, and pipes owned by this NgModule\n imports: [\n /** Angular Modules */\n CommonModule,\n FormsModule,\n /** Material Modules */\n PortalModule,\n MatTabsModule,\n ], // modules needed to run this module\n exports: [\n TdTabSelectComponent,\n TdTabOptionComponent,\n ],\n})\nexport class CovalentTabSelectModule {}\n"],"names":[],"mappings":"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"}