@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/MefDevSwitchComponent.html DELETED
@@ -1,1480 +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
- MefDevSwitchComponent</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/switch/switch.component.ts</code>
61
- </p>
62
-
63
-
64
- <p class="comment">
65
- <h3>Description</h3>
66
- </p>
67
- <p class="comment">
68
- <p>Example of usage:
69
- <example-url><a href="https://mef.dev/ui_kit_demo/view/controls/switch">https://mef.dev/ui_kit_demo/view/controls/switch</a></example-url></p>
70
-
71
- </p>
72
-
73
-
74
- <p class="comment">
75
- <h3>Implements</h3>
76
- </p>
77
- <p class="comment">
78
- <code>OnInit</code>
79
- <code>ControlValueAccessor</code>
80
- </p>
81
-
82
-
83
- <section data-compodoc="block-metadata">
84
- <h3>Metadata</h3>
85
- <table class="table table-sm table-hover metadata">
86
- <tbody>
87
-
88
-
89
- <tr>
90
- <td class="col-md-3">encapsulation</td>
91
- <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
92
- </tr>
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
- <tr>
102
- <td class="col-md-3">providers</td>
103
- <td class="col-md-9">
104
- <code><a href="../components/MefDevSwitchComponent.html" target="_self" >{
105
- provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() &#x3D;&gt; MefDevSwitchComponent), multi: true
106
- }</a></code>
107
- </td>
108
- </tr>
109
-
110
-
111
- <tr>
112
- <td class="col-md-3">selector</td>
113
- <td class="col-md-9"><code>mefdev-switch</code></td>
114
- </tr>
115
-
116
-
117
-
118
-
119
-
120
-
121
- <tr>
122
- <td class="col-md-3">templateUrl</td>
123
- <td class="col-md-9"><code>./switch.component.html</code></td>
124
- </tr>
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
-
133
- </tbody>
134
- </table>
135
- </section>
136
-
137
- <section data-compodoc="block-index">
138
- <h3 id="index">Index</h3>
139
- <table class="table table-sm table-bordered index-table">
140
- <tbody>
141
- <tr>
142
- <td class="col-md-4">
143
- <h6><b>Properties</b></h6>
144
- </td>
145
- </tr>
146
- <tr>
147
- <td class="col-md-4">
148
- <ul class="index-list">
149
- <li>
150
- <a href="#_checked" >_checked</a>
151
- </li>
152
- <li>
153
- <a href="#_classMap" >_classMap</a>
154
- </li>
155
- <li>
156
- <a href="#_color" >_color</a>
157
- </li>
158
- <li>
159
- <a href="#_innerPrefixCls" >_innerPrefixCls</a>
160
- </li>
161
- <li>
162
- <a href="#_prefixCls" >_prefixCls</a>
163
- </li>
164
- <li>
165
- <a href="#_size" >_size</a>
166
- </li>
167
- <li>
168
- <a href="#onTouched" >onTouched</a>
169
- </li>
170
- </ul>
171
- </td>
172
- </tr>
173
-
174
- <tr>
175
- <td class="col-md-4">
176
- <h6><b>Methods</b></h6>
177
- </td>
178
- </tr>
179
- <tr>
180
- <td class="col-md-4">
181
- <ul class="index-list">
182
- <li>
183
- <span class="modifier"></span>
184
- <a href="#onClick" >onClick</a>
185
- </li>
186
- <li>
187
- <a href="#registerOnChange" >registerOnChange</a>
188
- </li>
189
- <li>
190
- <a href="#registerOnTouched" >registerOnTouched</a>
191
- </li>
192
- <li>
193
- <a href="#setClassMap" >setClassMap</a>
194
- </li>
195
- <li>
196
- <a href="#setDisabledState" >setDisabledState</a>
197
- </li>
198
- <li>
199
- <a href="#updateValue" >updateValue</a>
200
- </li>
201
- <li>
202
- <span class="modifier">Public</span>
203
- <a href="#writeValue" >writeValue</a>
204
- </li>
205
- </ul>
206
- </td>
207
- </tr>
208
-
209
- <tr>
210
- <td class="col-md-4">
211
- <h6><b>Inputs</b></h6>
212
- </td>
213
- </tr>
214
- <tr>
215
- <td class="col-md-4">
216
- <ul class="index-list">
217
- <li>
218
- <a href="#Color" >Color</a>
219
- </li>
220
- <li>
221
- <a href="#Disabled" >Disabled</a>
222
- </li>
223
- <li>
224
- <a href="#Size" >Size</a>
225
- </li>
226
- <li>
227
- <a href="#Value" >Value</a>
228
- </li>
229
- </ul>
230
- </td>
231
- </tr>
232
-
233
- <tr>
234
- <td class="col-md-4">
235
- <h6><b>Outputs</b></h6>
236
- </td>
237
- </tr>
238
- <tr>
239
- <td class="col-md-4">
240
- <ul class="index-list">
241
- <li>
242
- <a href="#onChange" >onChange</a>
243
- </li>
244
- </ul>
245
- </td>
246
- </tr>
247
-
248
-
249
- <tr>
250
- <td class="col-md-4">
251
- <h6><b>HostListeners</b></h6>
252
- </td>
253
- </tr>
254
- <tr>
255
- <td class="col-md-4">
256
- <ul class="index-list">
257
- <li>
258
- <a href="#click" >click</a>
259
- </li>
260
- </ul>
261
- </td>
262
- </tr>
263
-
264
- <tr>
265
- <td class="col-md-4">
266
- <h6><b>Accessors</b></h6>
267
- </td>
268
- </tr>
269
- <tr>
270
- <td class="col-md-4">
271
- <ul class="index-list">
272
- <li>
273
- <a href="#Value" >Value</a>
274
- </li>
275
- <li>
276
- <a href="#Size" >Size</a>
277
- </li>
278
- <li>
279
- <a href="#Color" >Color</a>
280
- </li>
281
- <li>
282
- <a href="#Disabled" >Disabled</a>
283
- </li>
284
- </ul>
285
- </td>
286
- </tr>
287
- </tbody>
288
- </table>
289
- </section>
290
-
291
-
292
- <section data-compodoc="block-inputs">
293
- <h3 id="inputs">Inputs</h3>
294
- <table class="table table-sm table-bordered">
295
- <tbody>
296
- <tr>
297
- <td class="col-md-4">
298
- <a name="Color"></a>
299
- <b>Color</b>
300
- </td>
301
- </tr>
302
- <tr>
303
- <td class="col-md-4">
304
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
305
-
306
- </td>
307
- </tr>
308
- <tr>
309
- <td class="col-md-4">
310
- <div class="io-description"><p>Sets the color of the switch.</p>
311
- <p>Usage example:</p>
312
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Color]=&quot;&#39;primary&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
313
- </td>
314
- </tr>
315
- </tbody>
316
- </table>
317
- <table class="table table-sm table-bordered">
318
- <tbody>
319
- <tr>
320
- <td class="col-md-4">
321
- <a name="Disabled"></a>
322
- <b>Disabled</b>
323
- </td>
324
- </tr>
325
- <tr>
326
- <td class="col-md-4">
327
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
328
-
329
- </td>
330
- </tr>
331
- <tr>
332
- <td class="col-md-4">
333
- <div class="io-description"><p>Sets the disabled state of the switch.</p>
334
- <p>Usage example:</p>
335
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Disabled]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
336
- </td>
337
- </tr>
338
- </tbody>
339
- </table>
340
- <table class="table table-sm table-bordered">
341
- <tbody>
342
- <tr>
343
- <td class="col-md-4">
344
- <a name="Size"></a>
345
- <b>Size</b>
346
- </td>
347
- </tr>
348
- <tr>
349
- <td class="col-md-4">
350
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
351
-
352
- </td>
353
- </tr>
354
- <tr>
355
- <td class="col-md-4">
356
- <div class="io-description"><p>Sets the size of the switch.</p>
357
- <p>Usage example:</p>
358
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Size]=&quot;&#39;small&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
359
- </td>
360
- </tr>
361
- </tbody>
362
- </table>
363
- <table class="table table-sm table-bordered">
364
- <tbody>
365
- <tr>
366
- <td class="col-md-4">
367
- <a name="Value"></a>
368
- <b>Value</b>
369
- </td>
370
- </tr>
371
- <tr>
372
- <td class="col-md-4">
373
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
374
-
375
- </td>
376
- </tr>
377
- <tr>
378
- <td class="col-md-4">
379
- <div class="io-description"><p>Sets the value of the switch.</p>
380
- <p>Usage example:</p>
381
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Value]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
382
- </td>
383
- </tr>
384
- </tbody>
385
- </table>
386
- </section>
387
- <section data-compodoc="block-outputs">
388
- <h3 id="outputs">Outputs</h3>
389
- <table class="table table-sm table-bordered">
390
- <tbody>
391
- <tr>
392
- <td class="col-md-4">
393
- <a name="onChange"></a>
394
- <b>onChange</b>
395
- </td>
396
- </tr>
397
- <tr>
398
- <td class="col-md-4">
399
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
400
-
401
- </td>
402
- </tr>
403
- </tbody>
404
- </table>
405
- </section>
406
-
407
- <section data-compodoc="block-methods">
408
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
409
- <tbody>
410
- <tr>
411
- <td class="col-md-4">
412
- <a name="click"></a>
413
- <span class="name">
414
- <span ><b>click</b></span>
415
- <a href="#click"><span class="icon ion-ios-link"></span></a>
416
- </span>
417
- </td>
418
- </tr>
419
- <tr>
420
- <td class="col-md-4">
421
- <i>Arguments : </i><code>'$event' </code>
422
- </td>
423
- </tr>
424
- <tr>
425
- <td class="col-md-4">
426
- <code>click(e: MouseEvent)</code>
427
- </td>
428
- </tr>
429
-
430
-
431
-
432
-
433
- </tbody>
434
- </table>
435
- </section>
436
- <section data-compodoc="block-methods">
437
-
438
- <h3 id="methods">
439
- Methods
440
- </h3>
441
- <table class="table table-sm table-bordered">
442
- <tbody>
443
- <tr>
444
- <td class="col-md-4">
445
- <a name="onClick"></a>
446
- <span class="name">
447
- <span class="modifier"></span>
448
- <span ><b>onClick</b></span>
449
- <a href="#onClick"><span class="icon ion-ios-link"></span></a>
450
- </span>
451
- </td>
452
- </tr>
453
- <tr>
454
- <td class="col-md-4">
455
- <span class="modifier-icon icon ion-ios-reset"></span>
456
- <code>onClick(e: MouseEvent)</code>
457
- </td>
458
- </tr>
459
-
460
- <tr>
461
- <td class="col-md-4">
462
- <b>Decorators : </b>
463
- <br />
464
- <code>@HostListener(&#x27;click&#x27;, [&#x27;$event&#x27;])<br /></code>
465
- </td>
466
- </tr>
467
-
468
-
469
-
470
- <tr>
471
- <td class="col-md-4">
472
-
473
- <div class="io-description">
474
- <b>Parameters :</b>
475
-
476
- <table class="params">
477
- <thead>
478
- <tr>
479
- <td>Name</td>
480
- <td>Type</td>
481
- <td>Optional</td>
482
- </tr>
483
- </thead>
484
- <tbody>
485
- <tr>
486
- <td>e</td>
487
- <td>
488
- <code>MouseEvent</code>
489
- </td>
490
-
491
- <td>
492
- No
493
- </td>
494
-
495
-
496
- </tr>
497
- </tbody>
498
- </table>
499
- </div>
500
- <div>
501
- </div>
502
- <div class="io-description">
503
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
504
-
505
- </div>
506
- <div class="io-description">
507
-
508
- </div>
509
- </td>
510
- </tr>
511
- </tbody>
512
- </table>
513
- <table class="table table-sm table-bordered">
514
- <tbody>
515
- <tr>
516
- <td class="col-md-4">
517
- <a name="registerOnChange"></a>
518
- <span class="name">
519
- <span ><b>registerOnChange</b></span>
520
- <a href="#registerOnChange"><span class="icon ion-ios-link"></span></a>
521
- </span>
522
- </td>
523
- </tr>
524
- <tr>
525
- <td class="col-md-4">
526
- <code>registerOnChange(fn: (_: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>) => void)</code>
527
- </td>
528
- </tr>
529
-
530
-
531
-
532
-
533
- <tr>
534
- <td class="col-md-4">
535
- <div class="io-description"><p>Registers a callback function to be executed when the switch value changes.</p>
536
- <p>Usage example:</p>
537
- <div><pre class="line-numbers"><code class="language-none">this.registerOnChange(value =&gt; {
538
- // Do something with the new value
539
- });</code></pre></div></div>
540
-
541
- <div class="io-description">
542
- <b>Parameters :</b>
543
-
544
- <table class="params">
545
- <thead>
546
- <tr>
547
- <td>Name</td>
548
- <td>Type</td>
549
- <td>Optional</td>
550
- <td>Description</td>
551
- </tr>
552
- </thead>
553
- <tbody>
554
- <tr>
555
- <td>fn</td>
556
- <td>
557
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
558
- </td>
559
-
560
- <td>
561
- No
562
- </td>
563
-
564
-
565
- <td>
566
- <p>The callback function.</p>
567
- <p>Usage example:</p>
568
- <div><pre class="line-numbers"><code class="language-none">this.registerOnChange(value =&gt; {
569
- // Do something with the new value
570
- });</code></pre></div>
571
- </td>
572
- </tr>
573
- </tbody>
574
- </table>
575
- </div>
576
- <div>
577
- </div>
578
- <div class="io-description">
579
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
580
-
581
- </div>
582
- <div class="io-description">
583
-
584
- </div>
585
- </td>
586
- </tr>
587
- </tbody>
588
- </table>
589
- <table class="table table-sm table-bordered">
590
- <tbody>
591
- <tr>
592
- <td class="col-md-4">
593
- <a name="registerOnTouched"></a>
594
- <span class="name">
595
- <span ><b>registerOnTouched</b></span>
596
- <a href="#registerOnTouched"><span class="icon ion-ios-link"></span></a>
597
- </span>
598
- </td>
599
- </tr>
600
- <tr>
601
- <td class="col-md-4">
602
- <code>registerOnTouched(fn: () => void)</code>
603
- </td>
604
- </tr>
605
-
606
-
607
-
608
-
609
- <tr>
610
- <td class="col-md-4">
611
- <div class="io-description"><p>Registers a callback function to be executed when the switch is touched.</p>
612
- <p>Usage example:</p>
613
- <div><pre class="line-numbers"><code class="language-none">this.registerOnTouched(() =&gt; {
614
- // Do something when the switch is touched
615
- });</code></pre></div></div>
616
-
617
- <div class="io-description">
618
- <b>Parameters :</b>
619
-
620
- <table class="params">
621
- <thead>
622
- <tr>
623
- <td>Name</td>
624
- <td>Type</td>
625
- <td>Optional</td>
626
- <td>Description</td>
627
- </tr>
628
- </thead>
629
- <tbody>
630
- <tr>
631
- <td>fn</td>
632
- <td>
633
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
634
- </td>
635
-
636
- <td>
637
- No
638
- </td>
639
-
640
-
641
- <td>
642
- <p>The callback function.</p>
643
- <p>Usage example:</p>
644
- <div><pre class="line-numbers"><code class="language-none">this.registerOnTouched(() =&gt; {
645
- // Do something when the switch is touched
646
- });</code></pre></div>
647
- </td>
648
- </tr>
649
- </tbody>
650
- </table>
651
- </div>
652
- <div>
653
- </div>
654
- <div class="io-description">
655
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
656
-
657
- </div>
658
- <div class="io-description">
659
-
660
- </div>
661
- </td>
662
- </tr>
663
- </tbody>
664
- </table>
665
- <table class="table table-sm table-bordered">
666
- <tbody>
667
- <tr>
668
- <td class="col-md-4">
669
- <a name="setClassMap"></a>
670
- <span class="name">
671
- <span ><b>setClassMap</b></span>
672
- <a href="#setClassMap"><span class="icon ion-ios-link"></span></a>
673
- </span>
674
- </td>
675
- </tr>
676
- <tr>
677
- <td class="col-md-4">
678
- <code>setClassMap()</code>
679
- </td>
680
- </tr>
681
-
682
-
683
-
684
-
685
- <tr>
686
- <td class="col-md-4">
687
- <div class="io-description"><p>Sets the class map for the switch.</p>
688
- <p>Usage example:</p>
689
- <div><pre class="line-numbers"><code class="language-none">this.setClassMap();</code></pre></div></div>
690
-
691
- <div class="io-description">
692
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
693
-
694
- </div>
695
- </td>
696
- </tr>
697
- </tbody>
698
- </table>
699
- <table class="table table-sm table-bordered">
700
- <tbody>
701
- <tr>
702
- <td class="col-md-4">
703
- <a name="setDisabledState"></a>
704
- <span class="name">
705
- <span ><b>setDisabledState</b></span>
706
- <a href="#setDisabledState"><span class="icon ion-ios-link"></span></a>
707
- </span>
708
- </td>
709
- </tr>
710
- <tr>
711
- <td class="col-md-4">
712
- <code>setDisabledState(isDisabled: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
713
- </td>
714
- </tr>
715
-
716
-
717
-
718
-
719
- <tr>
720
- <td class="col-md-4">
721
- <div class="io-description"><p>Sets the disabled state of the switch.</p>
722
- <p>Usage example:</p>
723
- <div><pre class="line-numbers"><code class="language-none">this.setDisabledState(true);</code></pre></div></div>
724
-
725
- <div class="io-description">
726
- <b>Parameters :</b>
727
-
728
- <table class="params">
729
- <thead>
730
- <tr>
731
- <td>Name</td>
732
- <td>Type</td>
733
- <td>Optional</td>
734
- <td>Description</td>
735
- </tr>
736
- </thead>
737
- <tbody>
738
- <tr>
739
- <td>isDisabled</td>
740
- <td>
741
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
742
- </td>
743
-
744
- <td>
745
- No
746
- </td>
747
-
748
-
749
- <td>
750
- <p>The disabled state of the switch.</p>
751
- <p>Usage example:</p>
752
- <div><pre class="line-numbers"><code class="language-none">this.setDisabledState(true);</code></pre></div>
753
- </td>
754
- </tr>
755
- </tbody>
756
- </table>
757
- </div>
758
- <div>
759
- </div>
760
- <div class="io-description">
761
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
762
-
763
- </div>
764
- <div class="io-description">
765
-
766
- </div>
767
- </td>
768
- </tr>
769
- </tbody>
770
- </table>
771
- <table class="table table-sm table-bordered">
772
- <tbody>
773
- <tr>
774
- <td class="col-md-4">
775
- <a name="updateValue"></a>
776
- <span class="name">
777
- <span ><b>updateValue</b></span>
778
- <a href="#updateValue"><span class="icon ion-ios-link"></span></a>
779
- </span>
780
- </td>
781
- </tr>
782
- <tr>
783
- <td class="col-md-4">
784
- <code>updateValue(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
785
- </td>
786
- </tr>
787
-
788
-
789
-
790
-
791
- <tr>
792
- <td class="col-md-4">
793
- <div class="io-description"><p>Updates the value of the switch.</p>
794
- <p>Usage example:</p>
795
- <div><pre class="line-numbers"><code class="language-none">this.updateValue(true);</code></pre></div></div>
796
-
797
- <div class="io-description">
798
- <b>Parameters :</b>
799
-
800
- <table class="params">
801
- <thead>
802
- <tr>
803
- <td>Name</td>
804
- <td>Type</td>
805
- <td>Optional</td>
806
- <td>Description</td>
807
- </tr>
808
- </thead>
809
- <tbody>
810
- <tr>
811
- <td>value</td>
812
- <td>
813
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
814
- </td>
815
-
816
- <td>
817
- No
818
- </td>
819
-
820
-
821
- <td>
822
- <p>The new value of the switch.</p>
823
- <p>Usage example:</p>
824
- <div><pre class="line-numbers"><code class="language-none">this.updateValue(true);</code></pre></div>
825
- </td>
826
- </tr>
827
- </tbody>
828
- </table>
829
- </div>
830
- <div>
831
- </div>
832
- <div class="io-description">
833
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
834
-
835
- </div>
836
- <div class="io-description">
837
-
838
- </div>
839
- </td>
840
- </tr>
841
- </tbody>
842
- </table>
843
- <table class="table table-sm table-bordered">
844
- <tbody>
845
- <tr>
846
- <td class="col-md-4">
847
- <a name="writeValue"></a>
848
- <span class="name">
849
- <span class="modifier">Public</span>
850
- <span ><b>writeValue</b></span>
851
- <a href="#writeValue"><span class="icon ion-ios-link"></span></a>
852
- </span>
853
- </td>
854
- </tr>
855
- <tr>
856
- <td class="col-md-4">
857
- <span class="modifier-icon icon ion-ios-reset"></span>
858
- <code>writeValue(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
859
- </td>
860
- </tr>
861
-
862
-
863
-
864
-
865
- <tr>
866
- <td class="col-md-4">
867
- <div class="io-description"><p>Writes a new value to the switch.</p>
868
- <p>Usage example:</p>
869
- <div><pre class="line-numbers"><code class="language-none">this.writeValue(true);</code></pre></div></div>
870
-
871
- <div class="io-description">
872
- <b>Parameters :</b>
873
-
874
- <table class="params">
875
- <thead>
876
- <tr>
877
- <td>Name</td>
878
- <td>Type</td>
879
- <td>Optional</td>
880
- <td>Description</td>
881
- </tr>
882
- </thead>
883
- <tbody>
884
- <tr>
885
- <td>value</td>
886
- <td>
887
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
888
- </td>
889
-
890
- <td>
891
- No
892
- </td>
893
-
894
-
895
- <td>
896
- <p>The new value of the switch.</p>
897
- <p>Usage example:</p>
898
- <div><pre class="line-numbers"><code class="language-none">this.writeValue(true);</code></pre></div>
899
- </td>
900
- </tr>
901
- </tbody>
902
- </table>
903
- </div>
904
- <div>
905
- </div>
906
- <div class="io-description">
907
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
908
-
909
- </div>
910
- <div class="io-description">
911
-
912
- </div>
913
- </td>
914
- </tr>
915
- </tbody>
916
- </table>
917
- </section>
918
- <section data-compodoc="block-properties">
919
-
920
- <h3 id="inputs">
921
- Properties
922
- </h3>
923
- <table class="table table-sm table-bordered">
924
- <tbody>
925
- <tr>
926
- <td class="col-md-4">
927
- <a name="_checked"></a>
928
- <span class="name">
929
- <span ><b>_checked</b></span>
930
- <a href="#_checked"><span class="icon ion-ios-link"></span></a>
931
- </span>
932
- </td>
933
- </tr>
934
- <tr>
935
- <td class="col-md-4">
936
- <i>Default value : </i><code>false</code>
937
- </td>
938
- </tr>
939
-
940
-
941
- </tbody>
942
- </table>
943
- <table class="table table-sm table-bordered">
944
- <tbody>
945
- <tr>
946
- <td class="col-md-4">
947
- <a name="_classMap"></a>
948
- <span class="name">
949
- <span ><b>_classMap</b></span>
950
- <a href="#_classMap"><span class="icon ion-ios-link"></span></a>
951
- </span>
952
- </td>
953
- </tr>
954
- <tr>
955
- <td class="col-md-4">
956
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
957
-
958
- </td>
959
- </tr>
960
-
961
-
962
- </tbody>
963
- </table>
964
- <table class="table table-sm table-bordered">
965
- <tbody>
966
- <tr>
967
- <td class="col-md-4">
968
- <a name="_color"></a>
969
- <span class="name">
970
- <span ><b>_color</b></span>
971
- <a href="#_color"><span class="icon ion-ios-link"></span></a>
972
- </span>
973
- </td>
974
- </tr>
975
- <tr>
976
- <td class="col-md-4">
977
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
978
-
979
- </td>
980
- </tr>
981
- <tr>
982
- <td class="col-md-4">
983
- <i>Default value : </i><code>&quot;primary&quot;</code>
984
- </td>
985
- </tr>
986
-
987
-
988
- </tbody>
989
- </table>
990
- <table class="table table-sm table-bordered">
991
- <tbody>
992
- <tr>
993
- <td class="col-md-4">
994
- <a name="_innerPrefixCls"></a>
995
- <span class="name">
996
- <span ><b>_innerPrefixCls</b></span>
997
- <a href="#_innerPrefixCls"><span class="icon ion-ios-link"></span></a>
998
- </span>
999
- </td>
1000
- </tr>
1001
- <tr>
1002
- <td class="col-md-4">
1003
- <i>Default value : </i><code>&#x60;${this._prefixCls}-inner &#x60;</code>
1004
- </td>
1005
- </tr>
1006
-
1007
-
1008
- </tbody>
1009
- </table>
1010
- <table class="table table-sm table-bordered">
1011
- <tbody>
1012
- <tr>
1013
- <td class="col-md-4">
1014
- <a name="_prefixCls"></a>
1015
- <span class="name">
1016
- <span ><b>_prefixCls</b></span>
1017
- <a href="#_prefixCls"><span class="icon ion-ios-link"></span></a>
1018
- </span>
1019
- </td>
1020
- </tr>
1021
- <tr>
1022
- <td class="col-md-4">
1023
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1024
-
1025
- </td>
1026
- </tr>
1027
- <tr>
1028
- <td class="col-md-4">
1029
- <i>Default value : </i><code>&quot;toggle-switch&quot;</code>
1030
- </td>
1031
- </tr>
1032
-
1033
-
1034
- </tbody>
1035
- </table>
1036
- <table class="table table-sm table-bordered">
1037
- <tbody>
1038
- <tr>
1039
- <td class="col-md-4">
1040
- <a name="_size"></a>
1041
- <span class="name">
1042
- <span ><b>_size</b></span>
1043
- <a href="#_size"><span class="icon ion-ios-link"></span></a>
1044
- </span>
1045
- </td>
1046
- </tr>
1047
- <tr>
1048
- <td class="col-md-4">
1049
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1050
-
1051
- </td>
1052
- </tr>
1053
-
1054
-
1055
- </tbody>
1056
- </table>
1057
- <table class="table table-sm table-bordered">
1058
- <tbody>
1059
- <tr>
1060
- <td class="col-md-4">
1061
- <a name="onTouched"></a>
1062
- <span class="name">
1063
- <span ><b>onTouched</b></span>
1064
- <a href="#onTouched"><span class="icon ion-ios-link"></span></a>
1065
- </span>
1066
- </td>
1067
- </tr>
1068
- <tr>
1069
- <td class="col-md-4">
1070
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
1071
-
1072
- </td>
1073
- </tr>
1074
- <tr>
1075
- <td class="col-md-4">
1076
- <i>Default value : </i><code>() &#x3D;&gt; {...}</code>
1077
- </td>
1078
- </tr>
1079
-
1080
-
1081
- </tbody>
1082
- </table>
1083
- </section>
1084
-
1085
- <section data-compodoc="block-accessors">
1086
- <h3 id="accessors">
1087
- Accessors
1088
- </h3>
1089
- <table class="table table-sm table-bordered">
1090
- <tbody>
1091
- <tr>
1092
- <td class="col-md-4">
1093
- <a name="Value"></a>
1094
- <span class="name"><b>Value</b><a href="#Value"><span class="icon ion-ios-link"></span></a></span>
1095
- </td>
1096
- </tr>
1097
-
1098
-
1099
- <tr>
1100
- <td class="col-md-4">
1101
- <span class="accessor"><b>set</b><code>Value(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
1102
- </td>
1103
- </tr>
1104
- <tr>
1105
- <td class="col-md-4">
1106
- <div class="io-description"><p>Sets the value of the switch.</p>
1107
- <p>Usage example:</p>
1108
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Value]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
1109
-
1110
- <div class="io-description">
1111
- <b>Parameters :</b>
1112
- <table class="params">
1113
- <thead>
1114
- <tr>
1115
- <td>Name</td>
1116
- <td>Type</td>
1117
- <td>Optional</td>
1118
- <td>Description</td>
1119
- </tr>
1120
- </thead>
1121
- <tbody>
1122
- <tr>
1123
- <td>value</td>
1124
-
1125
- <td>
1126
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1127
- </td>
1128
-
1129
- <td>
1130
- No
1131
- </td>
1132
-
1133
- <td>
1134
- <p>The value of the switch.</p>
1135
- <p>Usage example:</p>
1136
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Value]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div>
1137
- </td>
1138
- </tr>
1139
- </tbody>
1140
- </table>
1141
- </div>
1142
- <div>
1143
- </div>
1144
- <div class="io-description">
1145
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1146
-
1147
- </div>
1148
- </td>
1149
- </tr>
1150
- </tbody>
1151
- </table>
1152
- <table class="table table-sm table-bordered">
1153
- <tbody>
1154
- <tr>
1155
- <td class="col-md-4">
1156
- <a name="Size"></a>
1157
- <span class="name"><b>Size</b><a href="#Size"><span class="icon ion-ios-link"></span></a></span>
1158
- </td>
1159
- </tr>
1160
-
1161
- <tr>
1162
- <td class="col-md-4">
1163
- <span class="accessor"><b>get</b><code>Size()</code></span>
1164
- </td>
1165
- </tr>
1166
- <tr>
1167
- <td class="col-md-4">
1168
- <div class="io-description"><p>Gets the current size of the switch.</p>
1169
- <p>Usage example:</p>
1170
- <div><pre class="line-numbers"><code class="language-none">const size = mySwitchComponent.Size;</code></pre></div></div>
1171
-
1172
- <div>
1173
- </div>
1174
- <div class="io-description">
1175
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1176
-
1177
- </div>
1178
- </td>
1179
- </tr>
1180
-
1181
- <tr>
1182
- <td class="col-md-4">
1183
- <span class="accessor"><b>set</b><code>Size(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1184
- </td>
1185
- </tr>
1186
- <tr>
1187
- <td class="col-md-4">
1188
- <div class="io-description"><p>Sets the size of the switch.</p>
1189
- <p>Usage example:</p>
1190
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Size]=&quot;&#39;small&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
1191
-
1192
- <div class="io-description">
1193
- <b>Parameters :</b>
1194
- <table class="params">
1195
- <thead>
1196
- <tr>
1197
- <td>Name</td>
1198
- <td>Type</td>
1199
- <td>Optional</td>
1200
- <td>Description</td>
1201
- </tr>
1202
- </thead>
1203
- <tbody>
1204
- <tr>
1205
- <td>value</td>
1206
-
1207
- <td>
1208
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1209
- </td>
1210
-
1211
- <td>
1212
- No
1213
- </td>
1214
-
1215
- <td>
1216
- <p>The size of the switch (e.g., &quot;small&quot;, &quot;large&quot;).</p>
1217
- <p>Usage example:</p>
1218
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Size]=&quot;&#39;small&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div>
1219
- </td>
1220
- </tr>
1221
- </tbody>
1222
- </table>
1223
- </div>
1224
- <div>
1225
- </div>
1226
- <div class="io-description">
1227
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1228
-
1229
- </div>
1230
- </td>
1231
- </tr>
1232
- </tbody>
1233
- </table>
1234
- <table class="table table-sm table-bordered">
1235
- <tbody>
1236
- <tr>
1237
- <td class="col-md-4">
1238
- <a name="Color"></a>
1239
- <span class="name"><b>Color</b><a href="#Color"><span class="icon ion-ios-link"></span></a></span>
1240
- </td>
1241
- </tr>
1242
-
1243
-
1244
- <tr>
1245
- <td class="col-md-4">
1246
- <span class="accessor"><b>set</b><code>Color(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1247
- </td>
1248
- </tr>
1249
- <tr>
1250
- <td class="col-md-4">
1251
- <div class="io-description"><p>Sets the color of the switch.</p>
1252
- <p>Usage example:</p>
1253
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Color]=&quot;&#39;primary&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
1254
-
1255
- <div class="io-description">
1256
- <b>Parameters :</b>
1257
- <table class="params">
1258
- <thead>
1259
- <tr>
1260
- <td>Name</td>
1261
- <td>Type</td>
1262
- <td>Optional</td>
1263
- <td>Description</td>
1264
- </tr>
1265
- </thead>
1266
- <tbody>
1267
- <tr>
1268
- <td>value</td>
1269
-
1270
- <td>
1271
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1272
- </td>
1273
-
1274
- <td>
1275
- No
1276
- </td>
1277
-
1278
- <td>
1279
- <p>The color of the switch (e.g., &quot;primary&quot;, &quot;secondary&quot;).</p>
1280
- <p>Usage example:</p>
1281
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Color]=&quot;&#39;primary&#39;&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div>
1282
- </td>
1283
- </tr>
1284
- </tbody>
1285
- </table>
1286
- </div>
1287
- <div>
1288
- </div>
1289
- <div class="io-description">
1290
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1291
-
1292
- </div>
1293
- </td>
1294
- </tr>
1295
- </tbody>
1296
- </table>
1297
- <table class="table table-sm table-bordered">
1298
- <tbody>
1299
- <tr>
1300
- <td class="col-md-4">
1301
- <a name="Disabled"></a>
1302
- <span class="name"><b>Disabled</b><a href="#Disabled"><span class="icon ion-ios-link"></span></a></span>
1303
- </td>
1304
- </tr>
1305
-
1306
- <tr>
1307
- <td class="col-md-4">
1308
- <span class="accessor"><b>get</b><code>Disabled()</code></span>
1309
- </td>
1310
- </tr>
1311
- <tr>
1312
- <td class="col-md-4">
1313
- <div class="io-description"><p>Gets the current disabled state of the switch.</p>
1314
- <p>Usage example:</p>
1315
- <div><pre class="line-numbers"><code class="language-none">const disabled = mySwitchComponent.Disabled;</code></pre></div></div>
1316
-
1317
- <div>
1318
- </div>
1319
- <div class="io-description">
1320
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1321
-
1322
- </div>
1323
- </td>
1324
- </tr>
1325
-
1326
- <tr>
1327
- <td class="col-md-4">
1328
- <span class="accessor"><b>set</b><code>Disabled(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
1329
- </td>
1330
- </tr>
1331
- <tr>
1332
- <td class="col-md-4">
1333
- <div class="io-description"><p>Sets the disabled state of the switch.</p>
1334
- <p>Usage example:</p>
1335
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Disabled]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div></div>
1336
-
1337
- <div class="io-description">
1338
- <b>Parameters :</b>
1339
- <table class="params">
1340
- <thead>
1341
- <tr>
1342
- <td>Name</td>
1343
- <td>Type</td>
1344
- <td>Optional</td>
1345
- <td>Description</td>
1346
- </tr>
1347
- </thead>
1348
- <tbody>
1349
- <tr>
1350
- <td>value</td>
1351
-
1352
- <td>
1353
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1354
- </td>
1355
-
1356
- <td>
1357
- No
1358
- </td>
1359
-
1360
- <td>
1361
- <p>The disabled state of the switch.</p>
1362
- <p>Usage example:</p>
1363
- <div><pre class="line-numbers"><code class="language-none">&lt;mefdev-switch [Disabled]=&quot;true&quot;&gt;&lt;/mefdev-switch&gt;</code></pre></div>
1364
- </td>
1365
- </tr>
1366
- </tbody>
1367
- </table>
1368
- </div>
1369
- <div>
1370
- </div>
1371
- <div class="io-description">
1372
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1373
-
1374
- </div>
1375
- </td>
1376
- </tr>
1377
- </tbody>
1378
- </table>
1379
- </section>
1380
- </div>
1381
-
1382
-
1383
-
1384
-
1385
-
1386
-
1387
- <div class="tab-pane fade " id="example">
1388
- <iframe class="exampleContainer" src="https://mef.dev/ui_kit_demo/view/controls/switch">
1389
- <p>no-iframes</p>
1390
- </iframe>
1391
- </div>
1392
-
1393
- </div>
1394
-
1395
- <script src="../js/libs/vis.min.js"></script>
1396
- <script src="../js/libs/htmlparser.js"></script>
1397
- <script src="../js/libs/deep-iterator.js"></script>
1398
- <script>
1399
- var COMPONENT_TEMPLATE = '<div><span [ngClass]="_classMap" tabindex="0"> <span [ngClass]="_innerPrefixCls"> <ng-template [ngIf]="_checked"> <ng-content select="[checked]"></ng-content> </ng-template> <ng-template [ngIf]="!_checked"> <ng-content select="[unchecked]"></ng-content> </ng-template> </span></span></div>'
1400
- 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'}];
1401
- var DIRECTIVES = [{'name': 'MefDevTabLabelDirective', 'selector': '[mefdev-tab-label]'},{'name': 'MefDevTabsInkBarDirective', 'selector': '[mefdev-tabs-ink-bar]'}];
1402
- var ACTUAL_COMPONENT = {'name': 'MefDevSwitchComponent'};
1403
- </script>
1404
- <script src="../js/tree.js"></script>
1405
-
1406
-
1407
-
1408
-
1409
-
1410
-
1411
-
1412
-
1413
-
1414
-
1415
-
1416
-
1417
-
1418
-
1419
-
1420
-
1421
-
1422
- </div><div class="search-results">
1423
- <div class="has-results">
1424
- <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
1425
- <ul class="search-results-list"></ul>
1426
- </div>
1427
- <div class="no-results">
1428
- <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
1429
- </div>
1430
- </div>
1431
- </div>
1432
- <!-- END CONTENT -->
1433
- </div>
1434
- </div>
1435
-
1436
- <label class="dark-mode-switch">
1437
- <input type="checkbox">
1438
- <span class="slider">
1439
- <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">
1440
- <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1441
- </svg>
1442
- </span>
1443
- </label>
1444
-
1445
- <script>
1446
- var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1447
- var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
1448
- var COMPODOC_CURRENT_PAGE_URL = 'MefDevSwitchComponent.html';
1449
- var MAX_SEARCH_RESULTS = 15;
1450
- </script>
1451
-
1452
- <script src="../js/libs/custom-elements.min.js"></script>
1453
- <script src="../js/libs/lit-html.js"></script>
1454
-
1455
- <script src="../js/menu-wc.js" defer></script>
1456
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
1457
-
1458
- <script src="../js/libs/bootstrap-native.js"></script>
1459
-
1460
- <script src="../js/libs/es6-shim.min.js"></script>
1461
- <script src="../js/libs/EventDispatcher.js"></script>
1462
- <script src="../js/libs/promise.min.js"></script>
1463
- <script src="../js/libs/zepto.min.js"></script>
1464
-
1465
- <script src="../js/compodoc.js"></script>
1466
-
1467
- <script src="../js/tabs.js"></script>
1468
- <script src="../js/menu.js"></script>
1469
- <script src="../js/libs/clipboard.min.js"></script>
1470
- <script src="../js/libs/prism.js"></script>
1471
- <script src="../js/sourceCode.js"></script>
1472
- <script src="../js/search/search.js"></script>
1473
- <script src="../js/search/lunr.min.js"></script>
1474
- <script src="../js/search/search-lunr.js"></script>
1475
- <script src="../js/search/search_index.js"></script>
1476
- <script src="../js/lazy-load-graphs.js"></script>
1477
-
1478
-
1479
- </body>
1480
- </html>