@pepperi-addons/ngx-lib 0.4.2-storybook.1 → 0.5.0-ng15.2
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.
- package/address/address.component.d.ts +1 -1
- package/attachment/attachment.component.d.ts +2 -1
- package/bread-crumbs/bread-crumbs.component.d.ts +1 -1
- package/bread-crumbs/bread-crumbs.model.d.ts +1 -1
- package/button/button.component.d.ts +1 -1
- package/carousel/carousel-item.directive.d.ts +1 -1
- package/carousel/carousel.component.d.ts +1 -1
- package/checkbox/checkbox.component.d.ts +2 -1
- package/chips/chips.component.d.ts +4 -5
- package/chips/chips.component.theme.scss +15 -5
- package/chips/chips.model.d.ts +2 -2
- package/chips/chips.service.d.ts +0 -3
- package/color/color-picker.component.d.ts +1 -1
- package/color/color-picker.component.theme.scss +2 -1
- package/color/color.component.d.ts +1 -1
- package/color/color.model.d.ts +1 -1
- package/core/clipboard/clipboard.directive.d.ts +1 -1
- package/core/common/directives/auto-width.directive.d.ts +1 -1
- package/core/common/directives/base-destroyer.directive.d.ts +10 -0
- package/core/common/directives/button-blur.directive.d.ts +1 -1
- package/core/common/directives/button-loader.directive.d.ts +1 -1
- package/core/common/directives/data-qa.directive.d.ts +1 -1
- package/core/common/directives/div-loader.directive.d.ts +1 -1
- package/core/common/directives/menu-blur.directive.d.ts +1 -1
- package/core/common/directives/prevent-multi-click.directive.d.ts +1 -1
- package/core/common/directives/print.directive.d.ts +1 -1
- package/core/common/directives/public-api.d.ts +1 -0
- package/core/common/pipes/common-pipes.d.ts +5 -2
- package/core/common/services/addon.service.d.ts +6 -4
- package/core/common/services/file.service.d.ts +1 -1
- package/core/common/services/utilities.service.d.ts +4 -4
- package/core/customization/customization.model.d.ts +15 -12
- package/core/customization/customization.service.d.ts +4 -0
- package/core/layout/layout.service.d.ts +1 -1
- package/core/layout/rtl.directive.d.ts +2 -2
- package/core/portal/attach.directive.d.ts +1 -1
- package/core/portal/target.directive.d.ts +1 -1
- package/date/date.component.d.ts +4 -2
- package/dialog/default-dialog.component.d.ts +1 -1
- package/dialog/dialog.component.d.ts +1 -1
- package/dialog/dialog.model.d.ts +2 -2
- package/draggable-items/draggable-item/draggable-item.component.d.ts +16 -2
- package/draggable-items/draggable-items.component.d.ts +4 -7
- package/draggable-items/draggable-items.model.d.ts +2 -2
- package/draggable-items/draggable-items.module.d.ts +4 -3
- package/esm2020/address/address.component.mjs +16 -16
- package/esm2020/address/address.module.mjs +5 -5
- package/esm2020/attachment/attachment.component.mjs +58 -49
- package/esm2020/attachment/attachment.module.mjs +5 -5
- package/esm2020/bread-crumbs/bread-crumbs.component.mjs +15 -15
- package/esm2020/bread-crumbs/bread-crumbs.module.mjs +5 -5
- package/esm2020/button/button.component.mjs +23 -23
- package/esm2020/button/button.module.mjs +5 -5
- package/esm2020/carousel/carousel-item.directive.mjs +9 -9
- package/esm2020/carousel/carousel.component.mjs +52 -52
- package/esm2020/carousel/carousel.module.mjs +5 -5
- package/esm2020/checkbox/checkbox.component.mjs +40 -31
- package/esm2020/checkbox/checkbox.module.mjs +5 -5
- package/esm2020/chips/chips.component.mjs +26 -28
- package/esm2020/chips/chips.module.mjs +5 -5
- package/esm2020/chips/chips.service.mjs +5 -14
- package/esm2020/color/color-picker.component.mjs +5 -5
- package/esm2020/color/color.component.mjs +5 -5
- package/esm2020/color/color.module.mjs +5 -5
- package/esm2020/core/clipboard/clipboard.directive.mjs +4 -4
- package/esm2020/core/clipboard/clipboard.service.mjs +4 -4
- package/esm2020/core/common/directives/auto-width.directive.mjs +4 -4
- package/esm2020/core/common/directives/base-destroyer.directive.mjs +22 -0
- package/esm2020/core/common/directives/button-blur.directive.mjs +4 -4
- package/esm2020/core/common/directives/button-loader.directive.mjs +10 -10
- package/esm2020/core/common/directives/data-qa.directive.mjs +4 -4
- package/esm2020/core/common/directives/div-loader.directive.mjs +4 -4
- package/esm2020/core/common/directives/menu-blur.directive.mjs +4 -4
- package/esm2020/core/common/directives/prevent-multi-click.directive.mjs +4 -4
- package/esm2020/core/common/directives/print.directive.mjs +4 -4
- package/esm2020/core/common/directives/public-api.mjs +2 -1
- package/esm2020/core/common/pipes/common-pipes.mjs +47 -37
- package/esm2020/core/common/pipes/date-ago.pipe.mjs +4 -4
- package/esm2020/core/common/services/addon.service.mjs +36 -12
- package/esm2020/core/common/services/color.service.mjs +4 -4
- package/esm2020/core/common/services/cookie.service.mjs +4 -4
- package/esm2020/core/common/services/data-convertor.service.mjs +6 -6
- package/esm2020/core/common/services/file.service.mjs +4 -4
- package/esm2020/core/common/services/jwt-helper.service.mjs +4 -4
- package/esm2020/core/common/services/session.service.mjs +4 -4
- package/esm2020/core/common/services/translate.service.mjs +4 -4
- package/esm2020/core/common/services/utilities.service.mjs +10 -10
- package/esm2020/core/common/services/validator.service.mjs +4 -4
- package/esm2020/core/common/services/window-scrolling.service.mjs +4 -4
- package/esm2020/core/customization/customization.model.mjs +40 -5
- package/esm2020/core/customization/customization.service.mjs +23 -4
- package/esm2020/core/http/interceptors/error.interceptor.mjs +4 -4
- package/esm2020/core/http/interceptors/loader.interceptor.mjs +4 -4
- package/esm2020/core/http/interceptors/profiler.interceptor.mjs +4 -4
- package/esm2020/core/http/services/http.service.mjs +4 -4
- package/esm2020/core/http/services/loader.service.mjs +10 -10
- package/esm2020/core/layout/layout.service.mjs +12 -12
- package/esm2020/core/layout/rtl.directive.mjs +7 -7
- package/esm2020/core/portal/attach.directive.mjs +4 -4
- package/esm2020/core/portal/portal.service.mjs +4 -4
- package/esm2020/core/portal/target.directive.mjs +4 -4
- package/esm2020/core/scroll-to/scroll-to.service.mjs +4 -4
- package/esm2020/date/date.component.mjs +81 -59
- package/esm2020/date/date.model.mjs +7 -7
- package/esm2020/date/date.module.mjs +5 -5
- package/esm2020/dialog/default-dialog.component.mjs +4 -4
- package/esm2020/dialog/dialog.component.mjs +4 -4
- package/esm2020/dialog/dialog.module.mjs +5 -5
- package/esm2020/dialog/dialog.service.mjs +4 -4
- package/esm2020/draggable-items/draggable-item/draggable-item.component.mjs +46 -6
- package/esm2020/draggable-items/draggable-items.component.mjs +21 -29
- package/esm2020/draggable-items/draggable-items.module.mjs +9 -5
- package/esm2020/field-title/field-title.component.mjs +8 -5
- package/esm2020/field-title/field-title.module.mjs +5 -5
- package/esm2020/files-uploader/files-uploader.component.mjs +12 -12
- package/esm2020/files-uploader/files-uploader.module.mjs +5 -5
- package/esm2020/form/field-generator.component.mjs +5 -5
- package/esm2020/form/form.component.mjs +30 -28
- package/esm2020/form/form.module.mjs +5 -5
- package/esm2020/form/indicators.component.mjs +4 -4
- package/esm2020/form/internal-button.component.mjs +17 -17
- package/esm2020/form/internal-carusel.component.mjs +24 -20
- package/esm2020/form/internal-carusel.service.mjs +4 -4
- package/esm2020/form/internal-field-generator.component.mjs +5 -5
- package/esm2020/form/internal-form.component.mjs +30 -28
- package/esm2020/form/internal-list.component.mjs +7 -7
- package/esm2020/form/internal-menu.component.mjs +6 -8
- package/esm2020/form/internal-page.component.mjs +4 -4
- package/esm2020/form/internal-page.service.mjs +4 -4
- package/esm2020/group-buttons/group-buttons.component.mjs +5 -5
- package/esm2020/group-buttons/group-buttons.module.mjs +5 -5
- package/esm2020/icon/icon-registry.service.mjs +4 -4
- package/esm2020/icon/icon.component.mjs +11 -11
- package/esm2020/icon/icon.module.mjs +5 -5
- package/esm2020/icon/icon.service.mjs +4 -4
- package/esm2020/image/image.component.mjs +52 -43
- package/esm2020/image/image.module.mjs +5 -5
- package/esm2020/image/image.service.mjs +4 -4
- package/esm2020/images-filmstrip/images-filmstrip.component.mjs +26 -25
- package/esm2020/images-filmstrip/images-filmstrip.module.mjs +5 -5
- package/esm2020/link/link.component.mjs +65 -50
- package/esm2020/link/link.module.mjs +5 -5
- package/esm2020/link/link.pipes.mjs +4 -4
- package/esm2020/list/list-actions.component.mjs +6 -6
- package/esm2020/list/list-carousel.component.mjs +20 -20
- package/esm2020/list/list-chooser.component.mjs +6 -6
- package/esm2020/list/list-pager.component.mjs +12 -12
- package/esm2020/list/list-sorting.component.mjs +6 -6
- package/esm2020/list/list-total.component.mjs +9 -6
- package/esm2020/list/list-views.component.mjs +6 -6
- package/esm2020/list/list.component.mjs +151 -72
- package/esm2020/list/list.module.mjs +5 -5
- package/esm2020/list/list.pipes.mjs +7 -7
- package/esm2020/list/virtual-scroller.mjs +58 -58
- package/esm2020/menu/menu-item.component.mjs +5 -5
- package/esm2020/menu/menu.component.mjs +15 -12
- package/esm2020/menu/menu.model.mjs +2 -1
- package/esm2020/menu/menu.module.mjs +5 -5
- package/esm2020/ngx-lib.module.mjs +5 -5
- package/esm2020/page-layout/page-layout.component.mjs +4 -4
- package/esm2020/page-layout/page-layout.module.mjs +5 -5
- package/esm2020/profile-data-views-list/profile-data-view/profile-data-view.component.mjs +4 -4
- package/esm2020/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.mjs +27 -11
- package/esm2020/profile-data-views-list/profile-data-views-list.component.mjs +70 -38
- package/esm2020/profile-data-views-list/profile-data-views-list.model.mjs +1 -1
- package/esm2020/profile-data-views-list/profile-data-views-list.module.mjs +5 -5
- package/esm2020/quantity-selector/quantity-selector-validation.directive.mjs +4 -4
- package/esm2020/quantity-selector/quantity-selector.component.mjs +102 -89
- package/esm2020/quantity-selector/quantity-selector.module.mjs +5 -5
- package/esm2020/quantity-selector/quantity-selector.pipes.mjs +4 -4
- package/esm2020/query-builder/common/model/legacy.mjs +1 -1
- package/esm2020/query-builder/common/model/operator.mjs +72 -62
- package/esm2020/query-builder/common/services/output-query.service.mjs +8 -6
- package/esm2020/query-builder/common/services/query-structure.service.mjs +37 -5
- package/esm2020/query-builder/common/services/type-convertor.service.mjs +10 -10
- package/esm2020/query-builder/query-builder-item/query-builder-item.component.mjs +25 -23
- package/esm2020/query-builder/query-builder-section/query-builder-section.component.mjs +5 -5
- package/esm2020/query-builder/query-builder.component.mjs +19 -19
- package/esm2020/query-builder/query-builder.module.mjs +17 -6
- package/esm2020/query-builder/query-builder.service.mjs +5 -5
- package/esm2020/remote-loader/addon-block-loader.component.mjs +45 -35
- package/esm2020/remote-loader/addon-block-loader.service.mjs +8 -5
- package/esm2020/remote-loader/remote-loader-element.component.mjs +81 -26
- package/esm2020/remote-loader/remote-loader.component.mjs +13 -13
- package/esm2020/remote-loader/remote-loader.model.mjs +1 -1
- package/esm2020/remote-loader/remote-loader.module.mjs +5 -5
- package/esm2020/remote-loader/remote-loader.service.mjs +38 -15
- package/esm2020/rich-html-textarea/rich-html-textarea.component.mjs +52 -36
- package/esm2020/rich-html-textarea/rich-html-textarea.module.mjs +5 -5
- package/esm2020/search/search.component.mjs +35 -35
- package/esm2020/search/search.module.mjs +5 -5
- package/esm2020/select/select.component.mjs +89 -45
- package/esm2020/select/select.module.mjs +5 -5
- package/esm2020/select-panel/select-panel.component.mjs +26 -28
- package/esm2020/select-panel/select-panel.module.mjs +5 -5
- package/esm2020/separator/separator.component.mjs +16 -16
- package/esm2020/separator/separator.module.mjs +5 -5
- package/esm2020/side-bar/side-bar.component.mjs +29 -15
- package/esm2020/side-bar/side-bar.module.mjs +5 -5
- package/esm2020/signature/signature-dialog.component.mjs +4 -4
- package/esm2020/signature/signature.component.mjs +41 -32
- package/esm2020/signature/signature.module.mjs +5 -5
- package/esm2020/size-detector/size-detector.component.mjs +15 -13
- package/esm2020/size-detector/size-detector.module.mjs +5 -5
- package/esm2020/skeleton-loader/public-api.mjs +2 -2
- package/esm2020/skeleton-loader/skeleton-loader.component.mjs +5 -5
- package/esm2020/skeleton-loader/skeleton-loader.module.mjs +5 -5
- package/esm2020/slider/slider.component.mjs +21 -21
- package/esm2020/slider/slider.module.mjs +5 -5
- package/esm2020/smart-filters/boolean-filter/boolean-filter.component.mjs +4 -4
- package/esm2020/smart-filters/common/filter-actions.component.mjs +4 -4
- package/esm2020/smart-filters/common/model/base-filter-component.mjs +28 -34
- package/esm2020/smart-filters/common/model/field.mjs +7 -7
- package/esm2020/smart-filters/common/model/operator.mjs +15 -6
- package/esm2020/smart-filters/common/model/type.mjs +1 -1
- package/esm2020/smart-filters/date-filter/date-filter.component.mjs +4 -4
- package/esm2020/smart-filters/multi-select-filter/multi-select-filter.component.mjs +5 -5
- package/esm2020/smart-filters/number-filter/number-filter.component.mjs +4 -4
- package/esm2020/smart-filters/smart-filters.component.mjs +19 -19
- package/esm2020/smart-filters/smart-filters.module.mjs +5 -5
- package/esm2020/smart-filters/text-filter/text-filter.component.mjs +29 -9
- package/esm2020/snack-bar/default-snack-bar.component.mjs +4 -4
- package/esm2020/snack-bar/snack-bar.component.mjs +4 -4
- package/esm2020/snack-bar/snack-bar.module.mjs +5 -5
- package/esm2020/snack-bar/snack-bar.service.mjs +4 -4
- package/esm2020/textarea/textarea.component.mjs +40 -31
- package/esm2020/textarea/textarea.module.mjs +5 -5
- package/esm2020/textbox/textbox-validation.directive.mjs +5 -5
- package/esm2020/textbox/textbox.component.mjs +171 -115
- package/esm2020/textbox/textbox.module.mjs +5 -5
- package/esm2020/textbox-icon/textbox-icon.component.mjs +4 -4
- package/esm2020/textbox-icon/textbox-icon.module.mjs +5 -5
- package/esm2020/top-bar/top-bar.component.mjs +5 -5
- package/esm2020/top-bar/top-bar.module.mjs +5 -5
- package/fesm2015/pepperi-addons-ngx-lib-address.mjs +19 -19
- package/fesm2015/pepperi-addons-ngx-lib-address.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-attachment.mjs +61 -52
- package/fesm2015/pepperi-addons-ngx-lib-attachment.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-bread-crumbs.mjs +18 -18
- package/fesm2015/pepperi-addons-ngx-lib-bread-crumbs.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-button.mjs +26 -26
- package/fesm2015/pepperi-addons-ngx-lib-button.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-carousel.mjs +63 -63
- package/fesm2015/pepperi-addons-ngx-lib-carousel.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-checkbox.mjs +43 -34
- package/fesm2015/pepperi-addons-ngx-lib-checkbox.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-chips.mjs +33 -44
- package/fesm2015/pepperi-addons-ngx-lib-chips.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-color.mjs +12 -12
- package/fesm2015/pepperi-addons-ngx-lib-color.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-date.mjs +91 -68
- package/fesm2015/pepperi-addons-ngx-lib-date.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-dialog.mjs +13 -13
- package/fesm2015/pepperi-addons-ngx-lib-dialog.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-draggable-items.mjs +75 -40
- package/fesm2015/pepperi-addons-ngx-lib-draggable-items.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-field-title.mjs +11 -8
- package/fesm2015/pepperi-addons-ngx-lib-field-title.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-files-uploader.mjs +15 -15
- package/fesm2015/pepperi-addons-ngx-lib-files-uploader.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-form.mjs +132 -126
- package/fesm2015/pepperi-addons-ngx-lib-form.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-group-buttons.mjs +8 -8
- package/fesm2015/pepperi-addons-ngx-lib-group-buttons.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-icon.mjs +20 -20
- package/fesm2015/pepperi-addons-ngx-lib-icon.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-image.mjs +58 -49
- package/fesm2015/pepperi-addons-ngx-lib-image.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-images-filmstrip.mjs +29 -28
- package/fesm2015/pepperi-addons-ngx-lib-images-filmstrip.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-link.mjs +71 -56
- package/fesm2015/pepperi-addons-ngx-lib-link.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-list.mjs +276 -192
- package/fesm2015/pepperi-addons-ngx-lib-list.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-menu.mjs +23 -19
- package/fesm2015/pepperi-addons-ngx-lib-menu.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-page-layout.mjs +7 -7
- package/fesm2015/pepperi-addons-ngx-lib-page-layout.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-profile-data-views-list.mjs +102 -54
- package/fesm2015/pepperi-addons-ngx-lib-profile-data-views-list.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-quantity-selector.mjs +110 -97
- package/fesm2015/pepperi-addons-ngx-lib-quantity-selector.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-query-builder.mjs +191 -132
- package/fesm2015/pepperi-addons-ngx-lib-query-builder.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-remote-loader.mjs +197 -108
- package/fesm2015/pepperi-addons-ngx-lib-remote-loader.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-rich-html-textarea.mjs +55 -39
- package/fesm2015/pepperi-addons-ngx-lib-rich-html-textarea.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-search.mjs +38 -38
- package/fesm2015/pepperi-addons-ngx-lib-search.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-select-panel.mjs +29 -31
- package/fesm2015/pepperi-addons-ngx-lib-select-panel.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-select.mjs +92 -48
- package/fesm2015/pepperi-addons-ngx-lib-select.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-separator.mjs +19 -19
- package/fesm2015/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-side-bar.mjs +32 -18
- package/fesm2015/pepperi-addons-ngx-lib-side-bar.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-signature.mjs +48 -38
- package/fesm2015/pepperi-addons-ngx-lib-signature.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-size-detector.mjs +18 -16
- package/fesm2015/pepperi-addons-ngx-lib-size-detector.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-skeleton-loader.mjs +9 -9
- package/fesm2015/pepperi-addons-ngx-lib-skeleton-loader.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-slider.mjs +24 -24
- package/fesm2015/pepperi-addons-ngx-lib-slider.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-smart-filters.mjs +114 -91
- package/fesm2015/pepperi-addons-ngx-lib-smart-filters.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-snack-bar.mjs +13 -13
- package/fesm2015/pepperi-addons-ngx-lib-snack-bar.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-textarea.mjs +43 -34
- package/fesm2015/pepperi-addons-ngx-lib-textarea.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-textbox-icon.mjs +7 -7
- package/fesm2015/pepperi-addons-ngx-lib-textbox-icon.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-textbox.mjs +181 -123
- package/fesm2015/pepperi-addons-ngx-lib-textbox.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-top-bar.mjs +8 -8
- package/fesm2015/pepperi-addons-ngx-lib-top-bar.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib.mjs +760 -653
- package/fesm2015/pepperi-addons-ngx-lib.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-address.mjs +19 -19
- package/fesm2020/pepperi-addons-ngx-lib-address.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-attachment.mjs +61 -52
- package/fesm2020/pepperi-addons-ngx-lib-attachment.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-bread-crumbs.mjs +18 -18
- package/fesm2020/pepperi-addons-ngx-lib-bread-crumbs.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-button.mjs +26 -26
- package/fesm2020/pepperi-addons-ngx-lib-button.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-carousel.mjs +63 -63
- package/fesm2020/pepperi-addons-ngx-lib-carousel.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-checkbox.mjs +43 -34
- package/fesm2020/pepperi-addons-ngx-lib-checkbox.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-chips.mjs +33 -44
- package/fesm2020/pepperi-addons-ngx-lib-chips.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-color.mjs +12 -12
- package/fesm2020/pepperi-addons-ngx-lib-color.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-date.mjs +90 -68
- package/fesm2020/pepperi-addons-ngx-lib-date.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-dialog.mjs +13 -13
- package/fesm2020/pepperi-addons-ngx-lib-dialog.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-draggable-items.mjs +74 -39
- package/fesm2020/pepperi-addons-ngx-lib-draggable-items.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-field-title.mjs +11 -8
- package/fesm2020/pepperi-addons-ngx-lib-field-title.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-files-uploader.mjs +15 -15
- package/fesm2020/pepperi-addons-ngx-lib-files-uploader.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-form.mjs +132 -126
- package/fesm2020/pepperi-addons-ngx-lib-form.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-group-buttons.mjs +8 -8
- package/fesm2020/pepperi-addons-ngx-lib-group-buttons.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-icon.mjs +20 -20
- package/fesm2020/pepperi-addons-ngx-lib-icon.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-image.mjs +58 -49
- package/fesm2020/pepperi-addons-ngx-lib-image.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-images-filmstrip.mjs +29 -28
- package/fesm2020/pepperi-addons-ngx-lib-images-filmstrip.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-link.mjs +71 -56
- package/fesm2020/pepperi-addons-ngx-lib-link.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-list.mjs +274 -192
- package/fesm2020/pepperi-addons-ngx-lib-list.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-menu.mjs +23 -19
- package/fesm2020/pepperi-addons-ngx-lib-menu.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-page-layout.mjs +7 -7
- package/fesm2020/pepperi-addons-ngx-lib-page-layout.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-profile-data-views-list.mjs +102 -54
- package/fesm2020/pepperi-addons-ngx-lib-profile-data-views-list.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-quantity-selector.mjs +110 -97
- package/fesm2020/pepperi-addons-ngx-lib-quantity-selector.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-query-builder.mjs +187 -131
- package/fesm2020/pepperi-addons-ngx-lib-query-builder.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs +184 -93
- package/fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-rich-html-textarea.mjs +55 -39
- package/fesm2020/pepperi-addons-ngx-lib-rich-html-textarea.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-search.mjs +38 -38
- package/fesm2020/pepperi-addons-ngx-lib-search.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-select-panel.mjs +29 -31
- package/fesm2020/pepperi-addons-ngx-lib-select-panel.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-select.mjs +92 -48
- package/fesm2020/pepperi-addons-ngx-lib-select.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-separator.mjs +19 -19
- package/fesm2020/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-side-bar.mjs +32 -18
- package/fesm2020/pepperi-addons-ngx-lib-side-bar.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-signature.mjs +47 -38
- package/fesm2020/pepperi-addons-ngx-lib-signature.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-size-detector.mjs +18 -16
- package/fesm2020/pepperi-addons-ngx-lib-size-detector.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-skeleton-loader.mjs +9 -9
- package/fesm2020/pepperi-addons-ngx-lib-skeleton-loader.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-slider.mjs +24 -24
- package/fesm2020/pepperi-addons-ngx-lib-slider.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-smart-filters.mjs +114 -91
- package/fesm2020/pepperi-addons-ngx-lib-smart-filters.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-snack-bar.mjs +13 -13
- package/fesm2020/pepperi-addons-ngx-lib-snack-bar.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-textarea.mjs +43 -34
- package/fesm2020/pepperi-addons-ngx-lib-textarea.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-textbox-icon.mjs +7 -7
- package/fesm2020/pepperi-addons-ngx-lib-textbox-icon.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-textbox.mjs +179 -123
- package/fesm2020/pepperi-addons-ngx-lib-textbox.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-top-bar.mjs +8 -8
- package/fesm2020/pepperi-addons-ngx-lib-top-bar.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib.mjs +780 -674
- package/fesm2020/pepperi-addons-ngx-lib.mjs.map +1 -1
- package/field-title/field-title.component.d.ts +2 -1
- package/files-uploader/files-uploader.component.d.ts +1 -1
- package/form/field-generator.component.d.ts +1 -1
- package/form/form.component.d.ts +1 -1
- package/form/indicators.component.d.ts +1 -1
- package/form/internal-button.component.d.ts +1 -1
- package/form/internal-carusel.component.d.ts +2 -1
- package/form/internal-field-generator.component.d.ts +1 -1
- package/form/internal-form.component.d.ts +1 -1
- package/form/internal-list.component.d.ts +2 -2
- package/form/internal-menu.component.d.ts +1 -2
- package/form/internal-page.component.d.ts +1 -1
- package/group-buttons/group-buttons.component.d.ts +2 -2
- package/icon/icon-generated.model.d.ts +2 -2
- package/icon/icon.component.d.ts +1 -1
- package/image/image.component.d.ts +2 -1
- package/image/image.component.theme.scss +4 -2
- package/images-filmstrip/images-filmstrip.component.d.ts +1 -1
- package/link/link.component.d.ts +4 -1
- package/list/list-actions.component.d.ts +1 -1
- package/list/list-carousel.component.d.ts +2 -2
- package/list/list-chooser.component.d.ts +1 -1
- package/list/list-pager.component.d.ts +1 -1
- package/list/list-sorting.component.d.ts +1 -1
- package/list/list-total.component.d.ts +2 -1
- package/list/list-views.component.d.ts +2 -2
- package/list/list.component.d.ts +9 -3
- package/list/list.model.d.ts +6 -6
- package/list/virtual-scroller.d.ts +2 -2
- package/menu/menu-item.component.d.ts +1 -1
- package/menu/menu.component.d.ts +2 -1
- package/menu/menu.model.d.ts +4 -3
- package/package.json +11 -11
- package/page-layout/page-layout.component.d.ts +1 -1
- package/profile-data-views-list/profile-data-view/profile-data-view.component.d.ts +4 -4
- package/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.d.ts +5 -4
- package/profile-data-views-list/profile-data-views-list.component.d.ts +13 -10
- package/profile-data-views-list/profile-data-views-list.model.d.ts +8 -0
- package/quantity-selector/quantity-selector-validation.directive.d.ts +1 -1
- package/quantity-selector/quantity-selector.component.d.ts +8 -9
- package/quantity-selector/quantity-selector.component.theme.scss +12 -6
- package/query-builder/common/model/legacy.d.ts +2 -0
- package/query-builder/common/model/operator.d.ts +11 -1
- package/query-builder/common/services/query-structure.service.d.ts +1 -0
- package/query-builder/query-builder-item/query-builder-item.component.d.ts +4 -2
- package/query-builder/query-builder-section/query-builder-section.component.d.ts +1 -1
- package/query-builder/query-builder.component.d.ts +1 -1
- package/query-builder/query-builder.module.d.ts +7 -3
- package/remote-loader/addon-block-loader.component.d.ts +4 -2
- package/remote-loader/remote-loader-element.component.d.ts +9 -2
- package/remote-loader/remote-loader.component.d.ts +1 -1
- package/remote-loader/remote-loader.model.d.ts +3 -2
- package/remote-loader/remote-loader.service.d.ts +2 -0
- package/rich-html-textarea/rich-html-textarea.component.d.ts +4 -1
- package/rich-html-textarea/rich-html-textarea.component.theme.scss +8 -5
- package/search/search.component.d.ts +1 -1
- package/search/search.model.d.ts +4 -4
- package/select/select.component.d.ts +9 -1
- package/select/select.component.theme.scss +22 -11
- package/select-panel/select-panel.component.d.ts +1 -2
- package/select-panel/select-panel.component.theme.scss +0 -2
- package/separator/separator.component.d.ts +1 -1
- package/side-bar/side-bar.component.d.ts +4 -1
- package/side-bar/side-bar.model.d.ts +1 -1
- package/signature/signature-dialog.component.d.ts +2 -2
- package/signature/signature.component.d.ts +2 -1
- package/size-detector/size-detector.component.d.ts +1 -1
- package/skeleton-loader/skeleton-loader.component.d.ts +4 -4
- package/slider/slider.component.d.ts +1 -1
- package/slider/slider.component.theme.scss +15 -5
- package/smart-filters/boolean-filter/boolean-filter.component.d.ts +4 -1
- package/smart-filters/common/filter-actions.component.d.ts +1 -1
- package/smart-filters/common/model/base-filter-component.d.ts +3 -5
- package/smart-filters/common/model/operator.d.ts +3 -0
- package/smart-filters/common/model/type.d.ts +4 -4
- package/smart-filters/date-filter/date-filter.component.d.ts +4 -1
- package/smart-filters/multi-select-filter/multi-select-filter.component.d.ts +4 -1
- package/smart-filters/number-filter/number-filter.component.d.ts +4 -1
- package/smart-filters/smart-filters.component.d.ts +1 -1
- package/smart-filters/text-filter/text-filter.component.d.ts +5 -1
- package/snack-bar/default-snack-bar.component.d.ts +1 -1
- package/snack-bar/snack-bar.component.d.ts +1 -1
- package/src/assets/i18n/ar.ngx-lib.json +180 -0
- package/src/assets/i18n/de.ngx-lib.json +106 -4
- package/src/assets/i18n/en.ngx-lib.json +10 -3
- package/src/assets/i18n/es.ngx-lib.json +113 -11
- package/src/assets/i18n/fr.ngx-lib.json +105 -4
- package/src/assets/i18n/he.ngx-lib.json +105 -4
- package/src/assets/i18n/it.ngx-lib.json +114 -13
- package/src/assets/i18n/ja.ngx-lib.json +105 -4
- package/src/assets/i18n/pl.ngx-lib.json +105 -4
- package/src/assets/i18n/pt.ngx-lib.json +105 -4
- package/src/assets/i18n/sr.ngx-lib.json +180 -0
- package/src/assets/i18n/zh.ngx-lib.json +105 -2
- package/src/core/style/abstracts/mixins.scss +157 -37
- package/src/core/style/abstracts/variables.scss +10 -1
- package/src/core/style/base/Spacing.stories.mdx +22 -22
- package/src/core/style/base/base.scss +219 -117
- package/src/core/style/base/typography.scss +2 -1
- package/src/core/style/components/button.scss +52 -19
- package/src/core/style/components/checkbox.scss +132 -128
- package/src/core/style/components/file.scss +13 -9
- package/src/core/style/components/general.scss +149 -65
- package/src/core/style/components/radio-button.scss +50 -23
- package/src/core/style/components/textarea.scss +69 -30
- package/textarea/textarea.component.d.ts +2 -1
- package/textbox/textbox-validation.directive.d.ts +1 -1
- package/textbox/textbox.component.d.ts +4 -1
- package/textbox-icon/textbox-icon.component.d.ts +1 -1
- package/theming-offline.scss +2 -1
- package/theming.scss +7 -2
- package/top-bar/top-bar.component.d.ts +1 -1
- package/top-bar/top-bar.model.d.ts +1 -1
- 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: "
|
|
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 }}: </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> </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: "
|
|
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 }}: </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> </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 }}: </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> </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 }}: </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> </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: "
|
|
273
|
-
PepRichHtmlTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
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: [
|