cat-documents-ng 0.1.30 → 0.1.32

package/lib/document/components/document-list/document-list.component.d.ts

@@ -0,0 +1,193 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { DocumentModel } from '../../models/document.model';
+import { DocumentHttpService } from '../../services/document-http.service';
+import { DocumentUploadService } from '../../services/document-upload.service';
+import { Message } from 'primeng/api';
+import { DocumentQuery } from '../../state/document.query';
+import { DocumentStore } from '../../state/document.store';
+import { PERMISSIONS } from '../../../../Shared/constant/PERMISSIONS';
+import { SessionService } from '../../../../Shared/services/session.service';
+import * as i0 from "@angular/core";
+/**
+ * This component is responsible for displaying and managing a list of documents.
+ * Provides functionality for file upload, document selection, and dialog management.
+ * @class DocumentListComponent
+ */
+export declare class DocumentListComponent implements OnInit {
+    documentUploadService: DocumentUploadService;
+    documentHttpService: DocumentHttpService;
+    documentQuery: DocumentQuery;
+    documentStore: DocumentStore;
+    private sessionService;
+    onRefresh: EventEmitter<any>;
+    /**
+     * Represents the context ID for the document list.
+     * This value is passed from the parent component.
+     * @type {string}
+     * @memberof DocumentListComponent
+     */
+    contextId: string;
+    /**
+     * Default visibility of the upload button.
+     * @type {boolean}
+     * @memberof DocumentListComponent
+     */
+    isUploadButtonVisible: boolean;
+    /**
+     * The currently selected document.
+     * @type {DocumentModel}
+     * @memberof DocumentListComponent
+     */
+    selectedDocument: DocumentModel;
+    /**
+     * Default visibility of the sidebar.
+     * @type {boolean}
+     * @memberof DocumentListComponent
+     */
+    isSidebarVisible: boolean;
+    /**
+     * Default visibility of the Accordion.
+     * @type {boolean}
+     * @memberof DocumentListComponent
+     */
+    isCollapsed: boolean;
+    /**
+     * Default visibility of the messages.
+     * @type {Message[]}
+     * @memberof DocumentListComponent
+     */
+    messages: Message[];
+    /**
+     * Default visibility of the dialog.
+     * @type {boolean}
+     * @memberof DocumentListComponent
+     */
+    isdialogVisible: boolean;
+    /**
+     * The list of documents to display.
+     * This value is passed from the parent component.
+     * @type {DocumentModel[]}
+     * @memberof DocumentListComponent
+     */
+    documentList: DocumentModel[];
+    /**
+     * The name of the document being uploaded or managed.
+     * @type {string}
+     * @memberof DocumentListComponent
+     */
+    documentName: string | undefined;
+    /**
+     * Available document types for selection.
+     * @type {string[]}
+     * @memberof DocumentListComponent
+     */
+    options: any[];
+    /**
+     * The selected option for the document type.
+     * @type {(string | null)}
+     * @memberof DocumentListComponent
+     */
+    selectedOption: string | null;
+    /**
+     * The set of permissions available for this component.
+     */
+    PERMISSION: typeof PERMISSIONS;
+    /**
+     * The file name associated with the document.
+     * It may be undefined until a file is selected or loaded.
+     * @type {string | undefined}
+     */
+    documentStatus: string | undefined;
+    /**
+     * Indicates whether the user has permission to upload or modify documents.
+     * The exact type depends on the access control implementation.
+     * @type {any}
+     */
+    hasDocumentPutAccess: any;
+    /**
+     * Error message related to the file name, if validation fails.
+     * @type {string}
+     */
+    fileNameError: string;
+    /**
+     * Extension of the selected document file (e.g., .pdf, .docx).
+     * @type {string}
+     */
+    documentExtension: string;
+    /**
+     * Regular expression to match disallowed characters in file names.
+     * Prevents characters like < > : " / \ | ? *
+     * @type {RegExp}
+     */
+    disallowedCharsRegex: RegExp;
+    /**
+     * Reference to the file input element used for uploading documents.
+     * @type {ElementRef<HTMLInputElement>}
+     */
+    fileInput: ElementRef<HTMLInputElement>;
+    /**
+     * Creates an instance of DocumentListComponent.
+     * @class
+     * @param {DocumentUploadService} documentUploadService - The service responsible for uploading documents.
+     * @param {DocumentHttpService} documentHttpService - The service responsible for fetching documents from the server.
+     * @param {DocumentQuery} documentQuery - The service responsible for geting stored documents.
+     * @param {DocumentStore} documentStore - The service responsible for storing documents.
+     */
+    constructor(documentUploadService: DocumentUploadService, documentHttpService: DocumentHttpService, documentQuery: DocumentQuery, documentStore: DocumentStore, sessionService: SessionService);
+    /**
+     * Initializes the component by fetching the document type list.
+     */
+    ngOnInit(): void;
+    handleUpdatedDocument(document: DocumentModel): void;
+    /**
+     * Handles the click event for file upload.
+     * Prevents event propagation and displays the sidebar.
+     * @param {MouseEvent} event - The click event triggered by the user.
+     * @memberof DocumentListComponent
+     */
+    handleFileUploadClick(event: MouseEvent): void;
+    /**
+     * Handles the selection of an individual document.
+     * Opens a dialog to display or manage the selected document.
+     * @param {DocumentModel} document - The document that was clicked by the user.
+     * @memberof DocumentListComponent
+     */
+    handleClickForDocument(document: DocumentModel): void;
+    /**
+     * Handles the save click event to update the document's file name.
+     * This method creates a payload with the updated file name and calls the
+     * updateDocumentName() method from the documentHttpService. On a successful update,
+     * it logs a message with the document's ID.
+     * @returns {void}
+     */
+    handleSaveClick(): void;
+    /**
+     * Closes the dialog and resets the selected document.
+     * @memberof DocumentListComponent
+     */
+    handleCloseModal(): void;
+    /**
+     * Handles changes to the document name input field.
+     * - Updates the `documentName` property.
+     * - Validates for disallowed characters and sets appropriate error messages.
+     * - Dynamically adjusts the width of the input field based on the content using a hidden span element.
+     * @param {Event} event - The input change event triggered when the user types in the document name field.
+     */
+    onDocumentNameChange(event: Event): void;
+    /**
+     * Handles the upload action for a document.
+     * Validates if a document type is selected and logs the result.
+     * @memberof DocumentListComponent
+     */
+    handleUploadDocument(): void;
+    /**
+     * Fetches the list of document types from the server.
+     * Updates the options array with the available document types.
+     * @memberof DocumentListComponent
+     * @returns {void}
+     */
+    getDocumentTypeList(): void;
+    handleOpenSideBar(isVisible: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentListComponent, "lib-document-list", never, { "contextId": { "alias": "contextId"; "required": false; }; "isUploadButtonVisible": { "alias": "isUploadButtonVisible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "documentList": { "alias": "documentList"; "required": false; }; }, { "onRefresh": "onRefresh"; }, never, ["*"], false, never>;
+}

package/lib/document/components/document-list-item/document-list-item.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '@angular/core';
+import { DocumentModel } from '../../models/document.model';
+import * as i0 from "@angular/core";
+/**
+ * DocumentListItemComponent
+ *
+ * This component displays individual document items within a list.
+ * It accepts a list of documents as input and handles interactions with documents.
+ */
+export declare class DocumentListItemComponent {
+    /**
+     * Emit the selected document.
+     * @type {EventEmitter<DocumentModel>}
+     */
+    documentClick: EventEmitter<DocumentModel>;
+    /**
+     * The document to display.
+     * @type {DocumentModel[]}
+     */
+    document: DocumentModel;
+    /**
+     * Handles interactions with a document.
+     * @param {DocumentModel} document - The document to be opened or interacted with.
+     */
+    handleOpenDocument(document: DocumentModel): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentListItemComponent, "lib-document-list-item", never, { "document": { "alias": "document"; "required": false; }; }, { "documentClick": "documentClick"; }, never, never, false, never>;
+}

package/lib/document/components/document-upload/document-upload.component.d.ts

@@ -0,0 +1,120 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { FileUpload } from 'primeng/fileupload';
+import { MessageService } from 'primeng/api';
+import { PrimeNGConfig } from 'primeng/api';
+import { FileFormatService } from '../../services/file-format.service';
+import { DocumentService } from '../../state/document.service';
+import { DocumentUploadService } from '../../services/document-upload.service';
+import * as i0 from "@angular/core";
+/**
+ * A component for handling document uploads, including file selection, removal, and progress tracking.
+ * @class DocumentUploadComponent
+ */
+export declare class DocumentUploadComponent {
+    documentUpload: DocumentUploadService;
+    uploadService: DocumentService;
+    private config;
+    fileFormatService: FileFormatService;
+    messageService: MessageService;
+    cdr: ChangeDetectorRef;
+    /**
+     * Represents the file size.
+     * @type {number}
+     */
+    fileSize: string;
+    /**
+     * Represent contextId
+     * @type {string}
+     */
+    contextId: string;
+    /**
+     * To make file explorer visible.
+     * @type {!FileUpload}
+     */
+    fileUploader: FileUpload;
+    fileProgress: Map<File, number>;
+    /**
+     * List of files selected for upload.
+     * @type {File[]}
+     */
+    uploadedFiles: {
+        file: File;
+        formattedSize: string;
+        progress: number;
+    }[];
+    /**
+     * Percentage of the total size calculated for displaying upload progress.
+     * @type {number}
+     */
+    totalSizePercent: number;
+    /**
+     * The current upload progress percentage (SHARED.INITIAL_VALUE-100).
+     * @type {number}
+     */
+    uploadProgress: number;
+    /**
+     * Creates an instance of DocumentUploadComponent.
+     * @class
+     * @param {DocumentUploadService} documentUpload - Service for handling document upload.
+     * @param {DocumentService} uploadService - Service for handling document upload.
+     * @param {PrimeNGConfig} config - PrimeNG configuration.
+     * @param {FileFormatService} fileFormatService - Service for formatting file sizes.
+     * @param {MessageService} messageService - Service for displaying messages.
+     * @param {ChangeDetectorRef} cdr - Service for detecting changes.
+     */
+    constructor(documentUpload: DocumentUploadService, uploadService: DocumentService, config: PrimeNGConfig, fileFormatService: FileFormatService, messageService: MessageService, cdr: ChangeDetectorRef);
+    /**
+     * Open the file explorer.
+     * @param {*} event - The triggering event.
+     * @param {() => void} callback - A callback function to execute.
+     * @returns {void} - No return value.
+     */
+    choose(event: any, callback: () => void): void;
+    /**
+     * Prepares the files for upload by creating a FormData object.
+     * This method appends each file to the FormData for submission.
+     * @param {File} file - The file to upload.
+     * @returns {void}
+     */
+    handleTemplatedUpload(file: File): void;
+    /**
+     * Handle the creation of formdata.
+     * @param {File} file  - The file to append in formdata.
+     * @returns {*} - The formdata object.
+     */
+    handleCreateFormData(file: File): FormData;
+    /**
+     * Handles the event when new files are selected.
+     * @param { { currentFiles: File[] } } event - The event containing the newly selected files.
+     * @returns {void} - No return value.
+     */
+    onSelectedFiles(event: {
+        currentFiles: File[];
+    }): void;
+    /**
+     * Formats the given file size in bytes into a readable format (e.g., KB, MB).
+     * @param {number} bytes - The size of the file in bytes.
+     * @returns {string} The formatted file size (e.g., '1.2 KB', '2.3 MB').
+     */
+    formatSize(bytes: number): void;
+    /**
+     * Handles the removal of a file from the uploaded files list.
+     * @param {File} file - The file to be removed.
+     * @param {number} index - The index of the file in the uploaded files list.
+     */
+    handleDocumentRemove(file: File, index: number): void;
+    /**
+     * Major progress for the progress bar.
+     * @param {File} file - File to check progress for.
+     * @returns {number} - The progress percentage for the file.
+     */
+    getProgress(file: File): number;
+    /**
+     * Triggers the file upload dialog.
+     * Opens the file explorer for selecting files.
+     * @returns {void}
+     */
+    triggerFileUpload(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentUploadComponent, "lib-document-upload", never, { "contextId": { "alias": "contextId"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/document/components/document-viewer/document-viewer.component.d.ts

@@ -0,0 +1,77 @@
+import { EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { DocumentHttpService } from '../../services/document-http.service';
+import { DocumentModel } from '../../models/document.model';
+import { DocumentService } from '../../services/document.service';
+import * as i0 from "@angular/core";
+/**
+ * Component for viewing and managing document details.
+ * @class DocumentViewerComponent
+ * @typedef {DocumentViewerComponent}
+ */
+export declare class DocumentViewerComponent implements OnChanges, OnDestroy {
+    documentHttpService: DocumentHttpService;
+    private documentService;
+    /**
+     * Get the selected document by user.
+     * @type {*}
+     */
+    selectedDocument?: DocumentModel;
+    /**
+     * Get the selected document by user.
+     * @type {*}
+     */
+    documentList?: DocumentModel[];
+    /**
+     * Indicates whether a checkbox is selected.
+     * @type {boolean}
+     */
+    checked: boolean;
+    /**
+     * Reference to the dynamic dialog used for displaying additional details.
+     * @type {(DynamicDialogRef | undefined)}
+     */
+    ref: DynamicDialogRef | undefined;
+    /**
+     * Indicates whether the document has been verified.
+     * @type {boolean}
+     */
+    isVerified: boolean;
+    /**
+     * Data used for displaying alert messages.
+     * @type {any}
+     */
+    alertData: any;
+    /**
+     * Emits the updated document after changes like upload, rename, or replace.
+     * @type {EventEmitter<DocumentModel>}
+     */
+    updatedDocument: EventEmitter<DocumentModel>;
+    /**
+     * Holds the subscription to manage observable cleanup.
+     * @private
+     * @type {Subscription}
+     */
+    private subscription;
+    /**
+     * Initializes a new instance of the DocumentViewerComponent.
+     * @param {DocumentHttpService} documentHttpService - Handle the http service.
+     * @param {DocumentService} documentService - Handle the states.
+     */
+    constructor(documentHttpService: DocumentHttpService, documentService: DocumentService);
+    /**
+     * Fetches the alerts for the selected document.
+     * @returns {void}
+     */
+    ngOnChanges(): void;
+    handleSelectedDocument(document: DocumentModel): void;
+    /**
+     * Determines if the given content type is an image.
+     * @param {string | undefined} contentType - The MIME type of the content.
+     * @returns {boolean} `true` if the content type is an image; otherwise, `false`.
+     */
+    isImage(contentType?: string): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentViewerComponent, "document-viewer", never, { "selectedDocument": { "alias": "selectedDocument"; "required": false; }; "documentList": { "alias": "documentList"; "required": false; }; }, { "updatedDocument": "updatedDocument"; }, never, ["[action-launcher]", "*"], false, never>;
+}

package/{src/lib/document/components/folder-block/folder-block.component.ts → lib/document/components/folder-block/folder-block.component.d.ts}

@@ -1,53 +1,37 @@
-import { Component, Input } from '@angular/core';
-import { DocumentStore } from '../../state/document.store';
-import { FolderBlockModel } from '../../models/folder.model';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-
-/**
- * The `FolderBlockComponent` is responsible for displaying a block of folders and
- * providing filtering functionality based on folder IDs.
- *
- * It uses data from the `DocumentStore` and constants from the `SHARED` configuration 
- * to display missing and pending file counts.
- */
-@Component({
-    selector: 'lib-folder-block',
-    standalone: false,
-    templateUrl: './folder-block.component.html',
-    styleUrl: './folder-block.component.scss'
-})
-export class FolderBlockComponent {
-    /**
-     * Array of folder blocks data to display.
-     * Each folder is represented as a `FolderBlockModel`.
-     */
-    @Input() folderList : FolderBlockModel[] = SHARED.EMPTY_ARRAY;
-    
-    /** Number of missing files, sourced from the `SHARED` constants. */
-    missingFileCount = SHARED.MISSINGCOUNT;
-
-    /** Number of pending files, sourced from the `SHARED` constants. */
-    pendingFileCount = SHARED.PENDINGCOUNT;
-
-    /**
-     * Injects the `DocumentStore` service to manage and access document-related state.
-     * @param {DocumentStore} documentStore - The state management store for documents.
-     */
-    constructor(public documentStore: DocumentStore) {}
-
-    /**
-     * Handles the click event for filtering based on the provided folder ID.
-     * This method validates the folder ID and returns it for further processing. 
-     * If the folder ID is not provided, an empty string is returned.
-     * @param {string} folderBlockId - The unique identifier of the folder to filter by.
-     * @returns {string} The validated folder ID, or an empty string if the input is invalid.
-     */
-    handleClickForFilter(folderBlockId: string): string {
-        if (!folderBlockId) {
-            return SHARED.EMPTY;
-        }
-        this.documentStore.setParentDocumentTypeId(folderBlockId);
-        return folderBlockId;
-    }
-    
-}
+import { DocumentStore } from '../../state/document.store';
+import { FolderBlockModel } from '../../models/folder.model';
+import * as i0 from "@angular/core";
+/**
+ * The `FolderBlockComponent` is responsible for displaying a block of folders and
+ * providing filtering functionality based on folder IDs.
+ *
+ * It uses data from the `DocumentStore` and constants from the `SHARED` configuration
+ * to display missing and pending file counts.
+ */
+export declare class FolderBlockComponent {
+    documentStore: DocumentStore;
+    /**
+     * Array of folder blocks data to display.
+     * Each folder is represented as a `FolderBlockModel`.
+     */
+    folderList: FolderBlockModel[];
+    /** Number of missing files, sourced from the `SHARED` constants. */
+    missingFileCount: number;
+    /** Number of pending files, sourced from the `SHARED` constants. */
+    pendingFileCount: number;
+    /**
+     * Injects the `DocumentStore` service to manage and access document-related state.
+     * @param {DocumentStore} documentStore - The state management store for documents.
+     */
+    constructor(documentStore: DocumentStore);
+    /**
+     * Handles the click event for filtering based on the provided folder ID.
+     * This method validates the folder ID and returns it for further processing.
+     * If the folder ID is not provided, an empty string is returned.
+     * @param {string} folderBlockId - The unique identifier of the folder to filter by.
+     * @returns {string} The validated folder ID, or an empty string if the input is invalid.
+     */
+    handleClickForFilter(folderBlockId: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FolderBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderBlockComponent, "lib-folder-block", never, { "folderList": { "alias": "folderList"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/document/components/folder-container/folder-container.component.d.ts

@@ -0,0 +1,29 @@
+import { DocumentModel } from '../../models/document.model';
+import { FolderBlockModel } from '../../models/folder.model';
+import * as i0 from "@angular/core";
+/**
+ * The `FolderContainerComponent` is responsible for rendering a container
+ * that displays a list of documents and associated folder panel data.
+ *
+ * This component utilizes the `FOLDERPANEL` constant for folder panel data
+ * and accepts a document list input of type `DocumentModel`.
+ */
+export declare class FolderContainerComponent {
+    /**
+     * A list of documents passed as input to the component.
+     * Represents the document data to be displayed in the folder container.
+     */
+    documentList?: DocumentModel[];
+    /**
+     * A list of documents passed as input to the component.
+     * Represents the document data to be displayed in the folder container.
+     */
+    folderList: FolderBlockModel[];
+    /**
+     * The context ID for the folder container.
+     * @type {string}
+     */
+    contextId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FolderContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderContainerComponent, "lib-folder-container", never, { "documentList": { "alias": "documentList"; "required": false; }; "folderList": { "alias": "folderList"; "required": false; }; "contextId": { "alias": "contextId"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/document/components/linked-document/linked-document.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { DocumentModel } from '../../models/document.model';
+import * as i0 from "@angular/core";
+/**
+ * Description placeholder
+ * @class LinkedDocumentComponent
+ * @typedef {LinkedDocumentComponent}
+ * @implements {OnChanges}
+ */
+export declare class LinkedDocumentComponent {
+    /**
+     * Selected document for view.
+     * @type {?DocumentModel}
+     */
+    selectedDocument?: DocumentModel;
+    /**
+     * Whole document list.
+     * @type {?DocumentModel[]}
+     */
+    documentList?: DocumentModel[];
+    /**
+     * Changed selected document.
+     * @type {*}
+     */
+    selectedDocumentChange: EventEmitter<DocumentModel>;
+    /**
+     * Filtered documents.
+     * @type {DocumentModel[]}
+     */
+    filteredDocuments: DocumentModel[];
+    /**
+     * Handle the click on the document.
+     * @param {DocumentModel} document - Clicked document.
+     */
+    handleDocumentClick(document: DocumentModel): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkedDocumentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkedDocumentComponent, "app-linked-document", never, { "selectedDocument": { "alias": "selectedDocument"; "required": false; }; "documentList": { "alias": "documentList"; "required": false; }; }, { "selectedDocumentChange": "selectedDocumentChange"; }, never, never, false, never>;
+}

package/lib/document/directives/document.directive.d.ts

@@ -0,0 +1,20 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import { DocumentService } from "../services/document.service";
+import * as i0 from "@angular/core";
+/**
+ * Directive to display the document data
+ */
+export declare class DocumentDirective {
+    private documentService;
+    private templateRef;
+    private vcr;
+    /**
+     * Creates an instance of DocumentDirective.
+     * @param documentService Service to get the document data.
+     * @param templateRef Reference to the template.
+     * @param vcr View container reference to manage the view.
+     */
+    constructor(documentService: DocumentService, templateRef: TemplateRef<any>, vcr: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DocumentDirective, "[doc]", never, {}, {}, never, never, false, never>;
+}

package/lib/document/directives/permission.directive.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef, Renderer2, SimpleChanges, OnChanges } from '@angular/core';
+import { SessionService } from '../../../Shared/services/session.service';
+import * as i0 from "@angular/core";
+/**
+ * Directive to conditionally show or hide elements based on user permissions.
+ * @class HasPermissionDirective
+ * @typedef {HasPermissionDirective}
+ */
+export declare class HasPermissionDirective implements OnChanges {
+    private el;
+    private renderer;
+    sessionService: SessionService;
+    /**
+     * The required permission(s) to display the element.
+     * Accepts a single string or an array of strings.
+     * @type {string | string[]}
+     */
+    permission?: string | string[];
+    /**
+     * Creates an instance of HasPermissionDirective.
+     * @param {ElementRef} el - Reference to the host element.
+     * @param {Renderer2} renderer - Angular Renderer for DOM manipulation.
+     * @param {SessionService} sessionService - Service to retrieve user permissions.
+     */
+    constructor(el: ElementRef, renderer: Renderer2, sessionService: SessionService);
+    /**
+     * Lifecycle hook that is called when input properties change.
+     * @param {SimpleChanges} changes - The changes in input properties.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Checks if the user has the required permission(s).
+     * Hides the element if the permission is not found.
+     */
+    private checkPermission;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HasPermissionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HasPermissionDirective, "[permission]", never, { "permission": { "alias": "permission"; "required": false; }; }, {}, never, never, false, never>;
+}