@pepperi-addons/ngx-lib 0.4.2-storybook.1 → 0.5.0-ng15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (520) hide show
  1. package/address/address.component.d.ts +1 -1
  2. package/attachment/attachment.component.d.ts +2 -1
  3. package/bread-crumbs/bread-crumbs.component.d.ts +1 -1
  4. package/bread-crumbs/bread-crumbs.model.d.ts +1 -1
  5. package/button/button.component.d.ts +1 -1
  6. package/carousel/carousel-item.directive.d.ts +1 -1
  7. package/carousel/carousel.component.d.ts +1 -1
  8. package/checkbox/checkbox.component.d.ts +2 -1
  9. package/chips/chips.component.d.ts +4 -5
  10. package/chips/chips.component.theme.scss +15 -5
  11. package/chips/chips.model.d.ts +2 -2
  12. package/chips/chips.service.d.ts +0 -3
  13. package/color/color-picker.component.d.ts +1 -1
  14. package/color/color-picker.component.theme.scss +2 -1
  15. package/color/color.component.d.ts +1 -1
  16. package/color/color.model.d.ts +1 -1
  17. package/core/clipboard/clipboard.directive.d.ts +1 -1
  18. package/core/common/directives/auto-width.directive.d.ts +1 -1
  19. package/core/common/directives/base-destroyer.directive.d.ts +10 -0
  20. package/core/common/directives/button-blur.directive.d.ts +1 -1
  21. package/core/common/directives/button-loader.directive.d.ts +1 -1
  22. package/core/common/directives/data-qa.directive.d.ts +1 -1
  23. package/core/common/directives/div-loader.directive.d.ts +1 -1
  24. package/core/common/directives/menu-blur.directive.d.ts +1 -1
  25. package/core/common/directives/prevent-multi-click.directive.d.ts +1 -1
  26. package/core/common/directives/print.directive.d.ts +1 -1
  27. package/core/common/directives/public-api.d.ts +1 -0
  28. package/core/common/pipes/common-pipes.d.ts +5 -2
  29. package/core/common/services/addon.service.d.ts +6 -4
  30. package/core/common/services/file.service.d.ts +1 -1
  31. package/core/common/services/utilities.service.d.ts +4 -4
  32. package/core/customization/customization.model.d.ts +15 -12
  33. package/core/customization/customization.service.d.ts +4 -0
  34. package/core/layout/layout.service.d.ts +1 -1
  35. package/core/layout/rtl.directive.d.ts +2 -2
  36. package/core/portal/attach.directive.d.ts +1 -1
  37. package/core/portal/target.directive.d.ts +1 -1
  38. package/date/date.component.d.ts +4 -2
  39. package/dialog/default-dialog.component.d.ts +1 -1
  40. package/dialog/dialog.component.d.ts +1 -1
  41. package/dialog/dialog.model.d.ts +2 -2
  42. package/draggable-items/draggable-item/draggable-item.component.d.ts +16 -2
  43. package/draggable-items/draggable-items.component.d.ts +4 -7
  44. package/draggable-items/draggable-items.model.d.ts +2 -2
  45. package/draggable-items/draggable-items.module.d.ts +4 -3
  46. package/esm2020/address/address.component.mjs +16 -16
  47. package/esm2020/address/address.module.mjs +5 -5
  48. package/esm2020/attachment/attachment.component.mjs +58 -49
  49. package/esm2020/attachment/attachment.module.mjs +5 -5
  50. package/esm2020/bread-crumbs/bread-crumbs.component.mjs +15 -15
  51. package/esm2020/bread-crumbs/bread-crumbs.module.mjs +5 -5
  52. package/esm2020/button/button.component.mjs +23 -23
  53. package/esm2020/button/button.module.mjs +5 -5
  54. package/esm2020/carousel/carousel-item.directive.mjs +9 -9
  55. package/esm2020/carousel/carousel.component.mjs +52 -52
  56. package/esm2020/carousel/carousel.module.mjs +5 -5
  57. package/esm2020/checkbox/checkbox.component.mjs +40 -31
  58. package/esm2020/checkbox/checkbox.module.mjs +5 -5
  59. package/esm2020/chips/chips.component.mjs +26 -28
  60. package/esm2020/chips/chips.module.mjs +5 -5
  61. package/esm2020/chips/chips.service.mjs +5 -14
  62. package/esm2020/color/color-picker.component.mjs +5 -5
  63. package/esm2020/color/color.component.mjs +5 -5
  64. package/esm2020/color/color.module.mjs +5 -5
  65. package/esm2020/core/clipboard/clipboard.directive.mjs +4 -4
  66. package/esm2020/core/clipboard/clipboard.service.mjs +4 -4
  67. package/esm2020/core/common/directives/auto-width.directive.mjs +4 -4
  68. package/esm2020/core/common/directives/base-destroyer.directive.mjs +22 -0
  69. package/esm2020/core/common/directives/button-blur.directive.mjs +4 -4
  70. package/esm2020/core/common/directives/button-loader.directive.mjs +10 -10
  71. package/esm2020/core/common/directives/data-qa.directive.mjs +4 -4
  72. package/esm2020/core/common/directives/div-loader.directive.mjs +4 -4
  73. package/esm2020/core/common/directives/menu-blur.directive.mjs +4 -4
  74. package/esm2020/core/common/directives/prevent-multi-click.directive.mjs +4 -4
  75. package/esm2020/core/common/directives/print.directive.mjs +4 -4
  76. package/esm2020/core/common/directives/public-api.mjs +2 -1
  77. package/esm2020/core/common/pipes/common-pipes.mjs +47 -37
  78. package/esm2020/core/common/pipes/date-ago.pipe.mjs +4 -4
  79. package/esm2020/core/common/services/addon.service.mjs +36 -12
  80. package/esm2020/core/common/services/color.service.mjs +4 -4
  81. package/esm2020/core/common/services/cookie.service.mjs +4 -4
  82. package/esm2020/core/common/services/data-convertor.service.mjs +6 -6
  83. package/esm2020/core/common/services/file.service.mjs +4 -4
  84. package/esm2020/core/common/services/jwt-helper.service.mjs +4 -4
  85. package/esm2020/core/common/services/session.service.mjs +4 -4
  86. package/esm2020/core/common/services/translate.service.mjs +4 -4
  87. package/esm2020/core/common/services/utilities.service.mjs +10 -10
  88. package/esm2020/core/common/services/validator.service.mjs +4 -4
  89. package/esm2020/core/common/services/window-scrolling.service.mjs +4 -4
  90. package/esm2020/core/customization/customization.model.mjs +40 -5
  91. package/esm2020/core/customization/customization.service.mjs +23 -4
  92. package/esm2020/core/http/interceptors/error.interceptor.mjs +4 -4
  93. package/esm2020/core/http/interceptors/loader.interceptor.mjs +4 -4
  94. package/esm2020/core/http/interceptors/profiler.interceptor.mjs +4 -4
  95. package/esm2020/core/http/services/http.service.mjs +4 -4
  96. package/esm2020/core/http/services/loader.service.mjs +10 -10
  97. package/esm2020/core/layout/layout.service.mjs +12 -12
  98. package/esm2020/core/layout/rtl.directive.mjs +7 -7
  99. package/esm2020/core/portal/attach.directive.mjs +4 -4
  100. package/esm2020/core/portal/portal.service.mjs +4 -4
  101. package/esm2020/core/portal/target.directive.mjs +4 -4
  102. package/esm2020/core/scroll-to/scroll-to.service.mjs +4 -4
  103. package/esm2020/date/date.component.mjs +81 -59
  104. package/esm2020/date/date.model.mjs +7 -7
  105. package/esm2020/date/date.module.mjs +5 -5
  106. package/esm2020/dialog/default-dialog.component.mjs +4 -4
  107. package/esm2020/dialog/dialog.component.mjs +4 -4
  108. package/esm2020/dialog/dialog.module.mjs +5 -5
  109. package/esm2020/dialog/dialog.service.mjs +4 -4
  110. package/esm2020/draggable-items/draggable-item/draggable-item.component.mjs +46 -6
  111. package/esm2020/draggable-items/draggable-items.component.mjs +21 -29
  112. package/esm2020/draggable-items/draggable-items.module.mjs +9 -5
  113. package/esm2020/field-title/field-title.component.mjs +8 -5
  114. package/esm2020/field-title/field-title.module.mjs +5 -5
  115. package/esm2020/files-uploader/files-uploader.component.mjs +12 -12
  116. package/esm2020/files-uploader/files-uploader.module.mjs +5 -5
  117. package/esm2020/form/field-generator.component.mjs +5 -5
  118. package/esm2020/form/form.component.mjs +30 -28
  119. package/esm2020/form/form.module.mjs +5 -5
  120. package/esm2020/form/indicators.component.mjs +4 -4
  121. package/esm2020/form/internal-button.component.mjs +17 -17
  122. package/esm2020/form/internal-carusel.component.mjs +24 -20
  123. package/esm2020/form/internal-carusel.service.mjs +4 -4
  124. package/esm2020/form/internal-field-generator.component.mjs +5 -5
  125. package/esm2020/form/internal-form.component.mjs +30 -28
  126. package/esm2020/form/internal-list.component.mjs +7 -7
  127. package/esm2020/form/internal-menu.component.mjs +6 -8
  128. package/esm2020/form/internal-page.component.mjs +4 -4
  129. package/esm2020/form/internal-page.service.mjs +4 -4
  130. package/esm2020/group-buttons/group-buttons.component.mjs +5 -5
  131. package/esm2020/group-buttons/group-buttons.module.mjs +5 -5
  132. package/esm2020/icon/icon-registry.service.mjs +4 -4
  133. package/esm2020/icon/icon.component.mjs +11 -11
  134. package/esm2020/icon/icon.module.mjs +5 -5
  135. package/esm2020/icon/icon.service.mjs +4 -4
  136. package/esm2020/image/image.component.mjs +52 -43
  137. package/esm2020/image/image.module.mjs +5 -5
  138. package/esm2020/image/image.service.mjs +4 -4
  139. package/esm2020/images-filmstrip/images-filmstrip.component.mjs +26 -25
  140. package/esm2020/images-filmstrip/images-filmstrip.module.mjs +5 -5
  141. package/esm2020/link/link.component.mjs +65 -50
  142. package/esm2020/link/link.module.mjs +5 -5
  143. package/esm2020/link/link.pipes.mjs +4 -4
  144. package/esm2020/list/list-actions.component.mjs +6 -6
  145. package/esm2020/list/list-carousel.component.mjs +20 -20
  146. package/esm2020/list/list-chooser.component.mjs +6 -6
  147. package/esm2020/list/list-pager.component.mjs +12 -12
  148. package/esm2020/list/list-sorting.component.mjs +6 -6
  149. package/esm2020/list/list-total.component.mjs +9 -6
  150. package/esm2020/list/list-views.component.mjs +6 -6
  151. package/esm2020/list/list.component.mjs +151 -72
  152. package/esm2020/list/list.module.mjs +5 -5
  153. package/esm2020/list/list.pipes.mjs +7 -7
  154. package/esm2020/list/virtual-scroller.mjs +58 -58
  155. package/esm2020/menu/menu-item.component.mjs +5 -5
  156. package/esm2020/menu/menu.component.mjs +15 -12
  157. package/esm2020/menu/menu.model.mjs +2 -1
  158. package/esm2020/menu/menu.module.mjs +5 -5
  159. package/esm2020/ngx-lib.module.mjs +5 -5
  160. package/esm2020/page-layout/page-layout.component.mjs +4 -4
  161. package/esm2020/page-layout/page-layout.module.mjs +5 -5
  162. package/esm2020/profile-data-views-list/profile-data-view/profile-data-view.component.mjs +4 -4
  163. package/esm2020/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.mjs +27 -11
  164. package/esm2020/profile-data-views-list/profile-data-views-list.component.mjs +70 -38
  165. package/esm2020/profile-data-views-list/profile-data-views-list.model.mjs +1 -1
  166. package/esm2020/profile-data-views-list/profile-data-views-list.module.mjs +5 -5
  167. package/esm2020/quantity-selector/quantity-selector-validation.directive.mjs +4 -4
  168. package/esm2020/quantity-selector/quantity-selector.component.mjs +102 -89
  169. package/esm2020/quantity-selector/quantity-selector.module.mjs +5 -5
  170. package/esm2020/quantity-selector/quantity-selector.pipes.mjs +4 -4
  171. package/esm2020/query-builder/common/model/legacy.mjs +1 -1
  172. package/esm2020/query-builder/common/model/operator.mjs +72 -62
  173. package/esm2020/query-builder/common/services/output-query.service.mjs +8 -6
  174. package/esm2020/query-builder/common/services/query-structure.service.mjs +37 -5
  175. package/esm2020/query-builder/common/services/type-convertor.service.mjs +10 -10
  176. package/esm2020/query-builder/query-builder-item/query-builder-item.component.mjs +25 -23
  177. package/esm2020/query-builder/query-builder-section/query-builder-section.component.mjs +5 -5
  178. package/esm2020/query-builder/query-builder.component.mjs +19 -19
  179. package/esm2020/query-builder/query-builder.module.mjs +17 -6
  180. package/esm2020/query-builder/query-builder.service.mjs +5 -5
  181. package/esm2020/remote-loader/addon-block-loader.component.mjs +45 -35
  182. package/esm2020/remote-loader/addon-block-loader.service.mjs +8 -5
  183. package/esm2020/remote-loader/remote-loader-element.component.mjs +81 -26
  184. package/esm2020/remote-loader/remote-loader.component.mjs +13 -13
  185. package/esm2020/remote-loader/remote-loader.model.mjs +1 -1
  186. package/esm2020/remote-loader/remote-loader.module.mjs +5 -5
  187. package/esm2020/remote-loader/remote-loader.service.mjs +38 -15
  188. package/esm2020/rich-html-textarea/rich-html-textarea.component.mjs +52 -36
  189. package/esm2020/rich-html-textarea/rich-html-textarea.module.mjs +5 -5
  190. package/esm2020/search/search.component.mjs +35 -35
  191. package/esm2020/search/search.module.mjs +5 -5
  192. package/esm2020/select/select.component.mjs +89 -45
  193. package/esm2020/select/select.module.mjs +5 -5
  194. package/esm2020/select-panel/select-panel.component.mjs +26 -28
  195. package/esm2020/select-panel/select-panel.module.mjs +5 -5
  196. package/esm2020/separator/separator.component.mjs +16 -16
  197. package/esm2020/separator/separator.module.mjs +5 -5
  198. package/esm2020/side-bar/side-bar.component.mjs +29 -15
  199. package/esm2020/side-bar/side-bar.module.mjs +5 -5
  200. package/esm2020/signature/signature-dialog.component.mjs +4 -4
  201. package/esm2020/signature/signature.component.mjs +41 -32
  202. package/esm2020/signature/signature.module.mjs +5 -5
  203. package/esm2020/size-detector/size-detector.component.mjs +15 -13
  204. package/esm2020/size-detector/size-detector.module.mjs +5 -5
  205. package/esm2020/skeleton-loader/public-api.mjs +2 -2
  206. package/esm2020/skeleton-loader/skeleton-loader.component.mjs +5 -5
  207. package/esm2020/skeleton-loader/skeleton-loader.module.mjs +5 -5
  208. package/esm2020/slider/slider.component.mjs +21 -21
  209. package/esm2020/slider/slider.module.mjs +5 -5
  210. package/esm2020/smart-filters/boolean-filter/boolean-filter.component.mjs +4 -4
  211. package/esm2020/smart-filters/common/filter-actions.component.mjs +4 -4
  212. package/esm2020/smart-filters/common/model/base-filter-component.mjs +28 -34
  213. package/esm2020/smart-filters/common/model/field.mjs +7 -7
  214. package/esm2020/smart-filters/common/model/operator.mjs +15 -6
  215. package/esm2020/smart-filters/common/model/type.mjs +1 -1
  216. package/esm2020/smart-filters/date-filter/date-filter.component.mjs +4 -4
  217. package/esm2020/smart-filters/multi-select-filter/multi-select-filter.component.mjs +5 -5
  218. package/esm2020/smart-filters/number-filter/number-filter.component.mjs +4 -4
  219. package/esm2020/smart-filters/smart-filters.component.mjs +19 -19
  220. package/esm2020/smart-filters/smart-filters.module.mjs +5 -5
  221. package/esm2020/smart-filters/text-filter/text-filter.component.mjs +29 -9
  222. package/esm2020/snack-bar/default-snack-bar.component.mjs +4 -4
  223. package/esm2020/snack-bar/snack-bar.component.mjs +4 -4
  224. package/esm2020/snack-bar/snack-bar.module.mjs +5 -5
  225. package/esm2020/snack-bar/snack-bar.service.mjs +4 -4
  226. package/esm2020/textarea/textarea.component.mjs +40 -31
  227. package/esm2020/textarea/textarea.module.mjs +5 -5
  228. package/esm2020/textbox/textbox-validation.directive.mjs +5 -5
  229. package/esm2020/textbox/textbox.component.mjs +171 -115
  230. package/esm2020/textbox/textbox.module.mjs +5 -5
  231. package/esm2020/textbox-icon/textbox-icon.component.mjs +4 -4
  232. package/esm2020/textbox-icon/textbox-icon.module.mjs +5 -5
  233. package/esm2020/top-bar/top-bar.component.mjs +5 -5
  234. package/esm2020/top-bar/top-bar.module.mjs +5 -5
  235. package/fesm2015/pepperi-addons-ngx-lib-address.mjs +19 -19
  236. package/fesm2015/pepperi-addons-ngx-lib-address.mjs.map +1 -1
  237. package/fesm2015/pepperi-addons-ngx-lib-attachment.mjs +61 -52
  238. package/fesm2015/pepperi-addons-ngx-lib-attachment.mjs.map +1 -1
  239. package/fesm2015/pepperi-addons-ngx-lib-bread-crumbs.mjs +18 -18
  240. package/fesm2015/pepperi-addons-ngx-lib-bread-crumbs.mjs.map +1 -1
  241. package/fesm2015/pepperi-addons-ngx-lib-button.mjs +26 -26
  242. package/fesm2015/pepperi-addons-ngx-lib-button.mjs.map +1 -1
  243. package/fesm2015/pepperi-addons-ngx-lib-carousel.mjs +63 -63
  244. package/fesm2015/pepperi-addons-ngx-lib-carousel.mjs.map +1 -1
  245. package/fesm2015/pepperi-addons-ngx-lib-checkbox.mjs +43 -34
  246. package/fesm2015/pepperi-addons-ngx-lib-checkbox.mjs.map +1 -1
  247. package/fesm2015/pepperi-addons-ngx-lib-chips.mjs +33 -44
  248. package/fesm2015/pepperi-addons-ngx-lib-chips.mjs.map +1 -1
  249. package/fesm2015/pepperi-addons-ngx-lib-color.mjs +12 -12
  250. package/fesm2015/pepperi-addons-ngx-lib-color.mjs.map +1 -1
  251. package/fesm2015/pepperi-addons-ngx-lib-date.mjs +91 -68
  252. package/fesm2015/pepperi-addons-ngx-lib-date.mjs.map +1 -1
  253. package/fesm2015/pepperi-addons-ngx-lib-dialog.mjs +13 -13
  254. package/fesm2015/pepperi-addons-ngx-lib-dialog.mjs.map +1 -1
  255. package/fesm2015/pepperi-addons-ngx-lib-draggable-items.mjs +75 -40
  256. package/fesm2015/pepperi-addons-ngx-lib-draggable-items.mjs.map +1 -1
  257. package/fesm2015/pepperi-addons-ngx-lib-field-title.mjs +11 -8
  258. package/fesm2015/pepperi-addons-ngx-lib-field-title.mjs.map +1 -1
  259. package/fesm2015/pepperi-addons-ngx-lib-files-uploader.mjs +15 -15
  260. package/fesm2015/pepperi-addons-ngx-lib-files-uploader.mjs.map +1 -1
  261. package/fesm2015/pepperi-addons-ngx-lib-form.mjs +132 -126
  262. package/fesm2015/pepperi-addons-ngx-lib-form.mjs.map +1 -1
  263. package/fesm2015/pepperi-addons-ngx-lib-group-buttons.mjs +8 -8
  264. package/fesm2015/pepperi-addons-ngx-lib-group-buttons.mjs.map +1 -1
  265. package/fesm2015/pepperi-addons-ngx-lib-icon.mjs +20 -20
  266. package/fesm2015/pepperi-addons-ngx-lib-icon.mjs.map +1 -1
  267. package/fesm2015/pepperi-addons-ngx-lib-image.mjs +58 -49
  268. package/fesm2015/pepperi-addons-ngx-lib-image.mjs.map +1 -1
  269. package/fesm2015/pepperi-addons-ngx-lib-images-filmstrip.mjs +29 -28
  270. package/fesm2015/pepperi-addons-ngx-lib-images-filmstrip.mjs.map +1 -1
  271. package/fesm2015/pepperi-addons-ngx-lib-link.mjs +71 -56
  272. package/fesm2015/pepperi-addons-ngx-lib-link.mjs.map +1 -1
  273. package/fesm2015/pepperi-addons-ngx-lib-list.mjs +276 -192
  274. package/fesm2015/pepperi-addons-ngx-lib-list.mjs.map +1 -1
  275. package/fesm2015/pepperi-addons-ngx-lib-menu.mjs +23 -19
  276. package/fesm2015/pepperi-addons-ngx-lib-menu.mjs.map +1 -1
  277. package/fesm2015/pepperi-addons-ngx-lib-page-layout.mjs +7 -7
  278. package/fesm2015/pepperi-addons-ngx-lib-page-layout.mjs.map +1 -1
  279. package/fesm2015/pepperi-addons-ngx-lib-profile-data-views-list.mjs +102 -54
  280. package/fesm2015/pepperi-addons-ngx-lib-profile-data-views-list.mjs.map +1 -1
  281. package/fesm2015/pepperi-addons-ngx-lib-quantity-selector.mjs +110 -97
  282. package/fesm2015/pepperi-addons-ngx-lib-quantity-selector.mjs.map +1 -1
  283. package/fesm2015/pepperi-addons-ngx-lib-query-builder.mjs +191 -132
  284. package/fesm2015/pepperi-addons-ngx-lib-query-builder.mjs.map +1 -1
  285. package/fesm2015/pepperi-addons-ngx-lib-remote-loader.mjs +197 -108
  286. package/fesm2015/pepperi-addons-ngx-lib-remote-loader.mjs.map +1 -1
  287. package/fesm2015/pepperi-addons-ngx-lib-rich-html-textarea.mjs +55 -39
  288. package/fesm2015/pepperi-addons-ngx-lib-rich-html-textarea.mjs.map +1 -1
  289. package/fesm2015/pepperi-addons-ngx-lib-search.mjs +38 -38
  290. package/fesm2015/pepperi-addons-ngx-lib-search.mjs.map +1 -1
  291. package/fesm2015/pepperi-addons-ngx-lib-select-panel.mjs +29 -31
  292. package/fesm2015/pepperi-addons-ngx-lib-select-panel.mjs.map +1 -1
  293. package/fesm2015/pepperi-addons-ngx-lib-select.mjs +92 -48
  294. package/fesm2015/pepperi-addons-ngx-lib-select.mjs.map +1 -1
  295. package/fesm2015/pepperi-addons-ngx-lib-separator.mjs +19 -19
  296. package/fesm2015/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
  297. package/fesm2015/pepperi-addons-ngx-lib-side-bar.mjs +32 -18
  298. package/fesm2015/pepperi-addons-ngx-lib-side-bar.mjs.map +1 -1
  299. package/fesm2015/pepperi-addons-ngx-lib-signature.mjs +48 -38
  300. package/fesm2015/pepperi-addons-ngx-lib-signature.mjs.map +1 -1
  301. package/fesm2015/pepperi-addons-ngx-lib-size-detector.mjs +18 -16
  302. package/fesm2015/pepperi-addons-ngx-lib-size-detector.mjs.map +1 -1
  303. package/fesm2015/pepperi-addons-ngx-lib-skeleton-loader.mjs +9 -9
  304. package/fesm2015/pepperi-addons-ngx-lib-skeleton-loader.mjs.map +1 -1
  305. package/fesm2015/pepperi-addons-ngx-lib-slider.mjs +24 -24
  306. package/fesm2015/pepperi-addons-ngx-lib-slider.mjs.map +1 -1
  307. package/fesm2015/pepperi-addons-ngx-lib-smart-filters.mjs +114 -91
  308. package/fesm2015/pepperi-addons-ngx-lib-smart-filters.mjs.map +1 -1
  309. package/fesm2015/pepperi-addons-ngx-lib-snack-bar.mjs +13 -13
  310. package/fesm2015/pepperi-addons-ngx-lib-snack-bar.mjs.map +1 -1
  311. package/fesm2015/pepperi-addons-ngx-lib-textarea.mjs +43 -34
  312. package/fesm2015/pepperi-addons-ngx-lib-textarea.mjs.map +1 -1
  313. package/fesm2015/pepperi-addons-ngx-lib-textbox-icon.mjs +7 -7
  314. package/fesm2015/pepperi-addons-ngx-lib-textbox-icon.mjs.map +1 -1
  315. package/fesm2015/pepperi-addons-ngx-lib-textbox.mjs +181 -123
  316. package/fesm2015/pepperi-addons-ngx-lib-textbox.mjs.map +1 -1
  317. package/fesm2015/pepperi-addons-ngx-lib-top-bar.mjs +8 -8
  318. package/fesm2015/pepperi-addons-ngx-lib-top-bar.mjs.map +1 -1
  319. package/fesm2015/pepperi-addons-ngx-lib.mjs +760 -653
  320. package/fesm2015/pepperi-addons-ngx-lib.mjs.map +1 -1
  321. package/fesm2020/pepperi-addons-ngx-lib-address.mjs +19 -19
  322. package/fesm2020/pepperi-addons-ngx-lib-address.mjs.map +1 -1
  323. package/fesm2020/pepperi-addons-ngx-lib-attachment.mjs +61 -52
  324. package/fesm2020/pepperi-addons-ngx-lib-attachment.mjs.map +1 -1
  325. package/fesm2020/pepperi-addons-ngx-lib-bread-crumbs.mjs +18 -18
  326. package/fesm2020/pepperi-addons-ngx-lib-bread-crumbs.mjs.map +1 -1
  327. package/fesm2020/pepperi-addons-ngx-lib-button.mjs +26 -26
  328. package/fesm2020/pepperi-addons-ngx-lib-button.mjs.map +1 -1
  329. package/fesm2020/pepperi-addons-ngx-lib-carousel.mjs +63 -63
  330. package/fesm2020/pepperi-addons-ngx-lib-carousel.mjs.map +1 -1
  331. package/fesm2020/pepperi-addons-ngx-lib-checkbox.mjs +43 -34
  332. package/fesm2020/pepperi-addons-ngx-lib-checkbox.mjs.map +1 -1
  333. package/fesm2020/pepperi-addons-ngx-lib-chips.mjs +33 -44
  334. package/fesm2020/pepperi-addons-ngx-lib-chips.mjs.map +1 -1
  335. package/fesm2020/pepperi-addons-ngx-lib-color.mjs +12 -12
  336. package/fesm2020/pepperi-addons-ngx-lib-color.mjs.map +1 -1
  337. package/fesm2020/pepperi-addons-ngx-lib-date.mjs +90 -68
  338. package/fesm2020/pepperi-addons-ngx-lib-date.mjs.map +1 -1
  339. package/fesm2020/pepperi-addons-ngx-lib-dialog.mjs +13 -13
  340. package/fesm2020/pepperi-addons-ngx-lib-dialog.mjs.map +1 -1
  341. package/fesm2020/pepperi-addons-ngx-lib-draggable-items.mjs +74 -39
  342. package/fesm2020/pepperi-addons-ngx-lib-draggable-items.mjs.map +1 -1
  343. package/fesm2020/pepperi-addons-ngx-lib-field-title.mjs +11 -8
  344. package/fesm2020/pepperi-addons-ngx-lib-field-title.mjs.map +1 -1
  345. package/fesm2020/pepperi-addons-ngx-lib-files-uploader.mjs +15 -15
  346. package/fesm2020/pepperi-addons-ngx-lib-files-uploader.mjs.map +1 -1
  347. package/fesm2020/pepperi-addons-ngx-lib-form.mjs +132 -126
  348. package/fesm2020/pepperi-addons-ngx-lib-form.mjs.map +1 -1
  349. package/fesm2020/pepperi-addons-ngx-lib-group-buttons.mjs +8 -8
  350. package/fesm2020/pepperi-addons-ngx-lib-group-buttons.mjs.map +1 -1
  351. package/fesm2020/pepperi-addons-ngx-lib-icon.mjs +20 -20
  352. package/fesm2020/pepperi-addons-ngx-lib-icon.mjs.map +1 -1
  353. package/fesm2020/pepperi-addons-ngx-lib-image.mjs +58 -49
  354. package/fesm2020/pepperi-addons-ngx-lib-image.mjs.map +1 -1
  355. package/fesm2020/pepperi-addons-ngx-lib-images-filmstrip.mjs +29 -28
  356. package/fesm2020/pepperi-addons-ngx-lib-images-filmstrip.mjs.map +1 -1
  357. package/fesm2020/pepperi-addons-ngx-lib-link.mjs +71 -56
  358. package/fesm2020/pepperi-addons-ngx-lib-link.mjs.map +1 -1
  359. package/fesm2020/pepperi-addons-ngx-lib-list.mjs +274 -192
  360. package/fesm2020/pepperi-addons-ngx-lib-list.mjs.map +1 -1
  361. package/fesm2020/pepperi-addons-ngx-lib-menu.mjs +23 -19
  362. package/fesm2020/pepperi-addons-ngx-lib-menu.mjs.map +1 -1
  363. package/fesm2020/pepperi-addons-ngx-lib-page-layout.mjs +7 -7
  364. package/fesm2020/pepperi-addons-ngx-lib-page-layout.mjs.map +1 -1
  365. package/fesm2020/pepperi-addons-ngx-lib-profile-data-views-list.mjs +102 -54
  366. package/fesm2020/pepperi-addons-ngx-lib-profile-data-views-list.mjs.map +1 -1
  367. package/fesm2020/pepperi-addons-ngx-lib-quantity-selector.mjs +110 -97
  368. package/fesm2020/pepperi-addons-ngx-lib-quantity-selector.mjs.map +1 -1
  369. package/fesm2020/pepperi-addons-ngx-lib-query-builder.mjs +187 -131
  370. package/fesm2020/pepperi-addons-ngx-lib-query-builder.mjs.map +1 -1
  371. package/fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs +184 -93
  372. package/fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs.map +1 -1
  373. package/fesm2020/pepperi-addons-ngx-lib-rich-html-textarea.mjs +55 -39
  374. package/fesm2020/pepperi-addons-ngx-lib-rich-html-textarea.mjs.map +1 -1
  375. package/fesm2020/pepperi-addons-ngx-lib-search.mjs +38 -38
  376. package/fesm2020/pepperi-addons-ngx-lib-search.mjs.map +1 -1
  377. package/fesm2020/pepperi-addons-ngx-lib-select-panel.mjs +29 -31
  378. package/fesm2020/pepperi-addons-ngx-lib-select-panel.mjs.map +1 -1
  379. package/fesm2020/pepperi-addons-ngx-lib-select.mjs +92 -48
  380. package/fesm2020/pepperi-addons-ngx-lib-select.mjs.map +1 -1
  381. package/fesm2020/pepperi-addons-ngx-lib-separator.mjs +19 -19
  382. package/fesm2020/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
  383. package/fesm2020/pepperi-addons-ngx-lib-side-bar.mjs +32 -18
  384. package/fesm2020/pepperi-addons-ngx-lib-side-bar.mjs.map +1 -1
  385. package/fesm2020/pepperi-addons-ngx-lib-signature.mjs +47 -38
  386. package/fesm2020/pepperi-addons-ngx-lib-signature.mjs.map +1 -1
  387. package/fesm2020/pepperi-addons-ngx-lib-size-detector.mjs +18 -16
  388. package/fesm2020/pepperi-addons-ngx-lib-size-detector.mjs.map +1 -1
  389. package/fesm2020/pepperi-addons-ngx-lib-skeleton-loader.mjs +9 -9
  390. package/fesm2020/pepperi-addons-ngx-lib-skeleton-loader.mjs.map +1 -1
  391. package/fesm2020/pepperi-addons-ngx-lib-slider.mjs +24 -24
  392. package/fesm2020/pepperi-addons-ngx-lib-slider.mjs.map +1 -1
  393. package/fesm2020/pepperi-addons-ngx-lib-smart-filters.mjs +114 -91
  394. package/fesm2020/pepperi-addons-ngx-lib-smart-filters.mjs.map +1 -1
  395. package/fesm2020/pepperi-addons-ngx-lib-snack-bar.mjs +13 -13
  396. package/fesm2020/pepperi-addons-ngx-lib-snack-bar.mjs.map +1 -1
  397. package/fesm2020/pepperi-addons-ngx-lib-textarea.mjs +43 -34
  398. package/fesm2020/pepperi-addons-ngx-lib-textarea.mjs.map +1 -1
  399. package/fesm2020/pepperi-addons-ngx-lib-textbox-icon.mjs +7 -7
  400. package/fesm2020/pepperi-addons-ngx-lib-textbox-icon.mjs.map +1 -1
  401. package/fesm2020/pepperi-addons-ngx-lib-textbox.mjs +179 -123
  402. package/fesm2020/pepperi-addons-ngx-lib-textbox.mjs.map +1 -1
  403. package/fesm2020/pepperi-addons-ngx-lib-top-bar.mjs +8 -8
  404. package/fesm2020/pepperi-addons-ngx-lib-top-bar.mjs.map +1 -1
  405. package/fesm2020/pepperi-addons-ngx-lib.mjs +780 -674
  406. package/fesm2020/pepperi-addons-ngx-lib.mjs.map +1 -1
  407. package/field-title/field-title.component.d.ts +2 -1
  408. package/files-uploader/files-uploader.component.d.ts +1 -1
  409. package/form/field-generator.component.d.ts +1 -1
  410. package/form/form.component.d.ts +1 -1
  411. package/form/indicators.component.d.ts +1 -1
  412. package/form/internal-button.component.d.ts +1 -1
  413. package/form/internal-carusel.component.d.ts +2 -1
  414. package/form/internal-field-generator.component.d.ts +1 -1
  415. package/form/internal-form.component.d.ts +1 -1
  416. package/form/internal-list.component.d.ts +2 -2
  417. package/form/internal-menu.component.d.ts +1 -2
  418. package/form/internal-page.component.d.ts +1 -1
  419. package/group-buttons/group-buttons.component.d.ts +2 -2
  420. package/icon/icon-generated.model.d.ts +2 -2
  421. package/icon/icon.component.d.ts +1 -1
  422. package/image/image.component.d.ts +2 -1
  423. package/image/image.component.theme.scss +4 -2
  424. package/images-filmstrip/images-filmstrip.component.d.ts +1 -1
  425. package/link/link.component.d.ts +4 -1
  426. package/list/list-actions.component.d.ts +1 -1
  427. package/list/list-carousel.component.d.ts +2 -2
  428. package/list/list-chooser.component.d.ts +1 -1
  429. package/list/list-pager.component.d.ts +1 -1
  430. package/list/list-sorting.component.d.ts +1 -1
  431. package/list/list-total.component.d.ts +2 -1
  432. package/list/list-views.component.d.ts +2 -2
  433. package/list/list.component.d.ts +9 -3
  434. package/list/list.model.d.ts +6 -6
  435. package/list/virtual-scroller.d.ts +2 -2
  436. package/menu/menu-item.component.d.ts +1 -1
  437. package/menu/menu.component.d.ts +2 -1
  438. package/menu/menu.model.d.ts +4 -3
  439. package/package.json +1 -1
  440. package/page-layout/page-layout.component.d.ts +1 -1
  441. package/profile-data-views-list/profile-data-view/profile-data-view.component.d.ts +4 -4
  442. package/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.d.ts +5 -4
  443. package/profile-data-views-list/profile-data-views-list.component.d.ts +13 -10
  444. package/profile-data-views-list/profile-data-views-list.model.d.ts +8 -0
  445. package/quantity-selector/quantity-selector-validation.directive.d.ts +1 -1
  446. package/quantity-selector/quantity-selector.component.d.ts +8 -9
  447. package/quantity-selector/quantity-selector.component.theme.scss +12 -6
  448. package/query-builder/common/model/legacy.d.ts +2 -0
  449. package/query-builder/common/model/operator.d.ts +11 -1
  450. package/query-builder/common/services/query-structure.service.d.ts +1 -0
  451. package/query-builder/query-builder-item/query-builder-item.component.d.ts +4 -2
  452. package/query-builder/query-builder-section/query-builder-section.component.d.ts +1 -1
  453. package/query-builder/query-builder.component.d.ts +1 -1
  454. package/query-builder/query-builder.module.d.ts +7 -3
  455. package/remote-loader/addon-block-loader.component.d.ts +4 -2
  456. package/remote-loader/remote-loader-element.component.d.ts +9 -2
  457. package/remote-loader/remote-loader.component.d.ts +1 -1
  458. package/remote-loader/remote-loader.model.d.ts +3 -2
  459. package/remote-loader/remote-loader.service.d.ts +2 -0
  460. package/rich-html-textarea/rich-html-textarea.component.d.ts +4 -1
  461. package/rich-html-textarea/rich-html-textarea.component.theme.scss +8 -5
  462. package/search/search.component.d.ts +1 -1
  463. package/search/search.model.d.ts +4 -4
  464. package/select/select.component.d.ts +9 -1
  465. package/select/select.component.theme.scss +22 -11
  466. package/select-panel/select-panel.component.d.ts +1 -2
  467. package/select-panel/select-panel.component.theme.scss +0 -2
  468. package/separator/separator.component.d.ts +1 -1
  469. package/side-bar/side-bar.component.d.ts +4 -1
  470. package/side-bar/side-bar.model.d.ts +1 -1
  471. package/signature/signature-dialog.component.d.ts +2 -2
  472. package/signature/signature.component.d.ts +2 -1
  473. package/size-detector/size-detector.component.d.ts +1 -1
  474. package/skeleton-loader/skeleton-loader.component.d.ts +4 -4
  475. package/slider/slider.component.d.ts +1 -1
  476. package/slider/slider.component.theme.scss +15 -5
  477. package/smart-filters/boolean-filter/boolean-filter.component.d.ts +4 -1
  478. package/smart-filters/common/filter-actions.component.d.ts +1 -1
  479. package/smart-filters/common/model/base-filter-component.d.ts +3 -5
  480. package/smart-filters/common/model/operator.d.ts +3 -0
  481. package/smart-filters/common/model/type.d.ts +4 -4
  482. package/smart-filters/date-filter/date-filter.component.d.ts +4 -1
  483. package/smart-filters/multi-select-filter/multi-select-filter.component.d.ts +4 -1
  484. package/smart-filters/number-filter/number-filter.component.d.ts +4 -1
  485. package/smart-filters/smart-filters.component.d.ts +1 -1
  486. package/smart-filters/text-filter/text-filter.component.d.ts +5 -1
  487. package/snack-bar/default-snack-bar.component.d.ts +1 -1
  488. package/snack-bar/snack-bar.component.d.ts +1 -1
  489. package/src/assets/i18n/ar.ngx-lib.json +180 -0
  490. package/src/assets/i18n/de.ngx-lib.json +106 -4
  491. package/src/assets/i18n/en.ngx-lib.json +10 -3
  492. package/src/assets/i18n/es.ngx-lib.json +113 -11
  493. package/src/assets/i18n/fr.ngx-lib.json +105 -4
  494. package/src/assets/i18n/he.ngx-lib.json +105 -4
  495. package/src/assets/i18n/it.ngx-lib.json +114 -13
  496. package/src/assets/i18n/ja.ngx-lib.json +105 -4
  497. package/src/assets/i18n/pl.ngx-lib.json +105 -4
  498. package/src/assets/i18n/pt.ngx-lib.json +105 -4
  499. package/src/assets/i18n/sr.ngx-lib.json +180 -0
  500. package/src/assets/i18n/zh.ngx-lib.json +105 -2
  501. package/src/core/style/abstracts/mixins.scss +157 -37
  502. package/src/core/style/abstracts/variables.scss +10 -1
  503. package/src/core/style/base/Spacing.stories.mdx +22 -22
  504. package/src/core/style/base/base.scss +219 -117
  505. package/src/core/style/base/typography.scss +2 -1
  506. package/src/core/style/components/button.scss +52 -19
  507. package/src/core/style/components/checkbox.scss +132 -128
  508. package/src/core/style/components/file.scss +13 -9
  509. package/src/core/style/components/general.scss +149 -65
  510. package/src/core/style/components/radio-button.scss +50 -23
  511. package/src/core/style/components/textarea.scss +69 -30
  512. package/textarea/textarea.component.d.ts +2 -1
  513. package/textbox/textbox-validation.directive.d.ts +1 -1
  514. package/textbox/textbox.component.d.ts +4 -1
  515. package/textbox-icon/textbox-icon.component.d.ts +1 -1
  516. package/theming-offline.scss +2 -1
  517. package/theming.scss +7 -2
  518. package/top-bar/top-bar.component.d.ts +1 -1
  519. package/top-bar/top-bar.model.d.ts +1 -1
  520. package/src/assets/images/sail-away.jpg +0 -0
