@natec/mef-dev-ui-kit 20.0.0-beta.1 → 20.0.1

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 (414) hide show
  1. package/fesm2022/natec-mef-dev-ui-kit.mjs +9541 -0
  2. package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -0
  3. package/index.d.ts +4418 -0
  4. package/index.d.ts.map +1 -0
  5. package/package.json +44 -48
  6. package/src/lib/styles/core.scss +51 -195
  7. package/src/lib/styles/pg/modules/_typography.scss +1 -8
  8. package/src/lib/styles/pg/vendor/ng-datatable.scss +7 -0
  9. package/src/lib/styles/vars.scss +8 -8
  10. package/documentation/classes/FiltredItemModel.html +0 -358
  11. package/documentation/classes/TabChangeEvent.html +0 -231
  12. package/documentation/components/CardComponent.html +0 -576
  13. package/documentation/components/CardLongComponent.html +0 -712
  14. package/documentation/components/CardSimpleComponent.html +0 -372
  15. package/documentation/components/CentralPageComponent.html +0 -312
  16. package/documentation/components/CentralPageRowComponent.html +0 -244
  17. package/documentation/components/CollapseComponent.html +0 -755
  18. package/documentation/components/CollapseSetComponent.html +0 -767
  19. package/documentation/components/DatepickerComponent.html +0 -1397
  20. package/documentation/components/FillComponent.html +0 -736
  21. package/documentation/components/FilteredFieldContainerComponent.html +0 -513
  22. package/documentation/components/FilteredFieldItemComponent.html +0 -451
  23. package/documentation/components/HelpBlockComponent.html +0 -398
  24. package/documentation/components/ManagePageComponent.html +0 -423
  25. package/documentation/components/MefDevOptionComponent.html +0 -689
  26. package/documentation/components/MefDevProgressComponent.html +0 -562
  27. package/documentation/components/MefDevSelectComponent.html +0 -4797
  28. package/documentation/components/MefDevSliderComponent.html +0 -686
  29. package/documentation/components/MefDevSpecFlowTestComponent.html +0 -474
  30. package/documentation/components/MefDevSwitchComponent.html +0 -1480
  31. package/documentation/components/MefDevTabBodyComponent.html +0 -271
  32. package/documentation/components/MefDevTabComponent.html +0 -681
  33. package/documentation/components/MefDevTabSetComponent.html +0 -1889
  34. package/documentation/components/MefDevTabsNavComponent.html +0 -2013
  35. package/documentation/components/MefdevExecutorPageComponent.html +0 -497
  36. package/documentation/components/ProfileComponent.html +0 -608
  37. package/documentation/components/RightFilterComponent.html +0 -423
  38. package/documentation/components/SlideRightComponent.html +0 -762
  39. package/documentation/components/SlideUpComponent.html +0 -692
  40. package/documentation/components/StepExecutorComponent.html +0 -1437
  41. package/documentation/components/TablePageComponent.html +0 -327
  42. package/documentation/dependencies.html +0 -135
  43. package/documentation/directives/MefDevTabLabelDirective.html +0 -532
  44. package/documentation/directives/MefDevTabsInkBarDirective.html +0 -865
  45. package/documentation/fonts/ionicons.eot +0 -0
  46. package/documentation/fonts/ionicons.svg +0 -2090
  47. package/documentation/fonts/ionicons.ttf +0 -0
  48. package/documentation/fonts/ionicons.woff +0 -0
  49. package/documentation/fonts/ionicons.woff2 +0 -0
  50. package/documentation/fonts/roboto-v15-latin-300.eot +0 -0
  51. package/documentation/fonts/roboto-v15-latin-300.svg +0 -314
  52. package/documentation/fonts/roboto-v15-latin-300.ttf +0 -0
  53. package/documentation/fonts/roboto-v15-latin-300.woff +0 -0
  54. package/documentation/fonts/roboto-v15-latin-300.woff2 +0 -0
  55. package/documentation/fonts/roboto-v15-latin-700.eot +0 -0
  56. package/documentation/fonts/roboto-v15-latin-700.svg +0 -310
  57. package/documentation/fonts/roboto-v15-latin-700.ttf +0 -0
  58. package/documentation/fonts/roboto-v15-latin-700.woff +0 -0
  59. package/documentation/fonts/roboto-v15-latin-700.woff2 +0 -0
  60. package/documentation/fonts/roboto-v15-latin-italic.eot +0 -0
  61. package/documentation/fonts/roboto-v15-latin-italic.svg +0 -323
  62. package/documentation/fonts/roboto-v15-latin-italic.ttf +0 -0
  63. package/documentation/fonts/roboto-v15-latin-italic.woff +0 -0
  64. package/documentation/fonts/roboto-v15-latin-italic.woff2 +0 -0
  65. package/documentation/fonts/roboto-v15-latin-regular.eot +0 -0
  66. package/documentation/fonts/roboto-v15-latin-regular.svg +0 -308
  67. package/documentation/fonts/roboto-v15-latin-regular.ttf +0 -0
  68. package/documentation/fonts/roboto-v15-latin-regular.woff +0 -0
  69. package/documentation/fonts/roboto-v15-latin-regular.woff2 +0 -0
  70. package/documentation/graph/dependencies.svg +0 -1160
  71. package/documentation/images/compodoc-vectorise-inverted.png +0 -0
  72. package/documentation/images/compodoc-vectorise-inverted.svg +0 -201
  73. package/documentation/images/compodoc-vectorise.png +0 -0
  74. package/documentation/images/compodoc-vectorise.svg +0 -201
  75. package/documentation/images/favicon.ico +0 -0
  76. package/documentation/index.html +0 -246
  77. package/documentation/injectables/FilteredFieldService.html +0 -420
  78. package/documentation/injectables/ProgressConfig.html +0 -236
  79. package/documentation/interfaces/AnimatedInterface.html +0 -246
  80. package/documentation/js/compodoc.js +0 -14
  81. package/documentation/js/lazy-load-graphs.js +0 -44
  82. package/documentation/js/libs/EventDispatcher.js +0 -5
  83. package/documentation/js/libs/bootstrap-native.js +0 -1
  84. package/documentation/js/libs/clipboard.min.js +0 -7
  85. package/documentation/js/libs/custom-elements-es5-adapter.js +0 -15
  86. package/documentation/js/libs/custom-elements.min.js +0 -38
  87. package/documentation/js/libs/d3.v3.min.js +0 -2
  88. package/documentation/js/libs/deep-iterator.js +0 -2
  89. package/documentation/js/libs/es6-shim.min.js +0 -11
  90. package/documentation/js/libs/htmlparser.js +0 -23
  91. package/documentation/js/libs/innersvg.js +0 -9
  92. package/documentation/js/libs/lit-html.js +0 -1
  93. package/documentation/js/libs/prism.js +0 -46
  94. package/documentation/js/libs/promise.min.js +0 -6
  95. package/documentation/js/libs/svg-pan-zoom.min.js +0 -3
  96. package/documentation/js/libs/tablesort.min.js +0 -6
  97. package/documentation/js/libs/tablesort.number.min.js +0 -6
  98. package/documentation/js/libs/vis.min.js +0 -47
  99. package/documentation/js/libs/zepto.min.js +0 -2
  100. package/documentation/js/menu-wc.js +0 -455
  101. package/documentation/js/menu-wc_es5.js +0 -42
  102. package/documentation/js/menu.js +0 -325
  103. package/documentation/js/routes.js +0 -301
  104. package/documentation/js/search/lunr.min.js +0 -6
  105. package/documentation/js/search/search-lunr.js +0 -67
  106. package/documentation/js/search/search.js +0 -268
  107. package/documentation/js/search/search_index.js +0 -4
  108. package/documentation/js/sourceCode.js +0 -58
  109. package/documentation/js/svg-pan-zoom.controls.js +0 -53
  110. package/documentation/js/tabs.js +0 -21
  111. package/documentation/js/tree.js +0 -147
  112. package/documentation/miscellaneous/enumerations.html +0 -223
  113. package/documentation/miscellaneous/functions.html +0 -251
  114. package/documentation/miscellaneous/typealiases.html +0 -257
  115. package/documentation/miscellaneous/variables.html +0 -357
  116. package/documentation/modules/MefDevCardModule/dependencies.svg +0 -142
  117. package/documentation/modules/MefDevCardModule.html +0 -349
  118. package/documentation/modules/MefDevCollapseModule/dependencies.svg +0 -90
  119. package/documentation/modules/MefDevCollapseModule.html +0 -316
  120. package/documentation/modules/MefDevDatepickerModule/dependencies.svg +0 -82
  121. package/documentation/modules/MefDevDatepickerModule.html +0 -274
  122. package/documentation/modules/MefDevFilteredFieldModule/dependencies.svg +0 -90
  123. package/documentation/modules/MefDevFilteredFieldModule.html +0 -278
  124. package/documentation/modules/MefDevHelpBlockModule/dependencies.svg +0 -82
  125. package/documentation/modules/MefDevHelpBlockModule.html +0 -274
  126. package/documentation/modules/MefDevModalModule/dependencies.svg +0 -154
  127. package/documentation/modules/MefDevModalModule.html +0 -364
  128. package/documentation/modules/MefDevPageLayoutsModule/dependencies.svg +0 -162
  129. package/documentation/modules/MefDevPageLayoutsModule.html +0 -368
  130. package/documentation/modules/MefDevProgressModule/dependencies.svg +0 -66
  131. package/documentation/modules/MefDevProgressModule.html +0 -286
  132. package/documentation/modules/MefDevSelectModule/dependencies.svg +0 -140
  133. package/documentation/modules/MefDevSelectModule.html +0 -334
  134. package/documentation/modules/MefDevSliderModule/dependencies.svg +0 -66
  135. package/documentation/modules/MefDevSliderModule.html +0 -248
  136. package/documentation/modules/MefDevSpecFlowTestModule/dependencies.svg +0 -66
  137. package/documentation/modules/MefDevSpecFlowTestModule.html +0 -286
  138. package/documentation/modules/MefDevStepExecutorModule/dependencies.svg +0 -106
  139. package/documentation/modules/MefDevStepExecutorModule.html +0 -304
  140. package/documentation/modules/MefDevSwitchModule/dependencies.svg +0 -88
  141. package/documentation/modules/MefDevSwitchModule.html +0 -270
  142. package/documentation/modules/MefDevTabsModule/dependencies.svg +0 -186
  143. package/documentation/modules/MefDevTabsModule.html +0 -398
  144. package/documentation/modules.html +0 -357
  145. package/documentation/overview.html +0 -1351
  146. package/documentation/pipes/OptionPipe.html +0 -238
  147. package/documentation/properties.html +0 -125
  148. package/documentation/styles/bootstrap-card.css +0 -219
  149. package/documentation/styles/bootstrap.min.css +0 -6
  150. package/documentation/styles/compodoc.css +0 -1121
  151. package/documentation/styles/dark.css +0 -121
  152. package/documentation/styles/ionicons.min.css +0 -11
  153. package/documentation/styles/laravel.css +0 -113
  154. package/documentation/styles/material.css +0 -131
  155. package/documentation/styles/original.css +0 -51
  156. package/documentation/styles/postmark.css +0 -238
  157. package/documentation/styles/prism.css +0 -301
  158. package/documentation/styles/readthedocs.css +0 -117
  159. package/documentation/styles/reset.css +0 -129
  160. package/documentation/styles/stripe.css +0 -106
  161. package/documentation/styles/style.css +0 -7
  162. package/documentation/styles/tablesort.css +0 -33
  163. package/documentation/styles/vagrant.css +0 -130
  164. package/karma.conf.js +0 -44
  165. package/ng-package.json +0 -18
  166. package/src/lib/markup-kit/card/card/card.component.html +0 -44
  167. package/src/lib/markup-kit/card/card/card.component.scss +0 -65
  168. package/src/lib/markup-kit/card/card/card.component.ts +0 -109
  169. package/src/lib/markup-kit/card/card-long/card-long.component.html +0 -53
  170. package/src/lib/markup-kit/card/card-long/card-long.component.scss +0 -72
  171. package/src/lib/markup-kit/card/card-long/card-long.component.ts +0 -158
  172. package/src/lib/markup-kit/card/card-long/cart-type-colors.enum.ts +0 -5
  173. package/src/lib/markup-kit/card/card-simple/card-simple.component.html +0 -12
  174. package/src/lib/markup-kit/card/card-simple/card-simple.component.scss +0 -12
  175. package/src/lib/markup-kit/card/card-simple/card-simple.component.ts +0 -48
  176. package/src/lib/markup-kit/card/card.module.ts +0 -21
  177. package/src/lib/markup-kit/card/index.ts +0 -6
  178. package/src/lib/markup-kit/collapse/collapse/collapse.component.html +0 -17
  179. package/src/lib/markup-kit/collapse/collapse/collapse.component.scss +0 -17
  180. package/src/lib/markup-kit/collapse/collapse/collapse.component.ts +0 -131
  181. package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.html +0 -3
  182. package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.scss +0 -0
  183. package/src/lib/markup-kit/collapse/collapse-set/collapse-set.component.ts +0 -110
  184. package/src/lib/markup-kit/collapse/collapse.module.ts +0 -20
  185. package/src/lib/markup-kit/collapse/index.ts +0 -3
  186. package/src/lib/markup-kit/executors/index.ts +0 -4
  187. package/src/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.ts +0 -111
  188. package/src/lib/markup-kit/executors/stage/stage.component.html +0 -23
  189. package/src/lib/markup-kit/executors/stage/stage.component.scss +0 -9
  190. package/src/lib/markup-kit/executors/stage/stage.component.ts +0 -21
  191. package/src/lib/markup-kit/executors/step-executor/step-executor.component.html +0 -127
  192. package/src/lib/markup-kit/executors/step-executor/step-executor.component.scss +0 -225
  193. package/src/lib/markup-kit/executors/step-executor/step-executor.component.ts +0 -295
  194. package/src/lib/markup-kit/executors/step-executor.module.ts +0 -27
  195. package/src/lib/markup-kit/modals/fill/fill.component.html +0 -15
  196. package/src/lib/markup-kit/modals/fill/fill.component.scss +0 -42
  197. package/src/lib/markup-kit/modals/fill/fill.component.ts +0 -126
  198. package/src/lib/markup-kit/modals/index.ts +0 -6
  199. package/src/lib/markup-kit/modals/markup-kit.module.ts +0 -25
  200. package/src/lib/markup-kit/modals/modal-size.enum.ts +0 -5
  201. package/src/lib/markup-kit/modals/right-filter/right-filter.component.html +0 -11
  202. package/src/lib/markup-kit/modals/right-filter/right-filter.component.scss +0 -15
  203. package/src/lib/markup-kit/modals/right-filter/right-filter.component.ts +0 -49
  204. package/src/lib/markup-kit/modals/slide-right/slide-right.component.html +0 -14
  205. package/src/lib/markup-kit/modals/slide-right/slide-right.component.scss +0 -42
  206. package/src/lib/markup-kit/modals/slide-right/slide-right.component.ts +0 -121
  207. package/src/lib/markup-kit/modals/slide-up/slide-up.component.html +0 -15
  208. package/src/lib/markup-kit/modals/slide-up/slide-up.component.scss +0 -47
  209. package/src/lib/markup-kit/modals/slide-up/slide-up.component.ts +0 -105
  210. package/src/lib/markup-kit/page-layouts/central-page/central-page.component.html +0 -6
  211. package/src/lib/markup-kit/page-layouts/central-page/central-page.component.scss +0 -10
  212. package/src/lib/markup-kit/page-layouts/central-page/central-page.component.ts +0 -58
  213. package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.html +0 -3
  214. package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.scss +0 -5
  215. package/src/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.ts +0 -30
  216. package/src/lib/markup-kit/page-layouts/index.ts +0 -6
  217. package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.html +0 -10
  218. package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.scss +0 -33
  219. package/src/lib/markup-kit/page-layouts/manage-page/manage-page.component.ts +0 -70
  220. package/src/lib/markup-kit/page-layouts/page-layouts.module.ts +0 -26
  221. package/src/lib/markup-kit/page-layouts/profile/profile.component.html +0 -31
  222. package/src/lib/markup-kit/page-layouts/profile/profile.component.scss +0 -99
  223. package/src/lib/markup-kit/page-layouts/profile/profile.component.ts +0 -129
  224. package/src/lib/markup-kit/page-layouts/table-page/table-page.component.html +0 -9
  225. package/src/lib/markup-kit/page-layouts/table-page/table-page.component.scss +0 -0
  226. package/src/lib/markup-kit/page-layouts/table-page/table-page.component.ts +0 -42
  227. package/src/lib/markup-kit/slider/index.ts +0 -2
  228. package/src/lib/markup-kit/slider/slider/slider.component.html +0 -11
  229. package/src/lib/markup-kit/slider/slider/slider.component.scss +0 -106
  230. package/src/lib/markup-kit/slider/slider/slider.component.ts +0 -124
  231. package/src/lib/markup-kit/slider/slider.module.ts +0 -20
  232. package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.html +0 -87
  233. package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.scss +0 -132
  234. package/src/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.ts +0 -643
  235. package/src/lib/markup-kit/utils/datepicker/datepicker.module.ts +0 -15
  236. package/src/lib/markup-kit/utils/datepicker/index.ts +0 -2
  237. package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.html +0 -3
  238. package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.scss +0 -4
  239. package/src/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.ts +0 -79
  240. package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.html +0 -4
  241. package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.scss +0 -12
  242. package/src/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.ts +0 -75
  243. package/src/lib/markup-kit/utils/filtered-field/filtered-field.module.ts +0 -19
  244. package/src/lib/markup-kit/utils/filtered-field/filtered-field.service.ts +0 -44
  245. package/src/lib/markup-kit/utils/filtered-field/filtred-item.model.ts +0 -15
  246. package/src/lib/markup-kit/utils/filtered-field/index.ts +0 -5
  247. package/src/lib/markup-kit/utils/help-block/help-block.component.html +0 -19
  248. package/src/lib/markup-kit/utils/help-block/help-block.component.scss +0 -22
  249. package/src/lib/markup-kit/utils/help-block/help-block.component.ts +0 -70
  250. package/src/lib/markup-kit/utils/help-block/hepl-block.module.ts +0 -14
  251. package/src/lib/markup-kit/utils/help-block/index.ts +0 -2
  252. package/src/lib/pg-components/card/card.components.html +0 -66
  253. package/src/lib/pg-components/card/card.components.ts +0 -451
  254. package/src/lib/pg-components/card/card.module.ts +0 -17
  255. package/src/lib/pg-components/card/index.ts +0 -2
  256. package/src/lib/pg-components/progress/index.ts +0 -3
  257. package/src/lib/pg-components/progress/progress.component.html +0 -28
  258. package/src/lib/pg-components/progress/progress.component.ts +0 -73
  259. package/src/lib/pg-components/progress/progress.config.ts +0 -7
  260. package/src/lib/pg-components/progress/progress.module.ts +0 -16
  261. package/src/lib/pg-components/select/index.ts +0 -4
  262. package/src/lib/pg-components/select/option.component.html +0 -1
  263. package/src/lib/pg-components/select/option.component.ts +0 -105
  264. package/src/lib/pg-components/select/option.pipe.ts +0 -44
  265. package/src/lib/pg-components/select/select.component.html +0 -83
  266. package/src/lib/pg-components/select/select.component.ts +0 -814
  267. package/src/lib/pg-components/select/select.module.ts +0 -14
  268. package/src/lib/pg-components/spec-flow-test/index.ts +0 -2
  269. package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.html +0 -6
  270. package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.scss +0 -0
  271. package/src/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.ts +0 -37
  272. package/src/lib/pg-components/spec-flow-test/spec-flow-test.module.ts +0 -18
  273. package/src/lib/pg-components/switch/index.ts +0 -2
  274. package/src/lib/pg-components/switch/switch.component.html +0 -10
  275. package/src/lib/pg-components/switch/switch.component.ts +0 -286
  276. package/src/lib/pg-components/switch/switch.module.ts +0 -11
  277. package/src/lib/pg-components/tabs/index.ts +0 -7
  278. package/src/lib/pg-components/tabs/tab-body.component.html +0 -1
  279. package/src/lib/pg-components/tabs/tab-body.component.ts +0 -17
  280. package/src/lib/pg-components/tabs/tab-label.directive.ts +0 -41
  281. package/src/lib/pg-components/tabs/tab.component.html +0 -3
  282. package/src/lib/pg-components/tabs/tab.component.ts +0 -109
  283. package/src/lib/pg-components/tabs/tabs-ink-bar.directive.ts +0 -78
  284. package/src/lib/pg-components/tabs/tabs-nav.component.html +0 -20
  285. package/src/lib/pg-components/tabs/tabs-nav.component.ts +0 -324
  286. package/src/lib/pg-components/tabs/tabs.module.ts +0 -15
  287. package/src/lib/pg-components/tabs/tabset.component.html +0 -39
  288. package/src/lib/pg-components/tabs/tabset.component.ts +0 -270
  289. package/src/lib/pg-components/util/convert.ts +0 -3
  290. package/src/lib/pg-components/util/request-animation.ts +0 -31
  291. package/src/lib/v2/autocomplete/autocomplete-origin.ts +0 -12
  292. package/src/lib/v2/autocomplete/autocomplete.html +0 -17
  293. package/src/lib/v2/autocomplete/autocomplete.module.ts +0 -28
  294. package/src/lib/v2/autocomplete/autocomplete.scss +0 -62
  295. package/src/lib/v2/autocomplete/autocomplete.trigger.ts +0 -759
  296. package/src/lib/v2/autocomplete/autocomplete.ts +0 -201
  297. package/src/lib/v2/autocomplete/index.ts +0 -1
  298. package/src/lib/v2/card/card-header.html +0 -9
  299. package/src/lib/v2/card/card-title-group.html +0 -15
  300. package/src/lib/v2/card/card.html +0 -1
  301. package/src/lib/v2/card/card.module.ts +0 -40
  302. package/src/lib/v2/card/card.scss +0 -185
  303. package/src/lib/v2/card/card.ts +0 -274
  304. package/src/lib/v2/card/index.ts +0 -2
  305. package/src/lib/v2/checkbox/checkbox.html +0 -38
  306. package/src/lib/v2/checkbox/checkbox.module.ts +0 -8
  307. package/src/lib/v2/checkbox/checkbox.scss +0 -318
  308. package/src/lib/v2/checkbox/checkbox.ts +0 -507
  309. package/src/lib/v2/checkbox/index.ts +0 -1
  310. package/src/lib/v2/chips/chip-action.ts +0 -102
  311. package/src/lib/v2/chips/chip-edit-input.ts +0 -44
  312. package/src/lib/v2/chips/chip-grid.ts +0 -412
  313. package/src/lib/v2/chips/chip-icons.ts +0 -91
  314. package/src/lib/v2/chips/chip-input.ts +0 -208
  315. package/src/lib/v2/chips/chip-listbox.ts +0 -291
  316. package/src/lib/v2/chips/chip-option.html +0 -37
  317. package/src/lib/v2/chips/chip-option.ts +0 -163
  318. package/src/lib/v2/chips/chip-row.html +0 -42
  319. package/src/lib/v2/chips/chip-row.ts +0 -191
  320. package/src/lib/v2/chips/chip-set.scss +0 -86
  321. package/src/lib/v2/chips/chip-set.ts +0 -261
  322. package/src/lib/v2/chips/chip-text-control.ts +0 -15
  323. package/src/lib/v2/chips/chip.html +0 -21
  324. package/src/lib/v2/chips/chip.scss +0 -646
  325. package/src/lib/v2/chips/chip.ts +0 -281
  326. package/src/lib/v2/chips/chips-module.ts +0 -44
  327. package/src/lib/v2/chips/index.ts +0 -12
  328. package/src/lib/v2/chips/tokens.ts +0 -29
  329. package/src/lib/v2/collapse/accordion-base.ts +0 -20
  330. package/src/lib/v2/collapse/accordion.ts +0 -92
  331. package/src/lib/v2/collapse/collapse.module.ts +0 -22
  332. package/src/lib/v2/collapse/expansion-panel-base.ts +0 -10
  333. package/src/lib/v2/collapse/expansion-panel-content.ts +0 -12
  334. package/src/lib/v2/collapse/expansion-panel-header.html +0 -17
  335. package/src/lib/v2/collapse/expansion-panel-header.scss +0 -165
  336. package/src/lib/v2/collapse/expansion-panel-header.ts +0 -237
  337. package/src/lib/v2/collapse/expansion-panel.html +0 -14
  338. package/src/lib/v2/collapse/expansion-panel.scss +0 -113
  339. package/src/lib/v2/collapse/expansion-panel.ts +0 -279
  340. package/src/lib/v2/collapse/index.ts +0 -7
  341. package/src/lib/v2/executors/index.ts +0 -10
  342. package/src/lib/v2/executors/step-content.ts +0 -19
  343. package/src/lib/v2/executors/step-footer.ts +0 -7
  344. package/src/lib/v2/executors/step-header.html +0 -59
  345. package/src/lib/v2/executors/step-header.scss +0 -205
  346. package/src/lib/v2/executors/step-header.ts +0 -151
  347. package/src/lib/v2/executors/step-label.ts +0 -16
  348. package/src/lib/v2/executors/step.html +0 -4
  349. package/src/lib/v2/executors/stepper-button.ts +0 -40
  350. package/src/lib/v2/executors/stepper-icon.ts +0 -42
  351. package/src/lib/v2/executors/stepper-intl.ts +0 -46
  352. package/src/lib/v2/executors/stepper-module.ts +0 -42
  353. package/src/lib/v2/executors/stepper.html +0 -90
  354. package/src/lib/v2/executors/stepper.scss +0 -299
  355. package/src/lib/v2/executors/stepper.ts +0 -360
  356. package/src/lib/v2/modals/dialog-config.ts +0 -56
  357. package/src/lib/v2/modals/dialog-container.html +0 -5
  358. package/src/lib/v2/modals/dialog-container.ts +0 -243
  359. package/src/lib/v2/modals/dialog-content-directives.ts +0 -217
  360. package/src/lib/v2/modals/dialog-ref.ts +0 -242
  361. package/src/lib/v2/modals/dialog.scss +0 -307
  362. package/src/lib/v2/modals/dialog.ts +0 -239
  363. package/src/lib/v2/modals/index.ts +0 -11
  364. package/src/lib/v2/modals/modal-module.ts +0 -23
  365. package/src/lib/v2/radio-button/public-api.ts +0 -2
  366. package/src/lib/v2/radio-button/radio.html +0 -25
  367. package/src/lib/v2/radio-button/radio.module.ts +0 -8
  368. package/src/lib/v2/radio-button/radio.scss +0 -298
  369. package/src/lib/v2/radio-button/radio.ts +0 -640
  370. package/src/lib/v2/select/index.ts +0 -5
  371. package/src/lib/v2/select/option-group.html +0 -9
  372. package/src/lib/v2/select/option-group.scss +0 -33
  373. package/src/lib/v2/select/option-group.ts +0 -66
  374. package/src/lib/v2/select/option-module.ts +0 -11
  375. package/src/lib/v2/select/option.html +0 -22
  376. package/src/lib/v2/select/option.scss +0 -59
  377. package/src/lib/v2/select/option.ts +0 -288
  378. package/src/lib/v2/select/pseudo-checkbox-module.ts +0 -9
  379. package/src/lib/v2/select/pseudo-checkbox.scss +0 -121
  380. package/src/lib/v2/select/pseudo-checkbox.ts +0 -60
  381. package/src/lib/v2/select/select.html +0 -56
  382. package/src/lib/v2/select/select.module.ts +0 -14
  383. package/src/lib/v2/select/select.scss +0 -118
  384. package/src/lib/v2/select/select.ts +0 -824
  385. package/src/lib/v2/switch/base-editor-helper.ts +0 -148
  386. package/src/lib/v2/switch/index.ts +0 -2
  387. package/src/lib/v2/switch/switch.component.html +0 -15
  388. package/src/lib/v2/switch/switch.component.scss +0 -93
  389. package/src/lib/v2/switch/switch.component.ts +0 -203
  390. package/src/lib/v2/switch/switch.module.ts +0 -10
  391. package/src/lib/v2/tabs/config.ts +0 -94
  392. package/src/lib/v2/tabs/index.ts +0 -28
  393. package/src/lib/v2/tabs/ink-bar.ts +0 -226
  394. package/src/lib/v2/tabs/paginated-tab-header.ts +0 -536
  395. package/src/lib/v2/tabs/tab-body.html +0 -9
  396. package/src/lib/v2/tabs/tab-body.scss +0 -60
  397. package/src/lib/v2/tabs/tab-body.ts +0 -310
  398. package/src/lib/v2/tabs/tab-content.ts +0 -12
  399. package/src/lib/v2/tabs/tab-group.html +0 -74
  400. package/src/lib/v2/tabs/tab-group.scss +0 -362
  401. package/src/lib/v2/tabs/tab-group.ts +0 -491
  402. package/src/lib/v2/tabs/tab-header.html +0 -35
  403. package/src/lib/v2/tabs/tab-header.scss +0 -127
  404. package/src/lib/v2/tabs/tab-header.ts +0 -91
  405. package/src/lib/v2/tabs/tab-label-wrapper.ts +0 -49
  406. package/src/lib/v2/tabs/tab-label.ts +0 -34
  407. package/src/lib/v2/tabs/tab.html +0 -1
  408. package/src/lib/v2/tabs/tab.ts +0 -155
  409. package/src/lib/v2/tabs/tabs.module.ts +0 -12
  410. package/src/public-api.ts +0 -33
  411. package/tsconfig.doc.json +0 -4
  412. package/tsconfig.lib.json +0 -19
  413. package/tsconfig.lib.prod.json +0 -10
  414. package/tsconfig.spec.json +0 -17
