@posiwise/enterprise-module 0.0.96 → 0.0.97

package/fesm2022/posiwise-enterprise-module.mjs

@@ -21,14 +21,14 @@ import * as i6 from 'ngx-ui-switch';
 import { UiSwitchModule } from 'ngx-ui-switch';
 import * as i14$1 from 'ngx-uploader';
 import { humanizeBytes, UploadStatus, NgxUploaderModule } from 'ngx-uploader';
-import * as i7 from 'primeng/dropdown';
-import { DropdownModule } from 'primeng/dropdown';
 import * as i9 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
 import * as i5 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i10 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
+import * as i7 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
 import * as i4 from '@ng-bootstrap/ng-bootstrap';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i2 from '@angular/platform-browser';
@@ -421,7 +421,7 @@ class EnterpriseCommunicationsComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EnterpriseCommunicationsComponent, deps: [{ token: i1.GroupService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EnterpriseCommunicationsComponent, isStandalone: false, selector: "pw-enterprise-communications", usesInheritance: true, ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3  *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n          <span>{{ !isAdd ? 'Edit' : 'Create new' }} Communication</span>\n        </h3>\n        <h2  *ngIf=\"!isEdit\" [ngClass]=\"{ 'mt-2': isEdit }\">Communications <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can send communications to your organization, based on the teams they are\n        part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              name=\"group_id\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\">\n              <p-dropdown\n              [options]=\"allGroups\"\n              formControlName=\"group_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"pushed\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your communication here</h4>\n            <div class=\"mb-3\">\n              <label for=\"file\">Upload Communication File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Communications files attached to this communication</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              href=\"{{ files.name.url }}\">{{\n                            files.name.url.split('?')[0].split('/')[\n                                files.name.url.split('?')[0].split('/').length - 1\n                            ]\n                        }}</a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add Communication' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-12 col-md-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-dropdown\n            [options]=\"allCommunicationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Communication Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-dropdown>\n        </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Communications...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n      </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">{{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name.url.split('?')[0].split('/').length - 1\n                                ]\n                            }}</a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Communication.NoCommunication' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}a.previous i{top:0}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}::ng-deep .file-upload-support-details .p-fileupload .p-fileupload-content{padding:1rem}::ng-deep .file-upload-support-details .p-fileupload-content .p-fileupload-files .p-fileupload-row>:first-child{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i4.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i7$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i9$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IfNameNullShowEmailPipe, name: "ifNameNullShowEmail" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EnterpriseCommunicationsComponent, isStandalone: false, selector: "pw-enterprise-communications", usesInheritance: true, ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3  *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n          <span>{{ !isAdd ? 'Edit' : 'Create new' }} Communication</span>\n        </h3>\n        <h2  *ngIf=\"!isEdit\" [ngClass]=\"{ 'mt-2': isEdit }\">Communications <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can send communications to your organization, based on the teams they are\n        part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              name=\"group_id\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\">\n              <p-select\n              [options]=\"allGroups\"\n              formControlName=\"group_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-select>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"pushed\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your communication here</h4>\n            <div class=\"mb-3\">\n              <label for=\"file\">Upload Communication File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Communications files attached to this communication</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              href=\"{{ files.name.url }}\">{{\n                            files.name.url.split('?')[0].split('/')[\n                                files.name.url.split('?')[0].split('/').length - 1\n                            ]\n                        }}</a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add Communication' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-12 col-md-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-select\n            [options]=\"allCommunicationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Communication Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-select>\n        </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Communications...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n      </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">{{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name.url.split('?')[0].split('/').length - 1\n                                ]\n                            }}</a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Communication.NoCommunication' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}a.previous i{top:0}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}::ng-deep .file-upload-support-details .p-fileupload .p-fileupload-content{padding:1rem}::ng-deep .file-upload-support-details .p-fileupload-content .p-fileupload-files .p-fileupload-row>:first-child{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i4.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i7$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i9$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IfNameNullShowEmailPipe, name: "ifNameNullShowEmail" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -431,7 +431,7 @@ __decorate([
 ], EnterpriseCommunicationsComponent.prototype, "onSave", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EnterpriseCommunicationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-enterprise-communications', standalone: false, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3  *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n          <span>{{ !isAdd ? 'Edit' : 'Create new' }} Communication</span>\n        </h3>\n        <h2  *ngIf=\"!isEdit\" [ngClass]=\"{ 'mt-2': isEdit }\">Communications <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can send communications to your organization, based on the teams they are\n        part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              name=\"group_id\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\">\n              <p-dropdown\n              [options]=\"allGroups\"\n              formControlName=\"group_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"pushed\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your communication here</h4>\n            <div class=\"mb-3\">\n              <label for=\"file\">Upload Communication File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Communications files attached to this communication</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              href=\"{{ files.name.url }}\">{{\n                            files.name.url.split('?')[0].split('/')[\n                                files.name.url.split('?')[0].split('/').length - 1\n                            ]\n                        }}</a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add Communication' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-12 col-md-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-dropdown\n            [options]=\"allCommunicationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Communication Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-dropdown>\n        </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Communications...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n      </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">{{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name.url.split('?')[0].split('/').length - 1\n                                ]\n                            }}</a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Communication.NoCommunication' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}a.previous i{top:0}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}::ng-deep .file-upload-support-details .p-fileupload .p-fileupload-content{padding:1rem}::ng-deep .file-upload-support-details .p-fileupload-content .p-fileupload-files .p-fileupload-row>:first-child{display:flex}\n"] }]
