@seniorsistemas/angular-components 17.1.7 → 17.2.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -8,7 +8,7 @@ import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } f
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { Subject, of, from, forkJoin, throwError, ReplaySubject } from 'rxjs';
 import { takeUntil, filter, tap, map, switchMap, catchError, delay, debounceTime, repeat, finalize, take } from 'rxjs/operators';
-import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu';
+import { TieredMenu, TieredMenuModule as TieredMenuModule$1 } from 'primeng/tieredmenu';
 import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
 import { DomHandler } from 'primeng/dom';
 import { Calendar, CalendarModule } from 'primeng/calendar';
@@ -39,7 +39,7 @@ import { PanelModule as PanelModule$1 } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { SliderModule } from 'primeng/slider';
 import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
 import Cropper from 'cropperjs';
 import * as elementResizeDetectorMaker_ from 'element-resize-detector';
 import { FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';
@@ -509,7 +509,7 @@ let TooltipDirective = class TooltipDirective {
     }
     showTooltip() {
         if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
+            this.componentRef.instance.visible = this.visible;
             window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
         }
     }
@@ -915,6 +915,7 @@ let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
     constructor() {
         this.minWidth = "40px";
         this.id = `s-button-${ButtonComponent_1.nextId++}`;
+        this.tooltipPosition = "top";
         this.caret = true;
         this.baseZIndex = 0;
         this.disabled = false;
@@ -968,6 +969,9 @@ __decorate([
 __decorate([
     Input()
 ], ButtonComponent.prototype, "tooltip", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "tooltipPosition", void 0);
 __decorate([
     Input()
 ], ButtonComponent.prototype, "iconClass", void 0);
@@ -1016,7 +1020,7 @@ __decorate([
 ButtonComponent = ButtonComponent_1 = __decorate([
     Component({
         selector: "s-button",
-        template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    tooltipPosition=\"top\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\"\n>\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
+        template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\"\n>\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
         styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0;width:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
     })
 ], ButtonComponent);
@@ -1025,7 +1029,7 @@ let ButtonModule = class ButtonModule {
 };
 ButtonModule = __decorate([
     NgModule({
-        imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule$1],
+        imports: [CommonModule, RouterModule, TieredMenuModule$1, TooltipModule$1],
         declarations: [ButtonComponent],
         exports: [ButtonComponent],
     })
@@ -3907,113 +3911,6 @@ EmptyStateModule = __decorate([
     })
 ], EmptyStateModule);
 
-var ValidateErrors;
-(function (ValidateErrors) {
-    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
-    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
-    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
-})(ValidateErrors || (ValidateErrors = {}));
-
-const Breakpoints = {
-    SM_MIN: 0,
-    SM_MAX: 767,
-    MD_MIN: 768,
-    MD_MAX: 991,
-    LG_MIN: 992,
-    LG_MAX: 1199,
-    XL_MIN: 1200,
-    XL_MAX: Infinity,
-};
-
-class ExportUtils {
-    constructor() {
-        throw new Error("Classe não deve ser instanciada.");
-    }
-    static addClass(element, className) {
-        element.nativeElement.className = `${element.nativeElement.className} ${className}`;
-    }
-    static removeClass(element, className) {
-        if (element.nativeElement.className.includes(className)) {
-            element.nativeElement.className = element.nativeElement.className.replace(className, "");
-        }
-    }
-    static exportCSV(columns = [], data = [], csvSeparator = ";", documentName = "download") {
-        let csv = "\ufeff";
-        columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
-            csv += `"${column.header || column.field}"`;
-            if (i < columns.length - 1)
-                csv += csvSeparator;
-        });
-        data.forEach((record) => {
-            csv += "\n";
-            columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
-                let cellData;
-                if (Array.isArray(column.field)) {
-                    const fieldValues = column.field.map((col) => this.resolveFieldData(record, col));
-                    cellData = fieldValues
-                        .flat()
-                        .filter((value) => value !== null && value !== undefined)
-                        .join(column.separator);
-                }
-                else {
-                    cellData = this.resolveFieldData(record, column.field);
-                }
-                if (cellData != null)
-                    cellData = String(cellData).replace(/"/g, `""`);
-                else
-                    cellData = "";
-                csv += `"${cellData}"`;
-                if (i < columns.length - 1)
-                    csv += csvSeparator;
-            });
-        });
-        const blob = new Blob([csv], {
-            type: "text/csv;charset=utf-8;",
-        });
-        if (window.navigator.msSaveOrOpenBlob)
-            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
-        else {
-            const link = document.createElement("a");
-            link.style.display = "none";
-            document.body.appendChild(link);
-            if (link.download !== undefined) {
-                link.setAttribute("href", URL.createObjectURL(blob));
-                link.setAttribute("download", documentName + ".csv");
-                link.click();
-            }
-            else {
-                csv = "data:text/csv;charset=utf-8," + csv;
-                window.open(encodeURI(csv));
-            }
-            document.body.removeChild(link);
-        }
-    }
-    static resolveFieldData(data, field) {
-        if (data && field) {
-            if (this.isFunction(field))
-                return field(data);
-            else if (field.indexOf(".") == -1)
-                return data[field];
-            else {
-                const fields = field.split(".");
-                let value = data;
-                for (let i = 0, len = fields.length; i < len; ++i) {
-                    if (value == null) {
-                        return null;
-                    }
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        }
-        else
-            return null;
-    }
-    static isFunction(obj) {
-        return !!(obj && obj.constructor && obj.call && obj.apply);
-    }
-}
-
 /**
  * Formats a JSON response to a JS object
  * @param response The response to format
@@ -4209,6 +4106,125 @@ FileUploadService = __decorate([
     Injectable()
 ], FileUploadService);
 
+const Breakpoints = {
+    SM_MIN: 0,
+    SM_MAX: 767,
+    MD_MIN: 768,
+    MD_MAX: 991,
+    LG_MIN: 992,
+    LG_MAX: 1199,
+    XL_MIN: 1200,
+    XL_MAX: Infinity,
+};
+
+class ExportUtils {
+    constructor() {
+        throw new Error("Classe não deve ser instanciada.");
+    }
+    static addClass(element, className) {
+        element.nativeElement.className = `${element.nativeElement.className} ${className}`;
+    }
+    static removeClass(element, className) {
+        if (element.nativeElement.className.includes(className)) {
+            element.nativeElement.className = element.nativeElement.className.replace(className, "");
+        }
+    }
+    static exportCSV(columns = [], data = [], csvSeparator = ";", documentName = "download") {
+        let csv = "\ufeff";
+        columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
+            csv += `"${column.header || column.field}"`;
+            if (i < columns.length - 1)
+                csv += csvSeparator;
+        });
+        data.forEach((record) => {
+            csv += "\n";
+            columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
+                let cellData;
+                if (Array.isArray(column.field)) {
+                    const fieldValues = column.field.map((col) => this.resolveFieldData(record, col));
+                    cellData = fieldValues
+                        .flat()
+                        .filter((value) => value !== null && value !== undefined)
+                        .join(column.separator);
+                }
+                else {
+                    cellData = this.resolveFieldData(record, column.field);
+                }
+                if (cellData != null)
+                    cellData = String(cellData).replace(/"/g, `""`);
+                else
+                    cellData = "";
+                csv += `"${cellData}"`;
+                if (i < columns.length - 1)
+                    csv += csvSeparator;
+            });
+        });
+        const blob = new Blob([csv], {
+            type: "text/csv;charset=utf-8;",
+        });
+        if (window.navigator.msSaveOrOpenBlob)
+            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
+        else {
+            const link = document.createElement("a");
+            link.style.display = "none";
+            document.body.appendChild(link);
+            if (link.download !== undefined) {
+                link.setAttribute("href", URL.createObjectURL(blob));
+                link.setAttribute("download", documentName + ".csv");
+                link.click();
+            }
+            else {
+                csv = "data:text/csv;charset=utf-8," + csv;
+                window.open(encodeURI(csv));
+            }
+            document.body.removeChild(link);
+        }
+    }
+    static resolveFieldData(data, field) {
+        if (data && field) {
+            if (this.isFunction(field))
+                return field(data);
+            else if (field.indexOf(".") == -1)
+                return data[field];
+            else {
+                const fields = field.split(".");
+                let value = data;
+                for (let i = 0, len = fields.length; i < len; ++i) {
+                    if (value == null) {
+                        return null;
+                    }
+                    value = value[fields[i]];
+                }
+                return value;
+            }
+        }
+        else
+            return null;
+    }
+    static isFunction(obj) {
+        return !!(obj && obj.constructor && obj.call && obj.apply);
+    }
+}
+
+var ValidateErrors;
+(function (ValidateErrors) {
+    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
+})(ValidateErrors || (ValidateErrors = {}));
+
+var FileUploadPermissions;
+(function (FileUploadPermissions) {
+    FileUploadPermissions["Add"] = "add";
+    FileUploadPermissions["Read"] = "read";
+    FileUploadPermissions["Remove"] = "remove";
+})(FileUploadPermissions || (FileUploadPermissions = {}));
+const ALL_PERMISSIONS = [
+    FileUploadPermissions.Add,
+    FileUploadPermissions.Read,
+    FileUploadPermissions.Remove,
+];
+
 var FileUploadComponent_1;
 const moment$3 = moment_;
 let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
@@ -4216,6 +4232,9 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
         this.sanitizer = sanitizer;
         this.fileUploadService = fileUploadService;
         this.translate = translate;
+        this.ADD_PERMISSION = FileUploadPermissions.Add;
+        this.READ_PERMISSION = FileUploadPermissions.Read;
+        this.REMOVE_PERMISSION = FileUploadPermissions.Remove;
         this.id = `s-file-upload-${FileUploadComponent_1.nextId++}`;
         this.chooseLabel = "Anexar arquivos";
         this.removeLabel = "Remover";
@@ -4225,6 +4244,7 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
         this.ariaLabelProgress = "Carregando arquivo";
         this.disabled = false;
         this.showFileUploadDate = false;
+        this.permissions = ALL_PERMISSIONS;
         this.uploadHandler = new EventEmitter();
         this.removeFile = new EventEmitter();
         this.cancelUpload = new EventEmitter();
@@ -4433,6 +4453,9 @@ __decorate([
 __decorate([
     Input()
 ], FileUploadComponent.prototype, "showFileUploadDate", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "permissions", void 0);
 __decorate([
     Input()
 ], FileUploadComponent.prototype, "files", null);
@@ -4457,7 +4480,7 @@ __decorate([
 FileUploadComponent = FileUploadComponent_1 = __decorate([
     Component({
         selector: "s-file-upload",
-        template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n                        [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{cancelLabel}}\n                    </a>\n                    <a\n                        *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n                        {{removeLabel}}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
+        template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n                        [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{cancelLabel}}\n                    </a>\n                    <a\n                        *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n                        {{removeLabel}}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
         styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
     })
 ], FileUploadComponent);
@@ -13181,6 +13204,714 @@ CodeEditorModule = __decorate([
     })
 ], CodeEditorModule);
 
+let TieredMenuEventService = class TieredMenuEventService {
+    constructor() {
+        this.incrementCurrentItemEvent = new EventEmitter();
+        this.decrementCurrentItemEvent = new EventEmitter();
+        this.closeAllMenusEvent = new EventEmitter();
+        this.selectItemEvent = new EventEmitter();
+        this.openItemMenuEvent = new EventEmitter();
+        this.closeItemMenuEvent = new EventEmitter();
+        this.createMenuEvent = new EventEmitter();
+    }
+    emitIncrementCurrentItemEvent() {
+        this.incrementCurrentItemEvent.emit();
+    }
+    emitDecrementCurrentItemEvent() {
+        this.decrementCurrentItemEvent.emit();
+    }
+    emitCloseAllMenusEvent() {
+        this.closeAllMenusEvent.emit();
+    }
+    emitSelectItemEvent(item) {
+        this.selectItemEvent.emit(item);
+    }
+    emitOpenItemMenuEvent(item) {
+        this.openItemMenuEvent.emit(item);
+    }
+    emitCloseItemMenuEvent(item) {
+        this.closeItemMenuEvent.emit(item);
+    }
+    emitCreateMenuEvent(item) {
+        this.createMenuEvent.emit(item);
+    }
+};
+TieredMenuEventService = __decorate([
+    Injectable()
+], TieredMenuEventService);
+
+let TieredMenuService = class TieredMenuService {
+    normalizeData(items, parent) {
+        return items.map((i) => {
+            if (i.submenu) {
+                i.submenu = this.normalizeData(i.submenu, i);
+            }
+            i.id = `id-${Math.random().toString(36).substring(2, 9)}-${Date.now().toString(36)}`;
+            i.parent = parent;
+            i.isOpen = false;
+            return i;
+        });
+    }
+    markAllItemsAsClosed(items) {
+        return items.map((item) => {
+            if (item.submenu) {
+                item.submenu = this.markAllItemsAsClosed(item.submenu);
+            }
+            item.isOpen = false;
+            return item;
+        });
+    }
+    searchTheHierarchy(item1, item2) {
+        let itemAux = item2;
+        while (itemAux) {
+            if (itemAux === item1) {
+                return true;
+            }
+            itemAux = itemAux.parent;
+        }
+        return false;
+    }
+};
+TieredMenuService = __decorate([
+    Injectable()
+], TieredMenuService);
+
+let TieredMenuNestedComponent = class TieredMenuNestedComponent {
+    constructor(tieredMenuService, _tieredMenuEventService) {
+        this.tieredMenuService = tieredMenuService;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.top = 0;
+        this.maxHeight = 0;
+        this._unsubscribe$ = new Subject();
+    }
+    ngOnInit() {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    _incrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
+        if (curIndex < this.tieredMenuService.currentItems.length) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._incrementCurItem();
+        }
+    }
+    _decrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
+        if (curIndex >= 0) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._decrementCurItem();
+        }
+    }
+    _closeItem(item) {
+        var _a;
+        let itemAux = this._lastOpenItem;
+        while (itemAux && itemAux != item) {
+            itemAux.isOpen = false;
+            itemAux = itemAux.parent;
+        }
+        item.isOpen = false;
+        this.tieredMenuService.currentItem = itemAux !== null && itemAux !== void 0 ? itemAux : this.tieredMenuService.items[0];
+        this.tieredMenuService.currentItems = ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.submenu) || this.tieredMenuService.items;
+    }
+    _openItem(item) {
+        if (item === null || item === void 0 ? void 0 : item.submenu) {
+            item.isOpen = true;
+            this.tieredMenuService.currentItems = item.submenu;
+            // Only has focus if there has already been interaction.
+            if (this.tieredMenuService.currentItem) {
+                this.tieredMenuService.currentItem = item.submenu[0];
+            }
+            this._lastOpenItem = item;
+        }
+    }
+    _subscribeEvents() {
+        this._tieredMenuEventService.incrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._incrementCurItem();
+        });
+        this._tieredMenuEventService.decrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._decrementCurItem();
+        });
+        this._tieredMenuEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (item.command) {
+                item.command();
+                // Close all menus after the item was selected.
+                this._tieredMenuEventService.emitCloseAllMenusEvent();
+            }
+        });
+        this._tieredMenuEventService.openItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            var _a, _b;
+            if (!this.tieredMenuService.currentItems.includes(item)) {
+                let itemAux = this._lastOpenItem;
+                while ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.parent) {
+                    itemAux = itemAux.parent;
+                }
+                this._tieredMenuEventService.emitCloseItemMenuEvent((_b = itemAux.parent) !== null && _b !== void 0 ? _b : itemAux);
+            }
+            this._lastOpenItem = item;
+            this._openItem(item);
+        });
+        this._tieredMenuEventService.closeItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (item) {
+                this._closeItem(item);
+            }
+        });
+    }
+};
+TieredMenuNestedComponent.ctorParameters = () => [
+    { type: TieredMenuService },
+    { type: TieredMenuEventService }
+];
+TieredMenuNestedComponent = __decorate([
+    Component({
+        template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'max-height': maxHeight + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
+        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:fixed;z-index:9999;overflow:auto}.menu--nested{width:90vw;margin:0 5vw}.menu .submenu{margin-left:24px}"]
+    })
+], TieredMenuNestedComponent);
+
+var TieredMenuComponent_1;
+let TieredMenuComponent = TieredMenuComponent_1 = class TieredMenuComponent {
+    constructor(_appRef, _componentFactoryResolver, _injector, tieredMenuService, _tieredMenuEventService) {
+        this._appRef = _appRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._injector = _injector;
+        this.tieredMenuService = tieredMenuService;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.top = 0;
+        this.left = 0;
+        this.menuTriggerEvent = "hover";
+        this._componentRef = null;
+        this._unsubscribe$ = new Subject();
+        this.destroyRequest = new EventEmitter();
+    }
+    ngOnInit() {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    _incrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
+            // Checking if it is the current menu.
+            return;
+        }
+        const currentIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
+        if (currentIndex < this.tieredMenuService.currentItems.length) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[currentIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._incrementCurItem();
+        }
+    }
+    _decrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+            // Checking if it is the current menu.
+        }
+        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
+            return;
+        }
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
+        if (curIndex >= 0) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._decrementCurItem();
+        }
+    }
+    _createMenu(items, position) {
+        if (!this._componentRef && items) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent_1);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            // Setting the menu items.
+            this._componentRef.instance.items = items;
+            // Subscribe menu events.
+            this._componentRef.instance.destroyRequest
+                .pipe(takeUntil(this._unsubscribe$))
+                .subscribe((propagate) => {
+                this._destroy(propagate);
+            });
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition(position);
+        }
+    }
+    _destroy(propagate = true) {
+        if (this._componentRef !== null) {
+            this._appRef.detachView(this._componentRef.hostView);
+            this._componentRef.destroy();
+            this._componentRef = null;
+            this._menuDivElement = null;
+        }
+        if (propagate) {
+            this.destroyRequest.emit();
+        }
+    }
+    _setMenuPosition(position) {
+        var _a;
+        if (this._componentRef !== null) {
+            const { top, right, bottom, left } = position;
+            // I need to calculate the height of the component because the internal elements have not been created yet.
+            const menuHeight = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) * 40;
+            const menuWidth = this._menuDivElement.getBoundingClientRect().width;
+            const rightFreeSpace = document.body.clientWidth - right;
+            const bottomFreeSpace = document.body.clientHeight - bottom;
+            if (rightFreeSpace > menuWidth) {
+                this._componentRef.instance.left = right;
+            }
+            else {
+                this._componentRef.instance.left = left - menuWidth;
+            }
+            if (bottomFreeSpace <= menuHeight) {
+                this._componentRef.instance.top = top - menuHeight;
+            }
+            else {
+                this._componentRef.instance.top = top;
+            }
+        }
+    }
+    _subscribeEvents() {
+        // Increment current item event.
+        this._tieredMenuEventService.incrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._incrementCurItem();
+        });
+        // Decrement current item event.
+        this._tieredMenuEventService.decrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._decrementCurItem();
+        });
+        // Select item event.
+        this._tieredMenuEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (item.submenu) {
+                this._tieredMenuEventService.emitOpenItemMenuEvent(item);
+            }
+            else if (item.command) {
+                this._tieredMenuEventService.emitCloseAllMenusEvent();
+                item.command();
+            }
+        });
+        // Close all menus event.
+        this._tieredMenuEventService.closeAllMenusEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._destroy();
+            this.tieredMenuService.currentItem = null;
+            this.tieredMenuService.currentItems = this.tieredMenuService.items;
+        });
+        // Open item menu event.
+        this._tieredMenuEventService.openItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            item.isOpen = false;
+            if (this.tieredMenuService.currentItem) {
+                if (this.tieredMenuService.currentItem.parent === item) {
+                    return;
+                }
+                if (!this.tieredMenuService.searchTheHierarchy(this.tieredMenuService.currentItem.parent, item)) {
+                    let itemAux = this.tieredMenuService.currentItem;
+                    while (itemAux.parent !== item.parent) {
+                        this._tieredMenuEventService.emitCloseItemMenuEvent(itemAux);
+                        itemAux = itemAux.parent;
+                    }
+                }
+            }
+            if (item.submenu) {
+                if (!item.isOpen) {
+                    const { top, right, left, bottom } = document
+                        .querySelector(`#${item.id}`)
+                        .getBoundingClientRect();
+                    const position = { top, right, left, bottom };
+                    if (this.items.includes(item)) {
+                        this._createMenu(item.submenu, position);
+                        this.tieredMenuService.currentItems = item.submenu;
+                        this.tieredMenuService.currentItem = item.submenu[0];
+                    }
+                }
+            }
+        });
+        // Close item menu event.
+        this._tieredMenuEventService.closeItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            var _a, _b;
+            if (this.items.includes(item)) {
+                item.isOpen = false;
+                this.tieredMenuService.currentItems = ((_b = (_a = item === null || item === void 0 ? void 0 : item.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.submenu) || this.tieredMenuService.items;
+                this.tieredMenuService.currentItem = item.parent;
+                this.destroyRequest.emit(false);
+            }
+        });
+    }
+};
+TieredMenuComponent.ctorParameters = () => [
+    { type: ApplicationRef },
+    { type: ComponentFactoryResolver },
+    { type: Injector },
+    { type: TieredMenuService },
+    { type: TieredMenuEventService }
+];
+__decorate([
+    Output()
+], TieredMenuComponent.prototype, "destroyRequest", void 0);
+TieredMenuComponent = TieredMenuComponent_1 = __decorate([
+    Component({
+        selector: "s-tiered-menu",
+        template: "<div class=\"menu\" [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
+        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:fixed;z-index:9999}"]
+    })
+], TieredMenuComponent);
+
+let TieredMenuDirective = class TieredMenuDirective {
+    constructor(_elementRef, _appRef, _componentFactoryResolver, _injector, _tieredMenuEventService, _tieredMenuService) {
+        this._elementRef = _elementRef;
+        this._appRef = _appRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._injector = _injector;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this._tieredMenuService = _tieredMenuService;
+        this._componentRef = null;
+        this._isNested = false;
+        this._isOpen = false;
+        this._unsubscribe$ = new Subject();
+        this.alwaysOpen = false;
+        this.triggerEvent = "click";
+    }
+    ngOnInit() {
+        this._tieredMenuService.items = this._tieredMenuService.normalizeData(this.items);
+        this._tieredMenuService.currentItems = this._tieredMenuService.items;
+        this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
+        this._subscribeEvents();
+    }
+    ngAfterViewInit() {
+        // setTimeout to create the menu after creating the elements.
+        if (this.alwaysOpen) {
+            setTimeout(() => {
+                this._createMenu();
+            }, 0);
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+        this._destroy();
+    }
+    onResize() {
+        if (!this.alwaysOpen) {
+            this._tieredMenuEventService.emitCloseAllMenusEvent();
+        }
+    }
+    onKeydownHandler(event) {
+        if (!this._isOpen)
+            return;
+        switch (event.key) {
+            case "Escape":
+                this._tieredMenuEventService.emitCloseAllMenusEvent();
+                break;
+            case " ":
+            case "Enter":
+                this._tieredMenuEventService.emitSelectItemEvent(this._tieredMenuService.currentItem);
+                break;
+            case "ArrowLeft":
+                // When nested I need a reference to the current item's parent item, otherwise just the current item.
+                this._tieredMenuEventService.emitCloseItemMenuEvent(this._isNested ? this._tieredMenuService.currentItem.parent : this._tieredMenuService.currentItem);
+                break;
+            case "ArrowRight":
+                this._tieredMenuEventService.emitOpenItemMenuEvent(this._tieredMenuService.currentItem);
+                break;
+            case "ArrowUp":
+                this._tieredMenuEventService.emitDecrementCurrentItemEvent();
+                break;
+            case "ArrowDown":
+                this._tieredMenuEventService.emitIncrementCurrentItemEvent();
+                break;
+        }
+    }
+    onClick(event) {
+        if (this.triggerEvent === "click" && this.items && this.items && !this._isOpen) {
+            this._lastActiveElement = document.activeElement;
+            this._createMenu();
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    onDocumentClick(event) {
+        // Closing menu when clicked outside.
+        const target = event.target;
+        const clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
+        if (!clickedInside) {
+            this._tieredMenuEventService.emitCloseAllMenusEvent();
+        }
+    }
+    _createMenu() {
+        var _a;
+        if (!this._componentRef && this.items) {
+            (_a = this._lastActiveElement) === null || _a === void 0 ? void 0 : _a.blur();
+            this._isOpen = true;
+            this._isNested = document.body.clientWidth < 600;
+            this._isNested ? this._createNestedMenu() : this._createTieredMenu();
+        }
+    }
+    _createTieredMenu() {
+        if (!this._componentRef && this.items) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._componentRef.instance.destroyRequest
+                .pipe(takeUntil(this._unsubscribe$))
+                .subscribe(() => {
+                this._destroy();
+            });
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition();
+        }
+    }
+    _createNestedMenu() {
+        if (!this._componentRef && this.items) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuNestedComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition();
+        }
+    }
+    _destroy() {
+        var _a;
+        if (this._componentRef !== null && !this.alwaysOpen) {
+            this._isOpen = false;
+            window.clearTimeout(this._showTimeout);
+            this._appRef.detachView(this._componentRef.hostView);
+            this._componentRef.destroy();
+            this._componentRef = null;
+            this._menuDivElement = null;
+            (_a = this._lastActiveElement) === null || _a === void 0 ? void 0 : _a.focus();
+            this._tieredMenuService.currentItems = this._tieredMenuService.items;
+            this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
+        }
+    }
+    _setMenuPosition() {
+        if (this._componentRef !== null) {
+            const { right, bottom, left } = this._elementRef.nativeElement.getBoundingClientRect();
+            const menuWidth = this._menuDivElement.getBoundingClientRect().width;
+            const rightFreeSpace = document.body.clientWidth - right;
+            const topPosition = bottom + 2;
+            this._componentRef.instance.top = topPosition;
+            if (!this._isNested) {
+                if (rightFreeSpace > menuWidth) {
+                    this._componentRef.instance.left = left;
+                }
+                else {
+                    this._componentRef.instance.left = left - menuWidth;
+                }
+            }
+            else {
+                // setting the maximum menu size to ensure its content is always visible. 10px margin.
+                this._componentRef.instance.maxHeight = window.innerHeight - topPosition - 10;
+            }
+        }
+    }
+    _setMenuComponentProperties() {
+        if (this._componentRef != null) {
+            this._componentRef.instance.items = this.items;
+        }
+    }
+    _subscribeEvents() {
+        this._tieredMenuEventService.closeAllMenusEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this.items = this._tieredMenuService.markAllItemsAsClosed(this.items);
+            this._destroy();
+        });
+    }
+};
+TieredMenuDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ApplicationRef },
+    { type: ComponentFactoryResolver },
+    { type: Injector },
+    { type: TieredMenuEventService },
+    { type: TieredMenuService }
+];
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "items", void 0);
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "alwaysOpen", void 0);
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "triggerEvent", void 0);
+__decorate([
+    HostListener("window:resize")
+], TieredMenuDirective.prototype, "onResize", null);
+__decorate([
+    HostListener("document:keydown", ["$event"])
+], TieredMenuDirective.prototype, "onKeydownHandler", null);
+__decorate([
+    HostListener("click", ["$event"])
+], TieredMenuDirective.prototype, "onClick", null);
+__decorate([
+    HostListener("document:click", ["$event"])
+], TieredMenuDirective.prototype, "onDocumentClick", null);
+TieredMenuDirective = __decorate([
+    Directive({
+        selector: "[sTieredMenu]",
+    })
+], TieredMenuDirective);
+
+let TieredMenuItemComponent = class TieredMenuItemComponent {
+    constructor(_tieredMenuEventService) {
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.focused = false;
+        this.triggerEvent = "click";
+        this.closeOnClick = false;
+    }
+    onClick() {
+        if (this.item.submenu) {
+            if (!this.item.isOpen) {
+                this._tieredMenuEventService.emitOpenItemMenuEvent(this.item);
+            }
+            else if (this.closeOnClick) {
+                this._tieredMenuEventService.emitCloseItemMenuEvent(this.item);
+            }
+        }
+        else {
+            this._tieredMenuEventService.emitSelectItemEvent(this.item);
+        }
+    }
+    onMouseEnter() {
+        if (this.triggerEvent === "hover" && !this.item.isOpen) {
+            this._showTimeout = window.setTimeout(() => {
+                this._tieredMenuEventService.emitOpenItemMenuEvent(this.item);
+            }, 300);
+        }
+    }
+    onMouseLeave() {
+        window.clearTimeout(this._showTimeout);
+    }
+};
+TieredMenuItemComponent.ctorParameters = () => [
+    { type: TieredMenuEventService }
+];
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "item", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "focused", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "triggerEvent", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "closeOnClick", void 0);
+__decorate([
+    HostListener("click"),
+    HostListener("touchend")
+], TieredMenuItemComponent.prototype, "onClick", null);
+__decorate([
+    HostListener("mouseenter")
+], TieredMenuItemComponent.prototype, "onMouseEnter", null);
+__decorate([
+    HostListener("mouseleave")
+], TieredMenuItemComponent.prototype, "onMouseLeave", null);
+TieredMenuItemComponent = __decorate([
+    Component({
+        selector: "s-tiered-menu-item",
+        template: "<div\n    [id]=\"item.id\"\n    class=\"tiered-menu-item\"\n    [ngClass]=\"{\n        'tiered-menu-item--open': item.isOpen,\n        'tiered-menu-item--focused': focused\n    }\">\n    <div class=\"tiered-menu-item-content\">\n        <span class=\"icon\" [ngClass]=\"item.iconClass\"></span>\n        <span class=\"label\">{{ item.label }}</span>\n    </div>\n    <span\n        *ngIf=\"item.submenu\"\n        class=\"submenu-icon\"\n        [ngClass]=\"{\n            'fas': true,\n            'fa-chevron-left': item.isOpen,\n            'fa-chevron-right': !item.isOpen\n        }\">\n    </span>\n</div>",
+        styles: [".tiered-menu-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.tiered-menu-item .tiered-menu-item-content .label{margin:0 12px}.tiered-menu-item:hover{background-color:#e9e6e6}.tiered-menu-item--focused{background-color:#ccc!important}.tiered-menu-item--open{background-color:#e4e2e2}"]
+    })
+], TieredMenuItemComponent);
+
+let TieredMenuDividerComponent = class TieredMenuDividerComponent {
+};
+TieredMenuDividerComponent = __decorate([
+    Component({
+        selector: "s-tiered-menu-divider",
+        template: "<div class=\"divider\"></div>",
+        styles: [".divider{margin:2px 0;height:1px;background-color:#ccc}"]
+    })
+], TieredMenuDividerComponent);
+
+let TieredMenuModule = class TieredMenuModule {
+};
+TieredMenuModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            BrowserModule,
+        ],
+        declarations: [
+            TieredMenuDirective,
+            TieredMenuComponent,
+            TieredMenuNestedComponent,
+            TieredMenuItemComponent,
+            TieredMenuDividerComponent,
+        ],
+        exports: [TieredMenuDirective],
+        providers: [
+            TieredMenuEventService,
+            TieredMenuService,
+        ],
+    })
+], TieredMenuModule);
+
 let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
     constructor(eRef) {
         this.eRef = eRef;
@@ -13803,5 +14534,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, SideTableComponent as ɵbi, StructureModule as ɵbj, HeaderComponent as ɵbk, FooterComponent as ɵbl, NumberLocaleOptions as ɵbm, ThumbnailService as ɵbn, BorderButtonModule as ɵbo, BorderButtonComponent as ɵbp, TimelineItemModule as ɵbq, TimelineIconItemComponent as ɵbr, HorizontalTimelineModule as ɵbs, HorizontalTimelineComponent as ɵbt, VerticalTimelineModule as ɵbu, VerticalTimelineComponent as ɵbv, RangeLineComponent as ɵbw, CollapseOptionComponent as ɵbx, CollapsedItemsComponent as ɵby, VerticalItemsComponent as ɵbz, CountryPhonePickerService as ɵc, InfiniteScrollModule as ɵca, InfiniteScrollDirective as ɵcb, CustomTranslationsModule as ɵcc, CodeEditorComponent as ɵcd, CoreFacade as ɵce, CodeMirror6Core as ɵcf, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, SideTableComponent as ɵbi, StructureModule as ɵbj, HeaderComponent as ɵbk, FooterComponent as ɵbl, NumberLocaleOptions as ɵbm, ThumbnailService as ɵbn, BorderButtonModule as ɵbo, BorderButtonComponent as ɵbp, TimelineItemModule as ɵbq, TimelineIconItemComponent as ɵbr, HorizontalTimelineModule as ɵbs, HorizontalTimelineComponent as ɵbt, VerticalTimelineModule as ɵbu, VerticalTimelineComponent as ɵbv, RangeLineComponent as ɵbw, CollapseOptionComponent as ɵbx, CollapsedItemsComponent as ɵby, VerticalItemsComponent as ɵbz, CountryPhonePickerService as ɵc, InfiniteScrollModule as ɵca, InfiniteScrollDirective as ɵcb, CustomTranslationsModule as ɵcc, CodeEditorComponent as ɵcd, CoreFacade as ɵce, CodeMirror6Core as ɵcf, TieredMenuEventService as ɵcg, TieredMenuService as ɵch, TieredMenuComponent as ɵci, TieredMenuNestedComponent as ɵcj, TieredMenuItemComponent as ɵck, TieredMenuDividerComponent as ɵcl, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map