package/documentation/components/MefDevTabSetComponent.html DELETED
@@ -1,1889 +0,0 @@
1
- <!doctype html>
2
- <html class="no-js" lang="">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="x-ua-compatible" content="ie=edge">
6
- <title>@natec/mef-dev-ui-kit documentation</title>
7
- <meta name="description" content="">
8
- <meta name="viewport" content="width=device-width, initial-scale=1">
9
-
10
- <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
- <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css">
13
- </head>
14
- <body>
15
-
16
- <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17
- <a href="../" class="navbar-brand">@natec/mef-dev-ui-kit documentation</a>
18
- <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
19
- </div>
20
-
21
- <div class="xs-menu menu" id="mobile-menu">
22
- <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
23
- </div>
24
-
25
- <div class="container-fluid main">
26
- <div class="row main">
27
- <div class="hidden-xs menu">
28
- <compodoc-menu mode="normal"></compodoc-menu>
29
- </div>
30
- <!-- START CONTENT -->
31
- <div class="content component">
32
- <div class="content-data">
33
-
34
-
35
-
36
-
37
- <ol class="breadcrumb">
38
- <li class="breadcrumb-item">Components</li>
39
- <li class="breadcrumb-item"
40
- >
41
- MefDevTabSetComponent</li>
42
- </ol>
43
-
44
- <ul class="nav nav-tabs" role="tablist">
45
- <li class="nav-item">
46
- <a href="#info" class="nav-link active"
47
- role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
48
- </li>
49
- <li class="nav-item">
50
- <a href="#example" class="nav-link"
51
- role="tab" id="example-tab" data-bs-toggle="tab" data-link="example">Examples</a>
52
- </li>
53
- </ul>
54
-
55
- <div class="tab-content">
56
- <div class="tab-pane fade active in" id="info"><p class="comment">
57
- <h3>File</h3>
58
- </p>
59
- <p class="comment">
60
- <code>src/lib/pg-components/tabs/tabset.component.ts</code>
61
- </p>
62
-
63
-
64
- <p class="comment">
65
- <h3>Description</h3>
66
- </p>
67
- <p class="comment">
68
- <p>Represents a tab set or tab group component.</p>
69
- <div><pre class="line-numbers"><code class="language-html">&lt;mefdev-tabset TabPosition=&quot;top&quot; Animated=&quot;true&quot; ShowPagination=&quot;true&quot;&gt;
70
- &lt;mefdev-tab label=&quot;Tab 1&quot;&gt;Tab 1 content&lt;/mefdev-tab&gt;
71
- &lt;mefdev-tab label=&quot;Tab 2&quot;&gt;Tab 2 content&lt;/mefdev-tab&gt;
72
- &lt;/mefdev-tabset&gt;</code></pre></div><p>Example of usage:
73
- <example-url><a href="https://mef.dev/ui_kit_demo/view/page_components/tabset">https://mef.dev/ui_kit_demo/view/page_components/tabset</a></example-url></p>
74
-
75
- </p>
76
-
77
-
78
- <p class="comment">
79
- <h3>Implements</h3>
80
- </p>
81
- <p class="comment">
82
- <code>AfterContentChecked</code>
83
- <code>OnInit</code>
84
- <code>AfterViewInit</code>
85
- </p>
86
-
87
-
88
- <section data-compodoc="block-metadata">
89
- <h3>Metadata</h3>
90
- <table class="table table-sm table-hover metadata">
91
- <tbody>
92
-
93
-
94
- <tr>
95
- <td class="col-md-3">encapsulation</td>
96
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
97
- </tr>
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
- <tr>
109
- <td class="col-md-3">selector</td>
110
- <td class="col-md-9"><code>mefdev-tabset</code></td>
111
- </tr>
112
-
113
-
114
-
115
-
116
-
117
-
118
- <tr>
119
- <td class="col-md-3">templateUrl</td>
120
- <td class="col-md-9"><code>./tabset.component.html</code></td>
121
- </tr>
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
- </tbody>
131
- </table>
132
- </section>
133
-
134
- <section data-compodoc="block-index">
135
- <h3 id="index">Index</h3>
136
- <table class="table table-sm table-bordered index-table">
137
- <tbody>
138
- <tr>
139
- <td class="col-md-4">
140
- <h6><b>Properties</b></h6>
141
- </td>
142
- </tr>
143
- <tr>
144
- <td class="col-md-4">
145
- <ul class="index-list">
146
- <li>
147
- <a href="#_classMap" >_classMap</a>
148
- </li>
149
- <li>
150
- <a href="#_el" >_el</a>
151
- </li>
152
- <li>
153
- <a href="#_extra_tab_class" >_extra_tab_class</a>
154
- </li>
155
- <li>
156
- <a href="#_extra_tabcontent_class" >_extra_tabcontent_class</a>
157
- </li>
158
- <li>
159
- <span class="modifier"></span>
160
- <a href="#_hostContent" >_hostContent</a>
161
- </li>
162
- <li>
163
- <a href="#_indexToSelect" >_indexToSelect</a>
164
- </li>
165
- <li>
166
- <a href="#_isViewInit" >_isViewInit</a>
167
- </li>
168
- <li>
169
- <a href="#_prefixCls" >_prefixCls</a>
170
- </li>
171
- <li>
172
- <a href="#_selectedIndex" >_selectedIndex</a>
173
- </li>
174
- <li>
175
- <a href="#_tabAnimation" >_tabAnimation</a>
176
- </li>
177
- <li>
178
- <span class="modifier"></span>
179
- <a href="#_tabContent" >_tabContent</a>
180
- </li>
181
- <li>
182
- <span class="modifier"></span>
183
- <a href="#_tabNav" >_tabNav</a>
184
- </li>
185
- <li>
186
- <a href="#_tabPosition" >_tabPosition</a>
187
- </li>
188
- <li>
189
- <a href="#_tabPositionMode" >_tabPositionMode</a>
190
- </li>
191
- <li>
192
- <a href="#_tabs" >_tabs</a>
193
- </li>
194
- <li>
195
- <a href="#_type" >_type</a>
196
- </li>
197
- <li>
198
- <a href="#_width" >_width</a>
199
- </li>
200
- <li>
201
- <span class="modifier"></span>
202
- <a href="#TabBarExtraContent" >TabBarExtraContent</a>
203
- </li>
204
- <li>
205
- <a href="#tabs" >tabs</a>
206
- </li>
207
- </ul>
208
- </td>
209
- </tr>
210
-
211
- <tr>
212
- <td class="col-md-4">
213
- <h6><b>Methods</b></h6>
214
- </td>
215
- </tr>
216
- <tr>
217
- <td class="col-md-4">
218
- <ul class="index-list">
219
- <li>
220
- <a href="#_setClassMap" >_setClassMap</a>
221
- </li>
222
- <li>
223
- <a href="#_setPosition" >_setPosition</a>
224
- </li>
225
- <li>
226
- <a href="#clickLabel" >clickLabel</a>
227
- </li>
228
- </ul>
229
- </td>
230
- </tr>
231
-
232
- <tr>
233
- <td class="col-md-4">
234
- <h6><b>Inputs</b></h6>
235
- </td>
236
- </tr>
237
- <tr>
238
- <td class="col-md-4">
239
- <ul class="index-list">
240
- <li>
241
- <a href="#Animated" >Animated</a>
242
- </li>
243
- <li>
244
- <a href="#extraTabClass" >extraTabClass</a>
245
- </li>
246
- <li>
247
- <a href="#extraTabContentClass" >extraTabContentClass</a>
248
- </li>
249
- <li>
250
- <a href="#Hide" >Hide</a>
251
- </li>
252
- <li>
253
- <a href="#SelectedIndex" >SelectedIndex</a>
254
- </li>
255
- <li>
256
- <a href="#ShowPagination" >ShowPagination</a>
257
- </li>
258
- <li>
259
- <a href="#Size" >Size</a>
260
- </li>
261
- <li>
262
- <a href="#tabAnimation" >tabAnimation</a>
263
- </li>
264
- <li>
265
- <a href="#TabBarExtraTemplate" >TabBarExtraTemplate</a>
266
- </li>
267
- <li>
268
- <a href="#TabPosition" >TabPosition</a>
269
- </li>
270
- <li>
271
- <a href="#Type" >Type</a>
272
- </li>
273
- </ul>
274
- </td>
275
- </tr>
276
-
277
- <tr>
278
- <td class="col-md-4">
279
- <h6><b>Outputs</b></h6>
280
- </td>
281
- </tr>
282
- <tr>
283
- <td class="col-md-4">
284
- <ul class="index-list">
285
- <li>
286
- <a href="#SelectChange" >SelectChange</a>
287
- </li>
288
- <li>
289
- <a href="#SelectedIndexChange" >SelectedIndexChange</a>
290
- </li>
291
- </ul>
292
- </td>
293
- </tr>
294
-
295
-
296
-
297
- <tr>
298
- <td class="col-md-4">
299
- <h6><b>Accessors</b></h6>
300
- </td>
301
- </tr>
302
- <tr>
303
- <td class="col-md-4">
304
- <ul class="index-list">
305
- <li>
306
- <a href="#SelectedIndex" >SelectedIndex</a>
307
- </li>
308
- <li>
309
- <a href="#SelectedIndexChange" >SelectedIndexChange</a>
310
- </li>
311
- <li>
312
- <a href="#TabPosition" >TabPosition</a>
313
- </li>
314
- <li>
315
- <a href="#extraTabClass" >extraTabClass</a>
316
- </li>
317
- <li>
318
- <a href="#extraTabContentClass" >extraTabContentClass</a>
319
- </li>
320
- <li>
321
- <a href="#Type" >Type</a>
322
- </li>
323
- <li>
324
- <a href="#tabAnimation" >tabAnimation</a>
325
- </li>
326
- <li>
327
- <a href="#inkBarAnimated" >inkBarAnimated</a>
328
- </li>
329
- <li>
330
- <a href="#tabPaneAnimated" >tabPaneAnimated</a>
331
- </li>
332
- </ul>
333
- </td>
334
- </tr>
335
- </tbody>
336
- </table>
337
- </section>
338
-
339
- <section data-compodoc="block-constructor">
340
- <h3 id="constructor">Constructor</h3>
341
- <table class="table table-sm table-bordered">
342
- <tbody>
343
- <tr>
344
- <td class="col-md-4">
345
- <code>constructor(_renderer: Renderer2)</code>
346
- </td>
347
- </tr>
348
-
349
- <tr>
350
- <td class="col-md-4">
351
- <div>
352
- <b>Parameters :</b>
353
- <table class="params">
354
- <thead>
355
- <tr>
356
- <td>Name</td>
357
- <td>Type</td>
358
- <td>Optional</td>
359
- </tr>
360
- </thead>
361
- <tbody>
362
- <tr>
363
- <td>_renderer</td>
364
-
365
- <td>
366
- <code>Renderer2</code>
367
- </td>
368
-
369
- <td>
370
- No
371
- </td>
372
-
373
- </tr>
374
- </tbody>
375
- </table>
376
- </div>
377
- </td>
378
- </tr>
379
- </tbody>
380
- </table>
381
- </section>
382
-
383
- <section data-compodoc="block-inputs">
384
- <h3 id="inputs">Inputs</h3>
385
- <table class="table table-sm table-bordered">
386
- <tbody>
387
- <tr>
388
- <td class="col-md-4">
389
- <a name="Animated"></a>
390
- <b>Animated</b>
391
- </td>
392
- </tr>
393
- <tr>
394
- <td class="col-md-4">
395
- <i>Type : </i> <code><a href="../interfaces/AnimatedInterface.html" target="_self" >AnimatedInterface | boolean</a></code>
396
-
397
- </td>
398
- </tr>
399
- <tr>
400
- <td class="col-md-4">
401
- <i>Default value : </i><code>true</code>
402
- </td>
403
- </tr>
404
- <tr>
405
- <td class="col-md-4">
406
- <div class="io-description"><p>Whether the tab set is animated. Can be a boolean or an object of type AnimatedInterface.</p>
407
- <div><pre class="line-numbers"><code class="language-html">- true (enables animation for both ink bar and tab pane)
408
- - { inkBar: true, tabPane: false } (enables animation for ink bar only)
409
- Default: true</code></pre></div></div>
410
- </td>
411
- </tr>
412
- </tbody>
413
- </table>
414
- <table class="table table-sm table-bordered">
415
- <tbody>
416
- <tr>
417
- <td class="col-md-4">
418
- <a name="extraTabClass"></a>
419
- <b>extraTabClass</b>
420
- </td>
421
- </tr>
422
- <tr>
423
- <td class="col-md-4">
424
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
425
-
426
- </td>
427
- </tr>
428
- <tr>
429
- <td class="col-md-4">
430
- <div class="io-description"><p>Additional CSS class for the tabs.</p>
431
- </div>
432
- </td>
433
- </tr>
434
- </tbody>
435
- </table>
436
- <table class="table table-sm table-bordered">
437
- <tbody>
438
- <tr>
439
- <td class="col-md-4">
440
- <a name="extraTabContentClass"></a>
441
- <b>extraTabContentClass</b>
442
- </td>
443
- </tr>
444
- <tr>
445
- <td class="col-md-4">
446
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
447
-
448
- </td>
449
- </tr>
450
- <tr>
451
- <td class="col-md-4">
452
- <div class="io-description"><p>Additional CSS class for the tab content.</p>
453
- </div>
454
- </td>
455
- </tr>
456
- </tbody>
457
- </table>
458
- <table class="table table-sm table-bordered">
459
- <tbody>
460
- <tr>
461
- <td class="col-md-4">
462
- <a name="Hide"></a>
463
- <b>Hide</b>
464
- </td>
465
- </tr>
466
- <tr>
467
- <td class="col-md-4">
468
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
469
-
470
- </td>
471
- </tr>
472
- <tr>
473
- <td class="col-md-4">
474
- <i>Default value : </i><code>false</code>
475
- </td>
476
- </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <div class="io-description"><p>Whether the tab set is hidden.</p>
480
- <div><pre class="line-numbers"><code class="language-html">Default: false</code></pre></div></div>
481
- </td>
482
- </tr>
483
- </tbody>
484
- </table>
485
- <table class="table table-sm table-bordered">
486
- <tbody>
487
- <tr>
488
- <td class="col-md-4">
489
- <a name="SelectedIndex"></a>
490
- <b>SelectedIndex</b>
491
- </td>
492
- </tr>
493
- <tr>
494
- <td class="col-md-4">
495
- <i>Type : </i> <code>number | null</code>
496
-
497
- </td>
498
- </tr>
499
- <tr>
500
- <td class="col-md-4">
501
- <div class="io-description"><p>The index of the selected tab.</p>
502
- </div>
503
- </td>
504
- </tr>
505
- </tbody>
506
- </table>
507
- <table class="table table-sm table-bordered">
508
- <tbody>
509
- <tr>
510
- <td class="col-md-4">
511
- <a name="ShowPagination"></a>
512
- <b>ShowPagination</b>
513
- </td>
514
- </tr>
515
- <tr>
516
- <td class="col-md-4">
517
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
518
-
519
- </td>
520
- </tr>
521
- <tr>
522
- <td class="col-md-4">
523
- <i>Default value : </i><code>true</code>
524
- </td>
525
- </tr>
526
- <tr>
527
- <td class="col-md-4">
528
- <div class="io-description"><p>Whether to show pagination controls for scrolling tabs.</p>
529
- <div><pre class="line-numbers"><code class="language-html">Default: true</code></pre></div></div>
530
- </td>
531
- </tr>
532
- </tbody>
533
- </table>
534
- <table class="table table-sm table-bordered">
535
- <tbody>
536
- <tr>
537
- <td class="col-md-4">
538
- <a name="Size"></a>
539
- <b>Size</b>
540
- </td>
541
- </tr>
542
- <tr>
543
- <td class="col-md-4">
544
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
545
-
546
- </td>
547
- </tr>
548
- <tr>
549
- <td class="col-md-4">
550
- <i>Default value : </i><code>&#x27;default&#x27;</code>
551
- </td>
552
- </tr>
553
- <tr>
554
- <td class="col-md-4">
555
- <div class="io-description"><p>Size of the tab set. Can be &#39;default&#39;, &#39;small&#39;, or &#39;large&#39;.</p>
556
- <div><pre class="line-numbers"><code class="language-html">Default: &#39;default&#39;</code></pre></div></div>
557
- </td>
558
- </tr>
559
- </tbody>
560
- </table>
561
- <table class="table table-sm table-bordered">
562
- <tbody>
563
- <tr>
564
- <td class="col-md-4">
565
- <a name="tabAnimation"></a>
566
- <b>tabAnimation</b>
567
- </td>
568
- </tr>
569
- <tr>
570
- <td class="col-md-4">
571
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
572
-
573
- </td>
574
- </tr>
575
- <tr>
576
- <td class="col-md-4">
577
- <div class="io-description"><p>Animation to apply to the tabs. Accepts CSS animation name.</p>
578
- </div>
579
- </td>
580
- </tr>
581
- </tbody>
582
- </table>
583
- <table class="table table-sm table-bordered">
584
- <tbody>
585
- <tr>
586
- <td class="col-md-4">
587
- <a name="TabBarExtraTemplate"></a>
588
- <b>TabBarExtraTemplate</b>
589
- </td>
590
- </tr>
591
- <tr>
592
- <td class="col-md-4">
593
- <i>Type : </i> <code>TemplateRef&lt;void&gt;</code>
594
-
595
- </td>
596
- </tr>
597
- <tr>
598
- <td class="col-md-4">
599
- <div class="io-description"><p>Template reference for additional content to be displayed in the tab bar.</p>
600
- </div>
601
- </td>
602
- </tr>
603
- </tbody>
604
- </table>
605
- <table class="table table-sm table-bordered">
606
- <tbody>
607
- <tr>
608
- <td class="col-md-4">
609
- <a name="TabPosition"></a>
610
- <b>TabPosition</b>
611
- </td>
612
- </tr>
613
- <tr>
614
- <td class="col-md-4">
615
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#TabPosition" target="_self" >TabPosition</a></code>
616
-
617
- </td>
618
- </tr>
619
- <tr>
620
- <td class="col-md-4">
621
- <div class="io-description"><p>Position of the tab set. Can be &#39;top&#39;, &#39;bottom&#39;, &#39;left&#39;, or &#39;right&#39;.</p>
622
- </div>
623
- </td>
624
- </tr>
625
- </tbody>
626
- </table>
627
- <table class="table table-sm table-bordered">
628
- <tbody>
629
- <tr>
630
- <td class="col-md-4">
631
- <a name="Type"></a>
632
- <b>Type</b>
633
- </td>
634
- </tr>
635
- <tr>
636
- <td class="col-md-4">
637
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#TabType" target="_self" >TabType</a></code>
638
-
639
- </td>
640
- </tr>
641
- <tr>
642
- <td class="col-md-4">
643
- <div class="io-description"><p>Type of the tab set. Can be &#39;line&#39;, &#39;fillup&#39;, or &#39;linetriangle&#39;.</p>
644
- </div>
645
- </td>
646
- </tr>
647
- </tbody>
648
- </table>
649
- </section>
650
- <section data-compodoc="block-outputs">
651
- <h3 id="outputs">Outputs</h3>
652
- <table class="table table-sm table-bordered">
653
- <tbody>
654
- <tr>
655
- <td class="col-md-4">
656
- <a name="SelectChange"></a>
657
- <b>SelectChange</b>
658
- </td>
659
- </tr>
660
- <tr>
661
- <td class="col-md-4">
662
- <i>Type : </i> <code><a href="../classes/TabChangeEvent.html" target="_self" >EventEmitter&lt;TabChangeEvent&gt;</a></code>
663
-
664
- </td>
665
- </tr>
666
- <tr>
667
- <td class="col-md-4">
668
- <div class="io-description"><p>Event emitted when a tab is selected.</p>
669
- <div><pre class="line-numbers"><code class="language-html">&lt;mefdev-tabset (SelectChange)=&quot;onTabSelect($event)&quot;&gt;&lt;/mefdev-tabset&gt;</code></pre></div></div>
670
- </td>
671
- </tr>
672
- </tbody>
673
- </table>
674
- <table class="table table-sm table-bordered">
675
- <tbody>
676
- <tr>
677
- <td class="col-md-4">
678
- <a name="SelectedIndexChange"></a>
679
- <b>SelectedIndexChange</b>
680
- </td>
681
- </tr>
682
- <tr>
683
- <td class="col-md-4">
684
- <i>Type : </i> <code>Observable&lt;number&gt;</code>
685
-
686
- </td>
687
- </tr>
688
- <tr>
689
- <td class="col-md-4">
690
- <div class="io-description"><p>Event emitted when the selected tab index changes.</p>
691
- </div>
692
- </td>
693
- </tr>
694
- </tbody>
695
- </table>
696
- </section>
697
-
698
-
699
- <section data-compodoc="block-methods">
700
-
701
- <h3 id="methods">
702
- Methods
703
- </h3>
704
- <table class="table table-sm table-bordered">
705
- <tbody>
706
- <tr>
707
- <td class="col-md-4">
708
- <a name="_setClassMap"></a>
709
- <span class="name">
710
- <span ><b>_setClassMap</b></span>
711
- <a href="#_setClassMap"><span class="icon ion-ios-link"></span></a>
712
- </span>
713
- </td>
714
- </tr>
715
- <tr>
716
- <td class="col-md-4">
717
- <code>_setClassMap()</code>
718
- </td>
719
- </tr>
720
-
721
-
722
-
723
-
724
- <tr>
725
- <td class="col-md-4">
726
-
727
- <div class="io-description">
728
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
729
-
730
- </div>
731
- </td>
732
- </tr>
733
- </tbody>
734
- </table>
735
- <table class="table table-sm table-bordered">
736
- <tbody>
737
- <tr>
738
- <td class="col-md-4">
739
- <a name="_setPosition"></a>
740
- <span class="name">
741
- <span ><b>_setPosition</b></span>
742
- <a href="#_setPosition"><span class="icon ion-ios-link"></span></a>
743
- </span>
744
- </td>
745
- </tr>
746
- <tr>
747
- <td class="col-md-4">
748
- <code>_setPosition(value: <a href="../undefineds/TabPosition.html" target="_self">TabPosition</a>)</code>
749
- </td>
750
- </tr>
751
-
752
-
753
-
754
-
755
- <tr>
756
- <td class="col-md-4">
757
-
758
- <div class="io-description">
759
- <b>Parameters :</b>
760
-
761
- <table class="params">
762
- <thead>
763
- <tr>
764
- <td>Name</td>
765
- <td>Type</td>
766
- <td>Optional</td>
767
- </tr>
768
- </thead>
769
- <tbody>
770
- <tr>
771
- <td>value</td>
772
- <td>
773
- <code><a href="../miscellaneous/typealiases.html#TabPosition" target="_self" >TabPosition</a></code>
774
- </td>
775
-
776
- <td>
777
- No
778
- </td>
779
-
780
-
781
- </tr>
782
- </tbody>
783
- </table>
784
- </div>
785
- <div>
786
- </div>
787
- <div class="io-description">
788
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
789
-
790
- </div>
791
- <div class="io-description">
792
-
793
- </div>
794
- </td>
795
- </tr>
796
- </tbody>
797
- </table>
798
- <table class="table table-sm table-bordered">
799
- <tbody>
800
- <tr>
801
- <td class="col-md-4">
802
- <a name="clickLabel"></a>
803
- <span class="name">
804
- <span ><b>clickLabel</b></span>
805
- <a href="#clickLabel"><span class="icon ion-ios-link"></span></a>
806
- </span>
807
- </td>
808
- </tr>
809
- <tr>
810
- <td class="col-md-4">
811
- <code>clickLabel(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
812
- </td>
813
- </tr>
814
-
815
-
816
-
817
-
818
- <tr>
819
- <td class="col-md-4">
820
- <div class="io-description"><p>Selects the tab at the specified index.</p>
821
- <div><pre class="line-numbers"><code class="language-none">&lt;button (click)=&quot;clickLabel(0)&quot;&gt;Select Tab 1&lt;/button&gt;</code></pre></div></div>
822
-
823
- <div class="io-description">
824
- <b>Parameters :</b>
825
-
826
- <table class="params">
827
- <thead>
828
- <tr>
829
- <td>Name</td>
830
- <td>Type</td>
831
- <td>Optional</td>
832
- <td>Description</td>
833
- </tr>
834
- </thead>
835
- <tbody>
836
- <tr>
837
- <td>index</td>
838
- <td>
839
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
840
- </td>
841
-
842
- <td>
843
- No
844
- </td>
845
-
846
-
847
- <td>
848
- <p>The index of the tab to select.</p>
849
- <div><pre class="line-numbers"><code class="language-none">&lt;button (click)=&quot;clickLabel(0)&quot;&gt;Select Tab 1&lt;/button&gt;</code></pre></div>
850
- </td>
851
- </tr>
852
- </tbody>
853
- </table>
854
- </div>
855
- <div>
856
- </div>
857
- <div class="io-description">
858
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
859
-
860
- </div>
861
- <div class="io-description">
862
-
863
- </div>
864
- </td>
865
- </tr>
866
- </tbody>
867
- </table>
868
- </section>
869
- <section data-compodoc="block-properties">
870
-
871
- <h3 id="inputs">
872
- Properties
873
- </h3>
874
- <table class="table table-sm table-bordered">
875
- <tbody>
876
- <tr>
877
- <td class="col-md-4">
878
- <a name="_classMap"></a>
879
- <span class="name">
880
- <span ><b>_classMap</b></span>
881
- <a href="#_classMap"><span class="icon ion-ios-link"></span></a>
882
- </span>
883
- </td>
884
- </tr>
885
- <tr>
886
- <td class="col-md-4">
887
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
888
-
889
- </td>
890
- </tr>
891
-
892
-
893
- </tbody>
894
- </table>
895
- <table class="table table-sm table-bordered">
896
- <tbody>
897
- <tr>
898
- <td class="col-md-4">
899
- <a name="_el"></a>
900
- <span class="name">
901
- <span ><b>_el</b></span>
902
- <a href="#_el"><span class="icon ion-ios-link"></span></a>
903
- </span>
904
- </td>
905
- </tr>
906
- <tr>
907
- <td class="col-md-4">
908
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
909
-
910
- </td>
911
- </tr>
912
-
913
-
914
- </tbody>
915
- </table>
916
- <table class="table table-sm table-bordered">
917
- <tbody>
918
- <tr>
919
- <td class="col-md-4">
920
- <a name="_extra_tab_class"></a>
921
- <span class="name">
922
- <span ><b>_extra_tab_class</b></span>
923
- <a href="#_extra_tab_class"><span class="icon ion-ios-link"></span></a>
924
- </span>
925
- </td>
926
- </tr>
927
- <tr>
928
- <td class="col-md-4">
929
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
930
-
931
- </td>
932
- </tr>
933
- <tr>
934
- <td class="col-md-4">
935
- <i>Default value : </i><code>&#x27;&#x27;</code>
936
- </td>
937
- </tr>
938
-
939
-
940
- </tbody>
941
- </table>
942
- <table class="table table-sm table-bordered">
943
- <tbody>
944
- <tr>
945
- <td class="col-md-4">
946
- <a name="_extra_tabcontent_class"></a>
947
- <span class="name">
948
- <span ><b>_extra_tabcontent_class</b></span>
949
- <a href="#_extra_tabcontent_class"><span class="icon ion-ios-link"></span></a>
950
- </span>
951
- </td>
952
- </tr>
953
- <tr>
954
- <td class="col-md-4">
955
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
956
-
957
- </td>
958
- </tr>
959
- <tr>
960
- <td class="col-md-4">
961
- <i>Default value : </i><code>&#x27;&#x27;</code>
962
- </td>
963
- </tr>
964
-
965
-
966
- </tbody>
967
- </table>
968
- <table class="table table-sm table-bordered">
969
- <tbody>
970
- <tr>
971
- <td class="col-md-4">
972
- <a name="_hostContent"></a>
973
- <span class="name">
974
- <span class="modifier"></span>
975
- <span ><b>_hostContent</b></span>
976
- <a href="#_hostContent"><span class="icon ion-ios-link"></span></a>
977
- </span>
978
- </td>
979
- </tr>
980
- <tr>
981
- <td class="col-md-4">
982
- <i>Type : </i> <code>ElementRef</code>
983
-
984
- </td>
985
- </tr>
986
- <tr>
987
- <td class="col-md-4">
988
- <b>Decorators : </b>
989
- <br />
990
- <code>
991
- @ViewChild(&#x27;hostContent&#x27;, {static: true})<br />
992
- </code>
993
- </td>
994
- </tr>
995
-
996
-
997
- </tbody>
998
- </table>
999
- <table class="table table-sm table-bordered">
1000
- <tbody>
1001
- <tr>
1002
- <td class="col-md-4">
1003
- <a name="_indexToSelect"></a>
1004
- <span class="name">
1005
- <span ><b>_indexToSelect</b></span>
1006
- <a href="#_indexToSelect"><span class="icon ion-ios-link"></span></a>
1007
- </span>
1008
- </td>
1009
- </tr>
1010
- <tr>
1011
- <td class="col-md-4">
1012
- <i>Type : </i> <code>number | null</code>
1013
-
1014
- </td>
1015
- </tr>
1016
- <tr>
1017
- <td class="col-md-4">
1018
- <i>Default value : </i><code>0</code>
1019
- </td>
1020
- </tr>
1021
-
1022
-
1023
- </tbody>
1024
- </table>
1025
- <table class="table table-sm table-bordered">
1026
- <tbody>
1027
- <tr>
1028
- <td class="col-md-4">
1029
- <a name="_isViewInit"></a>
1030
- <span class="name">
1031
- <span ><b>_isViewInit</b></span>
1032
- <a href="#_isViewInit"><span class="icon ion-ios-link"></span></a>
1033
- </span>
1034
- </td>
1035
- </tr>
1036
- <tr>
1037
- <td class="col-md-4">
1038
- <i>Default value : </i><code>false</code>
1039
- </td>
1040
- </tr>
1041
-
1042
-
1043
- </tbody>
1044
- </table>
1045
- <table class="table table-sm table-bordered">
1046
- <tbody>
1047
- <tr>
1048
- <td class="col-md-4">
1049
- <a name="_prefixCls"></a>
1050
- <span class="name">
1051
- <span ><b>_prefixCls</b></span>
1052
- <a href="#_prefixCls"><span class="icon ion-ios-link"></span></a>
1053
- </span>
1054
- </td>
1055
- </tr>
1056
- <tr>
1057
- <td class="col-md-4">
1058
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1059
-
1060
- </td>
1061
- </tr>
1062
- <tr>
1063
- <td class="col-md-4">
1064
- <i>Default value : </i><code>&#x27;nav-tabs&#x27;</code>
1065
- </td>
1066
- </tr>
1067
-
1068
-
1069
- </tbody>
1070
- </table>
1071
- <table class="table table-sm table-bordered">
1072
- <tbody>
1073
- <tr>
1074
- <td class="col-md-4">
1075
- <a name="_selectedIndex"></a>
1076
- <span class="name">
1077
- <span ><b>_selectedIndex</b></span>
1078
- <a href="#_selectedIndex"><span class="icon ion-ios-link"></span></a>
1079
- </span>
1080
- </td>
1081
- </tr>
1082
- <tr>
1083
- <td class="col-md-4">
1084
- <i>Type : </i> <code>number | null</code>
1085
-
1086
- </td>
1087
- </tr>
1088
- <tr>
1089
- <td class="col-md-4">
1090
- <i>Default value : </i><code>null</code>
1091
- </td>
1092
- </tr>
1093
-
1094
-
1095
- </tbody>
1096
- </table>
1097
- <table class="table table-sm table-bordered">
1098
- <tbody>
1099
- <tr>
1100
- <td class="col-md-4">
1101
- <a name="_tabAnimation"></a>
1102
- <span class="name">
1103
- <span ><b>_tabAnimation</b></span>
1104
- <a href="#_tabAnimation"><span class="icon ion-ios-link"></span></a>
1105
- </span>
1106
- </td>
1107
- </tr>
1108
- <tr>
1109
- <td class="col-md-4">
1110
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1111
-
1112
- </td>
1113
- </tr>
1114
- <tr>
1115
- <td class="col-md-4">
1116
- <i>Default value : </i><code>&#x27;&#x27;</code>
1117
- </td>
1118
- </tr>
1119
-
1120
-
1121
- </tbody>
1122
- </table>
1123
- <table class="table table-sm table-bordered">
1124
- <tbody>
1125
- <tr>
1126
- <td class="col-md-4">
1127
- <a name="_tabContent"></a>
1128
- <span class="name">
1129
- <span class="modifier"></span>
1130
- <span ><b>_tabContent</b></span>
1131
- <a href="#_tabContent"><span class="icon ion-ios-link"></span></a>
1132
- </span>
1133
- </td>
1134
- </tr>
1135
- <tr>
1136
- <td class="col-md-4">
1137
- <i>Type : </i> <code>ElementRef</code>
1138
-
1139
- </td>
1140
- </tr>
1141
- <tr>
1142
- <td class="col-md-4">
1143
- <b>Decorators : </b>
1144
- <br />
1145
- <code>
1146
- @ViewChild(&#x27;tabContent&#x27;, {static: true})<br />
1147
- </code>
1148
- </td>
1149
- </tr>
1150
-
1151
-
1152
- </tbody>
1153
- </table>
1154
- <table class="table table-sm table-bordered">
1155
- <tbody>
1156
- <tr>
1157
- <td class="col-md-4">
1158
- <a name="_tabNav"></a>
1159
- <span class="name">
1160
- <span class="modifier"></span>
1161
- <span ><b>_tabNav</b></span>
1162
- <a href="#_tabNav"><span class="icon ion-ios-link"></span></a>
1163
- </span>
1164
- </td>
1165
- </tr>
1166
- <tr>
1167
- <td class="col-md-4">
1168
- <i>Type : </i> <code><a href="../components/MefDevTabsNavComponent.html" target="_self" >MefDevTabsNavComponent</a></code>
1169
-
1170
- </td>
1171
- </tr>
1172
- <tr>
1173
- <td class="col-md-4">
1174
- <b>Decorators : </b>
1175
- <br />
1176
- <code>
1177
- @ViewChild(&#x27;tabNav&#x27;, {static: true})<br />
1178
- </code>
1179
- </td>
1180
- </tr>
1181
-
1182
-
1183
- </tbody>
1184
- </table>
1185
- <table class="table table-sm table-bordered">
1186
- <tbody>
1187
- <tr>
1188
- <td class="col-md-4">
1189
- <a name="_tabPosition"></a>
1190
- <span class="name">
1191
- <span ><b>_tabPosition</b></span>
1192
- <a href="#_tabPosition"><span class="icon ion-ios-link"></span></a>
1193
- </span>
1194
- </td>
1195
- </tr>
1196
- <tr>
1197
- <td class="col-md-4">
1198
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#TabPosition" target="_self" >TabPosition</a></code>
1199
-
1200
- </td>
1201
- </tr>
1202
- <tr>
1203
- <td class="col-md-4">
1204
- <i>Default value : </i><code>&#x27;top&#x27;</code>
1205
- </td>
1206
- </tr>
1207
-
1208
-
1209
- </tbody>
1210
- </table>
1211
- <table class="table table-sm table-bordered">
1212
- <tbody>
1213
- <tr>
1214
- <td class="col-md-4">
1215
- <a name="_tabPositionMode"></a>
1216
- <span class="name">
1217
- <span ><b>_tabPositionMode</b></span>
1218
- <a href="#_tabPositionMode"><span class="icon ion-ios-link"></span></a>
1219
- </span>
1220
- </td>
1221
- </tr>
1222
- <tr>
1223
- <td class="col-md-4">
1224
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#TabPositionMode" target="_self" >TabPositionMode</a></code>
1225
-
1226
- </td>
1227
- </tr>
1228
- <tr>
1229
- <td class="col-md-4">
1230
- <i>Default value : </i><code>&#x27;horizontal&#x27;</code>
1231
- </td>
1232
- </tr>
1233
-
1234
-
1235
- </tbody>
1236
- </table>
1237
- <table class="table table-sm table-bordered">
1238
- <tbody>
1239
- <tr>
1240
- <td class="col-md-4">
1241
- <a name="_tabs"></a>
1242
- <span class="name">
1243
- <span ><b>_tabs</b></span>
1244
- <a href="#_tabs"><span class="icon ion-ios-link"></span></a>
1245
- </span>
1246
- </td>
1247
- </tr>
1248
- <tr>
1249
- <td class="col-md-4">
1250
- <i>Type : </i> <code><a href="../components/MefDevTabComponent.html" target="_self" >MefDevTabComponent[]</a></code>
1251
-
1252
- </td>
1253
- </tr>
1254
- <tr>
1255
- <td class="col-md-4">
1256
- <i>Default value : </i><code>[]</code>
1257
- </td>
1258
- </tr>
1259
-
1260
-
1261
- </tbody>
1262
- </table>
1263
- <table class="table table-sm table-bordered">
1264
- <tbody>
1265
- <tr>
1266
- <td class="col-md-4">
1267
- <a name="_type"></a>
1268
- <span class="name">
1269
- <span ><b>_type</b></span>
1270
- <a href="#_type"><span class="icon ion-ios-link"></span></a>
1271
- </span>
1272
- </td>
1273
- </tr>
1274
- <tr>
1275
- <td class="col-md-4">
1276
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#TabType" target="_self" >TabType</a></code>
1277
-
1278
- </td>
1279
- </tr>
1280
- <tr>
1281
- <td class="col-md-4">
1282
- <i>Default value : </i><code>&#x27;line&#x27;</code>
1283
- </td>
1284
- </tr>
1285
-
1286
-
1287
- </tbody>
1288
- </table>
1289
- <table class="table table-sm table-bordered">
1290
- <tbody>
1291
- <tr>
1292
- <td class="col-md-4">
1293
- <a name="_width"></a>
1294
- <span class="name">
1295
- <span ><b>_width</b></span>
1296
- <a href="#_width"><span class="icon ion-ios-link"></span></a>
1297
- </span>
1298
- </td>
1299
- </tr>
1300
- <tr>
1301
- <td class="col-md-4">
1302
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1303
-
1304
- </td>
1305
- </tr>
1306
-
1307
-
1308
- </tbody>
1309
- </table>
1310
- <table class="table table-sm table-bordered">
1311
- <tbody>
1312
- <tr>
1313
- <td class="col-md-4">
1314
- <a name="TabBarExtraContent"></a>
1315
- <span class="name">
1316
- <span class="modifier"></span>
1317
- <span ><b>TabBarExtraContent</b></span>
1318
- <a href="#TabBarExtraContent"><span class="icon ion-ios-link"></span></a>
1319
- </span>
1320
- </td>
1321
- </tr>
1322
- <tr>
1323
- <td class="col-md-4">
1324
- <i>Type : </i> <code>TemplateRef&lt;void&gt;</code>
1325
-
1326
- </td>
1327
- </tr>
1328
- <tr>
1329
- <td class="col-md-4">
1330
- <b>Decorators : </b>
1331
- <br />
1332
- <code>
1333
- @ContentChild(&#x27;TabBarExtraContent&#x27;, {static: true})<br />
1334
- </code>
1335
- </td>
1336
- </tr>
1337
-
1338
-
1339
- </tbody>
1340
- </table>
1341
- <table class="table table-sm table-bordered">
1342
- <tbody>
1343
- <tr>
1344
- <td class="col-md-4">
1345
- <a name="tabs"></a>
1346
- <span class="name">
1347
- <span ><b>tabs</b></span>
1348
- <a href="#tabs"><span class="icon ion-ios-link"></span></a>
1349
- </span>
1350
- </td>
1351
- </tr>
1352
- <tr>
1353
- <td class="col-md-4">
1354
- <i>Type : </i> <code><a href="../components/MefDevTabComponent.html" target="_self" >MefDevTabComponent[]</a></code>
1355
-
1356
- </td>
1357
- </tr>
1358
- <tr>
1359
- <td class="col-md-4">
1360
- <i>Default value : </i><code>[]</code>
1361
- </td>
1362
- </tr>
1363
-
1364
-
1365
- </tbody>
1366
- </table>
1367
- </section>
1368
-
1369
- <section data-compodoc="block-accessors">
1370
- <h3 id="accessors">
1371
- Accessors
1372
- </h3>
1373
- <table class="table table-sm table-bordered">
1374
- <tbody>
1375
- <tr>
1376
- <td class="col-md-4">
1377
- <a name="SelectedIndex"></a>
1378
- <span class="name"><b>SelectedIndex</b><a href="#SelectedIndex"><span class="icon ion-ios-link"></span></a></span>
1379
- </td>
1380
- </tr>
1381
-
1382
- <tr>
1383
- <td class="col-md-4">
1384
- <span class="accessor"><b>get</b><code>SelectedIndex()</code></span>
1385
- </td>
1386
- </tr>
1387
-
1388
- <tr>
1389
- <td class="col-md-4">
1390
- <span class="accessor"><b>set</b><code>SelectedIndex(value: number | null)</code></span>
1391
- </td>
1392
- </tr>
1393
- <tr>
1394
- <td class="col-md-4">
1395
- <div class="io-description"><p>The index of the selected tab.</p>
1396
- </div>
1397
-
1398
- <div class="io-description">
1399
- <b>Parameters :</b>
1400
- <table class="params">
1401
- <thead>
1402
- <tr>
1403
- <td>Name</td>
1404
- <td>Type</td>
1405
- <td>Optional</td>
1406
- </tr>
1407
- </thead>
1408
- <tbody>
1409
- <tr>
1410
- <td>value</td>
1411
-
1412
- <td>
1413
- <code>number | null</code>
1414
- </td>
1415
-
1416
- <td>
1417
- No
1418
- </td>
1419
-
1420
- </tr>
1421
- </tbody>
1422
- </table>
1423
- </div>
1424
- <div>
1425
- </div>
1426
- <div class="io-description">
1427
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1428
-
1429
- </div>
1430
- </td>
1431
- </tr>
1432
- </tbody>
1433
- </table>
1434
- <table class="table table-sm table-bordered">
1435
- <tbody>
1436
- <tr>
1437
- <td class="col-md-4">
1438
- <a name="SelectedIndexChange"></a>
1439
- <span class="name"><b>SelectedIndexChange</b><a href="#SelectedIndexChange"><span class="icon ion-ios-link"></span></a></span>
1440
- </td>
1441
- </tr>
1442
-
1443
- <tr>
1444
- <td class="col-md-4">
1445
- <span class="accessor"><b>get</b><code>SelectedIndexChange()</code></span>
1446
- </td>
1447
- </tr>
1448
- <tr>
1449
- <td class="col-md-4">
1450
- <div class="io-description"><p>Event emitted when the selected tab index changes.</p>
1451
- </div>
1452
-
1453
- <div>
1454
- </div>
1455
- <div class="io-description">
1456
- <b>Returns : </b> <code>Observable&lt;number&gt;</code>
1457
-
1458
- </div>
1459
- </td>
1460
- </tr>
1461
-
1462
- </tbody>
1463
- </table>
1464
- <table class="table table-sm table-bordered">
1465
- <tbody>
1466
- <tr>
1467
- <td class="col-md-4">
1468
- <a name="TabPosition"></a>
1469
- <span class="name"><b>TabPosition</b><a href="#TabPosition"><span class="icon ion-ios-link"></span></a></span>
1470
- </td>
1471
- </tr>
1472
-
1473
- <tr>
1474
- <td class="col-md-4">
1475
- <span class="accessor"><b>get</b><code>TabPosition()</code></span>
1476
- </td>
1477
- </tr>
1478
-
1479
- <tr>
1480
- <td class="col-md-4">
1481
- <span class="accessor"><b>set</b><code>TabPosition(value: <a href="../undefineds/TabPosition.html" target="_self">TabPosition</a>)</code></span>
1482
- </td>
1483
- </tr>
1484
- <tr>
1485
- <td class="col-md-4">
1486
- <div class="io-description"><p>Position of the tab set. Can be &#39;top&#39;, &#39;bottom&#39;, &#39;left&#39;, or &#39;right&#39;.</p>
1487
- </div>
1488
-
1489
- <div class="io-description">
1490
- <b>Parameters :</b>
1491
- <table class="params">
1492
- <thead>
1493
- <tr>
1494
- <td>Name</td>
1495
- <td>Type</td>
1496
- <td>Optional</td>
1497
- </tr>
1498
- </thead>
1499
- <tbody>
1500
- <tr>
1501
- <td>value</td>
1502
-
1503
- <td>
1504
- <code><a href="../miscellaneous/typealiases.html#TabPosition" target="_self" >TabPosition</a></code>
1505
- </td>
1506
-
1507
- <td>
1508
- No
1509
- </td>
1510
-
1511
- </tr>
1512
- </tbody>
1513
- </table>
1514
- </div>
1515
- <div>
1516
- </div>
1517
- <div class="io-description">
1518
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1519
-
1520
- </div>
1521
- </td>
1522
- </tr>
1523
- </tbody>
1524
- </table>
1525
- <table class="table table-sm table-bordered">
1526
- <tbody>
1527
- <tr>
1528
- <td class="col-md-4">
1529
- <a name="extraTabClass"></a>
1530
- <span class="name"><b>extraTabClass</b><a href="#extraTabClass"><span class="icon ion-ios-link"></span></a></span>
1531
- </td>
1532
- </tr>
1533
-
1534
-
1535
- <tr>
1536
- <td class="col-md-4">
1537
- <span class="accessor"><b>set</b><code>extraTabClass(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1538
- </td>
1539
- </tr>
1540
- <tr>
1541
- <td class="col-md-4">
1542
- <div class="io-description"><p>Additional CSS class for the tabs.</p>
1543
- </div>
1544
-
1545
- <div class="io-description">
1546
- <b>Parameters :</b>
1547
- <table class="params">
1548
- <thead>
1549
- <tr>
1550
- <td>Name</td>
1551
- <td>Type</td>
1552
- <td>Optional</td>
1553
- </tr>
1554
- </thead>
1555
- <tbody>
1556
- <tr>
1557
- <td>value</td>
1558
-
1559
- <td>
1560
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1561
- </td>
1562
-
1563
- <td>
1564
- No
1565
- </td>
1566
-
1567
- </tr>
1568
- </tbody>
1569
- </table>
1570
- </div>
1571
- <div>
1572
- </div>
1573
- <div class="io-description">
1574
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1575
-
1576
- </div>
1577
- </td>
1578
- </tr>
1579
- </tbody>
1580
- </table>
1581
- <table class="table table-sm table-bordered">
1582
- <tbody>
1583
- <tr>
1584
- <td class="col-md-4">
1585
- <a name="extraTabContentClass"></a>
1586
- <span class="name"><b>extraTabContentClass</b><a href="#extraTabContentClass"><span class="icon ion-ios-link"></span></a></span>
1587
- </td>
1588
- </tr>
1589
-
1590
-
1591
- <tr>
1592
- <td class="col-md-4">
1593
- <span class="accessor"><b>set</b><code>extraTabContentClass(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1594
- </td>
1595
- </tr>
1596
- <tr>
1597
- <td class="col-md-4">
1598
- <div class="io-description"><p>Additional CSS class for the tab content.</p>
1599
- </div>
1600
-
1601
- <div class="io-description">
1602
- <b>Parameters :</b>
1603
- <table class="params">
1604
- <thead>
1605
- <tr>
1606
- <td>Name</td>
1607
- <td>Type</td>
1608
- <td>Optional</td>
1609
- </tr>
1610
- </thead>
1611
- <tbody>
1612
- <tr>
1613
- <td>value</td>
1614
-
1615
- <td>
1616
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1617
- </td>
1618
-
1619
- <td>
1620
- No
1621
- </td>
1622
-
1623
- </tr>
1624
- </tbody>
1625
- </table>
1626
- </div>
1627
- <div>
1628
- </div>
1629
- <div class="io-description">
1630
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1631
-
1632
- </div>
1633
- </td>
1634
- </tr>
1635
- </tbody>
1636
- </table>
1637
- <table class="table table-sm table-bordered">
1638
- <tbody>
1639
- <tr>
1640
- <td class="col-md-4">
1641
- <a name="Type"></a>
1642
- <span class="name"><b>Type</b><a href="#Type"><span class="icon ion-ios-link"></span></a></span>
1643
- </td>
1644
- </tr>
1645
-
1646
- <tr>
1647
- <td class="col-md-4">
1648
- <span class="accessor"><b>get</b><code>Type()</code></span>
1649
- </td>
1650
- </tr>
1651
-
1652
- <tr>
1653
- <td class="col-md-4">
1654
- <span class="accessor"><b>set</b><code>Type(value: <a href="../undefineds/TabType.html" target="_self">TabType</a>)</code></span>
1655
- </td>
1656
- </tr>
1657
- <tr>
1658
- <td class="col-md-4">
1659
- <div class="io-description"><p>Type of the tab set. Can be &#39;line&#39;, &#39;fillup&#39;, or &#39;linetriangle&#39;.</p>
1660
- </div>
1661
-
1662
- <div class="io-description">
1663
- <b>Parameters :</b>
1664
- <table class="params">
1665
- <thead>
1666
- <tr>
1667
- <td>Name</td>
1668
- <td>Type</td>
1669
- <td>Optional</td>
1670
- </tr>
1671
- </thead>
1672
- <tbody>
1673
- <tr>
1674
- <td>value</td>
1675
-
1676
- <td>
1677
- <code><a href="../miscellaneous/typealiases.html#TabType" target="_self" >TabType</a></code>
1678
- </td>
1679
-
1680
- <td>
1681
- No
1682
- </td>
1683
-
1684
- </tr>
1685
- </tbody>
1686
- </table>
1687
- </div>
1688
- <div>
1689
- </div>
1690
- <div class="io-description">
1691
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1692
-
1693
- </div>
1694
- </td>
1695
- </tr>
1696
- </tbody>
1697
- </table>
1698
- <table class="table table-sm table-bordered">
1699
- <tbody>
1700
- <tr>
1701
- <td class="col-md-4">
1702
- <a name="tabAnimation"></a>
1703
- <span class="name"><b>tabAnimation</b><a href="#tabAnimation"><span class="icon ion-ios-link"></span></a></span>
1704
- </td>
1705
- </tr>
1706
-
1707
-
1708
- <tr>
1709
- <td class="col-md-4">
1710
- <span class="accessor"><b>set</b><code>tabAnimation(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1711
- </td>
1712
- </tr>
1713
- <tr>
1714
- <td class="col-md-4">
1715
- <div class="io-description"><p>Animation to apply to the tabs. Accepts CSS animation name.</p>
1716
- </div>
1717
-
1718
- <div class="io-description">
1719
- <b>Parameters :</b>
1720
- <table class="params">
1721
- <thead>
1722
- <tr>
1723
- <td>Name</td>
1724
- <td>Type</td>
1725
- <td>Optional</td>
1726
- </tr>
1727
- </thead>
1728
- <tbody>
1729
- <tr>
1730
- <td>value</td>
1731
-
1732
- <td>
1733
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1734
- </td>
1735
-
1736
- <td>
1737
- No
1738
- </td>
1739
-
1740
- </tr>
1741
- </tbody>
1742
- </table>
1743
- </div>
1744
- <div>
1745
- </div>
1746
- <div class="io-description">
1747
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1748
-
1749
- </div>
1750
- </td>
1751
- </tr>
1752
- </tbody>
1753
- </table>
1754
- <table class="table table-sm table-bordered">
1755
- <tbody>
1756
- <tr>
1757
- <td class="col-md-4">
1758
- <a name="inkBarAnimated"></a>
1759
- <span class="name"><b>inkBarAnimated</b><a href="#inkBarAnimated"><span class="icon ion-ios-link"></span></a></span>
1760
- </td>
1761
- </tr>
1762
-
1763
- <tr>
1764
- <td class="col-md-4">
1765
- <span class="accessor"><b>get</b><code>inkBarAnimated()</code></span>
1766
- </td>
1767
- </tr>
1768
-
1769
- </tbody>
1770
- </table>
1771
- <table class="table table-sm table-bordered">
1772
- <tbody>
1773
- <tr>
1774
- <td class="col-md-4">
1775
- <a name="tabPaneAnimated"></a>
1776
- <span class="name"><b>tabPaneAnimated</b><a href="#tabPaneAnimated"><span class="icon ion-ios-link"></span></a></span>
1777
- </td>
1778
- </tr>
1779
-
1780
- <tr>
1781
- <td class="col-md-4">
1782
- <span class="accessor"><b>get</b><code>tabPaneAnimated()</code></span>
1783
- </td>
1784
- </tr>
1785
-
1786
- </tbody>
1787
- </table>
1788
- </section>
1789
- </div>
1790
-
1791
-
1792
-
1793
-
1794
-
1795
-
1796
- <div class="tab-pane fade " id="example">
1797
- <iframe class="exampleContainer" src="https://mef.dev/ui_kit_demo/view/page_components/tabset">
1798
- <p>no-iframes</p>
1799
- </iframe>
1800
- </div>
1801
-
1802
- </div>
1803
-
1804
- <script src="../js/libs/vis.min.js"></script>
1805
- <script src="../js/libs/htmlparser.js"></script>
1806
- <script src="../js/libs/deep-iterator.js"></script>
1807
- <script>
1808
- var COMPONENT_TEMPLATE = '<div><div class="tab-wrapper tab-{{ _tabPositionMode }} {{ _tabPosition }} {{ _type }} {{ _extra_tab_class }}" #hostContent> <mefdev-tabs-nav #tabNav [Size]="Size" [Type]="Type" [ShowPagination]="ShowPagination" [PositionMode]="_tabPositionMode" [Position]="_tabPosition" [Animated]="inkBarAnimated" [HideBar]="Hide" [selectedIndex]="SelectedIndex" > <ng-template #tabBarExtraContent> <ng-template [ngTemplateOutlet]="TabBarExtraTemplate || TabBarExtraContent"></ng-template> </ng-template> <li mefdev-tab-label [disabled]="tab.disabled" (click)="clickLabel(i)" *ngFor="let tab of _tabs; let i = index"> <a href="javascript:void(0);" class="" [class.active]="SelectedIndex == i && !Hide"> <ng-template [ngTemplateOutlet]="tab._tabHeading"></ng-template> </a> </mefdev-tabs-nav> <div class="tab-content-wrapper {{ _extra_tabcontent_class }}"> <div class="tab-content {{ _tabAnimation }}" #tabContent [class.animated]="tabPaneAnimated" [class.not-animated]="!tabPaneAnimated" [style.margin-left.%]="tabPaneAnimated && -(SelectedIndex ?? -1) * 100" > <mefdev-tab-body class="tab-pane" [class.active]="SelectedIndex == i && !Hide" [class.inactive]="SelectedIndex != i || Hide" [content]="tab.content" *ngFor="let tab of _tabs; let i = index" > </mefdev-tab-body> </div> </div> </div></div>'
1809
- var COMPONENTS = [{'name': 'CardComponent', 'selector': 'mefdev-card'},{'name': 'CardLongComponent', 'selector': 'mefdev-card-long'},{'name': 'CardSimpleComponent', 'selector': 'mefdev-card-simple'},{'name': 'CentralPageComponent', 'selector': 'mefdev-central-page'},{'name': 'CentralPageRowComponent', 'selector': 'mefdev-central-page-row'},{'name': 'CollapseComponent', 'selector': 'mefdev-collapse'},{'name': 'CollapseSetComponent', 'selector': 'mefdev-collapse-set'},{'name': 'DatepickerComponent', 'selector': 'mefdev-datepicker'},{'name': 'FillComponent', 'selector': 'mefdev-fill-modal'},{'name': 'FilteredFieldContainerComponent', 'selector': 'mefdev-filtered-field-container'},{'name': 'FilteredFieldItemComponent', 'selector': 'mefdev-filtered-field-item'},{'name': 'HelpBlockComponent', 'selector': 'mefdev-help-block'},{'name': 'ManagePageComponent', 'selector': 'mefdev-manage-page'},{'name': 'MefdevExecutorPageComponent', 'selector': 'mefdev-executor-page'},{'name': 'MefDevOptionComponent', 'selector': 'mefdev-option'},{'name': 'MefDevProgressComponent', 'selector': 'mefdev-progress'},{'name': 'MefDevSelectComponent', 'selector': 'mefdev-select'},{'name': 'MefDevSliderComponent', 'selector': 'mefdev-slider'},{'name': 'MefDevSpecFlowTestComponent', 'selector': 'mefdev-spec-flow-test'},{'name': 'MefDevSwitchComponent', 'selector': 'mefdev-switch'},{'name': 'MefDevTabBodyComponent', 'selector': 'mefdev-tab-body'},{'name': 'MefDevTabComponent', 'selector': 'mefdev-tab'},{'name': 'MefDevTabSetComponent', 'selector': 'mefdev-tabset'},{'name': 'MefDevTabsNavComponent', 'selector': 'mefdev-tabs-nav'},{'name': 'ProfileComponent', 'selector': 'mefdev-profile'},{'name': 'RightFilterComponent', 'selector': 'mefdev-right-filter'},{'name': 'SlideRightComponent', 'selector': 'mefdev-slide-right-modal'},{'name': 'SlideUpComponent', 'selector': 'mefdev-slide-up-modal'},{'name': 'StepExecutorComponent', 'selector': 'mefdev-step-executor'},{'name': 'TablePageComponent', 'selector': 'mefdev-table-page'}];
1810
- var DIRECTIVES = [{'name': 'MefDevTabLabelDirective', 'selector': '[mefdev-tab-label]'},{'name': 'MefDevTabsInkBarDirective', 'selector': '[mefdev-tabs-ink-bar]'}];
1811
- var ACTUAL_COMPONENT = {'name': 'MefDevTabSetComponent'};
1812
- </script>
1813
- <script src="../js/tree.js"></script>
1814
-
1815
-
1816
-
1817
-
1818
-
1819
-
1820
-
1821
-
1822
-
1823
-
1824
-
1825
-
1826
-
1827
-
1828
-
1829
-
1830
-
1831
- </div><div class="search-results">
1832
- <div class="has-results">
1833
- <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
1834
- <ul class="search-results-list"></ul>
1835
- </div>
1836
- <div class="no-results">
1837
- <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
1838
- </div>
1839
- </div>
1840
- </div>
1841
- <!-- END CONTENT -->
1842
- </div>
1843
- </div>
1844
-
1845
- <label class="dark-mode-switch">
1846
- <input type="checkbox">
1847
- <span class="slider">
1848
- <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
1849
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1850
- </svg>
1851
- </span>
1852
- </label>
1853
-
1854
- <script>
1855
- var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1856
- var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
1857
- var COMPODOC_CURRENT_PAGE_URL = 'MefDevTabSetComponent.html';
1858
- var MAX_SEARCH_RESULTS = 15;
1859
- </script>
1860
-
1861
- <script src="../js/libs/custom-elements.min.js"></script>
1862
- <script src="../js/libs/lit-html.js"></script>
1863
-
1864
- <script src="../js/menu-wc.js" defer></script>
1865
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
1866
-
1867
- <script src="../js/libs/bootstrap-native.js"></script>
1868
-
1869
- <script src="../js/libs/es6-shim.min.js"></script>
1870
- <script src="../js/libs/EventDispatcher.js"></script>
1871
- <script src="../js/libs/promise.min.js"></script>
1872
- <script src="../js/libs/zepto.min.js"></script>
1873
-
1874
- <script src="../js/compodoc.js"></script>
1875
-
1876
- <script src="../js/tabs.js"></script>
1877
- <script src="../js/menu.js"></script>
1878
- <script src="../js/libs/clipboard.min.js"></script>
1879
- <script src="../js/libs/prism.js"></script>
1880
- <script src="../js/sourceCode.js"></script>
1881
- <script src="../js/search/search.js"></script>
1882
- <script src="../js/search/lunr.min.js"></script>
1883
- <script src="../js/search/search-lunr.js"></script>
1884
- <script src="../js/search/search_index.js"></script>
1885
- <script src="../js/lazy-load-graphs.js"></script>
1886
-
1887
-
1888
- </body>
1889
- </html>