+            args: [{ selector: 'pw-enterprise-communications', standalone: false, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3  *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n          <span>{{ !isAdd ? 'Edit' : 'Create new' }} Communication</span>\n        </h3>\n        <h2  *ngIf=\"!isEdit\" [ngClass]=\"{ 'mt-2': isEdit }\">Communications <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can send communications to your organization, based on the teams they are\n        part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              name=\"group_id\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\">\n              <p-select\n              [options]=\"allGroups\"\n              formControlName=\"group_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-select>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"pushed\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your communication here</h4>\n            <div class=\"mb-3\">\n              <label for=\"file\">Upload Communication File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Communications files attached to this communication</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              href=\"{{ files.name.url }}\">{{\n                            files.name.url.split('?')[0].split('/')[\n                                files.name.url.split('?')[0].split('/').length - 1\n                            ]\n                        }}</a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add Communication' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-12 col-md-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-select\n            [options]=\"allCommunicationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Communication Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-select>\n        </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Communications...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n      </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">{{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name.url.split('?')[0].split('/').length - 1\n                                ]\n                            }}</a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Communication.NoCommunication' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}a.previous i{top:0}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}::ng-deep .file-upload-support-details .p-fileupload .p-fileupload-content{padding:1rem}::ng-deep .file-upload-support-details .p-fileupload-content .p-fileupload-files .p-fileupload-row>:first-child{display:flex}\n"] }]
         }], ctorParameters: () => [{ type: i1.GroupService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { onSave: [] } });
 
 class EnterpriseInsightsComponent extends AppBaseComponent {
@@ -1484,7 +1484,7 @@ class EnterpriseWikiComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EnterpriseWikiComponent, deps: [{ token: i1.GroupService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EnterpriseWikiComponent, isStandalone: false, selector: "pw-enterprise-wiki", usesInheritance: true, ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n            <span>{{ !isAdd ? 'Edit' : 'Create a new' }} documentation page</span>\n          </h3>\n          <h2 *ngIf=\"!isEdit\"   [ngClass]=\"{ 'mt-2': isEdit }\">Documentation <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can write the documentation for your organization's members. Documentation\n        pages are visible based on the teams the subscription's members are part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f.title.errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f.body.errors }\">\n            </quill-editor>\n          </pw-input-container>\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\"\n              name=\"group_id\">\n              <p-dropdown\n                [options]=\"allGroups\"\n                formControlName=\"group_id\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n                [placeholder]=\"'Select Team'\"\n                optionValue=\"id\"\n                optionLabel=\"name\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your documentation page here</h4>\n            <div class=\"mb-3\">\n              <label  for=\"file\">Upload File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Files attached to this documentation page</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              [href]=\"files.name.url\">\n              {{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name?.url?.split('?')[0].split('/').length - 1\n                                ]\n                            }}\n            </a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add documentation' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-sm-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-dropdown\n            [options]=\"allDocumentationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Documentation Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-dropdown>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Documentation...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">\n                {{\n                                    files.name.url.split('?')[0].split('/')[\n                                        files.name.url.split('?')[0].split('/').length - 1\n                                    ]\n                                }}\n              </a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (keydown.space)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon \" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Documentation.NoDocumentation' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}a.previous i{top:0}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i4.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i7$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i9$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IfNameNullShowEmailPipe, name: "ifNameNullShowEmail" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EnterpriseWikiComponent, isStandalone: false, selector: "pw-enterprise-wiki", usesInheritance: true, ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n            <span>{{ !isAdd ? 'Edit' : 'Create a new' }} documentation page</span>\n          </h3>\n          <h2 *ngIf=\"!isEdit\"   [ngClass]=\"{ 'mt-2': isEdit }\">Documentation <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can write the documentation for your organization's members. Documentation\n        pages are visible based on the teams the subscription's members are part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f.title.errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f.body.errors }\">\n            </quill-editor>\n          </pw-input-container>\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\"\n              name=\"group_id\">\n              <p-select\n                [options]=\"allGroups\"\n                formControlName=\"group_id\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n                [placeholder]=\"'Select Team'\"\n                optionValue=\"id\"\n                optionLabel=\"name\">\n              </p-select>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your documentation page here</h4>\n            <div class=\"mb-3\">\n              <label  for=\"file\">Upload File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Files attached to this documentation page</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              [href]=\"files.name.url\">\n              {{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name?.url?.split('?')[0].split('/').length - 1\n                                ]\n                            }}\n            </a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add documentation' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-sm-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-select\n            [options]=\"allDocumentationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Documentation Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-select>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Documentation...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">\n                {{\n                                    files.name.url.split('?')[0].split('/')[\n                                        files.name.url.split('?')[0].split('/').length - 1\n                                    ]\n                                }}\n              </a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (keydown.space)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon \" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Documentation.NoDocumentation' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}a.previous i{top:0}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i4.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i7$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "component", type: i9$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i12.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i13.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i13.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i14.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IfNameNullShowEmailPipe, name: "ifNameNullShowEmail" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -1494,7 +1494,7 @@ __decorate([
 ], EnterpriseWikiComponent.prototype, "onSave", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EnterpriseWikiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-enterprise-wiki', standalone: false, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n            <span>{{ !isAdd ? 'Edit' : 'Create a new' }} documentation page</span>\n          </h3>\n          <h2 *ngIf=\"!isEdit\"   [ngClass]=\"{ 'mt-2': isEdit }\">Documentation <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can write the documentation for your organization's members. Documentation\n        pages are visible based on the teams the subscription's members are part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f.title.errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f.body.errors }\">\n            </quill-editor>\n          </pw-input-container>\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\"\n              name=\"group_id\">\n              <p-dropdown\n                [options]=\"allGroups\"\n                formControlName=\"group_id\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n                [placeholder]=\"'Select Team'\"\n                optionValue=\"id\"\n                optionLabel=\"name\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your documentation page here</h4>\n            <div class=\"mb-3\">\n              <label  for=\"file\">Upload File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Files attached to this documentation page</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              [href]=\"files.name.url\">\n              {{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name?.url?.split('?')[0].split('/').length - 1\n                                ]\n                            }}\n            </a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add documentation' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-sm-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-dropdown\n            [options]=\"allDocumentationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Documentation Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-dropdown>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Documentation...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">\n                {{\n                                    files.name.url.split('?')[0].split('/')[\n                                        files.name.url.split('?')[0].split('/').length - 1\n                                    ]\n                                }}\n              </a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (keydown.space)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon \" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Documentation.NoDocumentation' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}a.previous i{top:0}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}\n"] }]