@@ -33,37 +33,6 @@ import * as i6 from '@angular/cdk/bidi';
33
33
  import * as i16 from '@ngx-translate/core';
34
34
 
35
35
  class PepRichHtmlTextareaComponent {
36
- constructor(sanitizer, dialogService, customizationService, renderer, element) {
37
- this.sanitizer = sanitizer;
38
- this.dialogService = dialogService;
39
- this.customizationService = customizationService;
40
- this.renderer = renderer;
41
- this.element = element;
42
- this.key = '';
43
- this.value = '';
44
- this.label = '';
45
- this.mandatory = false;
46
- this.disabled = false;
47
- this.readonly = false;
48
- this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
49
- this._rowSpan = 1;
50
- this._visible = true;
51
- this.controlType = 'richhtmltextarea';
52
- this.form = null;
53
- this.isActive = false;
54
- this.showTitle = true;
55
- this.renderTitle = true;
56
- this.renderEnlargeButton = true;
57
- this._layoutType = 'form';
58
- this.inlineMode = false;
59
- this.valueChange = new EventEmitter();
60
- this.quillContent = '';
61
- this.quillContentDialog = '';
62
- this.fieldHeight = '';
63
- this.standAlone = false;
64
- this.active = false;
65
- this.toolbarOptions = this.getDefaultToolbarOptions();
66
- }
67
36
  set rowSpan(value) {
68
37
  this._rowSpan = value;
69
38
  this.setFieldHeight();
@@ -98,6 +67,40 @@ class PepRichHtmlTextareaComponent {
98
67
  this._toolbarOptions = options;
99
68
  }
100
69
  }
70
+ constructor(sanitizer, dialogService, customizationService, renderer, element) {
71
+ this.sanitizer = sanitizer;
72
+ this.dialogService = dialogService;
73
+ this.customizationService = customizationService;
74
+ this.renderer = renderer;
75
+ this.element = element;
76
+ this.key = '';
77
+ this.value = '';
78
+ this.label = '';
79
+ this.mandatory = false;
80
+ this.disabled = false;
81
+ this.readonly = false;
82
+ this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
83
+ this.sanitize = true;
84
+ this._rowSpan = 1;
85
+ this._visible = true;
86
+ this.controlType = 'richhtmltextarea';
87
+ this.form = null;
88
+ this.isActive = false;
89
+ this.showTitle = true;
90
+ this.renderTitle = true;
91
+ this.renderEnlargeButton = true;
92
+ this._layoutType = 'form';
93
+ this.inlineMode = false;
94
+ this.valueChange = new EventEmitter();
95
+ this.editorCreated = new EventEmitter();
96
+ this.validationChange = new EventEmitter();
97
+ this.quillContent = '';
98
+ this.quillContentDialog = '';
99
+ this.fieldHeight = '';
100
+ this.standAlone = false;
101
+ this.active = false;
102
+ this.toolbarOptions = this.getDefaultToolbarOptions();
103
+ }
101
104
  setFieldHeight() {
102
105
  this.fieldHeight = this.customizationService.calculateFieldHeight(this.layoutType, this.rowSpan, this.standAlone);
103
106
  }
@@ -155,6 +158,12 @@ class PepRichHtmlTextareaComponent {
155
158
  this.value = value;
156
159
  this.quillContent = value;
157
160
  this.customizationService.updateFormFieldValue(this.form, this.key, value);
161
+ // Raise this only for stand alone fields, If false then the usage for this field is inside a form.
162
+ // Then the form will take care of raising the (onFormValidationChanged) event
163
+ if (this.standAlone) {
164
+ const isValid = (this.disabled || this.readonly) ? true : this.form.valid;
165
+ this.validationChange.emit(isValid);
166
+ }
158
167
  this.valueChange.emit(value);
159
168
  }
160
169
  }
