@tekus/design-system 4.0.2 → 5.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 (268) hide show
  1. package/assets/img/avatar.png +0 -0
  2. package/assets/img/pexels-jodaarba-4250980.jpg +0 -0
  3. package/assets/img/shadown.png +0 -0
  4. package/assets/img/tk-logo-compound-dark.svg +9 -0
  5. package/assets/img/tk-logo-minimal-dark.svg +16 -0
  6. package/assets/img/tk-logo-minimal-light.svg +16 -0
  7. package/assets/img/tk-logo-normal-dark.svg +12 -0
  8. package/assets/img/tk-logo-normal-light.svg +12 -0
  9. package/assets/styles/_index.scss +10 -0
  10. package/assets/styles/docs/_branding.doc.scss +69 -0
  11. package/assets/styles/docs/_grids.doc.scss +13 -0
  12. package/assets/styles/docs/_icons.doc.scss +102 -0
  13. package/assets/styles/docs/_illustrations.doc.scss +86 -0
  14. package/assets/styles/docs/_paginador.doc.scss +16 -0
  15. package/assets/styles/docs/_table-of-content.scss +22 -0
  16. package/components/{tk-typography → branding}/index.d.ts +1 -1
  17. package/components/branding/public-api.d.ts +1 -0
  18. package/components/branding/src/branding-register-logo.d.ts +22 -0
  19. package/components/branding/src/branding.component.d.ts +54 -0
  20. package/components/{tk-search-bar → button}/index.d.ts +1 -1
  21. package/components/button/public-api.d.ts +1 -0
  22. package/components/button/src/button.component.d.ts +99 -0
  23. package/components/{tk-dropdown-list → dropdown-list}/index.d.ts +1 -1
  24. package/components/dropdown-list/public-api.d.ts +1 -0
  25. package/components/{tk-dropdown-list/tk-dropdown-list.component.d.ts → dropdown-list/src/dropdown-list.component.d.ts} +7 -7
  26. package/components/fallback-view/index.d.ts +5 -0
  27. package/components/fallback-view/public-api.d.ts +1 -0
  28. package/components/fallback-view/src/fallback-view.component.d.ts +149 -0
  29. package/components/forms/form-autocomplete-field/index.d.ts +5 -0
  30. package/components/forms/form-autocomplete-field/public-api.d.ts +1 -0
  31. package/components/forms/{tk-form-autocomplete-field/tk-form-autocomplete-field.component.d.ts → form-autocomplete-field/src/form-autocomplete-field.component.d.ts} +16 -6
  32. package/components/forms/form-chips-autocomplete-field/index.d.ts +5 -0
  33. package/components/forms/form-chips-autocomplete-field/public-api.d.ts +1 -0
  34. package/components/forms/{tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.d.ts → form-chips-autocomplete-field/src/form-chips-autocomplete-field.component.d.ts} +18 -8
  35. package/components/forms/form-input-field/index.d.ts +5 -0
  36. package/components/forms/form-input-field/public-api.d.ts +1 -0
  37. package/components/forms/{tk-form-input-field/tk-form-input-field.component.d.ts → form-input-field/src/form-input-field.component.d.ts} +4 -4
  38. package/components/forms/public-api.d.ts +3 -3
  39. package/components/grid-container/index.d.ts +5 -0
  40. package/components/grid-container/public-api.d.ts +1 -0
  41. package/components/grid-container/src/grid-container.component.d.ts +121 -0
  42. package/components/icon/core/icon-catalog.d.ts +76 -0
  43. package/components/icon/core/icons/ads.icons.d.ts +2 -0
  44. package/components/icon/core/icons/angle.icons.d.ts +2 -0
  45. package/components/icon/core/icons/arrow.icons.d.ts +2 -0
  46. package/components/icon/core/icons/bars.icons.d.ts +2 -0
  47. package/components/icon/core/icons/bolt.icons.d.ts +2 -0
  48. package/components/icon/core/icons/book.icons.d.ts +2 -0
  49. package/components/icon/core/icons/calendar.icons.d.ts +2 -0
  50. package/components/icon/core/icons/camera.icons.d.ts +2 -0
  51. package/components/icon/core/icons/chart.icons.d.ts +2 -0
  52. package/components/icon/core/icons/check.icons.d.ts +2 -0
  53. package/components/icon/core/icons/chevron.icons.d.ts +2 -0
  54. package/components/icon/core/icons/circle.icons.d.ts +2 -0
  55. package/components/icon/core/icons/clock.icons.d.ts +2 -0
  56. package/components/icon/core/icons/clone.icons.d.ts +2 -0
  57. package/components/icon/core/icons/download.icons.d.ts +2 -0
  58. package/components/icon/core/icons/ellipsis.icons.d.ts +2 -0
  59. package/components/icon/core/icons/eye.icons.d.ts +2 -0
  60. package/components/icon/core/icons/filter.icons.d.ts +2 -0
  61. package/components/icon/core/icons/folders.icons.d.ts +2 -0
  62. package/components/icon/core/icons/gears.icons.d.ts +2 -0
  63. package/components/icon/core/icons/hand.icons.d.ts +2 -0
  64. package/components/icon/core/icons/language.icons.d.ts +2 -0
  65. package/components/icon/core/icons/layer.icons.d.ts +2 -0
  66. package/components/icon/core/icons/link.icons.d.ts +2 -0
  67. package/components/icon/core/icons/list.icons.d.ts +2 -0
  68. package/components/icon/core/icons/location.icons.d.ts +2 -0
  69. package/components/icon/core/icons/lock.icons.d.ts +2 -0
  70. package/components/icon/core/icons/magnifying-glass.icons.d.ts +2 -0
  71. package/components/icon/core/icons/media.icons.d.ts +2 -0
  72. package/components/icon/core/icons/megaphone.icons.d.ts +2 -0
  73. package/components/icon/core/icons/money.icons.d.ts +2 -0
  74. package/components/icon/core/icons/pen.icons.d.ts +2 -0
  75. package/components/icon/core/icons/pencil.icons.d.ts +2 -0
  76. package/components/icon/core/icons/plug.icons.d.ts +2 -0
  77. package/components/icon/core/icons/plus.icons.d.ts +2 -0
  78. package/components/icon/core/icons/qr-code.icons.d.ts +2 -0
  79. package/components/icon/core/icons/screwdriver-wrench.icons.d.ts +2 -0
  80. package/components/icon/core/icons/shuffle.icons.d.ts +2 -0
  81. package/components/icon/core/icons/square.icons.d.ts +2 -0
  82. package/components/icon/core/icons/tag.icons.d.ts +2 -0
  83. package/components/icon/core/icons/thumbs.icons.d.ts +2 -0
  84. package/components/icon/core/icons/trash.icons.d.ts +2 -0
  85. package/components/icon/core/icons/triangle.icons.d.ts +2 -0
  86. package/components/icon/core/icons/user.icons.d.ts +2 -0
  87. package/components/icon/core/icons/xmark.icons.d.ts +2 -0
  88. package/components/icon/core/svg-icons/ads-icon.svg.d.ts +2 -0
  89. package/components/icon/core/svg-icons/index.d.ts +1 -0
  90. package/components/icon/index.d.ts +5 -0
  91. package/components/icon/public-api.d.ts +2 -0
  92. package/components/icon/src/icon.component.d.ts +79 -0
  93. package/components/illustration/assets/illustrations/tk-catalogs.svg.d.ts +2 -0
  94. package/components/illustration/assets/illustrations/tk-categories.svg.d.ts +2 -0
  95. package/components/illustration/assets/illustrations/tk-confirmation-action.svg.d.ts +2 -0
  96. package/components/illustration/assets/illustrations/tk-create-an-account.svg.d.ts +2 -0
  97. package/components/illustration/assets/illustrations/tk-custom-design.svg.d.ts +2 -0
  98. package/components/illustration/assets/illustrations/tk-delete.svg.d.ts +2 -0
  99. package/components/illustration/assets/illustrations/tk-download-AKF.svg.d.ts +2 -0
  100. package/components/illustration/assets/illustrations/tk-error.svg.d.ts +2 -0
  101. package/components/illustration/assets/illustrations/tk-graphics.svg.d.ts +2 -0
  102. package/components/illustration/assets/illustrations/tk-items.svg.d.ts +2 -0
  103. package/components/illustration/assets/illustrations/tk-kiosk.svg.d.ts +2 -0
  104. package/components/illustration/assets/illustrations/tk-list.svg.d.ts +2 -0
  105. package/components/illustration/assets/illustrations/tk-locations.svg.d.ts +2 -0
  106. package/components/illustration/assets/illustrations/tk-login.svg.d.ts +2 -0
  107. package/components/illustration/assets/illustrations/tk-multimedia.svg.d.ts +2 -0
  108. package/components/illustration/assets/illustrations/tk-no-connection.svg.d.ts +2 -0
  109. package/components/illustration/assets/illustrations/tk-no-found.svg.d.ts +2 -0
  110. package/components/illustration/assets/illustrations/tk-order.svg.d.ts +2 -0
  111. package/components/illustration/assets/illustrations/tk-playlist.svg.d.ts +2 -0
  112. package/components/illustration/assets/illustrations/tk-screens.svg.d.ts +2 -0
  113. package/components/illustration/assets/illustrations/tk-success.svg.d.ts +2 -0
  114. package/components/illustration/assets/illustrations/tk-support.svg.d.ts +2 -0
  115. package/components/illustration/assets/illustrations/tk-technical-failure.svg.d.ts +2 -0
  116. package/components/illustration/assets/illustrations/tk-tip.svg.d.ts +2 -0
  117. package/components/illustration/assets/illustrations/tk-upload.svg.d.ts +2 -0
  118. package/components/illustration/assets/illustrations/tk-void.svg.d.ts +2 -0
  119. package/components/illustration/assets/illustrations/tk-warning.svg.d.ts +2 -0
  120. package/components/illustration/assets/illustrations/tk-welcome.svg.d.ts +2 -0
  121. package/components/illustration/assets/illustrations/tk-without-catalogs.svg.d.ts +2 -0
  122. package/components/illustration/illustrations.registry.d.ts +5 -0
  123. package/components/illustration/index.d.ts +5 -0
  124. package/components/illustration/public-api.d.ts +1 -0
  125. package/components/illustration/src/illustration.component.d.ts +117 -0
  126. package/components/search-bar/index.d.ts +5 -0
  127. package/components/search-bar/public-api.d.ts +1 -0
  128. package/components/{tk-search-bar/tk-search-bar.component.d.ts → search-bar/src/search-bar.component.d.ts} +3 -3
  129. package/components/typography/index.d.ts +5 -0
  130. package/components/typography/public-api.d.ts +1 -0
  131. package/components/typography/src/typography.component.d.ts +10 -0
  132. package/core/index.d.ts +5 -0
  133. package/core/public-api.d.ts +1 -0
  134. package/core/types/index.d.ts +5 -0
  135. package/core/types/public-api.d.ts +9 -0
  136. package/core/types/src/branding/branding.types.d.ts +15 -0
  137. package/core/types/src/branding/index.d.ts +1 -0
  138. package/core/types/src/breakpoints/breakpoints.d.ts +10 -0
  139. package/core/types/src/breakpoints/index.d.ts +1 -0
  140. package/core/types/src/grids/grid.enum.d.ts +18 -0
  141. package/core/types/src/grids/grid.model.d.ts +10 -0
  142. package/core/types/src/grids/grid.type.d.ts +40 -0
  143. package/core/types/src/grids/index.d.ts +3 -0
  144. package/core/types/src/illustration-config/illustration-config.model.d.ts +4 -0
  145. package/core/types/src/illustration-config/index.d.ts +1 -0
  146. package/core/types/src/option/index.d.ts +1 -0
  147. package/core/types/src/option/option.model.d.ts +8 -0
  148. package/core/types/src/theme/theme.provider.d.ts +1 -0
  149. package/core/types/src/theme/tk-preset.d.ts +1 -0
  150. package/core/types/src/typography-styles/index.d.ts +1 -0
  151. package/core/types/src/validator-with-message/index.d.ts +1 -0
  152. package/directives/gird-item/index.d.ts +5 -0
  153. package/directives/gird-item/public-api.d.ts +1 -0
  154. package/directives/gird-item/src/grid-item.directive.d.ts +42 -0
  155. package/fesm2022/tekus-design-system-components-branding.mjs +93 -0
  156. package/fesm2022/tekus-design-system-components-branding.mjs.map +1 -0
  157. package/fesm2022/tekus-design-system-components-button.mjs +129 -0
  158. package/fesm2022/tekus-design-system-components-button.mjs.map +1 -0
  159. package/fesm2022/tekus-design-system-components-dropdown-list.mjs +147 -0
  160. package/fesm2022/tekus-design-system-components-dropdown-list.mjs.map +1 -0
  161. package/fesm2022/tekus-design-system-components-fallback-view.mjs +187 -0
  162. package/fesm2022/tekus-design-system-components-fallback-view.mjs.map +1 -0
  163. package/fesm2022/tekus-design-system-components-forms-form-autocomplete-field.mjs +268 -0
  164. package/fesm2022/tekus-design-system-components-forms-form-autocomplete-field.mjs.map +1 -0
  165. package/fesm2022/{tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs → tekus-design-system-components-forms-form-chips-autocomplete-field.mjs} +34 -15
  166. package/fesm2022/tekus-design-system-components-forms-form-chips-autocomplete-field.mjs.map +1 -0
  167. package/fesm2022/{tekus-design-system-components-forms-tk-form-input-field.mjs → tekus-design-system-components-forms-form-input-field.mjs} +8 -9
  168. package/fesm2022/tekus-design-system-components-forms-form-input-field.mjs.map +1 -0
  169. package/fesm2022/tekus-design-system-components-forms.mjs +257 -221
  170. package/fesm2022/tekus-design-system-components-forms.mjs.map +1 -1
  171. package/fesm2022/tekus-design-system-components-grid-container.mjs +193 -0
  172. package/fesm2022/tekus-design-system-components-grid-container.mjs.map +1 -0
  173. package/fesm2022/tekus-design-system-components-icon.mjs +1206 -0
  174. package/fesm2022/tekus-design-system-components-icon.mjs.map +1 -0
  175. package/fesm2022/tekus-design-system-components-illustration.mjs +3893 -0
  176. package/fesm2022/tekus-design-system-components-illustration.mjs.map +1 -0
  177. package/fesm2022/tekus-design-system-components-search-bar.mjs +56 -0
  178. package/fesm2022/tekus-design-system-components-search-bar.mjs.map +1 -0
  179. package/fesm2022/tekus-design-system-components-typography.mjs +36 -0
  180. package/fesm2022/tekus-design-system-components-typography.mjs.map +1 -0
  181. package/fesm2022/tekus-design-system-core-types.mjs +307 -0
  182. package/fesm2022/tekus-design-system-core-types.mjs.map +1 -0
  183. package/fesm2022/tekus-design-system-core.mjs +307 -0
  184. package/fesm2022/tekus-design-system-core.mjs.map +1 -0
  185. package/fesm2022/tekus-design-system-directives-gird-item.mjs +95 -0
  186. package/fesm2022/tekus-design-system-directives-gird-item.mjs.map +1 -0
  187. package/fesm2022/tekus-design-system-services-design-tokens.mjs +47 -0
  188. package/fesm2022/tekus-design-system-services-design-tokens.mjs.map +1 -0
  189. package/fesm2022/tekus-design-system-services-typography.mjs +3 -3
  190. package/fesm2022/tekus-design-system-services-typography.mjs.map +1 -1
  191. package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs +53 -0
  192. package/fesm2022/tekus-design-system-utils-sanitizer-utils.mjs.map +1 -0
  193. package/package.json +65 -39
  194. package/services/design-tokens/index.d.ts +5 -0
  195. package/services/design-tokens/public-api.d.ts +1 -0
  196. package/services/design-tokens/src/design-tokens.service.d.ts +10 -0
  197. package/services/typography/public-api.d.ts +1 -1
  198. package/services/typography/{typography.service.d.ts → src/typography.service.d.ts} +1 -1
  199. package/tokens/blur/_blur.scss +11 -0
  200. package/tokens/colors/_colors.scss +97 -0
  201. package/tokens/index.scss +6 -0
  202. package/tokens/shadow/_shadow.scss +10 -0
  203. package/tokens/shapes/_shapes.scss +9 -0
  204. package/tokens/spacing/_spacing.scss +25 -0
  205. package/tokens/typography/_typography.scss +6 -0
  206. package/tokens/typography/font-size/_font-size.scss +16 -0
  207. package/tokens/typography/font-weight/_font-weight.scss +14 -0
  208. package/tokens/typography/letter-spacing/_letter-spacing.scss +12 -0
  209. package/tokens/typography/line-height/_line-height.scss +16 -0
  210. package/tokens/typography/variants/_variants.scss +211 -0
  211. package/utils/sanitizer-utils/index.d.ts +5 -0
  212. package/utils/sanitizer-utils/public-api.d.ts +1 -0
  213. package/utils/sanitizer-utils/src/sanitizer-utils.d.ts +20 -0
  214. package/components/forms/tk-form-autocomplete-field/index.d.ts +0 -5
  215. package/components/forms/tk-form-autocomplete-field/models/option.model.d.ts +0 -4
  216. package/components/forms/tk-form-autocomplete-field/public-api.d.ts +0 -1
  217. package/components/forms/tk-form-chips-autocomplete-field/index.d.ts +0 -5
  218. package/components/forms/tk-form-chips-autocomplete-field/models/option.model.d.ts +0 -4
  219. package/components/forms/tk-form-chips-autocomplete-field/public-api.d.ts +0 -1
  220. package/components/forms/tk-form-input-field/index.d.ts +0 -5
  221. package/components/forms/tk-form-input-field/public-api.d.ts +0 -1
  222. package/components/tk-dropdown-list/models/dropdown-list-item.model.d.ts +0 -4
  223. package/components/tk-dropdown-list/public-api.d.ts +0 -1
  224. package/components/tk-search-bar/public-api.d.ts +0 -1
  225. package/components/tk-typography/public-api.d.ts +0 -1
  226. package/components/tk-typography/tk-typography.component.d.ts +0 -10
  227. package/esm2022/components/forms/public-api.mjs +0 -4
  228. package/esm2022/components/forms/tekus-design-system-components-forms.mjs +0 -5
  229. package/esm2022/components/forms/tk-form-autocomplete-field/models/option.model.mjs +0 -2
  230. package/esm2022/components/forms/tk-form-autocomplete-field/public-api.mjs +0 -2
  231. package/esm2022/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs +0 -5
  232. package/esm2022/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.mjs +0 -245
  233. package/esm2022/components/forms/tk-form-chips-autocomplete-field/models/option.model.mjs +0 -2
  234. package/esm2022/components/forms/tk-form-chips-autocomplete-field/public-api.mjs +0 -2
  235. package/esm2022/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs +0 -5
  236. package/esm2022/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.mjs +0 -167
  237. package/esm2022/components/forms/tk-form-input-field/models/validator-with-message.model.mjs +0 -2
  238. package/esm2022/components/forms/tk-form-input-field/public-api.mjs +0 -2
  239. package/esm2022/components/forms/tk-form-input-field/tekus-design-system-components-forms-tk-form-input-field.mjs +0 -5
  240. package/esm2022/components/forms/tk-form-input-field/tk-form-input-field.component.mjs +0 -206
  241. package/esm2022/components/tk-dropdown-list/models/dropdown-list-item.model.mjs +0 -2
  242. package/esm2022/components/tk-dropdown-list/public-api.mjs +0 -2
  243. package/esm2022/components/tk-dropdown-list/tekus-design-system-components-tk-dropdown-list.mjs +0 -5
  244. package/esm2022/components/tk-dropdown-list/tk-dropdown-list.component.mjs +0 -137
  245. package/esm2022/components/tk-search-bar/public-api.mjs +0 -2
  246. package/esm2022/components/tk-search-bar/tekus-design-system-components-tk-search-bar.mjs +0 -5
  247. package/esm2022/components/tk-search-bar/tk-search-bar.component.mjs +0 -49
  248. package/esm2022/components/tk-typography/public-api.mjs +0 -2
  249. package/esm2022/components/tk-typography/tekus-design-system-components-tk-typography.mjs +0 -5
  250. package/esm2022/components/tk-typography/tk-typography.component.mjs +0 -29
  251. package/esm2022/index.mjs +0 -2
  252. package/esm2022/services/typography/models/typographyStyles.model.mjs +0 -2
  253. package/esm2022/services/typography/public-api.mjs +0 -2
  254. package/esm2022/services/typography/tekus-design-system-services-typography.mjs +0 -5
  255. package/esm2022/services/typography/typography.service.mjs +0 -84
  256. package/esm2022/tekus-design-system.mjs +0 -5
  257. package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs +0 -252
  258. package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map +0 -1
  259. package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map +0 -1
  260. package/fesm2022/tekus-design-system-components-forms-tk-form-input-field.mjs.map +0 -1
  261. package/fesm2022/tekus-design-system-components-tk-dropdown-list.mjs +0 -144
  262. package/fesm2022/tekus-design-system-components-tk-dropdown-list.mjs.map +0 -1
  263. package/fesm2022/tekus-design-system-components-tk-search-bar.mjs +0 -56
  264. package/fesm2022/tekus-design-system-components-tk-search-bar.mjs.map +0 -1
  265. package/fesm2022/tekus-design-system-components-tk-typography.mjs +0 -36
  266. package/fesm2022/tekus-design-system-components-tk-typography.mjs.map +0 -1
  267. /package/{services/typography/models → core/types/src/typography-styles}/typographyStyles.model.d.ts +0 -0
  268. /package/{components/forms/tk-form-input-field/models → core/types/src/validator-with-message}/validator-with-message.model.d.ts +0 -0