+            args: [{ selector: 'pw-enterprise-wiki', standalone: false, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-12\" [ngClass]=\"{'mb-3': !isEdit}\">\n      <div class=\"title\">\n        <a *ngIf=\"isEdit\"\n          aria-label=\"Navigate to Target\"\n          (click)=\"onCancel()\"\n          (keydown.enter)=\"onCancel()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 *ngIf=\"isEdit\" class=\"m-subheader__title m-subheader__title--separator mt-1\">\n            <span>{{ !isAdd ? 'Edit' : 'Create a new' }} documentation page</span>\n          </h3>\n          <h2 *ngIf=\"!isEdit\"   [ngClass]=\"{ 'mt-2': isEdit }\">Documentation <span *ngIf=\"groupId\">for {{ groupName }}</span></h2>\n      </div>\n      <p *ngIf=\"!isEdit\">\n        Here you can write the documentation for your organization's members. Documentation\n        pages are visible based on the teams the subscription's members are part of.\n      </p>\n    </div>\n  </div>\n</section>\n<div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded && isEdit\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"isEdit && isLoaded\">\n  <div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"p-2 mt-1\">\n      <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n        <div class=\"row mb-3\">\n          <div class=\"col-12 col-md-12\">\n            <pw-input-container [label]=\"'Enterprise.Documentation.Title' | transloco\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Title' | transloco\"\n              name=\"title\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f.title.errors }\" />\n            </pw-input-container>\n          </div>\n\n          <pw-input-container [label]=\"'Enterprise.Documentation.Body' | transloco\"\n            class=\"col-12\"\n            name=\"body\"\n            [errorMsg]=\"'Enterprise.Documentation.Validation.Body' | transloco\">\n            <quill-editor [styles]=\"{ height: '220px' }\"\n            class=\"quillEditor quill-container\" [modules]=\"editorConfig\"\n              formControlName=\"body\"\n              [ngClass]=\"{ 'is-invalid': submitted && f.body.errors }\">\n            </quill-editor>\n          </pw-input-container>\n          <div class=\"col-12 col-md-6\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Group' | transloco\"\n              [label]=\"'Enterprise.Documentation.Team' | transloco\"\n              [isLeftTooltip]=\"true\"\n              [errorMsg]=\"'Enterprise.Documentation.Validation.Team' | transloco\"\n              name=\"group_id\">\n              <p-select\n                [options]=\"allGroups\"\n                formControlName=\"group_id\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['group_id'].errors }\"\n                [placeholder]=\"'Select Team'\"\n                optionValue=\"id\"\n                optionLabel=\"name\">\n              </p-select>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.VisibleGlobally' | transloco\"\n              [label]=\"'Enterprise.Documentation.VisibleGlobally' | transloco\"\n              name=\"visible_globally\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"visible_globally\"\n                (change)=\"onChange($event, 'visible_globally')\"\n                name=\"visible_globally\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Published' | transloco\"\n              [label]=\"'Enterprise.Documentation.Published' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"published\"\n                (change)=\"onChange($event, 'published')\"\n                name=\"published\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Enterprise.Tooltip.Pushed' | transloco\"\n              [label]=\"'Enterprise.Documentation.Pushed' | transloco\"\n              name=\"published\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"pushed\"\n                (change)=\"onChange($event, 'pushed')\"\n                name=\"pushed\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <h4 class=\"mt-4\">You can add files to your documentation page here</h4>\n            <div class=\"mb-3\">\n              <label  for=\"file\">Upload File</label>\n              <p-fileUpload #forms\n                name=\"myfile[]\"\n                [customUpload]=\"true\"\n                [showUploadButton]=\"false\"\n                accept=\"\"\n                [disabled]=\"uploadedFiles && uploadedFiles.length > 0\"\n                (onSelect)=\"onSelect($event)\"\n                (onRemove)=\"onRemove($event)\"\n                (onError)=\"onUploadError($event)\">\n                <ng-template pTemplate=\"content\"\n                             [ngIf]=\"uploadedFiles?.length\">\n                  <div class=\"drag-drop-text\" *ngIf=\"!filesUploaded && (!uploadedFiles || uploadedFiles.length === 0)\">\n                    <p>You can drag and drop your file here</p>\n                  </div>\n                </ng-template>\n              </p-fileUpload>\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onCancel()\"\n              (keydown.enter)=\"onCancel()\" >\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              class=\"btn btn-primary\" [disabled]=\"invalidFile\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n      <div *ngIf=\"filesData?.length\"\n        class=\"mt-5\">\n        <h2>Files attached to this documentation page</h2>\n        <div class=\"communication-files\"\n          *ngFor=\"let files of filesData; let i = index\">\n          <p>\n            <a target=\"blank\"\n              [href]=\"files.name.url\">\n              {{\n                                files.name.url.split('?')[0].split('/')[\n                                    files.name?.url?.split('?')[0].split('/').length - 1\n                                ]\n                            }}\n            </a>\n          </p>\n          <p ngbTooltip=\"Delete\"\n            class=\"ms-3\">\n            <i\n                            class=\"fa fa-trash delete-icon\"\n                            (keydown.enter)=\"deleteCommunicationFiles(files.id, i)\"\n                            (keydown.space)=\"deleteCommunicationFiles(files.id, i)\"\n                            (click)=\"deleteCommunicationFiles(files.id, i)\"\n                            aria-hidden=\"true\"\n                        ></i>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"!isEdit\">\n  <div class=\"row\">\n    <div class=\"col-12 text-end mb-3\">\n      <button class=\"btn btn-sm btn-outline-primary\"\n        (click)=\"showEditForm()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Add documentation' }}\n      </button>\n    </div>\n  </div>\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"!isLoaded\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n  <div class=\"primeng-datatable-container mt-0 table-responsive\"\n    [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n    <p-table #dt\n      [value]=\"allCommunication\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-contact\">\n          <div class=\"col-sm-3 mb-2 mb-md-0 filter-domain-list\">\n            <p-select\n            [options]=\"allDocumentationGroups\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [(ngModel)]=\"groupId\"\n            placeholder=\"Select Documentation Team\"\n            [appendTo]=\"'body'\"\n            (onChange)=\"filterDomainsList()\">\n          </p-select>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Documentation...\"\n              class=\"mw-90\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Title' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Sender' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Team' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Files' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Date' | transloco }}</th>\n          <th scope=\"true\">{{ 'Enterprise.Documentation.Status' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-column\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-item>\n        <tr class=\"table-row\">\n          <td data-head=\"Title\">\n            <a [routerLink]=\"[item.id]\">{{ item.title }}</a>\n          </td>\n          <td data-head=\"Sender\">{{ item.author | ifNameNullShowEmail }}</td>\n          <td data-head=\"Team\">{{ item.group?.name }}</td>\n          <td data-head=\"Files\">\n            <span *ngFor=\"let files of item.group_communication_files\">\n              <a target=\"blank\"\n                [href]=\"files.name.url\">\n                {{\n                                    files.name.url.split('?')[0].split('/')[\n                                        files.name.url.split('?')[0].split('/').length - 1\n                                    ]\n                                }}\n              </a>\n            </span>\n          </td>\n          <td data-head=\"Date\">{{ item.created_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Status\">\n            <span *ngIf=\"item.visible_globally\"\n              class=\"badge bg-warning ms-2\">{{\n                            'Enterprise.Documentation.Global' | transloco\n                        }}</span><span *ngIf=\"item.published\"\n              class=\"badge bg-info ms-2\">{{\n                            'Enterprise.Documentation.Published' | transloco\n                        }}</span><span *ngIf=\"item.pushed\"\n              class=\"badge bg-success ms-2\">{{\n                            'Enterprise.Documentation.Pushed' | transloco\n                        }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-edit edit-icon\"\n                                    (click)=\"getCommunicationDetails(item.id)\"\n                                    (keydown.enter)=\"getCommunicationDetails(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (keydown.enter)=\"onDelete(item.id)\"\n                                    (keydown.space)=\"onDelete(item.id)\"\n                                    (click)=\"onDelete(item.id)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n              <li ngbTooltip=\"See Communication\"\n                class=\"me-2 me-sm-3 see-icon\"\n                [routerLink]=\"[item.id]\">\n                <i class=\"fa fa-eye eye-icon \" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0 && !groupId\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n    </div>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Enterprise.Documentation.NoDocumentation' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-row{vertical-align:top}.communication-files{display:flex!important}.search-contact{display:flex;justify-content:space-between}@media (min-width: 320px) and (max-width: 720px){.search-contact{display:block}}a.previous i{top:0}.eye-icon{color:var(--first);font-size:18px;padding-left:3px;padding-right:3px}.title{display:flex}.drag-drop-text{padding:20px;border:2px dashed #ccc;text-align:center;color:#aaa;margin-top:10px}\n"] }]
         }], ctorParameters: () => [{ type: i1.GroupService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { onSave: [] } });
 
 class EnterpriseWikiDetailsComponent extends AppBaseComponent {
@@ -1656,7 +1656,7 @@ class EnterpriseModule {
             NgbTooltipModule,
             UiSwitchModule,
             FormsModule,
-            DropdownModule,
+            SelectModule,
             FileUploadModule,
             ReactiveFormsModule,
             PipesModule,
@@ -1670,7 +1670,7 @@ class EnterpriseModule {
             NgbTooltipModule,
             UiSwitchModule,
             FormsModule,
-            DropdownModule,
+            SelectModule,
             FileUploadModule,
             ReactiveFormsModule,
             PipesModule,
@@ -1706,7 +1706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         NgbTooltipModule,
                         UiSwitchModule,
                         FormsModule,
-                        DropdownModule,
+                        SelectModule,
                         FileUploadModule,
                         ReactiveFormsModule,
                         PipesModule,