@ng-matero/extensions 14.6.2 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/README.md +0 -1
  2. package/_index.scss +3 -4
  3. package/_theming.scss +3 -4
  4. package/alert/_alert-theme.import.scss +1 -1
  5. package/alert/_alert-theme.scss +2 -2
  6. package/alert/{alert.module.d.ts → alert-module.d.ts} +2 -2
  7. package/alert/{alert.component.d.ts → alert.d.ts} +4 -4
  8. package/alert/{alert.component.scss → alert.scss} +0 -0
  9. package/alert/public-api.d.ts +2 -2
  10. package/button/button-loading.d.ts +25 -0
  11. package/button/button-loading.scss +5 -4
  12. package/button/{button.module.d.ts → button-module.d.ts} +2 -2
  13. package/button/public-api.d.ts +2 -2
  14. package/checkbox-group/{checkbox-group.module.d.ts → checkbox-group-module.d.ts} +2 -2
  15. package/checkbox-group/{checkbox-group.component.d.ts → checkbox-group.d.ts} +4 -4
  16. package/checkbox-group/checkbox-group.scss +0 -0
  17. package/checkbox-group/{checkbox-group.interface.d.ts → interfaces.d.ts} +0 -0
  18. package/checkbox-group/public-api.d.ts +3 -3
  19. package/colorpicker/_colorpicker-theme.import.scss +1 -1
  20. package/colorpicker/_colorpicker-theme.scss +2 -2
  21. package/colorpicker/colorpicker-input.d.ts +1 -1
  22. package/colorpicker/colorpicker-toggle.d.ts +8 -6
  23. package/colorpicker/colorpicker.d.ts +2 -2
  24. package/column-resize/column-resize-directives/column-resize-flex.d.ts +1 -1
  25. package/column-resize/column-resize-directives/column-resize.d.ts +1 -1
  26. package/column-resize/column-resize.d.ts +1 -1
  27. package/column-resize/overlay-handle.d.ts +1 -1
  28. package/column-resize/resizable.d.ts +1 -1
  29. package/core/color/_all-color.scss +28 -0
  30. package/core/density/_all-density.scss +24 -0
  31. package/core/style/_elevation.scss +20 -126
  32. package/core/style/_private.scss +9 -18
  33. package/core/style/_variables.scss +1 -1
  34. package/core/style/_vendor-prefixes.scss +8 -21
  35. package/core/theming/_all-theme.scss +38 -0
  36. package/core/theming/_palette.scss +1 -1
  37. package/core/theming/_theming.scss +55 -22
  38. package/core/typography/_typography.scss +195 -17
  39. package/datetimepicker/_datetimepicker-theme.import.scss +1 -1
  40. package/datetimepicker/_datetimepicker-theme.scss +3 -4
  41. package/datetimepicker/calendar-body.d.ts +1 -1
  42. package/datetimepicker/calendar.d.ts +1 -1
  43. package/datetimepicker/calendar.scss +3 -0
  44. package/datetimepicker/clock.d.ts +1 -1
  45. package/datetimepicker/datetimepicker-input.d.ts +1 -1
  46. package/datetimepicker/datetimepicker-toggle.d.ts +5 -5
  47. package/datetimepicker/datetimepicker.d.ts +2 -2
  48. package/datetimepicker/month-view.d.ts +1 -1
  49. package/datetimepicker/multi-year-view.d.ts +1 -1
  50. package/datetimepicker/time.d.ts +2 -2
  51. package/datetimepicker/time.scss +9 -0
  52. package/datetimepicker/year-view.d.ts +1 -1
  53. package/dialog/dialog-container.d.ts +12 -0
  54. package/dialog/dialog-container.scss +48 -0
  55. package/dialog/{dialog.module.d.ts → dialog-module.d.ts} +2 -2
  56. package/dialog/public-api.d.ts +2 -2
  57. package/drawer/_drawer-theme.import.scss +1 -1
  58. package/drawer/_drawer-theme.scss +2 -2
  59. package/drawer/drawer-container.d.ts +1 -1
  60. package/esm2020/alert/alert-module.mjs +18 -0
  61. package/esm2020/alert/alert.mjs +52 -0
  62. package/esm2020/alert/public-api.mjs +3 -3
  63. package/esm2020/button/button-loading.mjs +76 -0
  64. package/esm2020/button/button-module.mjs +20 -0
  65. package/esm2020/button/public-api.mjs +3 -3
  66. package/esm2020/checkbox-group/{checkbox-group.module.mjs → checkbox-group-module.mjs} +8 -8
  67. package/esm2020/checkbox-group/checkbox-group.mjs +234 -0
  68. package/esm2020/checkbox-group/interfaces.mjs +2 -0
  69. package/esm2020/checkbox-group/public-api.mjs +4 -4
  70. package/esm2020/colorpicker/colorpicker-input.mjs +3 -3
  71. package/esm2020/colorpicker/colorpicker-module.mjs +4 -4
  72. package/esm2020/colorpicker/colorpicker-toggle.mjs +33 -22
  73. package/esm2020/colorpicker/colorpicker.mjs +6 -6
  74. package/esm2020/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  75. package/esm2020/column-resize/column-resize-directives/column-resize.mjs +3 -3
  76. package/esm2020/column-resize/column-resize-module.mjs +4 -4
  77. package/esm2020/column-resize/column-resize-notifier.mjs +7 -7
  78. package/esm2020/column-resize/column-resize.mjs +3 -3
  79. package/esm2020/column-resize/column-size-store.mjs +3 -3
  80. package/esm2020/column-resize/event-dispatcher.mjs +3 -3
  81. package/esm2020/column-resize/overlay-handle.mjs +3 -3
  82. package/esm2020/column-resize/resizable.mjs +3 -3
  83. package/esm2020/column-resize/resize-strategy.mjs +9 -9
  84. package/esm2020/core/datetime/datetime.module.mjs +8 -8
  85. package/esm2020/core/datetime/native-datetime-adapter.mjs +3 -3
  86. package/esm2020/core/pipes/pipes.module.mjs +4 -4
  87. package/esm2020/core/pipes/to-observable.pipe.mjs +3 -3
  88. package/esm2020/datetimepicker/calendar-body.mjs +3 -3
  89. package/esm2020/datetimepicker/calendar.mjs +5 -5
  90. package/esm2020/datetimepicker/clock.mjs +4 -4
  91. package/esm2020/datetimepicker/datetimepicker-input.mjs +3 -3
  92. package/esm2020/datetimepicker/datetimepicker-intl.mjs +3 -3
  93. package/esm2020/datetimepicker/datetimepicker-module.mjs +4 -4
  94. package/esm2020/datetimepicker/datetimepicker-toggle.mjs +27 -20
  95. package/esm2020/datetimepicker/datetimepicker.mjs +6 -6
  96. package/esm2020/datetimepicker/month-view.mjs +3 -3
  97. package/esm2020/datetimepicker/multi-year-view.mjs +3 -3
  98. package/esm2020/datetimepicker/time.mjs +8 -8
  99. package/esm2020/datetimepicker/year-view.mjs +3 -3
  100. package/esm2020/dialog/dialog-container.mjs +35 -0
  101. package/esm2020/dialog/{dialog.module.mjs → dialog-module.mjs} +8 -8
  102. package/esm2020/dialog/dialog.mjs +7 -7
  103. package/esm2020/dialog/public-api.mjs +3 -3
  104. package/esm2020/drawer/drawer-container.mjs +3 -3
  105. package/esm2020/drawer/drawer-module.mjs +4 -4
  106. package/esm2020/drawer/drawer.mjs +4 -4
  107. package/esm2020/grid/cell.mjs +130 -0
  108. package/esm2020/grid/column-menu.mjs +112 -0
  109. package/esm2020/grid/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
  110. package/esm2020/grid/column-resize/column-resize-directives/column-resize.mjs +3 -3
  111. package/esm2020/grid/column-resize/column-resize-module.mjs +8 -8
  112. package/esm2020/grid/column-resize/overlay-handle.mjs +3 -3
  113. package/esm2020/grid/column-resize/resizable-directives/resizable.mjs +3 -3
  114. package/esm2020/grid/column-resize/resize-strategy.mjs +3 -3
  115. package/esm2020/grid/expansion-toggle.mjs +64 -0
  116. package/esm2020/grid/grid-module.mjs +115 -0
  117. package/esm2020/grid/grid-utils.mjs +44 -0
  118. package/esm2020/grid/grid.mjs +619 -0
  119. package/esm2020/grid/interfaces.mjs +2 -0
  120. package/esm2020/grid/public-api.mjs +8 -8
  121. package/esm2020/loader/loader-module.mjs +20 -0
  122. package/esm2020/loader/loader.mjs +69 -0
  123. package/esm2020/loader/public-api.mjs +3 -3
  124. package/esm2020/popover/popover-content.mjs +6 -6
  125. package/esm2020/popover/popover-module.mjs +4 -4
  126. package/esm2020/popover/popover-target.mjs +3 -3
  127. package/esm2020/popover/popover-trigger.mjs +3 -3
  128. package/esm2020/popover/popover.mjs +3 -3
  129. package/esm2020/progress/progress-module.mjs +18 -0
  130. package/esm2020/progress/progress.mjs +55 -0
  131. package/esm2020/progress/public-api.mjs +3 -3
  132. package/esm2020/select/option.mjs +57 -0
  133. package/esm2020/select/public-api.mjs +5 -5
  134. package/esm2020/select/select-module.mjs +74 -0
  135. package/esm2020/select/select.mjs +550 -0
  136. package/esm2020/select/templates.mjs +124 -0
  137. package/esm2020/slider/slider-module.mjs +4 -4
  138. package/esm2020/slider/slider.mjs +4 -4
  139. package/esm2020/split/interfaces.mjs +2 -0
  140. package/esm2020/split/public-api.mjs +5 -5
  141. package/esm2020/split/split-module.mjs +19 -0
  142. package/esm2020/split/split-pane.mjs +149 -0
  143. package/esm2020/split/split.mjs +619 -0
  144. package/esm2020/split/utils.mjs +4 -4
  145. package/esm2020/tooltip/tooltip-module.mjs +4 -4
  146. package/esm2020/tooltip/tooltip.mjs +6 -6
  147. package/fesm2015/mtxAlert.mjs +12 -11
  148. package/fesm2015/mtxAlert.mjs.map +1 -1
  149. package/fesm2015/mtxButton.mjs +31 -31
  150. package/fesm2015/mtxButton.mjs.map +1 -1
  151. package/fesm2015/mtxCheckboxGroup.mjs +16 -15
  152. package/fesm2015/mtxCheckboxGroup.mjs.map +1 -1
  153. package/fesm2015/mtxColorpicker.mjs +45 -31
  154. package/fesm2015/mtxColorpicker.mjs.map +1 -1
  155. package/fesm2015/mtxColumnResize.mjs +41 -40
  156. package/fesm2015/mtxColumnResize.mjs.map +1 -1
  157. package/fesm2015/mtxCore.mjs +19 -18
  158. package/fesm2015/mtxDatetimepicker.mjs +72 -62
  159. package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
  160. package/fesm2015/mtxDialog.mjs +20 -17
  161. package/fesm2015/mtxDialog.mjs.map +1 -1
  162. package/fesm2015/mtxDrawer.mjs +11 -10
  163. package/fesm2015/mtxDrawer.mjs.map +1 -1
  164. package/fesm2015/mtxGrid.mjs +90 -90
  165. package/fesm2015/mtxGrid.mjs.map +1 -1
  166. package/fesm2015/mtxLoader.mjs +13 -12
  167. package/fesm2015/mtxLoader.mjs.map +1 -1
  168. package/fesm2015/mtxPopover.mjs +20 -19
  169. package/fesm2015/mtxProgress.mjs +12 -11
  170. package/fesm2015/mtxProgress.mjs.map +1 -1
  171. package/fesm2015/mtxSelect.mjs +122 -121
  172. package/fesm2015/mtxSelect.mjs.map +1 -1
  173. package/fesm2015/mtxSlider.mjs +9 -8
  174. package/fesm2015/mtxSlider.mjs.map +1 -1
  175. package/fesm2015/mtxSplit.mjs +19 -18
  176. package/fesm2015/mtxSplit.mjs.map +1 -1
  177. package/fesm2015/mtxTooltip.mjs +11 -10
  178. package/fesm2015/ng-matero-extensions.mjs +1 -0
  179. package/fesm2020/mtxAlert.mjs +12 -11
  180. package/fesm2020/mtxAlert.mjs.map +1 -1
  181. package/fesm2020/mtxButton.mjs +31 -31
  182. package/fesm2020/mtxButton.mjs.map +1 -1
  183. package/fesm2020/mtxCheckboxGroup.mjs +16 -15
  184. package/fesm2020/mtxCheckboxGroup.mjs.map +1 -1
  185. package/fesm2020/mtxColorpicker.mjs +43 -31
  186. package/fesm2020/mtxColorpicker.mjs.map +1 -1
  187. package/fesm2020/mtxColumnResize.mjs +41 -40
  188. package/fesm2020/mtxColumnResize.mjs.map +1 -1
  189. package/fesm2020/mtxCore.mjs +19 -18
  190. package/fesm2020/mtxDatetimepicker.mjs +70 -62
  191. package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
  192. package/fesm2020/mtxDialog.mjs +20 -17
  193. package/fesm2020/mtxDialog.mjs.map +1 -1
  194. package/fesm2020/mtxDrawer.mjs +11 -10
  195. package/fesm2020/mtxDrawer.mjs.map +1 -1
  196. package/fesm2020/mtxGrid.mjs +90 -90
  197. package/fesm2020/mtxGrid.mjs.map +1 -1
  198. package/fesm2020/mtxLoader.mjs +13 -12
  199. package/fesm2020/mtxLoader.mjs.map +1 -1
  200. package/fesm2020/mtxPopover.mjs +20 -19
  201. package/fesm2020/mtxProgress.mjs +12 -11
  202. package/fesm2020/mtxProgress.mjs.map +1 -1
  203. package/fesm2020/mtxSelect.mjs +122 -121
  204. package/fesm2020/mtxSelect.mjs.map +1 -1
  205. package/fesm2020/mtxSlider.mjs +9 -8
  206. package/fesm2020/mtxSlider.mjs.map +1 -1
  207. package/fesm2020/mtxSplit.mjs +19 -18
  208. package/fesm2020/mtxSplit.mjs.map +1 -1
  209. package/fesm2020/mtxTooltip.mjs +11 -10
  210. package/fesm2020/ng-matero-extensions.mjs +1 -0
  211. package/grid/_grid-theme.import.scss +1 -1
  212. package/grid/_grid-theme.scss +16 -16
  213. package/grid/{cell.component.d.ts → cell.d.ts} +8 -8
  214. package/grid/{cell.component.scss → cell.scss} +0 -0
  215. package/grid/{column-menu.component.d.ts → column-menu.d.ts} +4 -4
  216. package/grid/{column-menu.component.scss → column-menu.scss} +6 -10
  217. package/grid/column-resize/_column-resize.scss +9 -9
  218. package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +1 -1
  219. package/grid/column-resize/column-resize-directives/column-resize.d.ts +1 -1
  220. package/grid/column-resize/overlay-handle.d.ts +1 -1
  221. package/grid/column-resize/resizable-directives/resizable.d.ts +1 -1
  222. package/grid/{expansion-toggle.directive.d.ts → expansion-toggle.d.ts} +4 -4
  223. package/grid/{grid.module.d.ts → grid-module.d.ts} +5 -5
  224. package/grid/{grid.service.d.ts → grid-utils.d.ts} +4 -4
  225. package/grid/{grid.component.d.ts → grid.d.ts} +18 -17
  226. package/grid/{grid.component.scss → grid.scss} +17 -29
  227. package/grid/{grid.interface.d.ts → interfaces.d.ts} +0 -6
  228. package/grid/public-api.d.ts +7 -7
  229. package/loader/_loader-theme.import.scss +1 -1
  230. package/loader/_loader-theme.scss +2 -2
  231. package/loader/{loader.module.d.ts → loader-module.d.ts} +2 -2
  232. package/loader/{loader.component.d.ts → loader.d.ts} +3 -3
  233. package/loader/{loader.component.scss → loader.scss} +2 -2
  234. package/loader/public-api.d.ts +2 -2
  235. package/package.json +8 -24
  236. package/popover/_popover-theme.import.scss +1 -1
  237. package/popover/_popover-theme.scss +2 -2
  238. package/popover/popover-content.d.ts +2 -2
  239. package/popover/popover-target.d.ts +1 -1
  240. package/popover/popover-trigger.d.ts +1 -1
  241. package/popover/popover.d.ts +1 -1
  242. package/progress/_progress-theme.import.scss +1 -1
  243. package/progress/_progress-theme.scss +2 -2
  244. package/progress/{progress.module.d.ts → progress-module.d.ts} +2 -2
  245. package/progress/{progress.component.d.ts → progress.d.ts} +3 -3
  246. package/progress/{progress.component.scss → progress.scss} +0 -0
  247. package/progress/public-api.d.ts +2 -2
  248. package/select/_select-density.scss +68 -0
  249. package/select/_select-theme.import.scss +2 -1
  250. package/select/_select-theme.scss +6 -2
  251. package/select/{option.component.d.ts → option.d.ts} +3 -3
  252. package/select/public-api.d.ts +4 -4
  253. package/select/select-module.d.ts +12 -0
  254. package/select/{select.component.d.ts → select.d.ts} +5 -5
  255. package/select/{select.component.scss → select.scss} +14 -22
  256. package/select/{templates.directive.d.ts → templates.d.ts} +33 -33
  257. package/slider/_slider-theme.import.scss +1 -1
  258. package/slider/_slider-theme.scss +3 -4
  259. package/slider/slider.d.ts +1 -1
  260. package/slider/slider.scss +3 -3
  261. package/split/_split-theme.import.scss +1 -1
  262. package/split/_split-theme.scss +2 -2
  263. package/split/{interface.d.ts → interfaces.d.ts} +2 -2
  264. package/split/public-api.d.ts +4 -4
  265. package/split/{split.module.d.ts → split-module.d.ts} +3 -3
  266. package/split/{split-pane.directive.d.ts → split-pane.d.ts} +5 -5
  267. package/split/{split.component.d.ts → split.d.ts} +11 -11
  268. package/split/{split.component.scss → split.scss} +0 -0
  269. package/split/utils.d.ts +4 -1
  270. package/tooltip/_tooltip-theme.import.scss +1 -1
  271. package/tooltip/_tooltip-theme.scss +3 -4
  272. package/tooltip/tooltip.d.ts +2 -2
  273. package/_all-color.scss +0 -47
  274. package/_all-theme.scss +0 -47
  275. package/button/button-loading.directive.d.ts +0 -26
  276. package/checkbox-group/checkbox-group.component.scss +0 -12
  277. package/core/density/private/_compatibility.scss +0 -74
  278. package/dialog/dialog.component.d.ts +0 -12
  279. package/dialog/dialog.component.scss +0 -27
  280. package/esm2020/alert/alert.component.mjs +0 -52
  281. package/esm2020/alert/alert.module.mjs +0 -18
  282. package/esm2020/button/button-loading.directive.mjs +0 -77
  283. package/esm2020/button/button.module.mjs +0 -20
  284. package/esm2020/checkbox-group/checkbox-group.component.mjs +0 -234
  285. package/esm2020/checkbox-group/checkbox-group.interface.mjs +0 -2
  286. package/esm2020/dialog/dialog.component.mjs +0 -33
  287. package/esm2020/form-group/form-group.component.mjs +0 -37
  288. package/esm2020/form-group/form-group.module.mjs +0 -18
  289. package/esm2020/form-group/mtxFormGroup.mjs +0 -5
  290. package/esm2020/form-group/public-api.mjs +0 -3
  291. package/esm2020/grid/cell.component.mjs +0 -130
  292. package/esm2020/grid/column-menu.component.mjs +0 -112
  293. package/esm2020/grid/expansion-toggle.directive.mjs +0 -64
  294. package/esm2020/grid/grid.component.mjs +0 -619
  295. package/esm2020/grid/grid.interface.mjs +0 -2
  296. package/esm2020/grid/grid.module.mjs +0 -115
  297. package/esm2020/grid/grid.service.mjs +0 -44
  298. package/esm2020/loader/loader.component.mjs +0 -69
  299. package/esm2020/loader/loader.module.mjs +0 -20
  300. package/esm2020/progress/progress.component.mjs +0 -55
  301. package/esm2020/progress/progress.module.mjs +0 -18
  302. package/esm2020/select/option.component.mjs +0 -57
  303. package/esm2020/select/select.component.mjs +0 -549
  304. package/esm2020/select/select.module.mjs +0 -74
  305. package/esm2020/select/templates.directive.mjs +0 -124
  306. package/esm2020/split/interface.mjs +0 -2
  307. package/esm2020/split/split-pane.directive.mjs +0 -149
  308. package/esm2020/split/split.component.mjs +0 -619
  309. package/esm2020/split/split.module.mjs +0 -19
  310. package/esm2020/text3d/mtxText3d.mjs +0 -5
  311. package/esm2020/text3d/public-api.mjs +0 -3
  312. package/esm2020/text3d/text3d.component.mjs +0 -45
  313. package/esm2020/text3d/text3d.module.mjs +0 -18
  314. package/fesm2015/mtxFormGroup.mjs +0 -59
  315. package/fesm2015/mtxFormGroup.mjs.map +0 -1
  316. package/fesm2015/mtxText3d.mjs +0 -67
  317. package/fesm2015/mtxText3d.mjs.map +0 -1
  318. package/fesm2020/mtxFormGroup.mjs +0 -59
  319. package/fesm2020/mtxFormGroup.mjs.map +0 -1
  320. package/fesm2020/mtxText3d.mjs +0 -67
  321. package/fesm2020/mtxText3d.mjs.map +0 -1
  322. package/form-group/_form-group-theme.import.scss +0 -2
  323. package/form-group/_form-group-theme.scss +0 -95
  324. package/form-group/form-group.component.d.ts +0 -15
  325. package/form-group/form-group.component.scss +0 -103
  326. package/form-group/form-group.module.d.ts +0 -8
  327. package/form-group/index.d.ts +0 -5
  328. package/form-group/public-api.d.ts +0 -2
  329. package/select/select.module.d.ts +0 -12
  330. package/text3d/_text3d-theme.import.scss +0 -2
  331. package/text3d/_text3d-theme.scss +0 -48
  332. package/text3d/index.d.ts +0 -5
  333. package/text3d/public-api.d.ts +0 -2
  334. package/text3d/text3d.component.d.ts +0 -14
  335. package/text3d/text3d.component.scss +0 -21
  336. package/text3d/text3d.module.d.ts +0 -8
