@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
|
@@ -28,6 +28,32 @@ import * as i5 from '@angular/cdk/bidi';
|
|
|
28
28
|
import * as i13 from '@ngx-translate/core';
|
|
29
29
|
|
|
30
30
|
class PepTextareaComponent {
|
|
31
|
+
set rowSpan(value) {
|
|
32
|
+
this._rowSpan = value;
|
|
33
|
+
this.setFieldHeight();
|
|
34
|
+
}
|
|
35
|
+
get rowSpan() {
|
|
36
|
+
return this._rowSpan;
|
|
37
|
+
}
|
|
38
|
+
set visible(visible) {
|
|
39
|
+
this._visible = visible;
|
|
40
|
+
if (visible) {
|
|
41
|
+
this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.renderer.addClass(this.element.nativeElement, 'hidden-element');
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
get visible() {
|
|
48
|
+
return this._visible;
|
|
49
|
+
}
|
|
50
|
+
set layoutType(value) {
|
|
51
|
+
this._layoutType = value;
|
|
52
|
+
this.setFieldHeight();
|
|
53
|
+
}
|
|
54
|
+
get layoutType() {
|
|
55
|
+
return this._layoutType;
|
|
56
|
+
}
|
|
31
57
|
constructor(dialogService, customizationService, renderer, element) {
|
|
32
58
|
this.dialogService = dialogService;
|
|
33
59
|
this.customizationService = customizationService;
|
|
@@ -52,36 +78,11 @@ class PepTextareaComponent {
|
|
|
52
78
|
this._layoutType = 'form';
|
|
53
79
|
this.valueChange = new EventEmitter();
|
|
54
80
|
this.keyup = new EventEmitter();
|
|
81
|
+
this.validationChange = new EventEmitter();
|
|
55
82
|
this.fieldHeight = '';
|
|
56
83
|
this.standAlone = false;
|
|
57
84
|
this.isInEditMode = false;
|
|
58
85
|
}
|
|
59
|
-
set rowSpan(value) {
|
|
60
|
-
this._rowSpan = value;
|
|
61
|
-
this.setFieldHeight();
|
|
62
|
-
}
|
|
63
|
-
get rowSpan() {
|
|
64
|
-
return this._rowSpan;
|
|
65
|
-
}
|
|
66
|
-
set visible(visible) {
|
|
67
|
-
this._visible = visible;
|
|
68
|
-
if (visible) {
|
|
69
|
-
this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.renderer.addClass(this.element.nativeElement, 'hidden-element');
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
get visible() {
|
|
76
|
-
return this._visible;
|
|
77
|
-
}
|
|
78
|
-
set layoutType(value) {
|
|
79
|
-
this._layoutType = value;
|
|
80
|
-
this.setFieldHeight();
|
|
81
|
-
}
|
|
82
|
-
get layoutType() {
|
|
83
|
-
return this._layoutType;
|
|
84
|
-
}
|
|
85
86
|
setFieldHeight() {
|
|
86
87
|
this.fieldHeight = this.customizationService.calculateFieldHeight(this.layoutType, this.rowSpan, this.standAlone);
|
|
87
88
|
}
|
|
@@ -131,6 +132,12 @@ class PepTextareaComponent {
|
|
|
131
132
|
if (value !== this.value) {
|
|
132
133
|
this.value = value;
|
|
133
134
|
this.customizationService.updateFormFieldValue(this.form, this.key, value);
|
|
135
|
+
// Raise this only for stand alone fields, If false then the usage for this field is inside a form.
|
|
136
|
+
// Then the form will take care of raising the (onFormValidationChanged) event
|
|
137
|
+
if (this.standAlone) {
|
|
138
|
+
const isValid = (this.disabled || this.readonly) ? true : this.form.valid;
|
|
139
|
+
this.validationChange.emit(isValid);
|
|
140
|
+
}
|
|
134
141
|
this.valueChange.emit(value);
|
|
135
142
|
}
|
|
136
143
|
}
|
|
@@ -154,11 +161,11 @@ class PepTextareaComponent {
|
|
|
154
161
|
(_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close(data);
|
|
155
162
|
}
|
|
156
163
|
}
|
|
157
|
-
PepTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
158
|
-
PepTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepTextareaComponent, selector: "pep-textarea", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", textColor: "textColor", xAlignment: "xAlignment", rowSpan: "rowSpan", visible: "visible", form: "form", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", layoutType: "layoutType" }, outputs: { valueChange: "valueChange", keyup: "keyup" }, viewQueries: [{ propertyName: "textAreaDialogTemplate", first: true, predicate: ["textAreaDialogTemplate"], 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\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\" [maxFieldCharacters]=\"disabled || readonly ? 0 : maxFieldCharacters\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"input.value?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table' }\">\n <textarea #input [hidden]=\"readonly\" [id]=\"key\" class=\"body-sm\" matInput (blur)=\"onBlur($event)\"\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" [style.height]=\"fieldHeight\"\n (keyup)=\"onKeyup($event)\">\n </textarea>\n <div *ngIf=\"readonly\" class=\"body-sm disable-text-div\" title=\"{{ value }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n <!-- <pep-textbox-icon *ngIf=\"xAlignment == 'right'\" matPrefix [value]=\"value\" [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon> -->\n <pep-textbox-icon matSuffix [value]=\"value\" [label]=\"label\" [type]=\"controlType\"\n [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 </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 <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n <ng-template #editBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #readOnlyBlock>\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ color: textColor, '-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\" title=\"{{ value }}\" class=\"body-sm value wrap\">{{ value }}</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-template>\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 <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n class=\"pep-report-textarea\" [ngClass]=\"{ readonly: disabled }\">\n <input matInput [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{ readonly: disabled}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left' }\"\n title=\"{{ value }}\" [formControlName]=\"key\" type=\"text\" [value]=\"value\" [disabled]=\"true\" />\n <pep-textbox-icon *ngIf=\"disabled && xAlignment == 'right'\" matPrefix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <pep-textbox-icon *ngIf=\"disabled && (xAlignment == 'left')\" matSuffix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n </mat-form-field>\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 #textAreaDialogTemplate>\n <pep-dialog class=\"dialog-textarea-container\" [title]=\"label\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <!-- <textarea #dialogTextarea [readonly]=\"disabled || readonly\">{{ value }}</textarea> -->\n <textarea #dialogTextarea [readonly]=\"disabled || readonly\" class=\"body-sm\" matInput\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" >\n </textarea>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <ng-container *ngIf=\"disabled || readonly; then notEditableBlock; else editableBlock\">\n </ng-container>\n <ng-template #editableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CANCEL' | translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"closeDialog(dialogTextarea.value)\">\n {{ 'ACTIONS.SAVE' | translate }}\n </button>\n </ng-template>\n <ng-template #notEditableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CLOSE' | translate }}\n </button>\n </ng-template>\n </div>\n </pep-dialog>\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:grid}:host>*{align-self:center}.disable-text-div{display:inline-block;vertical-align:middle;margin:0;padding:.5rem 1.5rem .5rem 0;overflow-y:hidden;white-space:pre-wrap}.right-alignment .disable-text-div{padding:.5rem 0 .5rem 1.5rem}.dialog-textarea-container textarea{border:none;resize:none;width:25rem;height:13rem}.dialog-textarea-container textarea:focus{outline: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}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6.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: i7.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i8.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i11.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i12.PepTextboxIconComponent, selector: "pep-textbox-icon", inputs: ["value", "label", "type", "disabled"], outputs: ["iconClick"] }, { kind: "component", type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "pipe", type: i2.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
164
|
+
PepTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaComponent, deps: [{ token: i1.PepDialogService }, { token: i2.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
165
|
+
PepTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepTextareaComponent, selector: "pep-textarea", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", textColor: "textColor", xAlignment: "xAlignment", rowSpan: "rowSpan", visible: "visible", form: "form", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", layoutType: "layoutType" }, outputs: { valueChange: "valueChange", keyup: "keyup", validationChange: "validationChange" }, viewQueries: [{ propertyName: "textAreaDialogTemplate", first: true, predicate: ["textAreaDialogTemplate"], 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\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\" [maxFieldCharacters]=\"disabled || readonly ? 0 : maxFieldCharacters\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"input.value?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'icon-left': xAlignment === 'left' || xAlignment === 'center', 'icon-right': xAlignment === 'right' }\">\n <textarea #input [hidden]=\"readonly\" [id]=\"key\" class=\"body-sm\" matInput (blur)=\"onBlur($event)\"\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" [style.height]=\"fieldHeight\"\n (keyup)=\"onKeyup($event)\">\n </textarea>\n <div *ngIf=\"readonly\" class=\"body-sm disable-text-div\" title=\"{{ value }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n <!-- <pep-textbox-icon *ngIf=\"xAlignment == 'right'\" matPrefix [value]=\"value\" [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon> -->\n <pep-textbox-icon matSuffix [value]=\"value\" [label]=\"label\" [type]=\"controlType\"\n [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 </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 <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n <ng-template #editBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #readOnlyBlock>\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ color: textColor, '-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\" title=\"{{ value }}\" class=\"body-sm value wrap\">{{ value }}</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-template>\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 <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n class=\"pep-report-textarea\" [ngClass]=\"{ readonly: disabled }\">\n <input matInput [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{ readonly: disabled}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left' }\"\n title=\"{{ value }}\" [formControlName]=\"key\" type=\"text\" [value]=\"value\" [disabled]=\"true\" />\n <pep-textbox-icon *ngIf=\"disabled && xAlignment == 'right'\" matPrefix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <pep-textbox-icon *ngIf=\"disabled && (xAlignment == 'left')\" matSuffix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n </mat-form-field>\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 #textAreaDialogTemplate>\n <pep-dialog class=\"dialog-textarea-container\" [title]=\"label\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content [formGroup]=\"form\">\n <!-- <textarea #dialogTextarea [readonly]=\"disabled || readonly\">{{ value }}</textarea> -->\n <textarea #dialogTextarea [readonly]=\"disabled || readonly\" class=\"body-sm\" matInput\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" >\n </textarea>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <ng-container *ngIf=\"disabled || readonly; then notEditableBlock; else editableBlock\">\n </ng-container>\n <ng-template #editableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CANCEL' | translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"closeDialog(dialogTextarea.value)\">\n {{ 'ACTIONS.SAVE' | translate }}\n </button>\n </ng-template>\n <ng-template #notEditableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CLOSE' | translate }}\n </button>\n </ng-template>\n </div>\n </pep-dialog>\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:grid}:host>*{align-self:center}.disable-text-div{display:inline-block;vertical-align:middle;margin:0;padding:.5rem 1.5rem .5rem 0;overflow-y:hidden;white-space:pre-wrap}.right-alignment .disable-text-div{padding:.5rem 0 .5rem 1.5rem}.dialog-textarea-container textarea{border:none;resize:none;width:25rem;height:13rem}.dialog-textarea-container textarea:focus{outline:none}.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}.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}\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}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6.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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i11.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i12.PepTextboxIconComponent, selector: "pep-textbox-icon", inputs: ["value", "label", "type", "disabled"], outputs: ["iconClick"] }, { kind: "component", type: i1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "pipe", type: i2.PepSafeHtmlPipe, name: "pepSafeHtml" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaComponent, decorators: [{
|
|
160
167
|
type: Component,
|
|
161
|
-
args: [{ selector: 'pep-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\" [maxFieldCharacters]=\"disabled || readonly ? 0 : maxFieldCharacters\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"input.value?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table' }\">\n <textarea #input [hidden]=\"readonly\" [id]=\"key\" class=\"body-sm\" matInput (blur)=\"onBlur($event)\"\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" [style.height]=\"fieldHeight\"\n (keyup)=\"onKeyup($event)\">\n </textarea>\n <div *ngIf=\"readonly\" class=\"body-sm disable-text-div\" title=\"{{ value }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n <!-- <pep-textbox-icon *ngIf=\"xAlignment == 'right'\" matPrefix [value]=\"value\" [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon> -->\n <pep-textbox-icon matSuffix [value]=\"value\" [label]=\"label\" [type]=\"controlType\"\n [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 </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 <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n <ng-template #editBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #readOnlyBlock>\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ color: textColor, '-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\" title=\"{{ value }}\" class=\"body-sm value wrap\">{{ value }}</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-template>\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 <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n class=\"pep-report-textarea\" [ngClass]=\"{ readonly: disabled }\">\n <input matInput [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{ readonly: disabled}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left' }\"\n title=\"{{ value }}\" [formControlName]=\"key\" type=\"text\" [value]=\"value\" [disabled]=\"true\" />\n <pep-textbox-icon *ngIf=\"disabled && xAlignment == 'right'\" matPrefix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <pep-textbox-icon *ngIf=\"disabled && (xAlignment == 'left')\" matSuffix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n </mat-form-field>\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 #textAreaDialogTemplate>\n <pep-dialog class=\"dialog-textarea-container\" [title]=\"label\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content>\n <!-- <textarea #dialogTextarea [readonly]=\"disabled || readonly\">{{ value }}</textarea> -->\n <textarea #dialogTextarea [readonly]=\"disabled || readonly\" class=\"body-sm\" matInput\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" >\n </textarea>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <ng-container *ngIf=\"disabled || readonly; then notEditableBlock; else editableBlock\">\n </ng-container>\n <ng-template #editableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CANCEL' | translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"closeDialog(dialogTextarea.value)\">\n {{ 'ACTIONS.SAVE' | translate }}\n </button>\n </ng-template>\n <ng-template #notEditableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CLOSE' | translate }}\n </button>\n </ng-template>\n </div>\n </pep-dialog>\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:grid}:host>*{align-self:center}.disable-text-div{display:inline-block;vertical-align:middle;margin:0;padding:.5rem 1.5rem .5rem 0;overflow-y:hidden;white-space:pre-wrap}.right-alignment .disable-text-div{padding:.5rem 0 .5rem 1.5rem}.dialog-textarea-container textarea{border:none;resize:none;width:25rem;height:13rem}.dialog-textarea-container textarea:focus{outline: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}\n"] }]
|
|
168
|
+
args: [{ selector: 'pep-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate let-isFormView=\"isFormView\">\n <div class=\"pep-textarea-container\" [ngClass]=\"{ 'stand-alone': standAlone,\n 'right-alignment': xAlignment == 'right', 'one-row': rowSpan === 1,\n 'pep-textarea-card-container': layoutType === 'card'}\">\n <pep-field-title *ngIf=\"renderTitle && isFormView\" [label]=\"label\" [mandatory]=\"mandatory\"\n [disabled]=\"disabled\" [maxFieldCharacters]=\"disabled || readonly ? 0 : maxFieldCharacters\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\" [inputLength]=\"input.value?.length\">\n </pep-field-title>\n <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n [ngClass]=\"{ 'pep-table-textarea': layoutType === 'table', 'icon-left': xAlignment === 'left' || xAlignment === 'center', 'icon-right': xAlignment === 'right' }\">\n <textarea #input [hidden]=\"readonly\" [id]=\"key\" class=\"body-sm\" matInput (blur)=\"onBlur($event)\"\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" [style.height]=\"fieldHeight\"\n (keyup)=\"onKeyup($event)\">\n </textarea>\n <div *ngIf=\"readonly\" class=\"body-sm disable-text-div\" title=\"{{ value }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [innerHtml]=\"value | pepSafeHtml\" [style.height]=\"fieldHeight\">\n </div>\n <!-- <pep-textbox-icon *ngIf=\"xAlignment == 'right'\" matPrefix [value]=\"value\" [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\"\n [ngClass]=\"{ 'card-one-row-icon': layoutType === 'card' && rowSpan === 1 }\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon> -->\n <pep-textbox-icon matSuffix [value]=\"value\" [label]=\"label\" [type]=\"controlType\"\n [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 </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 <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n <ng-template #editBlock>\n <ng-container *ngTemplateOutlet=\"pepTemplate; context: { isFormView: false }\"></ng-container>\n </ng-template>\n <ng-template #readOnlyBlock>\n <div class=\"pep-textarea-card-container card-flex-container\"\n [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n [ngStyle]=\"{ color: textColor, '-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\" title=\"{{ value }}\" class=\"body-sm value wrap\">{{ value }}</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-template>\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 <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\"\n class=\"pep-report-textarea\" [ngClass]=\"{ readonly: disabled }\">\n <input matInput [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{ readonly: disabled}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left' }\"\n title=\"{{ value }}\" [formControlName]=\"key\" type=\"text\" [value]=\"value\" [disabled]=\"true\" />\n <pep-textbox-icon *ngIf=\"disabled && xAlignment == 'right'\" matPrefix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n <pep-textbox-icon *ngIf=\"disabled && (xAlignment == 'left')\" matSuffix [value]=\"value\"\n [label]=\"label\" [type]=\"controlType\" [disabled]=\"disabled\" (iconClick)=\"openDialog()\">\n </pep-textbox-icon>\n </mat-form-field>\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 #textAreaDialogTemplate>\n <pep-dialog class=\"dialog-textarea-container\" [title]=\"label\" (close)=\"closeDialog($event)\">\n <ng-container pep-dialog-content [formGroup]=\"form\">\n <!-- <textarea #dialogTextarea [readonly]=\"disabled || readonly\">{{ value }}</textarea> -->\n <textarea #dialogTextarea [readonly]=\"disabled || readonly\" class=\"body-sm\" matInput\n title=\"{{ value }}\" [value]=\"value\"\n maxlength=\"{{ maxFieldCharacters > 0 ? maxFieldCharacters : 99999 }}\"\n [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'right' ? 'right' : 'left' }\"\n [formControlName]=\"key\" >\n </textarea>\n </ng-container>\n <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n <ng-container *ngIf=\"disabled || readonly; then notEditableBlock; else editableBlock\">\n </ng-container>\n <ng-template #editableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CANCEL' | translate }}\n </button>\n <button mat-button class=\"pep-spacing-element pep-button md strong\"\n (click)=\"closeDialog(dialogTextarea.value)\">\n {{ 'ACTIONS.SAVE' | translate }}\n </button>\n </ng-template>\n <ng-template #notEditableBlock>\n <button mat-button (click)=\"closeDialog()\" class=\"pep-spacing-element pep-button md weak\">\n {{ 'ACTIONS.CLOSE' | translate }}\n </button>\n </ng-template>\n </div>\n </pep-dialog>\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:grid}:host>*{align-self:center}.disable-text-div{display:inline-block;vertical-align:middle;margin:0;padding:.5rem 1.5rem .5rem 0;overflow-y:hidden;white-space:pre-wrap}.right-alignment .disable-text-div{padding:.5rem 0 .5rem 1.5rem}.dialog-textarea-container textarea{border:none;resize:none;width:25rem;height:13rem}.dialog-textarea-container textarea:focus{outline:none}.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}.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}\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}\n"] }]
|
|
162
169
|
}], ctorParameters: function () { return [{ type: i1.PepDialogService }, { type: i2.PepCustomizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
|
|
163
170
|
type: Input
|
|
164
171
|
}], value: [{
|
|
@@ -195,6 +202,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
195
202
|
type: Output
|
|
196
203
|
}], keyup: [{
|
|
197
204
|
type: Output
|
|
205
|
+
}], validationChange: [{
|
|
206
|
+
type: Output
|
|
198
207
|
}], textAreaDialogTemplate: [{
|
|
199
208
|
type: ViewChild,
|
|
200
209
|
args: ['textAreaDialogTemplate', { read: TemplateRef }]
|
|
@@ -209,8 +218,8 @@ class PepTextareaModule {
|
|
|
209
218
|
]);
|
|
210
219
|
}
|
|
211
220
|
}
|
|
212
|
-
PepTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
213
|
-
PepTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
221
|
+
PepTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
222
|
+
PepTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaModule, declarations: [PepTextareaComponent], imports: [CommonModule,
|
|
214
223
|
ReactiveFormsModule,
|
|
215
224
|
// Material modules,
|
|
216
225
|
MatCommonModule,
|
|
@@ -225,7 +234,7 @@ PepTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
|
|
|
225
234
|
PepFieldTitleModule,
|
|
226
235
|
PepTextboxIconModule,
|
|
227
236
|
PepDialogModule], exports: [PepTextareaComponent] });
|
|
228
|
-
PepTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
237
|
+
PepTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaModule, imports: [CommonModule,
|
|
229
238
|
ReactiveFormsModule,
|
|
230
239
|
// Material modules,
|
|
231
240
|
MatCommonModule,
|
|
@@ -240,7 +249,7 @@ PepTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
|
|
|
240
249
|
PepFieldTitleModule,
|
|
241
250
|
PepTextboxIconModule,
|
|
242
251
|
PepDialogModule] });
|
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTextareaModule, decorators: [{
|
|
244
253
|
type: NgModule,
|
|
245
254
|
args: [{
|
|
246
255
|
imports: [
|