@seniorsistemas/angular-components 17.9.7 → 17.10.1

package/bundles/seniorsistemas-angular-components.umd.js

@@ -525,8 +525,8 @@
         }
         TooltipComponent = __decorate([
             core.Component({
-                template: "<div\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
-                styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:5px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:150px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:8px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:8px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
+                template: "<div\n   id=\"tooltip\"\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
+                styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:5px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:220px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:8px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:8px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
             })
         ], TooltipComponent);
         return TooltipComponent;
@@ -626,7 +626,7 @@
                 top: Math.min(elementRect.top, toolTipRect.top),
                 right: Math.max(elementRect.right, toolTipRect.right),
                 left: Math.min(elementRect.left, toolTipRect.left),
-                bottom: Math.max(elementRect.bottom, toolTipRect.bottom)
+                bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
             };
             if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea)) {
                 this.destroy();
@@ -643,12 +643,12 @@
             if (this.focusedInputRef) {
                 var inputFocus = this.focusedInputRef;
                 var icon_1 = this.getIconFromFocusedInput();
-                this.renderer.listen(this.focusedInputRef, 'focus', function () {
+                this.renderer.listen(this.focusedInputRef, "focus", function () {
                     if (icon_1 && _this.isMatchingTooltip(icon_1)) {
                         _this.createTootipByFocus(icon_1);
                     }
                 });
-                this.renderer.listen(inputFocus, 'blur', function () {
+                this.renderer.listen(inputFocus, "blur", function () {
                     if (icon_1 && _this.isMatchingTooltip(icon_1)) {
                         _this.removeTooltip(icon_1);
                         _this.destroy();
@@ -669,7 +669,7 @@
          * @returns true se o tooltip corresponde; caso contrário, false.
          */
         TooltipDirective.prototype.isMatchingTooltip = function (icon) {
-            var tooltipText = icon.getAttribute('ng-reflect-tooltip');
+            var tooltipText = icon.getAttribute("ng-reflect-tooltip");
             return this.tooltip === tooltipText;
         };
         /**
@@ -677,7 +677,7 @@
          * @param icon O ícone do input em focus.
          */
         TooltipDirective.prototype.removeTooltip = function (icon) {
-            var tooltip = icon.querySelector('.tooltip');
+            var tooltip = icon.querySelector(".tooltip");
             if (tooltip) {
                 tooltip.remove();
             }
@@ -685,9 +685,7 @@
         // whenever the component with the tooltip is clicked I destroy the tooltip.
         // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
         TooltipDirective.prototype.onClick = function () {
-            if (this.tooltipEvent === TooltipEvent.Hover &&
-                !navigator.userAgent.match(/Android/i) &&
-                !navigator.userAgent.match(/iPhone/i)) {
+            if (this.tooltipEvent === TooltipEvent.Hover && !navigator.userAgent.match(/Android/i) && !navigator.userAgent.match(/iPhone/i)) {
                 this.destroy();
             }
         };
@@ -732,12 +730,7 @@
             }
         };
         TooltipDirective.prototype.validatePosition = function () {
-            var containsPosition = [
-                exports.TooltipPosition.Top,
-                exports.TooltipPosition.Right,
-                exports.TooltipPosition.Bottom,
-                exports.TooltipPosition.Left,
-            ].includes(this.position);
+            var containsPosition = [exports.TooltipPosition.Top, exports.TooltipPosition.Right, exports.TooltipPosition.Bottom, exports.TooltipPosition.Left].includes(this.position);
             if (!containsPosition) {
                 this.position = exports.TooltipPosition.Top;
                 throw new Error("Tooltip " + this.position + " position is unexpected");
@@ -750,7 +743,7 @@
                 document.body.appendChild(domElem);
                 this.setTooltipComponentProperties();
                 this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
-                this.tooltipDivElement = domElem.querySelector('.tooltip');
+                this.tooltipDivElement = domElem.querySelector(".tooltip");
                 if (this.displayTime) {
                     window.setTimeout(this.destroy.bind(this), this.displayTime);
                 }
@@ -772,142 +765,81 @@
             var _a;
             if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
                 var domElem = this.getDomElement();
-                var tooltip_1 = domElem.querySelector('.tooltip');
+                var tooltip_1 = domElem.querySelector(".tooltip");
                 icon.appendChild(tooltip_1);
                 this.setTooltipComponentProperties();
                 setTimeout(function () { return tooltip_1.classList.add("tooltip--visible"); }, 0);
-                this.renderer.listen(window, 'scroll', function () {
-                    _this.updateTooltipPosition();
+                this.renderer.listen(window, "scroll", function () {
+                    _this.setTooltipPositionProperty();
                 });
             }
         };
-        TooltipDirective.prototype.updateTooltipPosition = function () {
-            if (this.componentRef) {
-                var _a = this.elementRef.nativeElement.getBoundingClientRect(), left = _a.left, right = _a.right, top_1 = _a.top, bottom = _a.bottom;
-                var tooltipWidth = right - left;
-                var tooltipHeight = bottom - top_1;
-                switch (this.position) {
-                    case exports.TooltipPosition.Top:
-                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                        this.componentRef.instance.top = Math.round(top_1 - 20 - 5);
-                        break;
-                    case exports.TooltipPosition.Bottom:
-                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                        this.componentRef.instance.top = Math.round(bottom + 20);
-                        break;
-                    case exports.TooltipPosition.Left:
-                        this.componentRef.instance.left = Math.round(left - 20);
-                        this.componentRef.instance.top = Math.round(top_1 + tooltipHeight / 2 - 5);
-                        break;
-                    case exports.TooltipPosition.Right:
-                        this.componentRef.instance.left = Math.round(right + 20);
-                        this.componentRef.instance.top = Math.round(top_1 + tooltipHeight / 2 - 5);
-                        break;
-                    default:
-                        break;
-                }
-            }
-        };
         TooltipDirective.prototype.showTooltip = function () {
             if (this.componentRef !== null) {
                 this.componentRef.instance.visible = this.visible;
-                window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
+                this.setTooltipPositionProperty();
+                window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
             }
         };
-        TooltipDirective.prototype.setTooltipComponentProperties = function () {
+        TooltipDirective.prototype.setTooltipPositionProperty = function () {
+            var e_1, _a;
             var margin = 20;
             var anchorSize = 5;
+            var domElem = this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
+            var _b = domElem.getBoundingClientRect(), height = _b.height, width = _b.width;
+            var _c = this.elementRef.nativeElement.getBoundingClientRect(), left = _c.left, right = _c.right, top = _c.top, bottom = _c.bottom;
+            var positions = [
+                {
+                    pos: exports.TooltipPosition.Top,
+                    check: function () { return top > height; },
+                    set: function () { return ({ left: left + (right - left) / 2, top: top - margin - anchorSize }); },
+                },
+                {
+                    pos: exports.TooltipPosition.Bottom,
+                    check: function () { return document.body.clientHeight - bottom > height; },
+                    set: function () { return ({ left: left + (right - left) / 2, top: bottom + margin }); },
+                },
+                {
+                    pos: exports.TooltipPosition.Left,
+                    check: function () { return left > width; },
+                    set: function () { return ({ left: left - margin, top: top + height / 2 - anchorSize }); },
+                },
+                {
+                    pos: exports.TooltipPosition.Right,
+                    check: function () { return document.body.clientWidth - right > width; },
+                    set: function () { return ({ left: right + margin, top: top + height / 2 - anchorSize }); },
+                },
+            ];
+            try {
+                for (var positions_1 = __values(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
+                    var _d = positions_1_1.value, pos = _d.pos, check = _d.check, set = _d.set;
+                    if (check()) {
+                        this.position = pos;
+                        var _e = set(), left_1 = _e.left, top_1 = _e.top;
+                        this.componentRef.instance.left = Math.round(left_1);
+                        this.componentRef.instance.top = Math.round(top_1);
+                        this.componentRef.instance.position = this.position;
+                        return;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (positions_1_1 && !positions_1_1.done && (_a = positions_1.return)) _a.call(positions_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            // Se não conseguir posicionar, mostrar abaixo
+            this.position = exports.TooltipPosition.Bottom;
+            this.componentRef.instance.left = Math.round(left + (right - left) / 2);
+            this.componentRef.instance.top = Math.round(bottom + margin);
+            this.componentRef.instance.position = this.position;
+        };
+        TooltipDirective.prototype.setTooltipComponentProperties = function () {
             if (this.componentRef !== null) {
                 this.componentRef.instance.tooltip = this.tooltip;
                 this.componentRef.instance.escape = this.escape;
-                var _a = this.elementRef.nativeElement.getBoundingClientRect(), left = _a.left, right = _a.right, top_2 = _a.top, bottom = _a.bottom;
-                var tooltipHeight = bottom - top_2;
-                var tooltipWidth = right - left;
-                var safeSpace = 150;
-                var positioned = false;
-                var invalidOptions = [];
-                while (!positioned) {
-                    if (invalidOptions.includes(exports.TooltipPosition.Top)
-                        && invalidOptions.includes(exports.TooltipPosition.Bottom)
-                        && invalidOptions.includes(exports.TooltipPosition.Left)
-                        && invalidOptions.includes(exports.TooltipPosition.Right)) {
-                        this.destroy();
-                        throw new Error("No space to show tooltip");
-                    }
-                    switch (this.position) {
-                        case exports.TooltipPosition.Top: {
-                            if (invalidOptions.includes(exports.TooltipPosition.Top)) {
-                                this.position = exports.TooltipPosition.Left;
-                                break;
-                            }
-                            var topShift = top_2;
-                            if (topShift <= tooltipHeight + safeSpace) {
-                                this.position = exports.TooltipPosition.Bottom;
-                                invalidOptions.push(exports.TooltipPosition.Top);
-                                positioned = false;
-                                break;
-                            }
-                            this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                            this.componentRef.instance.top = Math.round(top_2 - margin - anchorSize);
-                            positioned = true;
-                            break;
-                        }
-                        case exports.TooltipPosition.Bottom: {
-                            if (invalidOptions.includes(exports.TooltipPosition.Bottom)) {
-                                this.position = exports.TooltipPosition.Left;
-                                break;
-                            }
-                            var bottomShift = document.body.clientHeight - bottom;
-                            if (bottomShift <= tooltipHeight + safeSpace) {
-                                this.position = exports.TooltipPosition.Top;
-                                invalidOptions.push(exports.TooltipPosition.Bottom);
-                                break;
-                            }
-                            this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                            this.componentRef.instance.top = Math.round(bottom + margin);
-                            positioned = true;
-                            break;
-                        }
-                        case exports.TooltipPosition.Left: {
-                            if (invalidOptions.includes(exports.TooltipPosition.Left)) {
-                                this.position = exports.TooltipPosition.Top;
-                                break;
-                            }
-                            var leftShift = left;
-                            if (leftShift <= tooltipWidth + safeSpace) {
-                                this.position = exports.TooltipPosition.Right;
-                                invalidOptions.push(exports.TooltipPosition.Left);
-                                positioned = false;
-                                break;
-                            }
-                            this.componentRef.instance.left = Math.round(left - margin);
-                            this.componentRef.instance.top = Math.round(top_2 + tooltipHeight / 2 - anchorSize);
-                            positioned = true;
-                            break;
-                        }
-                        case exports.TooltipPosition.Right: {
-                            if (invalidOptions.includes(exports.TooltipPosition.Right)) {
-                                this.position = exports.TooltipPosition.Top;
-                                break;
-                            }
-                            var rightShift = document.body.clientWidth - right;
-                            if (rightShift <= tooltipWidth + safeSpace) {
-                                this.position = exports.TooltipPosition.Left;
-                                invalidOptions.push(exports.TooltipPosition.Right);
-                                positioned = false;
-                                break;
-                            }
-                            this.componentRef.instance.left = Math.round(right + margin);
-                            this.componentRef.instance.top = Math.round(top_2 + tooltipHeight / 2 - anchorSize);
-                            positioned = true;
-                            break;
-                        }
-                        default: {
-                            break;
-                        }
-                    }
-                    this.componentRef.instance.position = this.position;
-                }
             }
         };
         TooltipDirective.prototype.destroy = function () {
@@ -918,7 +850,7 @@
                 this.componentRef = null;
                 this.tooltipDivElement = null;
             }
-            window.removeEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
+            window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         };
         TooltipDirective.ctorParameters = function () { return [
             { type: core.ElementRef },
@@ -1695,6 +1627,9 @@
         __decorate([
             core.Input()
         ], ButtonComponent.prototype, "badge", void 0);
+        __decorate([
+            core.Input()
+        ], ButtonComponent.prototype, "iconColor", void 0);
         __decorate([
             core.Output()
         ], ButtonComponent.prototype, "onClick", void 0);
@@ -1704,7 +1639,7 @@
         ButtonComponent = ButtonComponent_1 = __decorate([
             core.Component({
                 selector: "s-button",
-                template: "<p-tieredMenu\n    [id]=\"id + '-menu'\"\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"baseZIndex\">\n</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-priority-danger': priority === 'danger',\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    <div *ngIf=\"badge\" class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\">\n        </s-badge>\n    </div>\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\n    [id]=\"id + '-menu'\"\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"baseZIndex\">\n</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-priority-danger': priority === 'danger',\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    <div *ngIf=\"badge\" class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\">\n        </s-badge>\n    </div>\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        [ngStyle]=\"{ color: iconColor }\"\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        [ngStyle]=\"{ color: iconColor }\"\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:1px solid;border-radius:4px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;-ms-flex-pack:center;justify-content:center;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;vertical-align:bottom}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{height:25px;padding:0 20px}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{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}button.s-button-multiple .s-button-text{-ms-flex-align:left;align-items:left;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left}button.s-button-with-icon .s-button-text{-ms-flex-align:right;align-items:right;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-menu-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger.s-button-active:not(:disabled),.s-button-priority-danger:active:not(:disabled){background-color:#521e1e;border-color:#521e1e}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{opacity:1;position:relative;transition:1s;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{transform:rotate(360deg);transition:1.5s}.badge{position:absolute;top:-10px;right:-10px;z-index:99}"]
             })
         ], ButtonComponent);
@@ -5917,7 +5852,7 @@
                         animations.transition("* <=> *", animations.animate("{{transitionParams}}")),
                     ]),
                 ],
-                styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}.ui-fluid s-lookup .inputgroup p-autocomplete{display:inline-block}.ui-fluid s-lookup .inputgroup p-autocomplete,.ui-fluid s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}.ui-fluid s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}"]
+                styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete,s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}"]
             })
         ], LookupComponent);
         return LookupComponent;
@@ -9569,7 +9504,7 @@
         ], LookupFieldComponent.prototype, "formControl", void 0);
         LookupFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label [field]=\"field\">\n\n<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n    >\n    </s-lookup>\n</div>\n"
+                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n    >\n    </s-lookup>\n</div>\n"
             })
         ], LookupFieldComponent);
         return LookupFieldComponent;