@@ -1,19 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MtxSplitComponent } from './split.component';
4
- import { MtxSplitPaneDirective } from './split-pane.directive';
5
- import * as i0 from "@angular/core";
6
- export class MtxSplitModule {
7
- }
8
- /** @nocollapse */ MtxSplitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- /** @nocollapse */ MtxSplitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, declarations: [MtxSplitComponent, MtxSplitPaneDirective], imports: [CommonModule], exports: [MtxSplitComponent, MtxSplitPaneDirective] });
10
- /** @nocollapse */ MtxSplitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, imports: [CommonModule] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, decorators: [{
12
- type: NgModule,
13
- args: [{
14
- imports: [CommonModule],
15
- declarations: [MtxSplitComponent, MtxSplitPaneDirective],
16
- exports: [MtxSplitComponent, MtxSplitPaneDirective],
17
- }]
18
- }] });
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9zcGxpdC9zcGxpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxjQUFjOzs4SEFBZCxjQUFjOytIQUFkLGNBQWMsaUJBSFYsaUJBQWlCLEVBQUUscUJBQXFCLGFBRDdDLFlBQVksYUFFWixpQkFBaUIsRUFBRSxxQkFBcUI7K0hBRXZDLGNBQWMsWUFKZixZQUFZOzJGQUlYLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE10eFNwbGl0Q29tcG9uZW50IH0gZnJvbSAnLi9zcGxpdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTXR4U3BsaXRQYW5lRGlyZWN0aXZlIH0gZnJvbSAnLi9zcGxpdC1wYW5lLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtNdHhTcGxpdENvbXBvbmVudCwgTXR4U3BsaXRQYW5lRGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW010eFNwbGl0Q29tcG9uZW50LCBNdHhTcGxpdFBhbmVEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBNdHhTcGxpdE1vZHVsZSB7fVxuIl19
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXR4VGV4dDNkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy90ZXh0M2QvbXR4VGV4dDNkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
@@ -1,3 +0,0 @@
1
- export * from './text3d.module';
2
- export * from './text3d.component';
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90ZXh0M2QubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dDNkLmNvbXBvbmVudCc7XG4iXX0=
@@ -1,45 +0,0 @@
1
- import { Component, Input, ContentChild, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export class MtxText3dComponent {
5
- constructor() {
6
- this.text = '';
7
- this.depth = 20;
8
- this.rotateX = 60;
9
- this.rotateY = 0;
10
- this.rotateZ = 0;
11
- }
12
- get transform() {
13
- return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
14
- }
15
- get depthArr() {
16
- const tmpArr = [];
17
- for (let i = 1; i <= this.depth; i++) {
18
- tmpArr.push(i);
19
- }
20
- return tmpArr;
21
- }
22
- }
23
- /** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
24
- /** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
26
- type: Component,
27
- args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
28
- 'class': 'mtx-text3d',
29
- '[style.transform]': 'transform',
30
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
31
- }], propDecorators: { template: [{
32
- type: ContentChild,
33
- args: [TemplateRef, { static: false }]
34
- }], text: [{
35
- type: Input
36
- }], depth: [{
37
- type: Input
38
- }], rotateX: [{
39
- type: Input
40
- }], rotateY: [{
41
- type: Input
42
- }], rotateZ: [{
43
- type: Input
44
- }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dDNkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3RleHQzZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL3RleHQzZC90ZXh0M2QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkIsTUFBTSxPQUFPLGtCQUFrQjtJQVovQjtRQWVXLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFDWixZQUFPLEdBQUcsQ0FBQyxDQUFDO0tBYXRCO0lBWEMsSUFBSSxTQUFTO1FBQ1gsT0FBTyxXQUFXLElBQUksQ0FBQyxPQUFPLGdCQUFnQixJQUFJLENBQUMsT0FBTyxnQkFBZ0IsSUFBSSxDQUFDLE9BQU8sTUFBTSxDQUFDO0lBQy9GLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixNQUFNLE1BQU0sR0FBYSxFQUFFLENBQUM7UUFDNUIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDcEMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNoQjtRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7O2tJQXJCVSxrQkFBa0I7c0hBQWxCLGtCQUFrQixzUkFDZixXQUFXLHlFQ3RCM0IsMk9BS0E7MkZEZ0JhLGtCQUFrQjtrQkFaOUIsU0FBUzsrQkFDRSxZQUFZLFlBQ1osV0FBVyxRQUNmO3dCQUNKLE9BQU8sRUFBRSxZQUFZO3dCQUNyQixtQkFBbUIsRUFBRSxXQUFXO3FCQUNqQyxpQkFHYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdELFFBQVE7c0JBQXJELFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFFbkMsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIENvbnRlbnRDaGlsZCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210eC10ZXh0M2QnLFxuICBleHBvcnRBczogJ210eFRleHQzZCcsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnbXR4LXRleHQzZCcsXG4gICAgJ1tzdHlsZS50cmFuc2Zvcm1dJzogJ3RyYW5zZm9ybScsXG4gIH0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0M2QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0M2QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE10eFRleHQzZENvbXBvbmVudCB7XG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiBmYWxzZSB9KSB0ZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgdGV4dCA9ICcnO1xuXG4gIEBJbnB1dCgpIGRlcHRoID0gMjA7XG5cbiAgQElucHV0KCkgcm90YXRlWCA9IDYwO1xuICBASW5wdXQoKSByb3RhdGVZID0gMDtcbiAgQElucHV0KCkgcm90YXRlWiA9IDA7XG5cbiAgZ2V0IHRyYW5zZm9ybSgpIHtcbiAgICByZXR1cm4gYHJvdGF0ZVgoJHt0aGlzLnJvdGF0ZVh9ZGVnKSByb3RhdGVZKCR7dGhpcy5yb3RhdGVZfWRlZykgcm90YXRlWigke3RoaXMucm90YXRlWn1kZWcpYDtcbiAgfVxuXG4gIGdldCBkZXB0aEFycigpIHtcbiAgICBjb25zdCB0bXBBcnI6IG51bWJlcltdID0gW107XG4gICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdGhpcy5kZXB0aDsgaSsrKSB7XG4gICAgICB0bXBBcnIucHVzaChpKTtcbiAgICB9XG4gICAgcmV0dXJuIHRtcEFycjtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJtdHgtdGV4dDNkLWxheWVyXCIgKm5nRm9yPVwibGV0IGkgb2YgZGVwdGhBcnJcIlxuICAgICAgW25nU3R5bGVdPVwieyd6LWluZGV4JzogLWksICd0cmFuc2Zvcm0nOiAndHJhbnNsYXRlM2QoMCwgMCwnKyAtaSArICdweCknfVwiPlxuICB7e3RleHR9fVxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48L3NwYW4+XG4iXX0=
@@ -1,18 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MtxText3dComponent } from './text3d.component';
4
- import * as i0 from "@angular/core";
5
- export class MtxText3dModule {
6
- }
7
- /** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
8
- /** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
9
- /** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
11
- type: NgModule,
12
- args: [{
13
- imports: [CommonModule],
14
- exports: [MtxText3dComponent],
15
- declarations: [MtxText3dComponent],
16
- }]
17
- }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dDNkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3RleHQzZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBT3hELE1BQU0sT0FBTyxlQUFlOzsrSEFBZixlQUFlO2dJQUFmLGVBQWUsaUJBRlgsa0JBQWtCLGFBRnZCLFlBQVksYUFDWixrQkFBa0I7Z0lBR2pCLGVBQWUsWUFKaEIsWUFBWTsyRkFJWCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQzdCLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBNdHhUZXh0M2RDb21wb25lbnQgfSBmcm9tICcuL3RleHQzZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW010eFRleHQzZENvbXBvbmVudF0sXG4gIGRlY2xhcmF0aW9uczogW010eFRleHQzZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE10eFRleHQzZE1vZHVsZSB7fVxuIl19
@@ -1,59 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, NgModule } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
6
- import { MatFormField } from '@angular/material/form-field';
7
-
8
- class MtxFormGroupComponent {
9
- constructor() {
10
- this._showRequiredMarker = false;
11
- }
12
- get showRequiredMarker() {
13
- return this._showRequiredMarker;
14
- }
15
- set showRequiredMarker(value) {
16
- this._showRequiredMarker = coerceBooleanProperty(value);
17
- }
18
- ngAfterContentInit() {
19
- this.formFields.forEach(item => {
20
- item.appearance = 'standard';
21
- });
22
- }
23
- }
24
- /** @nocollapse */ MtxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- /** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxFormGroupComponent, selector: "mtx-form-group", inputs: { label: "label", showRequiredMarker: "showRequiredMarker" }, host: { classAttribute: "mtx-form-group" }, queries: [{ propertyName: "formFields", predicate: MatFormField }], exportAs: ["mtxFormGroup"], ngImport: i0, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'mtx-form-group', host: {
29
- class: 'mtx-form-group',
30
- }, exportAs: 'mtxFormGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"] }]
31
- }], propDecorators: { formFields: [{
32
- type: ContentChildren,
33
- args: [MatFormField]
34
- }], label: [{
35
- type: Input
36
- }], showRequiredMarker: [{
37
- type: Input
38
- }] } });
39
-
40
- class MtxFormGroupModule {
41
- }
42
- /** @nocollapse */ MtxFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
- /** @nocollapse */ MtxFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, declarations: [MtxFormGroupComponent], imports: [CommonModule], exports: [MtxFormGroupComponent] });
44
- /** @nocollapse */ MtxFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, imports: [CommonModule] });
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, decorators: [{
46
- type: NgModule,
47
- args: [{
48
- imports: [CommonModule],
49
- exports: [MtxFormGroupComponent],
50
- declarations: [MtxFormGroupComponent],
51
- }]
52
- }] });
53
-
54
- /**
55
- * Generated bundle index. Do not edit.
56
- */
57
-
58
- export { MtxFormGroupComponent, MtxFormGroupModule };
59
- //# sourceMappingURL=mtxFormGroup.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mtxFormGroup.mjs","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.component.html","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n selector: 'mtx-form-group',\n host: {\n class: 'mtx-form-group',\n },\n templateUrl: './form-group.component.html',\n styleUrls: ['./form-group.component.scss'],\n exportAs: 'mtxFormGroup',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxFormGroupComponent implements AfterContentInit {\n @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n @Input() label!: string;\n\n @Input()\n get showRequiredMarker(): boolean {\n return this._showRequiredMarker;\n }\n set showRequiredMarker(value: boolean) {\n this._showRequiredMarker = coerceBooleanProperty(value);\n }\n private _showRequiredMarker = false;\n\n ngAfterContentInit() {\n this.formFields.forEach(item => {\n item.appearance = 'standard';\n });\n }\n\n static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxFormGroupComponent],\n declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,67 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, NgModule } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
-
6
- class MtxText3dComponent {
7
- constructor() {
8
- this.text = '';
9
- this.depth = 20;
10
- this.rotateX = 60;
11
- this.rotateY = 0;
12
- this.rotateZ = 0;
13
- }
14
- get transform() {
15
- return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
16
- }
17
- get depthArr() {
18
- const tmpArr = [];
19
- for (let i = 1; i <= this.depth; i++) {
20
- tmpArr.push(i);
21
- }
22
- return tmpArr;
23
- }
24
- }
25
- /** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- /** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
28
- type: Component,
29
- args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
30
- 'class': 'mtx-text3d',
31
- '[style.transform]': 'transform',
32
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
33
- }], propDecorators: { template: [{
34
- type: ContentChild,
35
- args: [TemplateRef, { static: false }]
36
- }], text: [{
37
- type: Input
38
- }], depth: [{
39
- type: Input
40
- }], rotateX: [{
41
- type: Input
42
- }], rotateY: [{
43
- type: Input
44
- }], rotateZ: [{
45
- type: Input
46
- }] } });
47
-
48
- class MtxText3dModule {
49
- }
50
- /** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
51
- /** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
52
- /** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
54
- type: NgModule,
55
- args: [{
56
- imports: [CommonModule],
57
- exports: [MtxText3dComponent],
58
- declarations: [MtxText3dComponent],
59
- }]
60
- }] });
61
-
62
- /**
63
- * Generated bundle index. Do not edit.
64
- */
65
-
66
- export { MtxText3dComponent, MtxText3dModule };
67
- //# sourceMappingURL=mtxText3d.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mtxText3d.mjs","sources":["../../../projects/extensions/text3d/text3d.component.ts","../../../projects/extensions/text3d/text3d.component.html","../../../projects/extensions/text3d/text3d.module.ts","../../../projects/extensions/text3d/mtxText3d.ts"],"sourcesContent":["import {\n Component,\n Input,\n ContentChild,\n TemplateRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'mtx-text3d',\n exportAs: 'mtxText3d',\n host: {\n 'class': 'mtx-text3d',\n '[style.transform]': 'transform',\n },\n templateUrl: './text3d.component.html',\n styleUrls: ['./text3d.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxText3dComponent {\n @ContentChild(TemplateRef, { static: false }) template!: TemplateRef<any>;\n\n @Input() text = '';\n\n @Input() depth = 20;\n\n @Input() rotateX = 60;\n @Input() rotateY = 0;\n @Input() rotateZ = 0;\n\n get transform() {\n return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;\n }\n\n get depthArr() {\n const tmpArr: number[] = [];\n for (let i = 1; i <= this.depth; i++) {\n tmpArr.push(i);\n }\n return tmpArr;\n }\n}\n","<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxText3dComponent } from './text3d.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxText3dComponent],\n declarations: [MtxText3dComponent],\n})\nexport class MtxText3dModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,59 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, NgModule } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
6
- import { MatFormField } from '@angular/material/form-field';
7
-
8
- class MtxFormGroupComponent {
9
- constructor() {
10
- this._showRequiredMarker = false;
11
- }
12
- get showRequiredMarker() {
13
- return this._showRequiredMarker;
14
- }
15
- set showRequiredMarker(value) {
16
- this._showRequiredMarker = coerceBooleanProperty(value);
17
- }
18
- ngAfterContentInit() {
19
- this.formFields.forEach(item => {
20
- item.appearance = 'standard';
21
- });
22
- }
23
- }
24
- /** @nocollapse */ MtxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- /** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxFormGroupComponent, selector: "mtx-form-group", inputs: { label: "label", showRequiredMarker: "showRequiredMarker" }, host: { classAttribute: "mtx-form-group" }, queries: [{ propertyName: "formFields", predicate: MatFormField }], exportAs: ["mtxFormGroup"], ngImport: i0, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'mtx-form-group', host: {
29
- class: 'mtx-form-group',
30
- }, exportAs: 'mtxFormGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"] }]
31
- }], propDecorators: { formFields: [{
32
- type: ContentChildren,
33
- args: [MatFormField]
34
- }], label: [{
35
- type: Input
36
- }], showRequiredMarker: [{
37
- type: Input
38
- }] } });
39
-
40
- class MtxFormGroupModule {
41
- }
42
- /** @nocollapse */ MtxFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
- /** @nocollapse */ MtxFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, declarations: [MtxFormGroupComponent], imports: [CommonModule], exports: [MtxFormGroupComponent] });
44
- /** @nocollapse */ MtxFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, imports: [CommonModule] });
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, decorators: [{
46
- type: NgModule,
47
- args: [{
48
- imports: [CommonModule],
49
- exports: [MtxFormGroupComponent],
50
- declarations: [MtxFormGroupComponent],
51
- }]
52
- }] });
53
-
54
- /**
55
- * Generated bundle index. Do not edit.
56
- */
57
-
58
- export { MtxFormGroupComponent, MtxFormGroupModule };
59
- //# sourceMappingURL=mtxFormGroup.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mtxFormGroup.mjs","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.component.html","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n selector: 'mtx-form-group',\n host: {\n class: 'mtx-form-group',\n },\n templateUrl: './form-group.component.html',\n styleUrls: ['./form-group.component.scss'],\n exportAs: 'mtxFormGroup',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxFormGroupComponent implements AfterContentInit {\n @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n @Input() label!: string;\n\n @Input()\n get showRequiredMarker(): boolean {\n return this._showRequiredMarker;\n }\n set showRequiredMarker(value: boolean) {\n this._showRequiredMarker = coerceBooleanProperty(value);\n }\n private _showRequiredMarker = false;\n\n ngAfterContentInit() {\n this.formFields.forEach(item => {\n item.appearance = 'standard';\n });\n }\n\n static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxFormGroupComponent],\n declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,67 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, NgModule } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
-
6
- class MtxText3dComponent {
7
- constructor() {
8
- this.text = '';
9
- this.depth = 20;
10
- this.rotateX = 60;
11
- this.rotateY = 0;
12
- this.rotateZ = 0;
13
- }
14
- get transform() {
15
- return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
16
- }
17
- get depthArr() {
18
- const tmpArr = [];
19
- for (let i = 1; i <= this.depth; i++) {
20
- tmpArr.push(i);
21
- }
22
- return tmpArr;
23
- }
24
- }
25
- /** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- /** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
28
- type: Component,
29
- args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
30
- 'class': 'mtx-text3d',
31
- '[style.transform]': 'transform',
32
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
33
- }], propDecorators: { template: [{
34
- type: ContentChild,
35
- args: [TemplateRef, { static: false }]
36
- }], text: [{
37
- type: Input
38
- }], depth: [{
39
- type: Input
40
- }], rotateX: [{
41
- type: Input
42
- }], rotateY: [{
43
- type: Input
44
- }], rotateZ: [{
45
- type: Input
46
- }] } });
47
-
48
- class MtxText3dModule {
49
- }
50
- /** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
51
- /** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
52
- /** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
54
- type: NgModule,
55
- args: [{
56
- imports: [CommonModule],
57
- exports: [MtxText3dComponent],
58
- declarations: [MtxText3dComponent],
59
- }]
60
- }] });
61
-
62
- /**
63
- * Generated bundle index. Do not edit.
64
- */
65
-
66
- export { MtxText3dComponent, MtxText3dModule };
67
- //# sourceMappingURL=mtxText3d.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mtxText3d.mjs","sources":["../../../projects/extensions/text3d/text3d.component.ts","../../../projects/extensions/text3d/text3d.component.html","../../../projects/extensions/text3d/text3d.module.ts","../../../projects/extensions/text3d/mtxText3d.ts"],"sourcesContent":["import {\n Component,\n Input,\n ContentChild,\n TemplateRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'mtx-text3d',\n exportAs: 'mtxText3d',\n host: {\n 'class': 'mtx-text3d',\n '[style.transform]': 'transform',\n },\n templateUrl: './text3d.component.html',\n styleUrls: ['./text3d.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxText3dComponent {\n @ContentChild(TemplateRef, { static: false }) template!: TemplateRef<any>;\n\n @Input() text = '';\n\n @Input() depth = 20;\n\n @Input() rotateX = 60;\n @Input() rotateY = 0;\n @Input() rotateZ = 0;\n\n get transform() {\n return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;\n }\n\n get depthArr() {\n const tmpArr: number[] = [];\n for (let i = 1; i <= this.depth; i++) {\n tmpArr.push(i);\n }\n return tmpArr;\n }\n}\n","<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxText3dComponent } from './text3d.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxText3dComponent],\n declarations: [MtxText3dComponent],\n})\nexport class MtxText3dModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- @forward 'form-group-theme' hide color, theme, typography;
2
- @forward 'form-group-theme' as mtx-form-group-* hide mtx-form-group-density;
@@ -1,95 +0,0 @@
1
- @use 'sass:map';
2
- @use '../core/theming/theming';
3
-
4
- @mixin color($config-or-theme) {
5
- $config: theming.get-color-config($config-or-theme);
6
- $primary: map.get($config, primary);
7
- $accent: map.get($config, accent);
8
- $warn: map.get($config, warn);
9
- $background: map.get($config, background);
10
- $foreground: map.get($config, foreground);
11
- $is-dark-theme: map.get($config, is-dark);
12
-
13
- .mtx-form-group {
14
- .mtx-form-label {
15
- &.mtx-form-label-marker::after {
16
- color: theming.get-color-from-palette($warn);
17
- }
18
- }
19
- }
20
-
21
- .mtx-form-field-appearance-fluent {
22
- .mat-form-field-flex {
23
- border: 1px solid rgba(theming.get-color-from-palette($foreground, divider), .54);
24
-
25
- &:hover {
26
- border: 1px solid rgba(theming.get-color-from-palette($foreground, divider), .78);
27
- }
28
- }
29
-
30
- .mat-focused {
31
- .mat-form-field-flex {
32
- border-color: theming.get-color-from-palette($primary);
33
- box-shadow: inset 0 0 0 1px theming.get-color-from-palette($primary);
34
- }
35
-
36
- &.mat-accent {
37
- .mat-form-field-flex {
38
- border-color: theming.get-color-from-palette($accent);
39
- box-shadow: inset 0 0 0 1px theming.get-color-from-palette($accent);
40
- }
41
- }
42
-
43
- &.mat-warn {
44
- .mat-form-field-flex {
45
- border-color: theming.get-color-from-palette($warn);
46
- box-shadow: inset 0 0 0 1px theming.get-color-from-palette($warn);
47
- }
48
- }
49
- }
50
-
51
- .mat-form-field-invalid {
52
- .mat-form-field-flex,
53
- &.mat-accent .mat-form-field-flex,
54
- &.mat-warn .mat-form-field-flex {
55
- border-color: theming.get-color-from-palette($warn);
56
- box-shadow: inset 0 0 0 1px theming.get-color-from-palette($warn);
57
- }
58
- }
59
-
60
- .mat-form-field-disabled {
61
- .mat-form-field-flex {
62
- background-color: theming.get-color-from-palette($background, disabled-button);
63
- border-color: theming.get-color-from-palette($foreground, divider);
64
- }
65
- }
66
-
67
- .mat-form-field-label,
68
- .mat-hint {
69
- color: theming.get-color-from-palette($foreground, secondary-text);
70
- }
71
- }
72
- }
73
-
74
- @mixin typography($config-or-theme) {}
75
-
76
- @mixin _density($config-or-theme) {}
77
-
78
- @mixin theme($theme-or-color-config) {
79
- $theme: theming.private-legacy-get-theme($theme-or-color-config);
80
- @include theming.private-check-duplicate-theme-styles($theme, 'mtx-form-group') {
81
- $color: theming.get-color-config($theme);
82
- $density: theming.get-density-config($theme);
83
- $typography: theming.get-typography-config($theme);
84
-
85
- @if $color != null {
86
- @include color($color);
87
- }
88
- @if $density != null {
89
- @include _density($density);
90
- }
91
- @if $typography != null {
92
- @include typography($typography);
93
- }
94
- }
95
- }
@@ -1,15 +0,0 @@
1
- import { AfterContentInit, QueryList } from '@angular/core';
2
- import { BooleanInput } from '@angular/cdk/coercion';
3
- import { MatFormField } from '@angular/material/form-field';
4
- import * as i0 from "@angular/core";
5
- export declare class MtxFormGroupComponent implements AfterContentInit {
6
- formFields: QueryList<MatFormField>;
7
- label: string;
8
- get showRequiredMarker(): boolean;
9
- set showRequiredMarker(value: boolean);
10
- private _showRequiredMarker;
11
- ngAfterContentInit(): void;
12
- static ngAcceptInputType_showRequiredMarker: BooleanInput;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<MtxFormGroupComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<MtxFormGroupComponent, "mtx-form-group", ["mtxFormGroup"], { "label": "label"; "showRequiredMarker": "showRequiredMarker"; }, {}, ["formFields"], ["*"], false>;
15
- }