@seniorsistemas/angular-components 17.1.7 → 17.2.0

package/fesm5/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';
@@ -540,7 +540,7 @@ var TooltipDirective = /** @class */ (function () {
     };
     TooltipDirective.prototype.showTooltip = function () {
         if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
+            this.componentRef.instance.visible = this.visible;
             window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
         }
     };
@@ -964,6 +964,7 @@ var ButtonComponent = /** @class */ (function () {
     function ButtonComponent() {
         this.minWidth = "40px";
         this.id = "s-button-" + ButtonComponent_1.nextId++;
+        this.tooltipPosition = "top";
         this.caret = true;
         this.baseZIndex = 0;
         this.disabled = false;
@@ -1019,6 +1020,9 @@ var ButtonComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], ButtonComponent.prototype, "tooltip", void 0);
+    __decorate([
+        Input()
+    ], ButtonComponent.prototype, "tooltipPosition", void 0);
     __decorate([
         Input()
     ], ButtonComponent.prototype, "iconClass", void 0);
@@ -1067,7 +1071,7 @@ var ButtonComponent = /** @class */ (function () {
     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);
@@ -1079,7 +1083,7 @@ var ButtonModule = /** @class */ (function () {
     }
     ButtonModule = __decorate([
         NgModule({
-            imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule$1],
+            imports: [CommonModule, RouterModule, TieredMenuModule$1, TooltipModule$1],
             declarations: [ButtonComponent],
             exports: [ButtonComponent],
         })
@@ -4178,119 +4182,6 @@ var EmptyStateModule = /** @class */ (function () {
     return 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 = {}));
-
-var 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,
-};
-
-var ExportUtils = /** @class */ (function () {
-    function ExportUtils() {
-        throw new Error("Classe não deve ser instanciada.");
-    }
-    ExportUtils.addClass = function (element, className) {
-        element.nativeElement.className = element.nativeElement.className + " " + className;
-    };
-    ExportUtils.removeClass = function (element, className) {
-        if (element.nativeElement.className.includes(className)) {
-            element.nativeElement.className = element.nativeElement.className.replace(className, "");
-        }
-    };
-    ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
-        var _this = this;
-        if (columns === void 0) { columns = []; }
-        if (data === void 0) { data = []; }
-        if (csvSeparator === void 0) { csvSeparator = ";"; }
-        if (documentName === void 0) { documentName = "download"; }
-        var csv = "\ufeff";
-        columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-            csv += "\"" + (column.header || column.field) + "\"";
-            if (i < columns.length - 1)
-                csv += csvSeparator;
-        });
-        data.forEach(function (record) {
-            csv += "\n";
-            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-                var cellData;
-                if (Array.isArray(column.field)) {
-                    var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
-                    cellData = fieldValues
-                        .flat()
-                        .filter(function (value) { return 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;
-            });
-        });
-        var blob = new Blob([csv], {
-            type: "text/csv;charset=utf-8;",
-        });
-        if (window.navigator.msSaveOrOpenBlob)
-            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
-        else {
-            var 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);
-        }
-    };
-    ExportUtils.resolveFieldData = function (data, field) {
-        if (data && field) {
-            if (this.isFunction(field))
-                return field(data);
-            else if (field.indexOf(".") == -1)
-                return data[field];
-            else {
-                var fields = field.split(".");
-                var value = data;
-                for (var i = 0, len = fields.length; i < len; ++i) {
-                    if (value == null) {
-                        return null;
-                    }
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        }
-        else
-            return null;
-    };
-    ExportUtils.isFunction = function (obj) {
-        return !!(obj && obj.constructor && obj.call && obj.apply);
-    };
-    return ExportUtils;
-}());
-
 /**
  * Formats a JSON response to a JS object
  * @param response The response to format
@@ -4552,12 +4443,140 @@ var FileUploadService = /** @class */ (function () {
     return FileUploadService;
 }());
 
+var 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,
+};
+
+var ExportUtils = /** @class */ (function () {
+    function ExportUtils() {
+        throw new Error("Classe não deve ser instanciada.");
+    }
+    ExportUtils.addClass = function (element, className) {
+        element.nativeElement.className = element.nativeElement.className + " " + className;
+    };
+    ExportUtils.removeClass = function (element, className) {
+        if (element.nativeElement.className.includes(className)) {
+            element.nativeElement.className = element.nativeElement.className.replace(className, "");
+        }
+    };
+    ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
+        var _this = this;
+        if (columns === void 0) { columns = []; }
+        if (data === void 0) { data = []; }
+        if (csvSeparator === void 0) { csvSeparator = ";"; }
+        if (documentName === void 0) { documentName = "download"; }
+        var csv = "\ufeff";
+        columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+            csv += "\"" + (column.header || column.field) + "\"";
+            if (i < columns.length - 1)
+                csv += csvSeparator;
+        });
+        data.forEach(function (record) {
+            csv += "\n";
+            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+                var cellData;
+                if (Array.isArray(column.field)) {
+                    var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
+                    cellData = fieldValues
+                        .flat()
+                        .filter(function (value) { return 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;
+            });
+        });
+        var blob = new Blob([csv], {
+            type: "text/csv;charset=utf-8;",
+        });
+        if (window.navigator.msSaveOrOpenBlob)
+            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
+        else {
+            var 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);
+        }
+    };
+    ExportUtils.resolveFieldData = function (data, field) {
+        if (data && field) {
+            if (this.isFunction(field))
+                return field(data);
+            else if (field.indexOf(".") == -1)
+                return data[field];
+            else {
+                var fields = field.split(".");
+                var value = data;
+                for (var i = 0, len = fields.length; i < len; ++i) {
+                    if (value == null) {
+                        return null;
+                    }
+                    value = value[fields[i]];
+                }
+                return value;
+            }
+        }
+        else
+            return null;
+    };
+    ExportUtils.isFunction = function (obj) {
+        return !!(obj && obj.constructor && obj.call && obj.apply);
+    };
+    return ExportUtils;
+}());
+
+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 = {}));
+var ALL_PERMISSIONS = [
+    FileUploadPermissions.Add,
+    FileUploadPermissions.Read,
+    FileUploadPermissions.Remove,
+];
+
 var moment$3 = moment_;
 var FileUploadComponent = /** @class */ (function () {
     function FileUploadComponent(sanitizer, fileUploadService, translate) {
         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";
@@ -4567,6 +4586,7 @@ var FileUploadComponent = /** @class */ (function () {
         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();
@@ -4793,6 +4813,9 @@ var FileUploadComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], FileUploadComponent.prototype, "showFileUploadDate", void 0);
+    __decorate([
+        Input()
+    ], FileUploadComponent.prototype, "permissions", void 0);
     __decorate([
         Input()
     ], FileUploadComponent.prototype, "files", null);
@@ -4817,7 +4840,7 @@ var FileUploadComponent = /** @class */ (function () {
     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);
@@ -14159,6 +14182,739 @@ var CodeEditorModule = /** @class */ (function () {
     return CodeEditorModule;
 }());
 
+var TieredMenuEventService = /** @class */ (function () {
+    function TieredMenuEventService() {
+        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();
+    }
+    TieredMenuEventService.prototype.emitIncrementCurrentItemEvent = function () {
+        this.incrementCurrentItemEvent.emit();
+    };
+    TieredMenuEventService.prototype.emitDecrementCurrentItemEvent = function () {
+        this.decrementCurrentItemEvent.emit();
+    };
+    TieredMenuEventService.prototype.emitCloseAllMenusEvent = function () {
+        this.closeAllMenusEvent.emit();
+    };
+    TieredMenuEventService.prototype.emitSelectItemEvent = function (item) {
+        this.selectItemEvent.emit(item);
+    };
+    TieredMenuEventService.prototype.emitOpenItemMenuEvent = function (item) {
+        this.openItemMenuEvent.emit(item);
+    };
+    TieredMenuEventService.prototype.emitCloseItemMenuEvent = function (item) {
+        this.closeItemMenuEvent.emit(item);
+    };
+    TieredMenuEventService.prototype.emitCreateMenuEvent = function (item) {
+        this.createMenuEvent.emit(item);
+    };
+    TieredMenuEventService = __decorate([
+        Injectable()
+    ], TieredMenuEventService);
+    return TieredMenuEventService;
+}());
+
+var TieredMenuService = /** @class */ (function () {
+    function TieredMenuService() {
+    }
+    TieredMenuService.prototype.normalizeData = function (items, parent) {
+        var _this = this;
+        return items.map(function (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;
+        });
+    };
+    TieredMenuService.prototype.markAllItemsAsClosed = function (items) {
+        var _this = this;
+        return items.map(function (item) {
+            if (item.submenu) {
+                item.submenu = _this.markAllItemsAsClosed(item.submenu);
+            }
+            item.isOpen = false;
+            return item;
+        });
+    };
+    TieredMenuService.prototype.searchTheHierarchy = function (item1, item2) {
+        var itemAux = item2;
+        while (itemAux) {
+            if (itemAux === item1) {
+                return true;
+            }
+            itemAux = itemAux.parent;
+        }
+        return false;
+    };
+    TieredMenuService = __decorate([
+        Injectable()
+    ], TieredMenuService);
+    return TieredMenuService;
+}());
+
+var TieredMenuNestedComponent = /** @class */ (function () {
+    function TieredMenuNestedComponent(tieredMenuService, _tieredMenuEventService) {
+        this.tieredMenuService = tieredMenuService;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.top = 0;
+        this.maxHeight = 0;
+        this._unsubscribe$ = new Subject();
+    }
+    TieredMenuNestedComponent.prototype.ngOnInit = function () {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+    };
+    TieredMenuNestedComponent.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    };
+    TieredMenuNestedComponent.prototype._incrementCurItem = function () {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        var 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();
+        }
+    };
+    TieredMenuNestedComponent.prototype._decrementCurItem = function () {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        var 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();
+        }
+    };
+    TieredMenuNestedComponent.prototype._closeItem = function (item) {
+        var _a;
+        var 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;
+    };
+    TieredMenuNestedComponent.prototype._openItem = function (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;
+        }
+    };
+    TieredMenuNestedComponent.prototype._subscribeEvents = function () {
+        var _this = this;
+        this._tieredMenuEventService.incrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function () {
+            _this._incrementCurItem();
+        });
+        this._tieredMenuEventService.decrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function () {
+            _this._decrementCurItem();
+        });
+        this._tieredMenuEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (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(function (item) {
+            var _a, _b;
+            if (!_this.tieredMenuService.currentItems.includes(item)) {
+                var 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(function (item) {
+            if (item) {
+                _this._closeItem(item);
+            }
+        });
+    };
+    TieredMenuNestedComponent.ctorParameters = function () { return [
+        { 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);
+    return TieredMenuNestedComponent;
+}());
+
+var TieredMenuComponent = /** @class */ (function () {
+    function TieredMenuComponent(_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();
+    }
+    TieredMenuComponent_1 = TieredMenuComponent;
+    TieredMenuComponent.prototype.ngOnInit = function () {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+    };
+    TieredMenuComponent.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    };
+    TieredMenuComponent.prototype._incrementCurItem = function () {
+        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;
+        }
+        var 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();
+        }
+    };
+    TieredMenuComponent.prototype._decrementCurItem = function () {
+        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;
+        }
+        var 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();
+        }
+    };
+    TieredMenuComponent.prototype._createMenu = function (items, position) {
+        var _this = this;
+        if (!this._componentRef && items) {
+            var componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent_1);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            var 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(function (propagate) {
+                _this._destroy(propagate);
+            });
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition(position);
+        }
+    };
+    TieredMenuComponent.prototype._destroy = function (propagate) {
+        if (propagate === void 0) { 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();
+        }
+    };
+    TieredMenuComponent.prototype._setMenuPosition = function (position) {
+        var _a;
+        if (this._componentRef !== null) {
+            var top_1 = position.top, right = position.right, bottom = position.bottom, left = position.left;
+            // I need to calculate the height of the component because the internal elements have not been created yet.
+            var menuHeight = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) * 40;
+            var menuWidth = this._menuDivElement.getBoundingClientRect().width;
+            var rightFreeSpace = document.body.clientWidth - right;
+            var 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_1 - menuHeight;
+            }
+            else {
+                this._componentRef.instance.top = top_1;
+            }
+        }
+    };
+    TieredMenuComponent.prototype._subscribeEvents = function () {
+        var _this = this;
+        // Increment current item event.
+        this._tieredMenuEventService.incrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function () {
+            _this._incrementCurItem();
+        });
+        // Decrement current item event.
+        this._tieredMenuEventService.decrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function () {
+            _this._decrementCurItem();
+        });
+        // Select item event.
+        this._tieredMenuEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (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(function () {
+            _this._destroy();
+            _this.tieredMenuService.currentItem = null;
+            _this.tieredMenuService.currentItems = _this.tieredMenuService.items;
+        });
+        // Open item menu event.
+        this._tieredMenuEventService.openItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (item) {
+            item.isOpen = false;
+            if (_this.tieredMenuService.currentItem) {
+                if (_this.tieredMenuService.currentItem.parent === item) {
+                    return;
+                }
+                if (!_this.tieredMenuService.searchTheHierarchy(_this.tieredMenuService.currentItem.parent, item)) {
+                    var itemAux = _this.tieredMenuService.currentItem;
+                    while (itemAux.parent !== item.parent) {
+                        _this._tieredMenuEventService.emitCloseItemMenuEvent(itemAux);
+                        itemAux = itemAux.parent;
+                    }
+                }
+            }
+            if (item.submenu) {
+                if (!item.isOpen) {
+                    var _a = document
+                        .querySelector("#" + item.id)
+                        .getBoundingClientRect(), top_2 = _a.top, right = _a.right, left = _a.left, bottom = _a.bottom;
+                    var position = { top: top_2, right: right, left: left, bottom: 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(function (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);
+            }
+        });
+    };
+    var TieredMenuComponent_1;
+    TieredMenuComponent.ctorParameters = function () { return [
+        { 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);
+    return TieredMenuComponent;
+}());
+
+var TieredMenuDirective = /** @class */ (function () {
+    function TieredMenuDirective(_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";
+    }
+    TieredMenuDirective.prototype.ngOnInit = function () {
+        this._tieredMenuService.items = this._tieredMenuService.normalizeData(this.items);
+        this._tieredMenuService.currentItems = this._tieredMenuService.items;
+        this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
+        this._subscribeEvents();
+    };
+    TieredMenuDirective.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        // setTimeout to create the menu after creating the elements.
+        if (this.alwaysOpen) {
+            setTimeout(function () {
+                _this._createMenu();
+            }, 0);
+        }
+    };
+    TieredMenuDirective.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+        this._destroy();
+    };
+    TieredMenuDirective.prototype.onResize = function () {
+        if (!this.alwaysOpen) {
+            this._tieredMenuEventService.emitCloseAllMenusEvent();
+        }
+    };
+    TieredMenuDirective.prototype.onKeydownHandler = function (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;
+        }
+    };
+    TieredMenuDirective.prototype.onClick = function (event) {
+        if (this.triggerEvent === "click" && this.items && this.items && !this._isOpen) {
+            this._lastActiveElement = document.activeElement;
+            this._createMenu();
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    TieredMenuDirective.prototype.onDocumentClick = function (event) {
+        // Closing menu when clicked outside.
+        var target = event.target;
+        var clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
+        if (!clickedInside) {
+            this._tieredMenuEventService.emitCloseAllMenusEvent();
+        }
+    };
+    TieredMenuDirective.prototype._createMenu = function () {
+        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();
+        }
+    };
+    TieredMenuDirective.prototype._createTieredMenu = function () {
+        var _this = this;
+        if (!this._componentRef && this.items) {
+            var componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            var domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._componentRef.instance.destroyRequest
+                .pipe(takeUntil(this._unsubscribe$))
+                .subscribe(function () {
+                _this._destroy();
+            });
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition();
+        }
+    };
+    TieredMenuDirective.prototype._createNestedMenu = function () {
+        if (!this._componentRef && this.items) {
+            var componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuNestedComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            var domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition();
+        }
+    };
+    TieredMenuDirective.prototype._destroy = function () {
+        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];
+        }
+    };
+    TieredMenuDirective.prototype._setMenuPosition = function () {
+        if (this._componentRef !== null) {
+            var _a = this._elementRef.nativeElement.getBoundingClientRect(), right = _a.right, bottom = _a.bottom, left = _a.left;
+            var menuWidth = this._menuDivElement.getBoundingClientRect().width;
+            var rightFreeSpace = document.body.clientWidth - right;
+            var 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;
+            }
+        }
+    };
+    TieredMenuDirective.prototype._setMenuComponentProperties = function () {
+        if (this._componentRef != null) {
+            this._componentRef.instance.items = this.items;
+        }
+    };
+    TieredMenuDirective.prototype._subscribeEvents = function () {
+        var _this = this;
+        this._tieredMenuEventService.closeAllMenusEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function () {
+            _this.items = _this._tieredMenuService.markAllItemsAsClosed(_this.items);
+            _this._destroy();
+        });
+    };
+    TieredMenuDirective.ctorParameters = function () { return [
+        { 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);
+    return TieredMenuDirective;
+}());
+
+var TieredMenuItemComponent = /** @class */ (function () {
+    function TieredMenuItemComponent(_tieredMenuEventService) {
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.focused = false;
+        this.triggerEvent = "click";
+        this.closeOnClick = false;
+    }
+    TieredMenuItemComponent.prototype.onClick = function () {
+        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);
+        }
+    };
+    TieredMenuItemComponent.prototype.onMouseEnter = function () {
+        var _this = this;
+        if (this.triggerEvent === "hover" && !this.item.isOpen) {
+            this._showTimeout = window.setTimeout(function () {
+                _this._tieredMenuEventService.emitOpenItemMenuEvent(_this.item);
+            }, 300);
+        }
+    };
+    TieredMenuItemComponent.prototype.onMouseLeave = function () {
+        window.clearTimeout(this._showTimeout);
+    };
+    TieredMenuItemComponent.ctorParameters = function () { return [
+        { 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);
+    return TieredMenuItemComponent;
+}());
+
+var TieredMenuDividerComponent = /** @class */ (function () {
+    function 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);
+    return TieredMenuDividerComponent;
+}());
+
+var TieredMenuModule = /** @class */ (function () {
+    function TieredMenuModule() {
+    }
+    TieredMenuModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                BrowserModule,
+            ],
+            declarations: [
+                TieredMenuDirective,
+                TieredMenuComponent,
+                TieredMenuNestedComponent,
+                TieredMenuItemComponent,
+                TieredMenuDividerComponent,
+            ],
+            exports: [TieredMenuDirective],
+            providers: [
+                TieredMenuEventService,
+                TieredMenuService,
+            ],
+        })
+    ], TieredMenuModule);
+    return TieredMenuModule;
+}());
+
 var WorkspaceSwitchComponent = /** @class */ (function () {
     function WorkspaceSwitchComponent(eRef) {
         this.eRef = eRef;
@@ -14802,5 +15558,5 @@ var 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