@@ -14994,6 +14929,774 @@
         return IAInsightModule;
     }());
 
+    var InlineEditField = /** @class */ (function () {
+        function InlineEditField(options) {
+            this.label = options.label;
+            this.name = options.name;
+            this.tooltip = options.tooltip;
+            this.errorMessages = options.errorMessages;
+        }
+        return InlineEditField;
+    }());
+
+    var InlineEditCalendarField = /** @class */ (function (_super) {
+        __extends(InlineEditCalendarField, _super);
+        function InlineEditCalendarField(options) {
+            var _this = _super.call(this, options) || this;
+            _this.view = options.view || "date";
+            _this.minDate = options.minDate;
+            _this.maxDate = options.maxDate;
+            _this.defaultDate = options.defaultDate;
+            _this.appendTo = options.appendTo;
+            _this.showOnFocus = typeof options.showOnFocus === "boolean" ? options.showOnFocus : true;
+            _this.onBlur = options.onBlur;
+            _this.onFocus = options.onFocus;
+            _this.onSelect = options.onSelect;
+            _this.onInput = options.onInput;
+            _this.onClose = options.onClose;
+            _this.onTodayClick = options.onTodayClick;
+            _this.onClearClick = options.onClearClick;
+            _this.onMonthChange = options.onMonthChange;
+            _this.onYearChange = options.onYearChange;
+            _this.selectionMode = options.selectionMode || "single";
+            _this.rangeSeparator = options.rangeSeparator || "-";
+            _this.showSeconds = options.showSeconds;
+            _this.placeholder = options.placeholder;
+            return _this;
+        }
+        return InlineEditCalendarField;
+    }(InlineEditField));
+
+    var InlineEditLookupField = /** @class */ (function (_super) {
+        __extends(InlineEditLookupField, _super);
+        function InlineEditLookupField(options) {
+            var _this = _super.call(this, options) || this;
+            _this.multiple = false;
+            _this.showSearch = true;
+            _this.autocompleteForceSelection = true;
+            _this.showAddOption = false;
+            _this.showEditOption = false;
+            _this.showRemoveOption = false;
+            _this.onSelect = function (event) { };
+            _this.onUnselect = function (event) { };
+            Object.assign(_this, options);
+            _this.suggestionsObservable.subscribe(function (suggestions) { return (_this.lookupSuggestions = suggestions); });
+            _this.searchObservable.pipe(operators.delay(0)).subscribe(function (_a) {
+                var totalRecords = _a.totalRecords, gridData = _a.gridData, searchTotalRecordsLabel = _a.searchTotalRecordsLabel;
+                _this._gridData = gridData;
+                _this._searchTotalRecords = totalRecords;
+                _this._searchTotalRecordsLabel = searchTotalRecordsLabel;
+            });
+            return _this;
+        }
+        Object.defineProperty(InlineEditLookupField.prototype, "gridData", {
+            get: function () {
+                return this._gridData;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditLookupField.prototype, "searchTotalRecords", {
+            get: function () {
+                return this._searchTotalRecords;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditLookupField.prototype, "searchTotalRecordsLabel", {
+            get: function () {
+                return this._searchTotalRecordsLabel;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return InlineEditLookupField;
+    }(InlineEditField));
+
+    var InlineEditNumberField = /** @class */ (function (_super) {
+        __extends(InlineEditNumberField, _super);
+        function InlineEditNumberField(options) {
+            var _a, _b, _c, _d;
+            var _this = _super.call(this, options) || this;
+            _this.allowNegative = (_a = options.allowNegative) !== null && _a !== void 0 ? _a : true;
+            _this.numberLocaleOptions = options.numberLocaleOptions;
+            _this.browserAutocomplete = options.browserAutocomplete;
+            _this.precision = options.precision;
+            _this.scale = (_b = options.scale) !== null && _b !== void 0 ? _b : 2;
+            _this.alignTo = _this.scale ? ng2CurrencyMask.AlignmentOptions.RIGHT : ng2CurrencyMask.AlignmentOptions.LEFT;
+            _this.mask = options.mask;
+            _this.leftAddon = options.leftAddon;
+            _this.rightAddon = options.rightAddon;
+            _this.onBlur = options.onBlur;
+            _this.onFocus = options.onFocus;
+            _this.onComplete = options.onComplete;
+            _this.onInput = options.onInput;
+            _this.autoClear = (_c = options.autoClear) !== null && _c !== void 0 ? _c : true;
+            _this.placeholder = (_d = options.placeholder) !== null && _d !== void 0 ? _d : "";
+            return _this;
+        }
+        return InlineEditNumberField;
+    }(InlineEditField));
+
+    var InlineEditTextAreaField = /** @class */ (function (_super) {
+        __extends(InlineEditTextAreaField, _super);
+        function InlineEditTextAreaField(options) {
+            var _this = _super.call(this, options) || this;
+            _this.cols = options.cols;
+            _this.rows = options.rows;
+            _this.keyFilter = options.keyFilter;
+            _this.readonly = options.readonly;
+            return _this;
+        }
+        return InlineEditTextAreaField;
+    }(InlineEditField));
+
+    var InlineEditTextField = /** @class */ (function (_super) {
+        __extends(InlineEditTextField, _super);
+        function InlineEditTextField(options) {
+            return _super.call(this, options) || this;
+        }
+        return InlineEditTextField;
+    }(InlineEditField));
+
+    var InlineEditTextAreaIAField = /** @class */ (function (_super) {
+        __extends(InlineEditTextAreaIAField, _super);
+        function InlineEditTextAreaIAField(options) {
+            return _super.call(this, options) || this;
+        }
+        return InlineEditTextAreaIAField;
+    }(InlineEditField));
+
+    var InlineEditItemComponent = /** @class */ (function () {
+        function InlineEditItemComponent(localeService) {
+            this.localeService = localeService;
+            this.isEditing = false;
+        }
+        InlineEditItemComponent.prototype.ngOnInit = function () {
+            this._getCalendarLocaleOptions();
+        };
+        Object.defineProperty(InlineEditItemComponent.prototype, "showEmptyValueButton", {
+            get: function () {
+                var _a;
+                return !this.isEditing && !((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditItemComponent.prototype, "showEditButton", {
+            get: function () {
+                var _a;
+                return !this.isEditing && ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditItemComponent.prototype, "showValue", {
+            get: function () {
+                var _a;
+                return !this.isEditing && ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        InlineEditItemComponent.prototype.onEdit = function () {
+            this.isEditing = !this.isEditing;
+        };
+        InlineEditItemComponent.prototype.onCancel = function () {
+            this.isEditing = !this.isEditing;
+        };
+        InlineEditItemComponent.prototype.onSave = function () {
+            if (this.dynamicComponentRef && this.dynamicComponentRef.instance.saveValue) {
+                var control = this.formGroup.get(this.field.name);
+                control.markAsDirty({ onlySelf: true });
+                this.dynamicComponentRef.instance.saveValue();
+            }
+            if (this.formGroup.get(this.field.name).valid) {
+                this.isEditing = !this.isEditing;
+            }
+        };
+        InlineEditItemComponent.prototype.setDynamicComponentRef = function (ref) {
+            this.dynamicComponentRef = ref;
+        };
+        InlineEditItemComponent.prototype.getErrorMessages = function (errorMessages) {
+            if (errorMessages)
+                return errorMessages instanceof Function
+                    ? __assign(__assign({}, this.errorMessages), errorMessages()) : __assign(__assign({}, this.errorMessages), errorMessages);
+            return this.errorMessages;
+        };
+        InlineEditItemComponent.prototype.getFormattedValue = function (value) {
+            if (this.field instanceof InlineEditCalendarField) {
+                return this.dynamicComponentRef.instance.getValueAsText();
+            }
+            if (this.field instanceof InlineEditLookupField) {
+                var lookupField_1 = this.field;
+                return this.field.multiple
+                    ? value.map(function (val) { return val[lookupField_1.lookupDisplayField]; }).join(" - ")
+                    : value[lookupField_1.lookupDisplayField];
+            }
+            return value;
+        };
+        InlineEditItemComponent.prototype._getCalendarLocaleOptions = function () {
+            var _this = this;
+            this.localeService
+                .get()
+                .pipe(operators.first())
+                .subscribe(function (localeOptions) {
+                _this._locale = localeOptions.locale;
+            });
+        };
+        InlineEditItemComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __decorate([
+            core.ViewChild("formContainer", { read: core.ViewContainerRef, static: true })
+        ], InlineEditItemComponent.prototype, "viewContainerRef", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditItemComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditItemComponent.prototype, "formGroup", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditItemComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditItemComponent.prototype, "errorMessages", void 0);
+        InlineEditItemComponent = __decorate([
+            core.Component({
+                selector: "s-inline-edit-item",
+                template: "<div class=\"inline-edit-item\">\n    <label\n        class=\"label\"\n        *sInfoSign=\"field.tooltip\">\n        {{ label }}:\n    </label>\n\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"value\">\n            {{ getFormattedValue(formGroup.get(field.name)?.value) }}\n        </span>\n\n        <s-button\n            *ngIf=\"showEmptyValueButton\"\n            style=\"margin-left: -8px\"\n            priority=\"link\"\n            [label]=\"'platform.angular_components.add_information' | translate\"\n            (onClick)=\"onEdit()\">\n        </s-button>\n\n        <div [hidden]=\"!isEditing\" class=\"form-container\">\n            <ng-container #formContainer></ng-container>\n        </div>\n\n        <div class=\"options\">\n            <s-button\n                *ngIf=\"showEditButton\"\n                [tooltip]=\"'platform.angular_components.edit' | translate\"\n                (onClick)=\"onEdit()\"\n                priority=\"link\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-edit\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.save' | translate\"\n                (onClick)=\"onSave()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-check\"\n                styleClass=\"save-option\"\n                iconColor=\"#428bca\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"onCancel()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-times\"\n                iconColor=\"#c13018\">\n            </s-button>\n        </div>\n    </div>\n    <s-control-errors\n        [form]=\"formGroup\"\n        [control]=\"formGroup.controls[field.name]\"\n        [errorMessages]=\"getErrorMessages(field.errorMessages)\">\n    </s-control-errors>\n</div>\n",
+                styles: [".inline-edit-item{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.inline-edit-item .label{color:#333;font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;margin-bottom:0}.inline-edit-item .content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:16px}.inline-edit-item .content .value{color:#999;font-family:\"Open Sans\" sans-serif;font-size:14px}.inline-edit-item .content .options{display:-ms-flexbox;display:flex}"]
+            })
+        ], InlineEditItemComponent);
+        return InlineEditItemComponent;
+    }());
+
+    var InlineEditCalendarComponent = /** @class */ (function () {
+        function InlineEditCalendarComponent(localeService) {
+            this.localeService = localeService;
+        }
+        InlineEditCalendarComponent.prototype.ngOnInit = function () {
+            var _a;
+            this._getLocaleOptions();
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || '';
+            }
+        };
+        InlineEditCalendarComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        InlineEditCalendarComponent.prototype.getValueAsText = function () {
+            return this.calendar.el.nativeElement.querySelector('input').value;
+        };
+        InlineEditCalendarComponent.prototype._getLocaleOptions = function () {
+            var _this = this;
+            this.localeService.get().pipe(operators.first()).subscribe(function (locale) {
+                _this.calendarLocaleOptions = locale.calendar;
+            });
+        };
+        InlineEditCalendarComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], InlineEditCalendarComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditCalendarComponent.prototype, "formGroup", void 0);
+        __decorate([
+            core.ViewChild(calendar.Calendar)
+        ], InlineEditCalendarComponent.prototype, "calendar", void 0);
+        InlineEditCalendarComponent = __decorate([
+            core.Component({
+                template: "<p-calendar\n    #calendar\n    sCalendarMask\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [showIcon]=\"true\"\n    [selectionMode]=\"field.selectionMode\"\n    [rangeSeparator]=\"field.rangeSeparator\"\n    [showSeconds]=\"field.showSeconds\"\n    [showOnFocus]=\"field.showOnFocus\"\n    icon=\"fa fa-calendar\"\n    [minDate]=\"field.minDate\"\n    [maxDate]=\"field.maxDate\"\n    [dateFormat]=\"calendarLocaleOptions.dateFormat\"\n    [hourFormat]=\"calendarLocaleOptions.hourFormat\"\n    [defaultDate]=\"field.defaultDate\"\n    [view]=\"field.view\"\n    [placeholder]=\"field.placeholder\"\n    inputStyleClass=\"mousetrap\"\n    [appendTo]=\"field.appendTo\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n    (onClose)=\"field.onClose ? field.onClose($event) : null\"\n    (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n    (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n    (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n    (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n    [showTransitionOptions]=\"'0ms'\"\n    [hideTransitionOptions]=\"'0ms'\"\n    [(ngModel)]=\"tempValue\">\n</p-calendar>\n",
+                styles: [""]
+            })
+        ], InlineEditCalendarComponent);
+        return InlineEditCalendarComponent;
+    }());
+
+    var InlineEditLookupComponent = /** @class */ (function () {
+        function InlineEditLookupComponent() {
+        }
+        InlineEditLookupComponent.prototype.ngOnInit = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || "";
+            }
+        };
+        InlineEditLookupComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        __decorate([
+            core.Input()
+        ], InlineEditLookupComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditLookupComponent.prototype, "formGroup", void 0);
+        InlineEditLookupComponent = __decorate([
+            core.Component({
+                template: "<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest($event)\"\n    (onSearchRequest)=\"field.onSearchRequest($event)\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n    [searchTitle]=\"field.searchTitle\"\n    [searchEmptyTitle]=\"field.searchEmptyTitle\"\n    [filterTitle]=\"field.filterTitle\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd()\"\n    (onEdit)=\"field.onEdit($event)\"\n    (onRemove)=\"field.onRemove($event)\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup>\n",
+                styles: [""]
+            })
+        ], InlineEditLookupComponent);
+        return InlineEditLookupComponent;
+    }());
+
+    var InlineEditNumberComponent = /** @class */ (function () {
+        function InlineEditNumberComponent(localeService) {
+            this.localeService = localeService;
+        }
+        InlineEditNumberComponent.prototype.ngOnInit = function () {
+            var _a;
+            this._onLocaleService();
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || '';
+            }
+        };
+        InlineEditNumberComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        Object.defineProperty(InlineEditNumberComponent.prototype, "mask", {
+            get: function () {
+                return typeof this.field.mask === 'function' ? this.field.mask() : this.field.mask;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditNumberComponent.prototype, "leftAddonDisabled", {
+            get: function () {
+                return typeof this.field.leftAddon.disabled === 'function' ? this.field.leftAddon.disabled() : this.field.leftAddon.disabled;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditNumberComponent.prototype, "rightAddonDisabled", {
+            get: function () {
+                return typeof this.field.rightAddon.disabled === 'function' ? this.field.rightAddon.disabled() : this.field.rightAddon.disabled;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditNumberComponent.prototype, "precision", {
+            get: function () {
+                return typeof this.field.precision === 'function' ? this.field.precision() : this.field.precision;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(InlineEditNumberComponent.prototype, "scale", {
+            get: function () {
+                return typeof this.field.scale === 'function' ? this.field.scale() : this.field.scale;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        InlineEditNumberComponent.prototype._onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe({
+                next: function () {
+                    var _a, _b;
+                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                    }
+                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                    }
+                },
+                error: function () {
+                    return (_this.field.numberLocaleOptions = {
+                        thousandsSeparator: ".",
+                        decimalSeparator: ",",
+                        currencySymbol: "",
+                    });
+                },
+            });
+        };
+        InlineEditNumberComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], InlineEditNumberComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditNumberComponent.prototype, "formGroup", void 0);
+        InlineEditNumberComponent = __decorate([
+            core.Component({
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [mask]=\"mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n    (onInput)=\"field.onInput ? field.onInput($event) : null\"\n    [autoClear]=\"field.autoClear\"\n    [(ngModel)]=\"tempValue\">\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"leftAddonDisabled\"\n                        (onClick)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"field.name\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [allowNegative]=\"field.allowNegative\"\n                [precision]=\"precision\"\n                [scale]=\"scale\"\n                [alignTo]=\"field.alignTo\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n                [(ngModel)]=\"tempValue\"/>\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"rightAddonDisabled\"\n                        (onClick)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n",
+                styles: [""]
+            })
+        ], InlineEditNumberComponent);
+        return InlineEditNumberComponent;
+    }());
+
+    var InlineEditTextAreaComponent = /** @class */ (function () {
+        function InlineEditTextAreaComponent() {
+        }
+        InlineEditTextAreaComponent.prototype.ngOnInit = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || '';
+            }
+        };
+        InlineEditTextAreaComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        __decorate([
+            core.Input()
+        ], InlineEditTextAreaComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditTextAreaComponent.prototype, "formGroup", void 0);
+        InlineEditTextAreaComponent = __decorate([
+            core.Component({
+                template: "<ng-container *ngIf=\"field.keyFilter; else noKeyFilter\">\n    <textarea\n        [id]=\"field.name\"\n        pInputTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n</ng-container>\n<ng-template #noKeyFilter>\n    <textarea\n        [id]=\"field.name\"\n        pInputTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n</ng-template>\n",
+                styles: [".textarea-input{resize:vertical}"]
+            })
+        ], InlineEditTextAreaComponent);
+        return InlineEditTextAreaComponent;
+    }());
+
+    var InlineEditTextComponent = /** @class */ (function () {
+        function InlineEditTextComponent() {
+        }
+        InlineEditTextComponent.prototype.ngOnInit = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || '';
+            }
+        };
+        InlineEditTextComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        __decorate([
+            core.Input()
+        ], InlineEditTextComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditTextComponent.prototype, "formGroup", void 0);
+        InlineEditTextComponent = __decorate([
+            core.Component({
+                template: "<input\n    type=\"text\"\n    pInputText\n    [(ngModel)]=\"tempValue\" />",
+                styles: [""]
+            })
+        ], InlineEditTextComponent);
+        return InlineEditTextComponent;
+    }());
+
+    var InlineEditTextAreaIAComponent = /** @class */ (function () {
+        function InlineEditTextAreaIAComponent() {
+        }
+        InlineEditTextAreaIAComponent.prototype.ngOnInit = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                this.tempValue = ((_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.value) || '';
+            }
+        };
+        InlineEditTextAreaIAComponent.prototype.saveValue = function () {
+            var _a;
+            if (this.formGroup && this.field) {
+                (_a = this.formGroup.get(this.field.name)) === null || _a === void 0 ? void 0 : _a.setValue(this.tempValue);
+            }
+        };
+        __decorate([
+            core.Input()
+        ], InlineEditTextAreaIAComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditTextAreaIAComponent.prototype, "formGroup", void 0);
+        InlineEditTextAreaIAComponent = __decorate([
+            core.Component({
+                template: "<s-text-area-ia [(ngModel)]=\"tempValue\"></s-text-area-ia>",
+                styles: [""]
+            })
+        ], InlineEditTextAreaIAComponent);
+        return InlineEditTextAreaIAComponent;
+    }());
+
+    var InlineEditComponent = /** @class */ (function () {
+        function InlineEditComponent(resolver) {
+            var _a;
+            this.resolver = resolver;
+            this.fields = [];
+            this._componentMap = (_a = {},
+                _a[InlineEditCalendarField.name] = InlineEditCalendarComponent,
+                _a[InlineEditLookupField.name] = InlineEditLookupComponent,
+                _a[InlineEditTextField.name] = InlineEditTextComponent,
+                _a[InlineEditNumberField.name] = InlineEditNumberComponent,
+                _a[InlineEditTextAreaField.name] = InlineEditTextAreaComponent,
+                _a[InlineEditTextAreaIAField.name] = InlineEditTextAreaIAComponent,
+                _a);
+        }
+        InlineEditComponent.prototype.ngOnInit = function () {
+            this._createFields();
+        };
+        InlineEditComponent.prototype._createFields = function () {
+            var e_1, _a;
+            var _this = this;
+            this.container.clear();
+            var createComponent = function (componentClass, field) {
+                var componentFactory = _this.resolver.resolveComponentFactory(componentClass);
+                var componentRef = _this.container.createComponent(componentFactory);
+                componentRef.instance.field = field;
+                componentRef.instance.formGroup = _this.formGroup;
+                return componentRef;
+            };
+            try {
+                for (var _b = __values(this.fields), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var field = _c.value;
+                    var componentClass = this._componentMap[field.constructor.name];
+                    if (componentClass) {
+                        var inlineEditItemFactory = this.resolver.resolveComponentFactory(InlineEditItemComponent);
+                        var inlineEditItemRef = this.container.createComponent(inlineEditItemFactory);
+                        inlineEditItemRef.instance.label = field.label;
+                        inlineEditItemRef.instance.formGroup = this.formGroup;
+                        inlineEditItemRef.instance.field = field;
+                        inlineEditItemRef.instance.errorMessages = this.errorMessages;
+                        var dynamicComponentRef = createComponent(componentClass, field);
+                        var inlineEditItemInstance = inlineEditItemRef.instance;
+                        inlineEditItemInstance.viewContainerRef.insert(dynamicComponentRef.hostView);
+                        inlineEditItemInstance.setDynamicComponentRef(dynamicComponentRef);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        InlineEditComponent.ctorParameters = function () { return [
+            { type: core.ComponentFactoryResolver }
+        ]; };
+        __decorate([
+            core.Input()
+        ], InlineEditComponent.prototype, "formGroup", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditComponent.prototype, "fields", void 0);
+        __decorate([
+            core.Input()
+        ], InlineEditComponent.prototype, "errorMessages", void 0);
+        __decorate([
+            core.ViewChild("formContainer", { read: core.ViewContainerRef, static: true })
+        ], InlineEditComponent.prototype, "container", void 0);
+        InlineEditComponent = __decorate([
+            core.Component({
+                selector: "s-inline-edit",
+                template: "<div class=\"inline-edit\">\n    <ng-template #formContainer></ng-template>\n</div>\n",
+                styles: [".inline-edit{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}"]
+            })
+        ], InlineEditComponent);
+        return InlineEditComponent;
+    }());
+
+    var TextAreaIAComponent = /** @class */ (function () {
+        function TextAreaIAComponent(_iassistService, // Mover pra uma pasta global
+        _formBuilder, _translateService) {
+            this._iassistService = _iassistService;
+            this._formBuilder = _formBuilder;
+            this._translateService = _translateService;
+            this.isVisible = false;
+            this.isLoading = false;
+        }
+        TextAreaIAComponent_1 = TextAreaIAComponent;
+        TextAreaIAComponent.prototype.ngOnInit = function () {
+            this._createDialogFields();
+            this._createDialogFormGroup();
+        };
+        TextAreaIAComponent.prototype.writeValue = function (value) {
+            this.value = value;
+        };
+        TextAreaIAComponent.prototype.registerOnChange = function (onChange) {
+            this._onChange = onChange;
+        };
+        TextAreaIAComponent.prototype.registerOnTouched = function (onTouched) {
+            this._onTouched = onTouched;
+        };
+        TextAreaIAComponent.prototype.setDisabledState = function (isDisabled) {
+            this._isDisabled = isDisabled;
+        };
+        TextAreaIAComponent.prototype.onValueChange = function (value) {
+            var _a;
+            this.value = value;
+            (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this, value);
+        };
+        TextAreaIAComponent.prototype.showDialog = function () {
+            this.isVisible = true;
+            this._onTouched();
+        };
+        TextAreaIAComponent.prototype.hideDialog = function () {
+            this.isVisible = false;
+        };
+        TextAreaIAComponent.prototype.onHideDialog = function () {
+            this.formGroup.get("context").setValue("");
+        };
+        TextAreaIAComponent.prototype.submitContext = function () {
+            var _this = this;
+            var context = this.formGroup.get("context");
+            this.isLoading = true;
+            this._iassistService
+                .askIA(context.value, {
+                id: this.id,
+                label: this.label,
+                placeholder: this.placeholder,
+                prompt: this.prompt,
+            })
+                .pipe(operators.catchError(function (err) {
+                _this.isLoading = false;
+                return rxjs.throwError(err);
+            }))
+                .subscribe(function (res) {
+                _this.value = res.text;
+                _this._onChange(_this.value);
+                _this.isLoading = false;
+            });
+            this.hideDialog();
+        };
+        TextAreaIAComponent.prototype._createDialogFields = function () {
+            this.fields = [
+                new FormField({
+                    name: "context",
+                    type: exports.FieldType.Text,
+                    label: this._translateService.instant("platform.angular_components.context"),
+                    size: { sm: 12, md: 12, lg: 12, xl: 12 },
+                }),
+            ];
+        };
+        TextAreaIAComponent.prototype._createDialogFormGroup = function () {
+            this.formGroup = this._formBuilder.group({
+                context: [""],
+            });
+        };
+        var TextAreaIAComponent_1;
+        TextAreaIAComponent.ctorParameters = function () { return [
+            { type: IAssistService },
+            { type: forms.FormBuilder },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "placeholder", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "prompt", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "readonly", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "rows", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaIAComponent.prototype, "cols", void 0);
+        TextAreaIAComponent = TextAreaIAComponent_1 = __decorate([
+            core.Component({
+                selector: "s-text-area-ia",
+                template: "<s-loading-state\n    [loading]=\"isLoading\"\n    [blockWindow]=\"true\">    \n</s-loading-state>\n\n<p-dialog\n    [(visible)]=\"isVisible\"\n    [modal]=\"true\"\n    [style]=\"{ width: '50vw' }\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    (onHide)=\"onHideDialog()\">\n    <p-header>\n        <div class=\"dialog-header\">\n            <span class=\"iassist-icon\">\n                <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n            </span>\n            IAssist - Content Generator\n        </div>\n    </p-header>\n    <s-dynamic-form\n        [fields]=\"fields\"\n        [form]=\"formGroup\">\n    </s-dynamic-form>\n    <p-footer>\n        <div class=\"footer-content\">\n            <s-button\n                id=\"-submit-button\"\n                type=\"button\"\n                [label]=\"'platform.angular_components.generate_text' | translate\"\n                (onClick)=\"submitContext()\"\n                sTooltip=\"(ALT + SHIFT + S)\"\n                showDelay=\"500\">\n            </s-button>\n            <s-button\n                id=\"-cancel-button\"\n                type=\"button\"\n                priority=\"link\"\n                [label]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"hideDialog()\"\n                sTooltip=\"(ALT + SHIFT + C)\"\n                showDelay=\"500\">\n            </s-button>\n        </div>\n    </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n    <textarea\n        [id]=\"id\"\n        class=\"textarea-input\"\n        pInputTextarea\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [rows]=\"rows\"\n        [cols]=\"cols\"\n        [readOnly]=\"readonly\">\n    </textarea>\n    <button\n        class=\"iassist-button\"\n        (click)=\"showDialog()\"\n        sTooltip=\"IAssist - Content Generator\">\n        <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n    </button>\n</div>\n\n<ng-template #iassistIcon>\n    <svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n        <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n        <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n        <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n        <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n    </svg>\n</ng-template>",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return TextAreaIAComponent_1; }),
+                        multi: true,
+                    },
+                ],
+                styles: [".footer-content{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0}.textarea-ia{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:8px}.textarea-ia .textarea-input{resize:vertical;width:100%}.iassist-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:-ms-flexbox;display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}"]
+            })
+        ], TextAreaIAComponent);
+        return TextAreaIAComponent;
+    }());
+
+    var TextAreaIAModule = /** @class */ (function () {
+        function TextAreaIAModule() {
+        }
+        TextAreaIAModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    core$1.TranslateModule,
+                    dialog.DialogModule,
+                    inputtextarea.InputTextareaModule,
+                    ButtonModule,
+                    DynamicFormModule,
+                    LoadingStateModule,
+                ],
+                declarations: [TextAreaIAComponent],
+                exports: [TextAreaIAComponent],
+            })
+        ], TextAreaIAModule);
+        return TextAreaIAModule;
+    }());
+
+    var InlineEditModule = /** @class */ (function () {
+        function InlineEditModule() {
+        }
+        InlineEditModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    core$1.TranslateModule,
+                    BignumberInputModule,
+                    ButtonModule,
+                    ControlErrorsModule,
+                    InfoSignModule,
+                    DynamicFormModule,
+                    TextAreaIAModule,
+                    TooltipModule,
+                    calendar.CalendarModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                    inputtextarea.InputTextareaModule,
+                    keyfilter.KeyFilterModule,
+                ],
+                declarations: [
+                    InlineEditComponent,
+                    InlineEditItemComponent,
+                    InlineEditCalendarComponent,
+                    InlineEditLookupComponent,
+                    InlineEditNumberComponent,
+                    InlineEditTextComponent,
+                    InlineEditTextAreaComponent,
+                    InlineEditTextAreaIAComponent,
+                ],
+                exports: [InlineEditComponent],
+            })
+        ], InlineEditModule);
+        return InlineEditModule;
+    }());
+
     var KanbanEventService = /** @class */ (function () {
         function KanbanEventService() {
             this.selectAllColumnItemsEvent = new core.EventEmitter();
@@ -18614,9 +19317,11 @@
         "platform.angular_components.date_format": "dd/mm/yy",
         "platform.angular_components.ia_text_generator": "Gerador de texto por IA",
         "platform.angular_components.attach_files": "Anexar arquivos",
+        "platform.angular_components.add_information": "Adicionar informação",
         "platform.angular_components.add": "Adicionar",
         "platform.angular_components.edit": "Editar",
         "platform.angular_components.remove": "Remover",
+        "platform.angular_components.save": "Salvar",
         "platform.angular_components.file_attached_successfully": "Arquivo anexado com sucesso",
         "platform.angular_components.loading_file": "Carregando arquivo",
         "platform.angular_components.iassist_text_generator": "IAssist Gerador de texto",
@@ -18932,6 +19637,15 @@
     exports.ImageCropperService = ImageCropperService;
     exports.InfoSignDirective = InfoSignDirective;
     exports.InfoSignModule = InfoSignModule;
+    exports.InlineEditCalendarField = InlineEditCalendarField;
+    exports.InlineEditComponent = InlineEditComponent;
+    exports.InlineEditField = InlineEditField;
+    exports.InlineEditLookupField = InlineEditLookupField;
+    exports.InlineEditModule = InlineEditModule;
+    exports.InlineEditNumberField = InlineEditNumberField;
+    exports.InlineEditTextAreaField = InlineEditTextAreaField;
+    exports.InlineEditTextAreaIAField = InlineEditTextAreaIAField;
+    exports.InlineEditTextField = InlineEditTextField;
     exports.KanbanComponent = KanbanComponent;
     exports.KanbanModule = KanbanModule;
     exports.LoadingStateComponent = LoadingStateComponent;
@@ -19011,6 +19725,8 @@
     exports.TableModule = TableModule;
     exports.TaxCalculationLanguageConfigs = TaxCalculationLanguageConfigs;
     exports.TextAreaField = TextAreaField;
+    exports.TextAreaIAComponent = TextAreaIAComponent;
+    exports.TextAreaIAModule = TextAreaIAModule;
     exports.TextField = TextField;
     exports.ThumbnailComponent = ThumbnailComponent;
     exports.ThumbnailModule = ThumbnailModule;
@@ -19076,36 +19792,44 @@
     exports.ɵcq = IAInsightSidebarComponent;
     exports.ɵcr = IAInsightCardComponent;
     exports.ɵcs = IAInsightCardLoaderComponent;
-    exports.ɵct = KanbanEventService;
-    exports.ɵcu = KanbanItemComponent;
-    exports.ɵcv = KanbanColumnComponent;
-    exports.ɵcw = KanbanItemDraggingComponent;
-    exports.ɵcx = NumberLocaleOptions;
-    exports.ɵcy = TieredMenuEventService;
-    exports.ɵcz = TieredMenuService;
+    exports.ɵct = InlineEditItemComponent;
+    exports.ɵcu = LocaleService;
+    exports.ɵcv = InlineEditCalendarComponent;
+    exports.ɵcw = InlineEditLookupComponent;
+    exports.ɵcx = InlineEditNumberComponent;
+    exports.ɵcy = InlineEditTextComponent;
+    exports.ɵcz = InlineEditTextAreaComponent;
     exports.ɵd = TemplateModule;
-    exports.ɵda = TieredMenuGlobalService;
-    exports.ɵdb = TieredMenuComponent;
-    exports.ɵdc = TieredMenuNestedComponent;
-    exports.ɵdd = TieredMenuItemComponent;
-    exports.ɵde = TieredMenuDividerComponent;
-    exports.ɵdf = BorderButtonModule;
-    exports.ɵdg = BorderButtonComponent;
-    exports.ɵdh = ProgressBarDeterminateComponent;
-    exports.ɵdi = ProgressBarIndeterminateComponent;
-    exports.ɵdj = SelectButtonItemComponent;
-    exports.ɵdk = SlidePanelService;
-    exports.ɵdl = TimelineItemModule;
-    exports.ɵdm = TimelineIconItemComponent;
-    exports.ɵdn = HorizontalTimelineModule;
-    exports.ɵdo = HorizontalTimelineComponent;
-    exports.ɵdp = VerticalTimelineModule;
-    exports.ɵdq = VerticalTimelineComponent;
-    exports.ɵdr = RangeLineComponent;
-    exports.ɵds = CollapseOptionComponent;
-    exports.ɵdt = CollapsedItemsComponent;
-    exports.ɵdu = VerticalItemsComponent;
+    exports.ɵda = InlineEditTextAreaIAComponent;
+    exports.ɵdb = KanbanEventService;
+    exports.ɵdc = KanbanItemComponent;
+    exports.ɵdd = KanbanColumnComponent;
+    exports.ɵde = KanbanItemDraggingComponent;
+    exports.ɵdf = NumberLocaleOptions;
+    exports.ɵdg = TieredMenuEventService;
+    exports.ɵdh = TieredMenuService;
+    exports.ɵdi = TieredMenuGlobalService;
+    exports.ɵdj = TieredMenuComponent;
+    exports.ɵdk = TieredMenuNestedComponent;
+    exports.ɵdl = TieredMenuItemComponent;
+    exports.ɵdm = TieredMenuDividerComponent;
+    exports.ɵdn = BorderButtonModule;
+    exports.ɵdo = BorderButtonComponent;
+    exports.ɵdp = ProgressBarDeterminateComponent;
+    exports.ɵdq = ProgressBarIndeterminateComponent;
+    exports.ɵdr = SelectButtonItemComponent;
+    exports.ɵds = SlidePanelService;
+    exports.ɵdt = TimelineItemModule;
+    exports.ɵdu = TimelineIconItemComponent;
+    exports.ɵdv = HorizontalTimelineModule;
+    exports.ɵdw = HorizontalTimelineComponent;
+    exports.ɵdx = VerticalTimelineModule;
+    exports.ɵdy = VerticalTimelineComponent;
+    exports.ɵdz = RangeLineComponent;
     exports.ɵe = CustomTranslationsModule;
+    exports.ɵea = CollapseOptionComponent;
+    exports.ɵeb = CollapsedItemsComponent;
+    exports.ɵec = VerticalItemsComponent;
     exports.ɵf = CodeEditorComponent;
     exports.ɵg = CoreFacade;
     exports.ɵh = CodeMirror6Core;