@@ -191,6 +200,7 @@ class PepRichHtmlTextareaComponent {
191
200
  if (!inDialog) {
192
201
  this.quillContent = quill.getText();
193
202
  }
203
+ this.editorCreated.emit(quill);
194
204
  }
195
205
  onContentChanged(obj, inDialog) {
196
206
  if (inDialog) {
@@ -212,11 +222,11 @@ class PepRichHtmlTextareaComponent {
212
222
  }
213
223
  }
214
224
  }
215
- PepRichHtmlTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.PepDialogService }, { token: i3.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
216
- PepRichHtmlTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", rowSpan: "rowSpan", visible: "visible", form: "form", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", renderEnlargeButton: "renderEnlargeButton", layoutType: "layoutType", inlineMode: "inlineMode", toolbarOptions: "toolbarOptions" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "richTextEditorDialogTemplate", first: true, predicate: ["richTextEditorDialogTemplate"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container pep-report-textarea\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': !isFormView && rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [maxFieldCharacters]=\"inlineMode && !disabled && !readonly ? maxFieldCharacters : 0\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"quillContent?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'active': active, 'ignore-disabled': disabled }\">\n <textarea [hidden]=\"true\" matInput [formControlName]=\"key\"></textarea>\n\n <ng-container *ngIf=\"inlineMode; then inlineBlock; else notInlineBlock\"></ng-container>\n\n <ng-template #inlineBlock>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: false}\"></ng-container>\n </ng-template>\n <ng-template #notInlineBlock>\n\n <!-- We can use the quill-view-html\n <quill-view-html class=\"body-sm rich-text-cont \"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\" [content]=\"value | pepSafeHtml\"\n theme=\"snow\" [style.height]=\"fieldHeight\"></quill-view-html> \n -->\n\n <div class=\"body-sm rich-text-cont \" [ngClass]=\"{'hide-enlarge-button': !renderEnlargeButton}\"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n </ng-template>\n <pep-textbox-icon *ngIf=\"renderEnlargeButton\" matSuffix [value]=\"value\" [label]=\"label\"\n [type]=\"controlType\" [disabled]=\"disabled || readonly\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\"\n (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <mat-error>\n <span class=\"body-xs\"\n [title]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n [innerText]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n </mat-error>\n\n </mat-form-field>\n </div>\n </ng-template>\n\n <ng-container *ngIf=\"layoutType === 'form'\">\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: true }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ '-webkit-line-clamp': rowSpan }\" [class]=\"'text-align-' + xAlignment\"\n (click)=\"!disabled ? cardTemplateClicked($event) : ''\" [style.height]=\"fieldHeight\">\n <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title no-shrink\" title=\"{{ label }}\">{{ label\n }}:&nbsp;</span>\n <span [id]=\"key\" class=\"body-sm value wrap\" style=\"width: 100%;\" [innerHtml]=\"value | pepSafeHtml\"></span>\n <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button self-start\"\n [ngClass]=\"{'self-end' : value && value !== ''}\" mat-button>\n <mat-icon>\n <pep-icon name=\"system_edit\">\n </pep-icon>\n </mat-icon>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'table'\">\n <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n <ng-template #selectedBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #notSelectedBlock>\n <ng-container *ngIf=\"value?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\n <ng-template #notEmptyBlock>\n <div class=\"pep-textarea-card-container card-flex-container one-row\">\n <span [id]=\"key\" class=\"wrap\" [innerHtml]=\"value | pepSafeHtml\"></span>\n </div>\n </ng-template>\n <ng-template #emptyBlock>\n <span>&nbsp;</span>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>\n\n<ng-template #richTextEditorDialogTemplate>\n <div class=\"rich-text-editor-container\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak pull-right flip\">\n <mat-icon>\n <pep-icon name=\"system_close\">\n </pep-icon>\n </mat-icon>\n </button>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: true}\"></ng-container>\n <div mat-dialog-actions class=\" pep-border-top\">\n <div class=\"pep-spacing-element-negative\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n {{'ACTIONS.CANCEL' | translate}}\n </button>\n <button mat-button [mat-dialog-close]=\"quillContentDialog || ''\" [disabled]=\"disabled\"\n class=\"pep-spacing-element pep-button md strong \">\n {{'ACTIONS.SAVE' | translate}}\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #quilTemplate let-inDialog=\"inDialog\">\n <quill-editor id=\"{{inDialog ? 'quill-editor-dialog' : 'quill-editor-inline'}}\"\n [class]=\"inDialog ? 'dialog-quill' : 'inline-quill'\"\n [ngClass]=\"{ 'rich-text-cont': !inDialog, 'hide-enlarge-button': !renderEnlargeButton }\"\n placeholder=\"{{'RICH_TEXTAREA.HINT' | translate}}\" [ngModel]=\"inDialog ? quillContentDialog : quillContent\"\n [sanitize]=\"true\" [readOnly]=\"disabled\" [maxLength]=\"maxFieldCharacters\" [required]=\"mandatory\"\n (onEditorCreated)=\"onEditorCreated($event, inDialog)\" (onContentChanged)=\"onContentChanged($event, inDialog)\"\n (onBlur)=\"onBlur($event, inDialog)\" (onFocus)=\"onFocus($event, inDialog)\" theme=\"\">\n <div *ngIf=\"!disabled\" quill-editor-toolbar>\n <div class=\"pep-spacing-element-negative\">\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.font\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-font select-arrow\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n <select *ngIf=\"toolbarOptions?.size\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-size select-arrow\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.header\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-header select-arrow\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <!-- \n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option> \n -->\n <option value=\"false\" selected></option>\n </select>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.bold\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-bold\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.italic\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-italic\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.underline\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-underline\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.strike\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.link\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-link\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.image\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-image\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.ordered\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"ordered\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.bullet\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"bullet\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.color\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-color\"></select>\n <select *ngIf=\"toolbarOptions?.background\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.align\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n </div>\n </div>\n </quill-editor>\n</ng-template>", styles: [".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding:0}:host{height:inherit;display:block}.pepperi-textarea-container ::ng-deep .mat-form-field-infix,.pep-textarea-container ::ng-deep .mat-form-field-infix{margin-left:calc(var(--pep-spacing-md, .75rem) * -1)}.pepperi-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-form-field-infix{margin-left:unset;margin-right:calc(var(--pep-spacing-md, .75rem) * -1)}.vertical-separator{display:none}\n", ".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding:0}.pepperi-report-textarea ::ng-deep .mat-form-field-flex,.pep-report-textarea ::ng-deep .mat-form-field-flex{background:transparent!important}.mat-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.right-alignment quill-editor.inline-quill::ng-deep .ql-container .ql-editor{padding-right:unset;padding-left:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor.inline-quill::ng-deep .ql-container .ql-editor{width:calc(100% + 1rem);padding-right:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor ::ng-deep .ql-toolbar{display:flex;padding:0!important;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-transparent{opacity:.9}quill-editor ::ng-deep .ql-toolbar .ql-formats{margin-right:0!important;margin-bottom:.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button svg{width:1.25rem!important;float:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-stroke{stroke:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.8)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-fill{fill:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.8)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item{outline:unset!important;width:100%;height:auto;padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);display:grid}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:after{border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker,quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-icon-picker{width:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label{outline:none;display:grid;grid-auto-flow:column;align-items:center;line-height:1rem;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg{width:1.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;display:grid;height:inherit;justify-content:center;align-content:center}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label:before{line-height:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label svg{display:none}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-options{border-radius:var(--pep-border-radius-md, .25rem);box-sizing:content-box;padding:unset;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options{padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);width:140px}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label{border:unset}quill-editor ::ng-deep .ql-toolbar .vertical-separator{border-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)}@media (max-width: 568px){quill-editor ::ng-deep .ql-toolbar .ql-list{display:none}}@media (max-width: 599px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-underline{display:none}}@media (max-width: 460px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-image,quill-editor ::ng-deep .ql-toolbar .ql-underline,quill-editor ::ng-deep .ql-toolbar .ql-list,quill-editor ::ng-deep .ql-toolbar .ql-header{display:none}}quill-editor ::ng-deep .ql-container{height:16rem;border:unset;border-top:1px solid hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)!important}quill-editor ::ng-deep .ql-container .ql-editor{padding:var(--pep-spacing-sm, .5rem) 0}quill-editor ::ng-deep .ql-container .ql-editor.ql-blank:before{right:0;left:0}quill-editor ::ng-deep .ql-container .ql-tooltip.ql-flip{left:0!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i9.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i11.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i12.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i14.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i15.PepTextboxIconComponent, selector: "pep-textbox-icon", inputs: ["value", "label", "type", "disabled"], outputs: ["iconClick"] }, { kind: "pipe", type: i3.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
217
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaComponent, decorators: [{
225
+ PepRichHtmlTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.PepDialogService }, { token: i3.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
226
+ PepRichHtmlTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", sanitize: "sanitize", rowSpan: "rowSpan", visible: "visible", form: "form", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", renderEnlargeButton: "renderEnlargeButton", layoutType: "layoutType", inlineMode: "inlineMode", toolbarOptions: "toolbarOptions" }, outputs: { valueChange: "valueChange", editorCreated: "editorCreated", validationChange: "validationChange" }, viewQueries: [{ propertyName: "richTextEditorDialogTemplate", first: true, predicate: ["richTextEditorDialogTemplate"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container pep-report-textarea\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': !isFormView && rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [maxFieldCharacters]=\"inlineMode && !disabled && !readonly ? maxFieldCharacters : 0\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"quillContent?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'active': active, 'ignore-disabled': disabled, 'icon-left': xAlignment === 'left' || xAlignment === 'center', 'icon-right': xAlignment === 'right' }\">\n <textarea [hidden]=\"true\" matInput [formControlName]=\"key\"></textarea>\n\n <ng-container *ngIf=\"inlineMode; then inlineBlock; else notInlineBlock\"></ng-container>\n\n <ng-template #inlineBlock>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: false}\"></ng-container>\n </ng-template>\n <ng-template #notInlineBlock>\n\n <!-- We can use the quill-view-html\n <quill-view-html class=\"body-sm rich-text-cont \"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\" [content]=\"value | pepSafeHtml\"\n theme=\"snow\" [style.height]=\"fieldHeight\"></quill-view-html> \n -->\n\n <div class=\"body-sm rich-text-cont \" [ngClass]=\"{'hide-enlarge-button': !renderEnlargeButton}\"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n </ng-template>\n <pep-textbox-icon *ngIf=\"renderEnlargeButton\" matSuffix [value]=\"value\" [label]=\"label\"\n [type]=\"controlType\" [disabled]=\"disabled || readonly\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\"\n (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <mat-error>\n <span class=\"body-xs\"\n [title]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n [innerText]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n </mat-error>\n\n </mat-form-field>\n </div>\n </ng-template>\n\n <ng-container *ngIf=\"layoutType === 'form'\">\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: true }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ '-webkit-line-clamp': rowSpan }\" [class]=\"'text-align-' + xAlignment\"\n (click)=\"!disabled ? cardTemplateClicked($event) : ''\" [style.height]=\"fieldHeight\">\n <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title no-shrink\" title=\"{{ label }}\">{{ label\n }}:&nbsp;</span>\n <span [id]=\"key\" class=\"body-sm value wrap\" style=\"width: 100%;\" [innerHtml]=\"value | pepSafeHtml\"></span>\n <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button self-start\"\n [ngClass]=\"{'self-end' : value && value !== ''}\" mat-button>\n <mat-icon>\n <pep-icon name=\"system_edit\">\n </pep-icon>\n </mat-icon>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'table'\">\n <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n <ng-template #selectedBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #notSelectedBlock>\n <ng-container *ngIf=\"value?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\n <ng-template #notEmptyBlock>\n <div class=\"pep-textarea-card-container card-flex-container one-row\">\n <span [id]=\"key\" class=\"wrap\" [innerHtml]=\"value | pepSafeHtml\"></span>\n </div>\n </ng-template>\n <ng-template #emptyBlock>\n <span>&nbsp;</span>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>\n\n<ng-template #richTextEditorDialogTemplate>\n <div class=\"rich-text-editor-container\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak pull-right flip\">\n <mat-icon>\n <pep-icon name=\"system_close\">\n </pep-icon>\n </mat-icon>\n </button>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: true}\"></ng-container>\n <div mat-dialog-actions class=\" pep-border-top\">\n <div class=\"pep-spacing-element-negative\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n {{'ACTIONS.CANCEL' | translate}}\n </button>\n <button mat-button [mat-dialog-close]=\"quillContentDialog || ''\" [disabled]=\"disabled\"\n class=\"pep-spacing-element pep-button md strong \">\n {{'ACTIONS.SAVE' | translate}}\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #quilTemplate let-inDialog=\"inDialog\">\n <quill-editor id=\"{{inDialog ? 'quill-editor-dialog' : 'quill-editor-inline'}}\"\n [class]=\"inDialog ? 'dialog-quill' : 'inline-quill'\"\n [ngClass]=\"{ 'rich-text-cont': !inDialog, 'hide-enlarge-button': !renderEnlargeButton }\"\n placeholder=\"{{'RICH_TEXTAREA.HINT' | translate}}\" [ngModel]=\"inDialog ? quillContentDialog : quillContent\"\n [sanitize]=\"sanitize\" [readOnly]=\"disabled\" [maxLength]=\"maxFieldCharacters\" [required]=\"mandatory\"\n (onEditorCreated)=\"onEditorCreated($event, inDialog)\" (onContentChanged)=\"onContentChanged($event, inDialog)\"\n (onBlur)=\"onBlur($event, inDialog)\" (onFocus)=\"onFocus($event, inDialog)\" theme=\"\">\n <div *ngIf=\"!disabled\" quill-editor-toolbar>\n <div class=\"pep-spacing-element-negative\">\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.font\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-font select-arrow\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n <select *ngIf=\"toolbarOptions?.size\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-size select-arrow\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.header\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-header select-arrow\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <!-- \n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option> \n -->\n <option value=\"false\" selected></option>\n </select>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.bold\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-bold\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.italic\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-italic\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.underline\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-underline\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.strike\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.link\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-link\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.image\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-image\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.ordered\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"ordered\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.bullet\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"bullet\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.color\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-color\"></select>\n <select *ngIf=\"toolbarOptions?.background\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.align\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n </div>\n </div>\n </quill-editor>\n</ng-template>", styles: [".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-mdc-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding:0}:host{height:inherit;display:block}.pepperi-textarea-container ::ng-deep .mat-form-field-infix,.pepperi-textarea-container ::ng-deep .mat-mdc-form-field-infix,.pep-textarea-container ::ng-deep .mat-form-field-infix,.pep-textarea-container ::ng-deep .mat-mdc-form-field-infix{margin-left:calc(var(--pep-spacing-md, .75rem) * -1)}.pepperi-textarea-container ::ng-deep .icon-left .mat-form-field-suffix,.pepperi-textarea-container ::ng-deep .icon-left .mat-mdc-form-field-suffix,.pep-textarea-container ::ng-deep .icon-left .mat-form-field-suffix,.pep-textarea-container ::ng-deep .icon-left .mat-mdc-form-field-suffix{position:absolute;right:1rem!important;bottom:.5rem}.pepperi-textarea-container ::ng-deep .icon-right .mat-form-field-suffix,.pepperi-textarea-container ::ng-deep .icon-right .mat-mdc-form-field-suffix,.pep-textarea-container ::ng-deep .icon-right .mat-form-field-suffix,.pep-textarea-container ::ng-deep .icon-right .mat-mdc-form-field-suffix{position:absolute;right:calc(100% - 2.5rem)!important;bottom:.5rem}.pepperi-textarea-container ::ng-deep .icon-right .ql-toolbar,.pep-textarea-container ::ng-deep .icon-right .ql-toolbar{padding-left:.4rem!important}.pepperi-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pepperi-textarea-container.right-alignment ::ng-deep .mat-mdc-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-mdc-form-field-infix{margin-left:unset;margin-right:calc(var(--pep-spacing-md, .75rem) * -1)}.vertical-separator{display:none}\n", ".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-mdc-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding:0}.pepperi-report-textarea ::ng-deep .mat-form-field-flex,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-flex,.pep-report-textarea ::ng-deep .mat-form-field-flex,.pep-report-textarea ::ng-deep .mat-mdc-form-field-flex{background:transparent!important}.mat-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-form-field.mat-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-mdc-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-mdc-form-field.mat-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-mdc-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-mdc-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-mdc-form-field-flex{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.right-alignment quill-editor.inline-quill::ng-deep .ql-container .ql-editor{padding-right:unset;padding-left:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor.inline-quill::ng-deep .ql-container .ql-editor{width:calc(100% + 1rem);padding-right:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor ::ng-deep .ql-toolbar{display:flex;padding:0!important;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-transparent{opacity:.9}quill-editor ::ng-deep .ql-toolbar .ql-formats{margin-right:0!important;margin-bottom:.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button svg{width:1.25rem!important;float:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item{outline:unset!important;width:100%;height:auto;padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);display:grid}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled{box-shadow:unset;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:after{border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker,quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-icon-picker{width:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label{outline:none;display:grid;grid-auto-flow:column;align-items:center;line-height:1rem;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg{width:1.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;display:grid;height:inherit;justify-content:center;align-content:center}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label:before{line-height:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label svg{display:none}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-options{border-radius:var(--pep-border-radius-md, .25rem);box-sizing:content-box;padding:unset;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options{padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);width:140px}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label{border:unset}quill-editor ::ng-deep .ql-toolbar .vertical-separator{border-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)}@media (max-width: 568px){quill-editor ::ng-deep .ql-toolbar .ql-list{display:none}}@media (max-width: 599px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-underline{display:none}}@media (max-width: 460px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-image,quill-editor ::ng-deep .ql-toolbar .ql-underline,quill-editor ::ng-deep .ql-toolbar .ql-list,quill-editor ::ng-deep .ql-toolbar .ql-header{display:none}}quill-editor ::ng-deep .ql-container{height:16rem;border:unset;border-top:1px solid hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)!important}quill-editor ::ng-deep .ql-container .ql-editor{padding:var(--pep-spacing-sm, .5rem) 0}quill-editor ::ng-deep .ql-container .ql-editor.ql-blank:before{right:0;left:0}quill-editor ::ng-deep .ql-container .ql-tooltip.ql-flip{left:0!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i7.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i9.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i11.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i12.QuillEditorComponent, selector: "quill-editor" }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i14.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i15.PepTextboxIconComponent, selector: "pep-textbox-icon", inputs: ["value", "label", "type", "disabled"], outputs: ["iconClick"] }, { kind: "pipe", type: i3.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
227
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaComponent, decorators: [{
218
228
  type: Component,
219
- args: [{ selector: 'pep-rich-html-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container pep-report-textarea\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': !isFormView && rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [maxFieldCharacters]=\"inlineMode && !disabled && !readonly ? maxFieldCharacters : 0\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"quillContent?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'active': active, 'ignore-disabled': disabled }\">\n <textarea [hidden]=\"true\" matInput [formControlName]=\"key\"></textarea>\n\n <ng-container *ngIf=\"inlineMode; then inlineBlock; else notInlineBlock\"></ng-container>\n\n <ng-template #inlineBlock>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: false}\"></ng-container>\n </ng-template>\n <ng-template #notInlineBlock>\n\n <!-- We can use the quill-view-html\n <quill-view-html class=\"body-sm rich-text-cont \"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\" [content]=\"value | pepSafeHtml\"\n theme=\"snow\" [style.height]=\"fieldHeight\"></quill-view-html> \n -->\n\n <div class=\"body-sm rich-text-cont \" [ngClass]=\"{'hide-enlarge-button': !renderEnlargeButton}\"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n </ng-template>\n <pep-textbox-icon *ngIf=\"renderEnlargeButton\" matSuffix [value]=\"value\" [label]=\"label\"\n [type]=\"controlType\" [disabled]=\"disabled || readonly\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\"\n (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <mat-error>\n <span class=\"body-xs\"\n [title]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n [innerText]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n </mat-error>\n\n </mat-form-field>\n </div>\n </ng-template>\n\n <ng-container *ngIf=\"layoutType === 'form'\">\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: true }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ '-webkit-line-clamp': rowSpan }\" [class]=\"'text-align-' + xAlignment\"\n (click)=\"!disabled ? cardTemplateClicked($event) : ''\" [style.height]=\"fieldHeight\">\n <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title no-shrink\" title=\"{{ label }}\">{{ label\n }}:&nbsp;</span>\n <span [id]=\"key\" class=\"body-sm value wrap\" style=\"width: 100%;\" [innerHtml]=\"value | pepSafeHtml\"></span>\n <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button self-start\"\n [ngClass]=\"{'self-end' : value && value !== ''}\" mat-button>\n <mat-icon>\n <pep-icon name=\"system_edit\">\n </pep-icon>\n </mat-icon>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'table'\">\n <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n <ng-template #selectedBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #notSelectedBlock>\n <ng-container *ngIf=\"value?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\n <ng-template #notEmptyBlock>\n <div class=\"pep-textarea-card-container card-flex-container one-row\">\n <span [id]=\"key\" class=\"wrap\" [innerHtml]=\"value | pepSafeHtml\"></span>\n </div>\n </ng-template>\n <ng-template #emptyBlock>\n <span>&nbsp;</span>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>\n\n<ng-template #richTextEditorDialogTemplate>\n <div class=\"rich-text-editor-container\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak pull-right flip\">\n <mat-icon>\n <pep-icon name=\"system_close\">\n </pep-icon>\n </mat-icon>\n </button>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: true}\"></ng-container>\n <div mat-dialog-actions class=\" pep-border-top\">\n <div class=\"pep-spacing-element-negative\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n {{'ACTIONS.CANCEL' | translate}}\n </button>\n <button mat-button [mat-dialog-close]=\"quillContentDialog || ''\" [disabled]=\"disabled\"\n class=\"pep-spacing-element pep-button md strong \">\n {{'ACTIONS.SAVE' | translate}}\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #quilTemplate let-inDialog=\"inDialog\">\n <quill-editor id=\"{{inDialog ? 'quill-editor-dialog' : 'quill-editor-inline'}}\"\n [class]=\"inDialog ? 'dialog-quill' : 'inline-quill'\"\n [ngClass]=\"{ 'rich-text-cont': !inDialog, 'hide-enlarge-button': !renderEnlargeButton }\"\n placeholder=\"{{'RICH_TEXTAREA.HINT' | translate}}\" [ngModel]=\"inDialog ? quillContentDialog : quillContent\"\n [sanitize]=\"true\" [readOnly]=\"disabled\" [maxLength]=\"maxFieldCharacters\" [required]=\"mandatory\"\n (onEditorCreated)=\"onEditorCreated($event, inDialog)\" (onContentChanged)=\"onContentChanged($event, inDialog)\"\n (onBlur)=\"onBlur($event, inDialog)\" (onFocus)=\"onFocus($event, inDialog)\" theme=\"\">\n <div *ngIf=\"!disabled\" quill-editor-toolbar>\n <div class=\"pep-spacing-element-negative\">\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.font\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-font select-arrow\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n <select *ngIf=\"toolbarOptions?.size\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-size select-arrow\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.header\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-header select-arrow\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <!-- \n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option> \n -->\n <option value=\"false\" selected></option>\n </select>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.bold\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-bold\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.italic\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-italic\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.underline\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-underline\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.strike\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.link\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-link\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.image\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-image\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.ordered\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"ordered\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.bullet\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"bullet\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.color\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-color\"></select>\n <select *ngIf=\"toolbarOptions?.background\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.align\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n </div>\n </div>\n </quill-editor>\n</ng-template>", styles: [".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding:0}:host{height:inherit;display:block}.pepperi-textarea-container ::ng-deep .mat-form-field-infix,.pep-textarea-container ::ng-deep .mat-form-field-infix{margin-left:calc(var(--pep-spacing-md, .75rem) * -1)}.pepperi-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-form-field-infix{margin-left:unset;margin-right:calc(var(--pep-spacing-md, .75rem) * -1)}.vertical-separator{display:none}\n", ".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex{padding:0}.pepperi-report-textarea ::ng-deep .mat-form-field-flex,.pep-report-textarea ::ng-deep .mat-form-field-flex{background:transparent!important}.mat-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.right-alignment quill-editor.inline-quill::ng-deep .ql-container .ql-editor{padding-right:unset;padding-left:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor.inline-quill::ng-deep .ql-container .ql-editor{width:calc(100% + 1rem);padding-right:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor ::ng-deep .ql-toolbar{display:flex;padding:0!important;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-transparent{opacity:.9}quill-editor ::ng-deep .ql-toolbar .ql-formats{margin-right:0!important;margin-bottom:.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button svg{width:1.25rem!important;float:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-stroke{stroke:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.8)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-fill{fill:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.8)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item{outline:unset!important;width:100%;height:auto;padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);display:grid}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled{box-shadow:unset;border:unset;color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:after{border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker,quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-icon-picker{width:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label{outline:none;display:grid;grid-auto-flow:column;align-items:center;line-height:1rem;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg{width:1.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;display:grid;height:inherit;justify-content:center;align-content:center}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label:before{line-height:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label svg{display:none}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-options{border-radius:var(--pep-border-radius-md, .25rem);box-sizing:content-box;padding:unset;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options{padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);width:140px}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label{border:unset}quill-editor ::ng-deep .ql-toolbar .vertical-separator{border-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)}@media (max-width: 568px){quill-editor ::ng-deep .ql-toolbar .ql-list{display:none}}@media (max-width: 599px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-underline{display:none}}@media (max-width: 460px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-image,quill-editor ::ng-deep .ql-toolbar .ql-underline,quill-editor ::ng-deep .ql-toolbar .ql-list,quill-editor ::ng-deep .ql-toolbar .ql-header{display:none}}quill-editor ::ng-deep .ql-container{height:16rem;border:unset;border-top:1px solid hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)!important}quill-editor ::ng-deep .ql-container .ql-editor{padding:var(--pep-spacing-sm, .5rem) 0}quill-editor ::ng-deep .ql-container .ql-editor.ql-blank:before{right:0;left:0}quill-editor ::ng-deep .ql-container .ql-tooltip.ql-flip{left:0!important}\n"] }]
229
+ args: [{ selector: 'pep-rich-html-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container pep-report-textarea\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': !isFormView && rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\"\n [maxFieldCharacters]=\"inlineMode && !disabled && !readonly ? maxFieldCharacters : 0\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"quillContent?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'active': active, 'ignore-disabled': disabled, 'icon-left': xAlignment === 'left' || xAlignment === 'center', 'icon-right': xAlignment === 'right' }\">\n <textarea [hidden]=\"true\" matInput [formControlName]=\"key\"></textarea>\n\n <ng-container *ngIf=\"inlineMode; then inlineBlock; else notInlineBlock\"></ng-container>\n\n <ng-template #inlineBlock>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: false}\"></ng-container>\n </ng-template>\n <ng-template #notInlineBlock>\n\n <!-- We can use the quill-view-html\n <quill-view-html class=\"body-sm rich-text-cont \"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\" [content]=\"value | pepSafeHtml\"\n theme=\"snow\" [style.height]=\"fieldHeight\"></quill-view-html> \n -->\n\n <div class=\"body-sm rich-text-cont \" [ngClass]=\"{'hide-enlarge-button': !renderEnlargeButton}\"\n [ngStyle]=\"{ 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n </ng-template>\n <pep-textbox-icon *ngIf=\"renderEnlargeButton\" matSuffix [value]=\"value\" [label]=\"label\"\n [type]=\"controlType\" [disabled]=\"disabled || readonly\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\"\n (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <mat-error>\n <span class=\"body-xs\"\n [title]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n [innerText]=\"mandatory && value.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n </mat-error>\n\n </mat-form-field>\n </div>\n </ng-template>\n\n <ng-container *ngIf=\"layoutType === 'form'\">\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: true }\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ '-webkit-line-clamp': rowSpan }\" [class]=\"'text-align-' + xAlignment\"\n (click)=\"!disabled ? cardTemplateClicked($event) : ''\" [style.height]=\"fieldHeight\">\n <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title no-shrink\" title=\"{{ label }}\">{{ label\n }}:&nbsp;</span>\n <span [id]=\"key\" class=\"body-sm value wrap\" style=\"width: 100%;\" [innerHtml]=\"value | pepSafeHtml\"></span>\n <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button self-start\"\n [ngClass]=\"{'self-end' : value && value !== ''}\" mat-button>\n <mat-icon>\n <pep-icon name=\"system_edit\">\n </pep-icon>\n </mat-icon>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"layoutType === 'table'\">\n <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n <ng-template #selectedBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #notSelectedBlock>\n <ng-container *ngIf=\"value?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\n <ng-template #notEmptyBlock>\n <div class=\"pep-textarea-card-container card-flex-container one-row\">\n <span [id]=\"key\" class=\"wrap\" [innerHtml]=\"value | pepSafeHtml\"></span>\n </div>\n </ng-template>\n <ng-template #emptyBlock>\n <span>&nbsp;</span>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>\n\n<ng-template #richTextEditorDialogTemplate>\n <div class=\"rich-text-editor-container\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak pull-right flip\">\n <mat-icon>\n <pep-icon name=\"system_close\">\n </pep-icon>\n </mat-icon>\n </button>\n <ng-container *ngTemplateOutlet=\"quilTemplate; context: {inDialog: true}\"></ng-container>\n <div mat-dialog-actions class=\" pep-border-top\">\n <div class=\"pep-spacing-element-negative\">\n <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n {{'ACTIONS.CANCEL' | translate}}\n </button>\n <button mat-button [mat-dialog-close]=\"quillContentDialog || ''\" [disabled]=\"disabled\"\n class=\"pep-spacing-element pep-button md strong \">\n {{'ACTIONS.SAVE' | translate}}\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #quilTemplate let-inDialog=\"inDialog\">\n <quill-editor id=\"{{inDialog ? 'quill-editor-dialog' : 'quill-editor-inline'}}\"\n [class]=\"inDialog ? 'dialog-quill' : 'inline-quill'\"\n [ngClass]=\"{ 'rich-text-cont': !inDialog, 'hide-enlarge-button': !renderEnlargeButton }\"\n placeholder=\"{{'RICH_TEXTAREA.HINT' | translate}}\" [ngModel]=\"inDialog ? quillContentDialog : quillContent\"\n [sanitize]=\"sanitize\" [readOnly]=\"disabled\" [maxLength]=\"maxFieldCharacters\" [required]=\"mandatory\"\n (onEditorCreated)=\"onEditorCreated($event, inDialog)\" (onContentChanged)=\"onContentChanged($event, inDialog)\"\n (onBlur)=\"onBlur($event, inDialog)\" (onFocus)=\"onFocus($event, inDialog)\" theme=\"\">\n <div *ngIf=\"!disabled\" quill-editor-toolbar>\n <div class=\"pep-spacing-element-negative\">\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.font\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-font select-arrow\">\n <option selected></option>\n <option value=\"serif\"></option>\n <option value=\"monospace\"></option>\n </select>\n <select *ngIf=\"toolbarOptions?.size\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-size select-arrow\">\n <option value=\"small\"></option>\n <option selected></option>\n <option value=\"large\"></option>\n <option value=\"huge\"></option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.header\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-header select-arrow\">\n <option value=\"1\"></option>\n <option value=\"2\"></option>\n <option value=\"3\"></option>\n <!-- \n <option value=\"4\"></option>\n <option value=\"5\"></option>\n <option value=\"6\"></option> \n -->\n <option value=\"false\" selected></option>\n </select>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.bold\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-bold\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.italic\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-italic\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.underline\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-underline\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.strike\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.link\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-link\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.image\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-image\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <button mat-button *ngIf=\"toolbarOptions?.ordered\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"ordered\"></button>\n <button mat-button *ngIf=\"toolbarOptions?.bullet\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-list\" value=\"bullet\"></button>\n </span>\n <!-- <hr class=\"vertical-separator\" /> -->\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.color\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-color\"></select>\n <select *ngIf=\"toolbarOptions?.background\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <select *ngIf=\"toolbarOptions?.align\"\n class=\"pep-spacing-element pep-button icon-button md weak ql-align\">\n <option selected></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n </div>\n </div>\n </quill-editor>\n</ng-template>", styles: [".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-mdc-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding:0}:host{height:inherit;display:block}.pepperi-textarea-container ::ng-deep .mat-form-field-infix,.pepperi-textarea-container ::ng-deep .mat-mdc-form-field-infix,.pep-textarea-container ::ng-deep .mat-form-field-infix,.pep-textarea-container ::ng-deep .mat-mdc-form-field-infix{margin-left:calc(var(--pep-spacing-md, .75rem) * -1)}.pepperi-textarea-container ::ng-deep .icon-left .mat-form-field-suffix,.pepperi-textarea-container ::ng-deep .icon-left .mat-mdc-form-field-suffix,.pep-textarea-container ::ng-deep .icon-left .mat-form-field-suffix,.pep-textarea-container ::ng-deep .icon-left .mat-mdc-form-field-suffix{position:absolute;right:1rem!important;bottom:.5rem}.pepperi-textarea-container ::ng-deep .icon-right .mat-form-field-suffix,.pepperi-textarea-container ::ng-deep .icon-right .mat-mdc-form-field-suffix,.pep-textarea-container ::ng-deep .icon-right .mat-form-field-suffix,.pep-textarea-container ::ng-deep .icon-right .mat-mdc-form-field-suffix{position:absolute;right:calc(100% - 2.5rem)!important;bottom:.5rem}.pepperi-textarea-container ::ng-deep .icon-right .ql-toolbar,.pep-textarea-container ::ng-deep .icon-right .ql-toolbar{padding-left:.4rem!important}.pepperi-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pepperi-textarea-container.right-alignment ::ng-deep .mat-mdc-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-form-field-infix,.pep-textarea-container.right-alignment ::ng-deep .mat-mdc-form-field-infix{margin-left:unset;margin-right:calc(var(--pep-spacing-md, .75rem) * -1)}.vertical-separator{display:none}\n", ".pepperi-textarea-container,.pep-textarea-container{height:inherit;display:grid;align-items:center}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{display:flex}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:unset;width:100%;height:100%;overflow:hidden;display:grid!important}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{margin:0;padding:.5rem 1.5rem .5rem 0;vertical-align:unset;resize:none;width:100%;max-width:unset;overflow-y:scroll;box-sizing:content-box}.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pepperi-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-form-field ::ng-deep .mat-mdc-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-prefix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-form-field-suffix,.pep-textarea-container .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-suffix{align-self:flex-end!important;margin-bottom:.5rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:.35rem}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix{align-self:center!important;margin-bottom:unset}.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pepperi-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-prefix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-suffix .card-one-row-icon .pep-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pepperi-button,.pep-textarea-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-suffix .card-one-row-icon .pep-button{width:1rem!important;height:1rem!important}.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pepperi-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pepperi-table-textarea ::ng-deep .mat-mdc-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-input-element,.pep-textarea-container.one-row .mat-mdc-form-field.pep-table-textarea ::ng-deep .mat-mdc-input-element{padding-top:.135rem!important}.pepperi-textarea-container .rich-text-cont,.pep-textarea-container .rich-text-cont{overflow-x:hidden;display:inline-block;vertical-align:unset;margin:0;padding:.5rem 1.5rem .5rem 0;resize:none;width:calc(100% + 3rem);max-width:unset;overflow-y:scroll;box-sizing:border-box}.pepperi-textarea-container .rich-text-cont.hide-enlarge-button,.pep-textarea-container .rich-text-cont.hide-enlarge-button{padding-inline-end:3rem}.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-container.right-alignment .rich-text-cont,.pep-textarea-container.right-alignment .rich-text-cont{padding:.5rem 0 .5rem 1.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding-left:.5rem;padding-right:.5rem}.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pepperi-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-flex .mat-mdc-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-input-element,.pep-textarea-card-container .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-input-element{padding:.25rem 1.5rem .5rem 0}.pepperi-textarea-card-container.card-flex-container,.pep-textarea-card-container.card-flex-container{height:inherit;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset;padding:.25rem;max-width:100%}.pepperi-textarea-card-container.card-flex-container.one-row .title,.pep-textarea-card-container.card-flex-container.one-row .title{padding-top:.25rem}.pepperi-textarea-card-container.card-flex-container span.value,.pep-textarea-card-container.card-flex-container span.value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:unset}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix{line-height:0!important}.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pepperi-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-form-field-infix .mat-mdc-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-input-element,.pep-textarea-card-container.one-row .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-form-field-infix .mat-mdc-input-element{padding-top:0;padding-bottom:0}.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pepperi-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-form-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-input-element,.pep-textarea-card-container.right-alignment .mat-mdc-form-field ::ng-deep .mdc-text-field .mat-mdc-input-element{padding:.25rem 0 .5rem 1.5rem}.pepperi-report-textarea ::ng-deep .mat-form-field-suffix,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-suffix,.pep-report-textarea ::ng-deep .mat-form-field-suffix,.pep-report-textarea ::ng-deep .mat-mdc-form-field-suffix{right:0!important}.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pepperi-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-form-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-form-field-flex,.pep-report-textarea.readonly ::ng-deep .mdc-text-field .mat-mdc-form-field-flex{padding:0}.pepperi-report-textarea ::ng-deep .mat-form-field-flex,.pepperi-report-textarea ::ng-deep .mat-mdc-form-field-flex,.pep-report-textarea ::ng-deep .mat-form-field-flex,.pep-report-textarea ::ng-deep .mat-mdc-form-field-flex{background:transparent!important}.mat-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-form-field.mat-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-mdc-form-field.mat-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-mdc-form-field.mat-form-field-disabled ::ng-deep .mat-mdc-form-field-flex,.mat-mdc-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-form-field-flex,.mat-mdc-form-field.mat-mdc-form-field-disabled ::ng-deep .mat-mdc-form-field-flex{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.right-alignment quill-editor.inline-quill::ng-deep .ql-container .ql-editor{padding-right:unset;padding-left:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor.inline-quill::ng-deep .ql-container .ql-editor{width:calc(100% + 1rem);padding-right:calc(var(--pep-spacing-sm, .5rem) + 1rem)}quill-editor ::ng-deep .ql-toolbar{display:flex;padding:0!important;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-transparent{opacity:.9}quill-editor ::ng-deep .ql-toolbar .ql-formats{margin-right:0!important;margin-bottom:.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats button svg{width:1.25rem!important;float:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button.ql-active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats button:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item{outline:unset!important;width:100%;height:auto;padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);display:grid}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled{box-shadow:unset;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:after{border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker:not(.ql-color-picker) .ql-picker-options .ql-picker-item:disabled:not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker{height:2.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker,quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-icon-picker{width:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label{outline:none;display:grid;grid-auto-flow:column;align-items:center;line-height:1rem;border:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label svg{width:1.5rem}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-label:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;display:grid;height:inherit;justify-content:center;align-content:center}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label:before{line-height:unset}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.select-arrow .ql-picker-label svg{display:none}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker .ql-picker-options{border-radius:var(--pep-border-radius-md, .25rem);box-sizing:content-box;padding:unset;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options{padding:var(--pep-spacing-xs, .25rem) var(--pep-spacing-sm, .5rem);width:140px}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:focus{outline:unset!important}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:hsl(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%))}quill-editor ::ng-deep .ql-toolbar .ql-formats .ql-picker.ql-expanded .ql-picker-label{border:unset}quill-editor ::ng-deep .ql-toolbar .vertical-separator{border-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)}@media (max-width: 568px){quill-editor ::ng-deep .ql-toolbar .ql-list{display:none}}@media (max-width: 599px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-underline{display:none}}@media (max-width: 460px){quill-editor ::ng-deep .ql-toolbar .ql-italic,quill-editor ::ng-deep .ql-toolbar .ql-image,quill-editor ::ng-deep .ql-toolbar .ql-underline,quill-editor ::ng-deep .ql-toolbar .ql-list,quill-editor ::ng-deep .ql-toolbar .ql-header{display:none}}quill-editor ::ng-deep .ql-container{height:16rem;border:unset;border-top:1px solid hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.24)!important}quill-editor ::ng-deep .ql-container .ql-editor{padding:var(--pep-spacing-sm, .5rem) 0}quill-editor ::ng-deep .ql-container .ql-editor.ql-blank:before{right:0;left:0}quill-editor ::ng-deep .ql-container .ql-tooltip.ql-flip{left:0!important}\n"] }]
220
230
  }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.PepDialogService }, { type: i3.PepCustomizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
221
231
  type: Input
222
232
  }], value: [{
@@ -233,6 +243,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
233
243
  type: Input
234
244
  }], xAlignment: [{
235
245
  type: Input
246
+ }], sanitize: [{
247
+ type: Input
236
248
  }], rowSpan: [{
237
249
  type: Input
238
250
  }], visible: [{
@@ -255,6 +267,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
255
267
  type: Input
256
268
  }], valueChange: [{
257
269
  type: Output
270
+ }], editorCreated: [{
271
+ type: Output
272
+ }], validationChange: [{
273
+ type: Output
258
274
  }], richTextEditorDialogTemplate: [{
259
275
  type: ViewChild,
260
276
  args: ['richTextEditorDialogTemplate', { read: TemplateRef }]
@@ -269,8 +285,8 @@ class PepRichHtmlTextareaModule {
269
285
  ]);
270
286
  }
271
287
  }
272
- PepRichHtmlTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
273
- PepRichHtmlTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaModule, declarations: [PepRichHtmlTextareaComponent], imports: [CommonModule,
288
+ PepRichHtmlTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
289
+ PepRichHtmlTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaModule, declarations: [PepRichHtmlTextareaComponent], imports: [CommonModule,
274
290
  ReactiveFormsModule,
275
291
  FormsModule,
276
292
  // Material modules,
@@ -287,7 +303,7 @@ PepRichHtmlTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0
287
303
  PepFieldTitleModule,
288
304
  PepTextboxIconModule,
289
305
  PepDialogModule], exports: [PepRichHtmlTextareaComponent] });
290
- PepRichHtmlTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaModule, imports: [CommonModule,
306
+ PepRichHtmlTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaModule, imports: [CommonModule,
291
307
  ReactiveFormsModule,
292
308
  FormsModule,
293
309
  // Material modules,
@@ -306,7 +322,7 @@ PepRichHtmlTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
306
322
  PepFieldTitleModule,
307
323
  PepTextboxIconModule,
308
324
  PepDialogModule] });
309
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichHtmlTextareaModule, decorators: [{
325
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRichHtmlTextareaModule, decorators: [{
310
326
  type: NgModule,
311
327
  args: [{
312
328
  imports: [