@@ -1,29 +0,0 @@
1
- import { NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, } from '@angular/common';
2
- import { Component, Input } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- export class TkTypographyComponent {
5
- constructor() {
6
- this.size = '';
7
- this.color = '';
8
- this.weight = '';
9
- this.type = 'body1';
10
- this.lineBreak = false;
11
- }
12
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TkTypographyComponent, isStandalone: true, selector: "lib-tk-typography", inputs: { size: "size", color: "color", weight: "weight", type: "type", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".general{font-family:Poppins,sans-serif;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
14
- }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkTypographyComponent, decorators: [{
16
- type: Component,
17
- args: [{ selector: 'lib-tk-typography', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet], template: "<ng-container [ngSwitch]=\"type\">\n <h1\n *ngSwitchCase=\"'h1-heading'\"\n class=\"general h1-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h1>\n <h2\n *ngSwitchCase=\"'h2-heading'\"\n class=\"general h2-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h2>\n <h3\n *ngSwitchCase=\"'h3-heading'\"\n class=\"general h3-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h4\n *ngSwitchCase=\"'h4-heading'\"\n class=\"general h4-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h4>\n <h5\n *ngSwitchCase=\"'h5-heading'\"\n class=\"general h5-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h5>\n <h6\n *ngSwitchCase=\"'h6-heading'\"\n class=\"general h6-heading\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h6>\n <h3\n *ngSwitchCase=\"'subtitle1'\"\n class=\"general subtitle1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <h3\n *ngSwitchCase=\"'subtitle2'\"\n class=\"general subtitle2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </h3>\n <p\n *ngSwitchCase=\"'body1'\"\n class=\"general body1\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'body2'\"\n class=\"general body2\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'p1-paragraph'\"\n class=\"general p1-paragraph\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchCase=\"'underline-text'\"\n class=\"general underline-text\"\n [class]=\"'color-' + color\"\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n <p\n *ngSwitchDefault\n [class.line-break]=\"lineBreak\"\n [style.font-size]=\"size\"\n [style.font-weight]=\"weight\">\n <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n </p>\n</ng-container>\n\n<ng-template #text>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".general{font-family:Poppins,sans-serif;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
18
- }], propDecorators: { size: [{
19
- type: Input
20
- }], color: [{
21
- type: Input
22
- }], weight: [{
23
- type: Input
24
- }], type: [{
25
- type: Input
26
- }], lineBreak: [{
27
- type: Input
28
- }] } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstdHlwb2dyYXBoeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstdHlwb2dyYXBoeS90ay10eXBvZ3JhcGh5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay10eXBvZ3JhcGh5L3RrLXR5cG9ncmFwaHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFFBQVEsRUFDUixZQUFZLEVBQ1osZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNqRCxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsU0FBSSxHQVlVLE9BQU8sQ0FBQztRQUN0QixjQUFTLEdBQVksS0FBSyxDQUFDO0tBQ3JDOytHQWxCWSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwrS0NmbEMsZ3NIQXlIQSwwcVJEOUdZLFFBQVEsNkVBQUUsWUFBWSxxRkFBRSxlQUFlLDhEQUFFLGdCQUFnQjs7NEZBSXhELHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUM7OEJBSzNELElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFhRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmdTd2l0Y2gsXG4gIE5nU3dpdGNoQ2FzZSxcbiAgTmdTd2l0Y2hEZWZhdWx0LFxuICBOZ1RlbXBsYXRlT3V0bGV0LFxufSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstdHlwb2dyYXBoeScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N3aXRjaCwgTmdTd2l0Y2hDYXNlLCBOZ1N3aXRjaERlZmF1bHQsIE5nVGVtcGxhdGVPdXRsZXRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstdHlwb2dyYXBoeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay10eXBvZ3JhcGh5LmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtUeXBvZ3JhcGh5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgd2VpZ2h0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdHlwZTpcbiAgICB8ICdoMS1oZWFkaW5nJ1xuICAgIHwgJ2gyLWhlYWRpbmcnXG4gICAgfCAnaDMtaGVhZGluZydcbiAgICB8ICdoNC1oZWFkaW5nJ1xuICAgIHwgJ2g1LWhlYWRpbmcnXG4gICAgfCAnaDYtaGVhZGluZydcbiAgICB8ICdzdWJ0aXRsZTEnXG4gICAgfCAnc3VidGl0bGUyJ1xuICAgIHwgJ2JvZHkxJ1xuICAgIHwgJ2JvZHkyJ1xuICAgIHwgJ3AxLXBhcmFncmFwaCdcbiAgICB8ICd1bmRlcmxpbmUtdGV4dCcgPSAnYm9keTEnO1xuICBASW5wdXQoKSBsaW5lQnJlYWs6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgPGgxXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoMS1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGgxLWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDE+XG4gIDxoMlxuICAgICpuZ1N3aXRjaENhc2U9XCInaDItaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoMi1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2gyPlxuICA8aDNcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2gzLWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDMtaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMz5cbiAgPGg0XG4gICAgKm5nU3dpdGNoQ2FzZT1cIidoNC1oZWFkaW5nJ1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIGg0LWhlYWRpbmdcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDQ+XG4gIDxoNVxuICAgICpuZ1N3aXRjaENhc2U9XCInaDUtaGVhZGluZydcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBoNS1oZWFkaW5nXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2g1PlxuICA8aDZcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2g2LWhlYWRpbmcnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgaDYtaGVhZGluZ1wiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oNj5cbiAgPGgzXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidzdWJ0aXRsZTEnXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgc3VidGl0bGUxXCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L2gzPlxuICA8aDNcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3N1YnRpdGxlMidcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBzdWJ0aXRsZTJcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDM+XG4gIDxwXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidib2R5MSdcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBib2R5MVwiXG4gICAgW2NsYXNzXT1cIidjb2xvci0nICsgY29sb3JcIlxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuICA8cFxuICAgICpuZ1N3aXRjaENhc2U9XCInYm9keTInXCJcbiAgICBjbGFzcz1cImdlbmVyYWwgYm9keTJcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvcD5cbiAgPHBcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3AxLXBhcmFncmFwaCdcIlxuICAgIGNsYXNzPVwiZ2VuZXJhbCBwMS1wYXJhZ3JhcGhcIlxuICAgIFtjbGFzc109XCInY29sb3ItJyArIGNvbG9yXCJcbiAgICBbY2xhc3MubGluZS1icmVha109XCJsaW5lQnJlYWtcIlxuICAgIFtzdHlsZS5mb250LXNpemVdPVwic2l6ZVwiXG4gICAgW3N0eWxlLmZvbnQtd2VpZ2h0XT1cIndlaWdodFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gIDwvcD5cbiAgPHBcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ3VuZGVybGluZS10ZXh0J1wiXG4gICAgY2xhc3M9XCJnZW5lcmFsIHVuZGVybGluZS10ZXh0XCJcbiAgICBbY2xhc3NdPVwiJ2NvbG9yLScgKyBjb2xvclwiXG4gICAgW2NsYXNzLmxpbmUtYnJlYWtdPVwibGluZUJyZWFrXCJcbiAgICBbc3R5bGUuZm9udC1zaXplXT1cInNpemVcIlxuICAgIFtzdHlsZS5mb250LXdlaWdodF09XCJ3ZWlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dFwiPjwvbmctY29udGFpbmVyPlxuICA8L3A+XG4gIDxwXG4gICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgIFtjbGFzcy5saW5lLWJyZWFrXT1cImxpbmVCcmVha1wiXG4gICAgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCJcbiAgICBbc3R5bGUuZm9udC13ZWlnaHRdPVwid2VpZ2h0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjdGV4dD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
package/esm2022/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il19
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeVN0eWxlcy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9tb2RlbHMvdHlwb2dyYXBoeVN0eWxlcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5U3R5bGVzIHtcbiAgZ2VuZXJhbDogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoMy1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNC1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNS1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICdoNi1oZWFkaW5nJzogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMTogRm9udENTU1Byb3BlcnRpZXM7XG4gIHN1YnRpdGxlMjogRm9udENTU1Byb3BlcnRpZXM7XG4gIGJvZHkxOiBGb250Q1NTUHJvcGVydGllcztcbiAgYm9keTI6IEZvbnRDU1NQcm9wZXJ0aWVzO1xuICAncDEtcGFyYWdyYXBoJzogRm9udENTU1Byb3BlcnRpZXM7XG4gICd1bmRlcmxpbmUtdGV4dCc6IEZvbnRDU1NQcm9wZXJ0aWVzO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvbnRDU1NQcm9wZXJ0aWVzIHtcbiAgZm9udEZhbWlseT86IHN0cmluZztcbiAgZm9udFNpemU/OiBzdHJpbmcgfCBudW1iZXI7XG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIGZvbnRXZWlnaHQ/OlxuICAgIHwgbnVtYmVyXG4gICAgfCAnbm9ybWFsJ1xuICAgIHwgJ2JvbGQnXG4gICAgfCAnYm9sZGVyJ1xuICAgIHwgJ2xpZ2h0ZXInXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgZm9udFZhcmlhbnQ/OiAnbm9ybWFsJyB8ICdzbWFsbC1jYXBzJyB8ICdpbml0aWFsJyB8ICdpbmhlcml0JztcbiAgbGluZUhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgbGV0dGVyU3BhY2luZz86IHN0cmluZztcbiAgdGV4dFRyYW5zZm9ybT86XG4gICAgfCAnbm9uZSdcbiAgICB8ICdjYXBpdGFsaXplJ1xuICAgIHwgJ3VwcGVyY2FzZSdcbiAgICB8ICdsb3dlcmNhc2UnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgdGV4dERlY29yYXRpb24/OlxuICAgIHwgJ25vbmUnXG4gICAgfCAndW5kZXJsaW5lJ1xuICAgIHwgJ292ZXJsaW5lJ1xuICAgIHwgJ2xpbmUtdGhyb3VnaCdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB0ZXh0QWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnIHwgJ2NlbnRlcicgfCAnanVzdGlmeScgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG4gIHRleHRTaGFkb3c/OiBzdHJpbmc7XG4gIGNvbG9yPzogc3RyaW5nO1xuICBkaXJlY3Rpb24/OiAnbHRyJyB8ICdydGwnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICB3aGl0ZVNwYWNlPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnbm93cmFwJ1xuICAgIHwgJ3ByZSdcbiAgICB8ICdwcmUtd3JhcCdcbiAgICB8ICdwcmUtbGluZSdcbiAgICB8ICdpbml0aWFsJ1xuICAgIHwgJ2luaGVyaXQnO1xuICB3b3JkU3BhY2luZz86IHN0cmluZztcbiAgd29yZEJyZWFrPzpcbiAgICB8ICdub3JtYWwnXG4gICAgfCAnYnJlYWstYWxsJ1xuICAgIHwgJ2tlZXAtYWxsJ1xuICAgIHwgJ2JyZWFrLXdvcmQnXG4gICAgfCAnaW5pdGlhbCdcbiAgICB8ICdpbmhlcml0JztcbiAgb3ZlcmZsb3dXcmFwPzogJ25vcm1hbCcgfCAnYnJlYWstd29yZCcgfCAnYW55d2hlcmUnIHwgJ2luaXRpYWwnIHwgJ2luaGVyaXQnO1xuICBoeXBoZW5zPzogJ25vbmUnIHwgJ21hbnVhbCcgfCAnYXV0bycgfCAnaW5pdGlhbCcgfCAnaW5oZXJpdCc7XG5cbiAgW2tleTogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIHwgdW5kZWZpbmVkO1xufVxuIl19
@@ -1,2 +0,0 @@
1
- export * from './typography.service';
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc2VydmljZXMvdHlwb2dyYXBoeS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3R5cG9ncmFwaHkuc2VydmljZSc7XG4iXX0=
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1zZXJ2aWNlcy10eXBvZ3JhcGh5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3Rla3VzLWRlc2lnbi1zeXN0ZW0tc2VydmljZXMtdHlwb2dyYXBoeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -1,84 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class TypographyService {
4
- initTheme(customTypography = null) {
5
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
6
- const root = document.querySelector(':root');
7
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
8
- const classList = customTypography ?? this.getDefaultTypographyStyles();
9
- for (const key in classList) {
10
- const element = classList[key];
11
- for (const key2 in element) {
12
- const element2 = element[key2];
13
- root.style.setProperty(`--tk-typography-${key}-${key2}`, element2);
14
- }
15
- }
16
- }
17
- getDefaultTypographyStyles() {
18
- return {
19
- general: {
20
- fontFamily: '"Poppins", sans-serif',
21
- padding: 0,
22
- margin: 0,
23
- },
24
- 'h1-heading': {
25
- fontSize: '4.5rem',
26
- fontWeight: 700,
27
- },
28
- 'h2-heading': {
29
- fontSize: '3.875rem',
30
- fontWeight: 700,
31
- },
32
- 'h3-heading': {
33
- fontSize: '3.125rem',
34
- fontWeight: 700,
35
- },
36
- 'h4-heading': {
37
- fontSize: '2.5rem',
38
- fontWeight: 700,
39
- },
40
- 'h5-heading': {
41
- fontSize: '2rem',
42
- fontWeight: 700,
43
- },
44
- 'h6-heading': {
45
- fontSize: '1.5rem',
46
- fontWeight: 700,
47
- },
48
- subtitle1: {
49
- fontSize: '2.5rem',
50
- fontWeight: 400,
51
- },
52
- subtitle2: {
53
- fontSize: '2rem',
54
- fontWeight: 400,
55
- },
56
- body1: {
57
- fontSize: '1.5rem',
58
- fontWeight: 400,
59
- },
60
- body2: {
61
- fontSize: '1.25rem',
62
- fontWeight: 400,
63
- },
64
- 'p1-paragraph': {
65
- fontSize: '2.5rem',
66
- fontWeight: 400,
67
- },
68
- 'underline-text': {
69
- fontSize: '2rem',
70
- fontWeight: 400,
71
- textDecoration: 'underline',
72
- },
73
- };
74
- }
75
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
76
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, providedIn: 'root' }); }
77
- }
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TypographyService, decorators: [{
79
- type: Injectable,
80
- args: [{
81
- providedIn: 'root',
82
- }]
83
- }] });
84
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zZXJ2aWNlcy90eXBvZ3JhcGh5L3R5cG9ncmFwaHkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8saUJBQWlCO0lBQ3JCLFNBQVMsQ0FBQyxtQkFBNEMsSUFBSTtRQUMvRCw4REFBOEQ7UUFDOUQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBTSxPQUFPLENBQUMsQ0FBQztRQUVsRCw4REFBOEQ7UUFDOUQsTUFBTSxTQUFTLEdBQ2IsZ0JBQWdCLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7UUFDeEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUM1QixNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDL0IsS0FBSyxNQUFNLElBQUksSUFBSSxPQUFPLEVBQUUsQ0FBQztnQkFDM0IsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLElBQUksRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ3JFLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVNLDBCQUEwQjtRQUMvQixPQUFPO1lBQ0wsT0FBTyxFQUFFO2dCQUNQLFVBQVUsRUFBRSx1QkFBdUI7Z0JBQ25DLE9BQU8sRUFBRSxDQUFDO2dCQUNWLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxVQUFVO2dCQUNwQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxZQUFZLEVBQUU7Z0JBQ1osUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsWUFBWSxFQUFFO2dCQUNaLFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELFlBQVksRUFBRTtnQkFDWixRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxTQUFTLEVBQUU7Z0JBQ1QsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsU0FBUyxFQUFFO2dCQUNULFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELEtBQUssRUFBRTtnQkFDTCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsVUFBVSxFQUFFLEdBQUc7YUFDaEI7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsUUFBUSxFQUFFLFNBQVM7Z0JBQ25CLFVBQVUsRUFBRSxHQUFHO2FBQ2hCO1lBQ0QsY0FBYyxFQUFFO2dCQUNkLFFBQVEsRUFBRSxRQUFRO2dCQUNsQixVQUFVLEVBQUUsR0FBRzthQUNoQjtZQUNELGdCQUFnQixFQUFFO2dCQUNoQixRQUFRLEVBQUUsTUFBTTtnQkFDaEIsVUFBVSxFQUFFLEdBQUc7Z0JBQ2YsY0FBYyxFQUFFLFdBQVc7YUFDNUI7U0FDRixDQUFDO0lBQ0osQ0FBQzsrR0ExRVUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFR5cG9ncmFwaHlTdHlsZXMgfSBmcm9tICcuL21vZGVscy90eXBvZ3JhcGh5U3R5bGVzLm1vZGVsJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFR5cG9ncmFwaHlTZXJ2aWNlIHtcbiAgcHVibGljIGluaXRUaGVtZShjdXN0b21UeXBvZ3JhcGh5OiBUeXBvZ3JhcGh5U3R5bGVzIHwgbnVsbCA9IG51bGwpIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IHJvb3QgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPGFueT4oJzpyb290Jyk7XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IGNsYXNzTGlzdDogYW55ID1cbiAgICAgIGN1c3RvbVR5cG9ncmFwaHkgPz8gdGhpcy5nZXREZWZhdWx0VHlwb2dyYXBoeVN0eWxlcygpO1xuICAgIGZvciAoY29uc3Qga2V5IGluIGNsYXNzTGlzdCkge1xuICAgICAgY29uc3QgZWxlbWVudCA9IGNsYXNzTGlzdFtrZXldO1xuICAgICAgZm9yIChjb25zdCBrZXkyIGluIGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudDIgPSBlbGVtZW50W2tleTJdO1xuICAgICAgICByb290LnN0eWxlLnNldFByb3BlcnR5KGAtLXRrLXR5cG9ncmFwaHktJHtrZXl9LSR7a2V5Mn1gLCBlbGVtZW50Mik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldERlZmF1bHRUeXBvZ3JhcGh5U3R5bGVzKCk6IFR5cG9ncmFwaHlTdHlsZXMge1xuICAgIHJldHVybiB7XG4gICAgICBnZW5lcmFsOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6ICdcIlBvcHBpbnNcIiwgc2Fucy1zZXJpZicsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIG1hcmdpbjogMCxcbiAgICAgIH0sXG4gICAgICAnaDEtaGVhZGluZyc6IHtcbiAgICAgICAgZm9udFNpemU6ICc0LjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gyLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy44NzVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2gzLWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMy4xMjVyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g0LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMi41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgICdoNS1oZWFkaW5nJzoge1xuICAgICAgICBmb250U2l6ZTogJzJyZW0nLFxuICAgICAgICBmb250V2VpZ2h0OiA3MDAsXG4gICAgICB9LFxuICAgICAgJ2g2LWhlYWRpbmcnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNzAwLFxuICAgICAgfSxcbiAgICAgIHN1YnRpdGxlMToge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICBzdWJ0aXRsZTI6IHtcbiAgICAgICAgZm9udFNpemU6ICcycmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkxOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS41cmVtJyxcbiAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgfSxcbiAgICAgIGJvZHkyOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMS4yNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAncDEtcGFyYWdyYXBoJzoge1xuICAgICAgICBmb250U2l6ZTogJzIuNXJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIH0sXG4gICAgICAndW5kZXJsaW5lLXRleHQnOiB7XG4gICAgICAgIGZvbnRTaXplOiAnMnJlbScsXG4gICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG59XG4iXX0=
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vdGVrdXMtZGVzaWduLXN5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
@@ -1,252 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { EventEmitter, Component, Input, Output, ViewChild } from '@angular/core';
3
- import * as i3 from '@angular/material/form-field';
4
- import { MatFormFieldModule } from '@angular/material/form-field';
5
- import * as i4 from '@angular/material/autocomplete';
6
- import { MatAutocompleteModule } from '@angular/material/autocomplete';
7
- import { NgStyle, AsyncPipe } from '@angular/common';
8
- import * as i2 from '@angular/material/input';
9
- import { MatInputModule } from '@angular/material/input';
10
- import { Subscription, startWith, map } from 'rxjs';
11
- import * as i1 from '@angular/forms';
12
- import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
13
- import * as i5 from '@angular/material/core';
14
-
15
- class TkFormAutocompleteFieldComponent {
16
- constructor() {
17
- /**
18
- * Input field control
19
- * @ignore
20
- */
21
- this.formControl = new FormControl('');
22
- /**
23
- * What color palette to use
24
- * @default 'accent'
25
- */
26
- this.theme = 'accent';
27
- /**
28
- * Form field appearance
29
- * @default 'fill'
30
- */
31
- this.appearance = 'fill';
32
- /**
33
- * Form field reserved space for one line by default.
34
- * @default 'dynamic'
35
- */
36
- this.subscriptSizing = 'dynamic';
37
- /**
38
- * Whether the first option should be highlighted when the autocomplete panel is opened
39
- * @default true
40
- */
41
- this.autoActiveFirstOption = true;
42
- /**
43
- * Whether the active option should be selected as the user is navigating.
44
- * @default true
45
- */
46
- this.autoSelectActiveOption = true;
47
- /**
48
- * Optional field input type
49
- * @default 'text'
50
- */
51
- this.type = 'text';
52
- /**
53
- * Whether the field is required
54
- * @default true
55
- */
56
- this.required = true;
57
- /**
58
- * Input field label
59
- */
60
- this.fieldLabel = '';
61
- /**
62
- * Input field placeholder
63
- * @default ''
64
- */
65
- this.placeHolder = '';
66
- /**
67
- * Options to be displayed
68
- * @ignore
69
- */
70
- this.options = [];
71
- /**
72
- * Option changes handler
73
- */
74
- this.optionSelected = new EventEmitter();
75
- /**
76
- * Input field changes handler
77
- */
78
- this.inputStatus = new EventEmitter();
79
- /**
80
- * Autocomplete bottom reached handler
81
- */
82
- this.bottomReached = new EventEmitter();
83
- /**
84
- * Subscriptions property to handle all subscriptions
85
- * @ignore
86
- */
87
- this.subscriptions = new Subscription();
88
- }
89
- /**
90
- * Component lifecycle method
91
- * @ignore
92
- */
93
- ngOnInit() {
94
- this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
95
- const option = typeof value === 'string' ? value : value?.ViewValue;
96
- return option ? this._filterOptions(option) : this.options.slice();
97
- }));
98
- }
99
- /**
100
- * Component lifecycle method
101
- * @ignore
102
- */
103
- ngAfterViewInit() {
104
- this.initAutocompleteListener();
105
- }
106
- /**
107
- * Starts the autocomplete subscriptions
108
- * @ignore
109
- */
110
- initAutocompleteListener() {
111
- const openedSubscription = this.onAutocompleteOpened();
112
- const closedSubscription = this.onAutocompleteClosed();
113
- this.subscriptions.add(openedSubscription);
114
- this.subscriptions.add(closedSubscription);
115
- }
116
- /**
117
- * Handles the autocomplete opened event
118
- * @ignore
119
- */
120
- onAutocompleteOpened() {
121
- return this.matAutocomplete.opened.subscribe(() => {
122
- setTimeout(() => {
123
- const panel = this.matAutocomplete.panel?.nativeElement;
124
- if (panel) {
125
- panel.addEventListener('scroll', this.onScroll.bind(this));
126
- }
127
- });
128
- });
129
- }
130
- /**
131
- * Handles the autocomplete closed event
132
- * @ignore
133
- */
134
- onAutocompleteClosed() {
135
- return this.matAutocomplete.closed.subscribe(() => {
136
- const panel = this.matAutocomplete.panel?.nativeElement;
137
- if (panel) {
138
- panel.removeEventListener('scroll', this.onScroll.bind(this));
139
- }
140
- });
141
- }
142
- /**
143
- * Handles the scrolling event
144
- * @ignore
145
- */
146
- onScroll(event) {
147
- const panel = event.target;
148
- const scrollTop = panel.scrollTop;
149
- const scrollHeight = panel.scrollHeight;
150
- const offsetHeight = panel.offsetHeight;
151
- if (scrollTop + offsetHeight >= scrollHeight) {
152
- this.onScrolledToEnd();
153
- }
154
- }
155
- /**
156
- * Emits the bottomReached when the user reaches the end of the autocomplete panel
157
- * @ignore
158
- */
159
- onScrolledToEnd() {
160
- this.bottomReached.emit();
161
- }
162
- /**
163
- * Conditions the options' view to display the view value
164
- * @ignore
165
- */
166
- displayFn(option) {
167
- return option?.ViewValue ? option.ViewValue : '';
168
- }
169
- /**
170
- * Filters the options according to the input value
171
- * @ignore
172
- */
173
- _filterOptions(value) {
174
- const filterValue = value.toLowerCase();
175
- return this.options.filter(option => option.ViewValue.toLowerCase().includes(filterValue));
176
- }
177
- /**
178
- * Emits the selected option every time it changes
179
- * @ignore
180
- */
181
- onSelectionChanged(option) {
182
- this.optionSelected.emit(option.Value);
183
- }
184
- /**
185
- * Emits the formControl variable every time the input value changes
186
- * @ignore
187
- */
188
- onInputChanged() {
189
- this.inputStatus.emit(this.formControl);
190
- }
191
- /**
192
- * Unsubscribe from all subscriptions when the component is destroyed
193
- * @ignore
194
- */
195
- ngOnDestroy() {
196
- this.subscriptions?.unsubscribe();
197
- }
198
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
199
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
200
- }
201
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, decorators: [{
202
- type: Component,
203
- args: [{ selector: 'lib-tk-form-autocomplete-field', standalone: true, imports: [
204
- NgStyle,
205
- AsyncPipe,
206
- FormsModule,
207
- MatInputModule,
208
- MatFormFieldModule,
209
- ReactiveFormsModule,
210
- MatAutocompleteModule,
211
- ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
212
- }], propDecorators: { fieldWidth: [{
213
- type: Input
214
- }], theme: [{
215
- type: Input
216
- }], appearance: [{
217
- type: Input
218
- }], subscriptSizing: [{
219
- type: Input
220
- }], autoActiveFirstOption: [{
221
- type: Input
222
- }], autoSelectActiveOption: [{
223
- type: Input
224
- }], type: [{
225
- type: Input
226
- }], required: [{
227
- type: Input
228
- }], fieldTitle: [{
229
- type: Input
230
- }], fieldLabel: [{
231
- type: Input
232
- }], placeHolder: [{
233
- type: Input
234
- }], options: [{
235
- type: Input
236
- }], optionSelected: [{
237
- type: Output
238
- }], inputStatus: [{
239
- type: Output
240
- }], bottomReached: [{
241
- type: Output
242
- }], matAutocomplete: [{
243
- type: ViewChild,
244
- args: ['auto']
245
- }] } });
246
-
247
- /**
248
- * Generated bundle index. Do not edit.
249
- */
250
-
251
- export { TkFormAutocompleteFieldComponent };
252
- //# sourceMappingURL=tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tekus-design-system-components-forms-tk-form-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.ts"],"sourcesContent":["import {\n Input,\n Output,\n OnInit,\n Component,\n ViewChild,\n OnDestroy,\n EventEmitter,\n AfterViewInit,\n} from '@angular/core';\nimport {\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n MatAutocomplete,\n MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n selector: 'lib-tk-form-autocomplete-field',\n standalone: true,\n imports: [\n NgStyle,\n AsyncPipe,\n FormsModule,\n MatInputModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n ],\n templateUrl: './tk-form-autocomplete-field.component.html',\n styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n implements OnInit, OnDestroy, AfterViewInit\n{\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl<string | Option>('');\n\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Whether the first option should be highlighted when the autocomplete panel is opened\n * @default true\n */\n @Input()\n public autoActiveFirstOption?: boolean = true;\n\n /**\n * Whether the active option should be selected as the user is navigating.\n * @default true\n */\n @Input()\n public autoSelectActiveOption?: boolean = true;\n\n /**\n * Optional field input type\n * @default 'text'\n */\n @Input()\n public type = 'text';\n\n /**\n * Whether the field is required\n * @default true\n */\n @Input()\n public required = true;\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Filtered options\n * @ignore\n */\n public filteredOptions!: Observable<Option[]>;\n\n /**\n * Options to be displayed\n * @ignore\n */\n @Input()\n public options: Option[] = [];\n\n /**\n * Option changes handler\n */\n @Output()\n public optionSelected = new EventEmitter<string | number>();\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * Autocomplete bottom reached handler\n */\n @Output()\n public bottomReached = new EventEmitter<void>();\n\n /**\n * Subscriptions property to handle all subscriptions\n * @ignore\n */\n private subscriptions: Subscription = new Subscription();\n\n /**\n * Mat-autocomplete reference\n * @ignore\n */\n @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnInit(): void {\n this.filteredOptions = this.formControl.valueChanges.pipe(\n startWith(''),\n map(value => {\n const option = typeof value === 'string' ? value : value?.ViewValue;\n return option ? this._filterOptions(option) : this.options.slice();\n })\n );\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngAfterViewInit(): void {\n this.initAutocompleteListener();\n }\n\n /**\n * Starts the autocomplete subscriptions\n * @ignore\n */\n public initAutocompleteListener(): void {\n const openedSubscription = this.onAutocompleteOpened();\n const closedSubscription = this.onAutocompleteClosed();\n\n this.subscriptions.add(openedSubscription);\n this.subscriptions.add(closedSubscription);\n }\n\n /**\n * Handles the autocomplete opened event\n * @ignore\n */\n private onAutocompleteOpened(): Subscription {\n return this.matAutocomplete.opened.subscribe(() => {\n setTimeout(() => {\n const panel = this.matAutocomplete.panel?.nativeElement;\n if (panel) {\n panel.addEventListener('scroll', this.onScroll.bind(this));\n }\n });\n });\n }\n\n /**\n * Handles the autocomplete closed event\n * @ignore\n */\n private onAutocompleteClosed(): Subscription {\n return this.matAutocomplete.closed.subscribe(() => {\n const panel = this.matAutocomplete.panel?.nativeElement;\n if (panel) {\n panel.removeEventListener('scroll', this.onScroll.bind(this));\n }\n });\n }\n\n /**\n * Handles the scrolling event\n * @ignore\n */\n private onScroll(event: Event) {\n const panel = event.target as HTMLElement;\n const scrollTop = panel.scrollTop;\n const scrollHeight = panel.scrollHeight;\n const offsetHeight = panel.offsetHeight;\n\n if (scrollTop + offsetHeight >= scrollHeight) {\n this.onScrolledToEnd();\n }\n }\n\n /**\n * Emits the bottomReached when the user reaches the end of the autocomplete panel\n * @ignore\n */\n private onScrolledToEnd(): void {\n this.bottomReached.emit();\n }\n\n /**\n * Conditions the options' view to display the view value\n * @ignore\n */\n public displayFn(option: Option | null): string {\n return option?.ViewValue ? option.ViewValue : '';\n }\n\n /**\n * Filters the options according to the input value\n * @ignore\n */\n private _filterOptions(value: string): Option[] {\n const filterValue = value.toLowerCase();\n\n return this.options.filter(option =>\n option.ViewValue.toLowerCase().includes(filterValue)\n );\n }\n\n /**\n * Emits the selected option every time it changes\n * @ignore\n */\n public onSelectionChanged(option: Option): void {\n this.optionSelected.emit(option.Value);\n }\n\n /**\n * Emits the formControl variable every time the input value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Unsubscribe from all subscriptions when the component is destroyed\n * @ignore\n */\n ngOnDestroy() {\n this.subscriptions?.unsubscribe();\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n aria-label=\"Option\"\n [required]=\"required\"\n [matAutocomplete]=\"auto\"\n (input)=\"onInputChanged()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [autoActiveFirstOption]=\"autoActiveFirstOption\"\n [autoSelectActiveOption]=\"autoSelectActiveOption\"\n (optionSelected)=\"onSelectionChanged($event.option.value)\">\n @for (option of filteredOptions | async; track option.Value) {\n <mat-option [value]=\"option\">\n <span>{{ option.ViewValue }}</span>\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.ts"],"sourcesContent":["import {\n Input,\n Output,\n Component,\n ViewChild,\n ElementRef,\n EventEmitter,\n ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n MatAutocompleteModule,\n MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n selector: 'lib-tk-form-chips-autocomplete-field',\n standalone: true,\n imports: [\n NgStyle,\n AsyncPipe,\n FormsModule,\n MatIconModule,\n MatChipsModule,\n MatButtonModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './tk-form-chips-autocomplete-field.component.html',\n styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent {\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl('');\n /**\n * Selected keywords\n * @ignore\n */\n public keywords: Option[] = [];\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * Keywords changes handler\n */\n @Output()\n public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n /**\n * Separator constants\n * @ignore\n */\n public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n /**\n * Options to be displayed\n * @ignore\n */\n @Input()\n public allKeywords: Option[] = [];\n\n /**\n * Filtered keywords after the input field changes\n * @ignore\n */\n public readonly filteredKeywords: Observable<Option[]>;\n\n /**\n * Keyword Input element reference\n * @ignore\n */\n @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n /**\n * @ignore\n * Class constructor\n */\n constructor() {\n this.filteredKeywords = this.formControl.valueChanges.pipe(\n startWith(null),\n map((keyword: string | null) =>\n keyword ? this._filter(String(keyword)) : this.allKeywords.slice()\n )\n );\n }\n\n /**\n * Handles every keyword deletion\n * @ignore\n */\n public remove(keyword: Option): void {\n const index = this.keywords.indexOf(keyword);\n\n if (index >= 0) {\n this.keywords.splice(index, 1);\n this.onKeywordsChanged();\n }\n }\n\n /**\n * Emits the formControl variable every time the field value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Emits the selected keywords every time they changed\n * @ignore\n */\n public onKeywordsChanged(): void {\n this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n }\n\n /**\n * Handles the autocomplete selection\n * @ignore\n */\n public selected(event: MatAutocompleteSelectedEvent): void {\n const value = event.option.value;\n const selectedKeyword = this.allKeywords.find(\n option => option.Value === value\n );\n\n if (\n selectedKeyword &&\n !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n ) {\n this.keywords.push(selectedKeyword);\n this.onKeywordsChanged();\n }\n\n this.keywordInput.nativeElement.value = '';\n this.formControl.setValue(null);\n }\n\n /**\n * Filters the keywords based on the input\n * @ignore\n */\n private _filter(value: string): Option[] {\n this.onInputChanged();\n const filterValue = value.toLowerCase();\n\n return this.allKeywords.filter(keyword =>\n keyword.ViewValue.toLowerCase().includes(filterValue)\n );\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n @for (keyword of keywords; track keyword.Value) {\n <mat-chip-row (removed)=\"remove(keyword)\">\n {{ keyword.ViewValue }}\n <button\n matChipRemove\n [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip-row>\n }\n </mat-chip-grid>\n <input\n #keywordInput\n [matAutocomplete]=\"auto\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeHolder\"\n [matChipInputFor]=\"chipGrid\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selected($event)\">\n @for (keyword of filteredKeywords | async; track keyword.Value) {\n <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;MA8Ca,qCAAqC,CAAA;AAiGhD;;;AAGG;AACH,IAAA,WAAA,GAAA;AApGA;;AAEG;QAEI,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAEvB;;;AAGG;QAEI,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AASxB;;;AAGG;QAEI,IAAK,CAAA,KAAA,GAAkB,QAAQ,CAAC;AAEvC;;;AAGG;QAEI,IAAe,CAAA,eAAA,GAAoB,SAAS,CAAC;AASpD;;;AAGG;QAEI,IAAU,CAAA,UAAA,GAA2B,MAAM,CAAC;AAEnD;;;AAGG;AACI,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AACzC;;;AAGG;QACI,IAAQ,CAAA,QAAA,GAAa,EAAE,CAAC;AAE/B;;AAEG;AAEI,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAe,CAAC;AAErD;;AAEG;AAEI,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAuB,CAAC;AAElE;;;AAGG;AACa,QAAA,IAAA,CAAA,kBAAkB,GAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9D;;;AAGG;QAEI,IAAW,CAAA,WAAA,GAAa,EAAE,CAAC;QAmBhC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CACxD,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,CAAC,OAAsB,KACzB,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CACnE,CACF,CAAC;KACH;AAED;;;AAGG;AACI,IAAA,MAAM,CAAC,OAAe,EAAA;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAE7C,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;KACF;AAED;;;AAGG;IACI,cAAc,GAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACzC;AAED;;;AAGG;IACI,iBAAiB,GAAA;QACtB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;KACzE;AAED;;;AAGG;AACI,IAAA,QAAQ,CAAC,KAAmC,EAAA;AACjD,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACjC,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAC3C,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CACjC,CAAC;AAEF,QAAA,IACE,eAAe;AACf,YAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,CAAC,EACvE;AACA,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;QAED,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;AAC3C,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACjC;AAED;;;AAGG;AACK,IAAA,OAAO,CAAC,KAAa,EAAA;QAC3B,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAExC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,IACpC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CACtD,CAAC;KACH;+GA5KU,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qCAAqC,6fC9ClD,k7CAuCA,EAAA,MAAA,EAAA,CAAA,+jBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPI,OAAO,EACP,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,6CACT,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,4uBACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,kBAAkB,EAClB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,iNACnB,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,8BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,yBAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMZ,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAlBjD,SAAS;+BACE,sCAAsC,EAAA,UAAA,EACpC,IAAI,EACP,OAAA,EAAA;wBACP,OAAO;wBACP,SAAS;wBACT,WAAW;wBACX,aAAa;wBACb,cAAc;wBACd,eAAe;wBACf,kBAAkB;wBAClB,mBAAmB;wBACnB,qBAAqB;qBACtB,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,k7CAAA,EAAA,MAAA,EAAA,CAAA,+jBAAA,CAAA,EAAA,CAAA;wDASxC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAQC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAQC,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAQC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAkBC,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAOA,gBAAgB,EAAA,CAAA;sBADtB,MAAM;gBAcA,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAaqB,YAAY,EAAA,CAAA;sBAAtC,SAAS;uBAAC,cAAc,CAAA;;;AE7I3B;;AAEG;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tekus-design-system-components-forms-tk-form-input-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.ts","../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.html","../../../projects/design-system/components/forms/tk-form-input-field/tekus-design-system-components-forms-tk-form-input-field.ts"],"sourcesContent":["import {\n Input,\n OnInit,\n Output,\n Component,\n OnChanges,\n EventEmitter,\n SimpleChanges,\n} from '@angular/core';\nimport {\n FormControl,\n FormsModule,\n ValidatorFn,\n AsyncValidatorFn,\n ValidationErrors,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { merge } from 'rxjs';\nimport {\n FloatLabelType,\n SubscriptSizing,\n MatFormFieldModule,\n MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport { NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ValidatorWithMessage } from './models/validator-with-message.model';\n\n@Component({\n selector: 'lib-tk-form-input-field',\n standalone: true,\n imports: [\n NgStyle,\n FormsModule,\n MatInputModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n ],\n templateUrl: './tk-form-input-field.component.html',\n styleUrl: './tk-form-input-field.component.scss',\n})\nexport class TkFormInputFieldComponent implements OnInit, OnChanges {\n /**\n * Optional input field width\n * @default 100%\n */\n @Input()\n public fieldWidth?: string;\n\n /**\n * Optional input field title\n * @default null\n */\n @Input()\n public fieldTitle?: string;\n\n /**\n * What color palette to use\n * @default 'accent'\n */\n @Input()\n public theme?: ThemePalette = 'accent';\n\n /**\n * Optional field input type\n * @default 'text'\n */\n @Input()\n public type = 'text';\n\n /**\n * Whether the field is required\n * @default true\n */\n @Input()\n public required = true;\n\n /**\n * Form field label behavior\n * @default 'auto'\n */\n @Input()\n public floatLabel: FloatLabelType = 'auto';\n\n /**\n * Form field appearance\n * @default 'fill'\n */\n @Input()\n public appearance: MatFormFieldAppearance = 'fill';\n\n /**\n * Form field reserved space for one line by default.\n * @default 'dynamic'\n */\n @Input()\n public subscriptSizing: SubscriptSizing = 'dynamic';\n\n /**\n * Input field label\n */\n @Input()\n public fieldLabel = '';\n\n /**\n * Input field placeholder\n * @default ''\n */\n @Input()\n public placeHolder = '';\n\n /**\n * Optional Input field text prefix\n * @default ''\n */\n @Input()\n public inputPrefix?: string;\n\n /**\n * Optional Input field text suffix\n * @default ''\n */\n @Input()\n public inputSuffix?: string;\n\n /**\n * Input field control\n * @ignore\n */\n public formControl = new FormControl('');\n\n /**\n * Input field error message\n * @ignore\n */\n public errorMessage: string = '';\n\n /**\n * Optional validators for the field\n * @default ''\n */\n @Input()\n public validatorsWithMessages: { [key: string]: ValidatorWithMessage } = {};\n\n /**\n * Optional async validators for the field\n * @default ''\n */\n @Input()\n public asyncValidatorsWithMessages: { [key: string]: ValidatorWithMessage } =\n {};\n\n /**\n * Input field changes handler\n */\n @Output()\n public inputStatus = new EventEmitter<FormControl>();\n\n /**\n * @ignore\n * Class constructor\n */\n constructor() {\n merge(this.formControl.statusChanges, this.formControl.valueChanges)\n .pipe(takeUntilDestroyed())\n .subscribe(() => {\n this.updateErrorMessage();\n });\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnInit(): void {\n this.applyValidators();\n }\n\n /**\n * Component lifecycle method\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (\n changes['validatorsWithMessages'] ||\n changes['asyncValidatorsWithMessages']\n ) {\n this.applyValidators();\n }\n }\n\n /**\n * @ignore\n * Component lifecycle method\n */\n private isThereAnyValidator(validatorsWithMessages: {\n [key: string]: ValidatorWithMessage;\n }): boolean {\n return Object.keys(validatorsWithMessages).length > 0;\n }\n\n /**\n * Applies all the passed validators\n * @ignore\n */\n private applyValidators(): void {\n const hasSyncValidators = this.isThereAnyValidator(\n this.validatorsWithMessages\n );\n\n const hasAsyncValidators = this.isThereAnyValidator(\n this.asyncValidatorsWithMessages\n );\n\n const activeValidators: ValidatorFn[] = hasSyncValidators\n ? Object.values(this.validatorsWithMessages).map(\n validatorWithMessage => validatorWithMessage.validator\n )\n : [];\n\n const activeAsyncValidators: AsyncValidatorFn[] = hasAsyncValidators\n ? Object.values(this.asyncValidatorsWithMessages).map(\n validatorWithMessage =>\n validatorWithMessage.validator as AsyncValidatorFn\n )\n : [];\n\n if (hasSyncValidators || hasAsyncValidators) {\n this.formControl.setValidators(activeValidators);\n this.formControl.setAsyncValidators(activeAsyncValidators);\n this.formControl.updateValueAndValidity();\n }\n }\n\n /**\n * Checks if there is any validation error\n * @ignore\n */\n private checkValidationErrors(\n errors: ValidationErrors | null,\n validatorsWithMessages: {\n [key: string]: ValidatorWithMessage;\n }\n ): void {\n for (const errorKey in errors) {\n if (validatorsWithMessages[errorKey]) {\n this.errorMessage = validatorsWithMessages[errorKey].message;\n }\n }\n }\n\n /**\n * Emits the formControl variable every time the field value changes\n * @ignore\n */\n public onInputChanged(): void {\n this.inputStatus.emit(this.formControl);\n }\n\n /**\n * Updates the error message every time the input value changes\n * @ignore\n */\n public updateErrorMessage(): void {\n this.errorMessage = '';\n const errors = this.formControl.errors;\n\n if (!errors) {\n this.errorMessage = '';\n return;\n }\n\n this.checkValidationErrors(errors, this.validatorsWithMessages);\n this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);\n this.onInputChanged();\n }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n @if (fieldTitle) {\n <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n }\n <mat-form-field\n class=\"form__field\"\n [color]=\"theme\"\n [appearance]=\"appearance\"\n [floatLabel]=\"floatLabel\"\n [subscriptSizing]=\"subscriptSizing\"\n [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n <input\n matInput\n [type]=\"type\"\n [required]=\"required\"\n (input)=\"onInputChanged()\"\n [placeholder]=\"placeHolder\"\n [formControl]=\"formControl\"\n (blur)=\"updateErrorMessage()\" />\n @if (inputPrefix) {\n <span class=\"form__field__label\" matTextPrefix\n >{{ inputPrefix }}&nbsp;</span\n >\n }\n @if (inputSuffix) {\n <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n }\n @if (formControl.invalid) {\n <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n }\n </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}