@seniorsistemas/angular-components 16.12.2 → 16.12.4

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

@@ -8109,38 +8109,6 @@
             enumerable: true,
             configurable: true
         });
-        CustomFieldsComponent.prototype.registerOnChange = function (fn) {
-            var _this = this;
-            this.onChange = fn;
-            this.formGroup.valueChanges.subscribe(function () { return _this.onChange(_this.parseFieldsValues()); });
-        };
-        CustomFieldsComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouched = fn;
-        };
-        CustomFieldsComponent.prototype.writeValue = function (value) {
-            if (this.ready) {
-                var newValue = this.parseValuesForFields(value);
-                this.formGroup.patchValue(newValue);
-                this.value = newValue;
-                this.createFilesIfSetFormValuesAfterInit();
-            }
-            else {
-                this.formGroup.patchValue(value || {});
-                this.value = value;
-            }
-        };
-        CustomFieldsComponent.prototype.setDisabledState = function (isDisabled) {
-            if (isDisabled)
-                this.formGroup.disable({ emitEvent: false });
-            else
-                this.formGroup.enable({ emitEvent: false });
-        };
-        CustomFieldsComponent.prototype.getCustomFields = function () {
-            if (this.entityObject && this.entityObject.entity_) {
-                return rxjs.of(this.entityObject);
-            }
-            return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
-        };
         CustomFieldsComponent.prototype.ngOnInit = function () {
             var _this = this;
             if (!this.domain)
@@ -8213,10 +8181,50 @@
                 _this.ready = true;
             });
         };
+        CustomFieldsComponent.prototype.ngAfterViewInit = function () {
+            this.enableOrDisableFields(this.disableFields);
+        };
+        CustomFieldsComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.disableFields) {
+                this.enableOrDisableFields(changes.disableFields.currentValue);
+            }
+        };
         CustomFieldsComponent.prototype.ngOnDestroy = function () {
             this.ngUsubscribe.next();
             this.ngUsubscribe.complete();
         };
+        CustomFieldsComponent.prototype.registerOnChange = function (fn) {
+            var _this = this;
+            this.onChange = fn;
+            this.formGroup.valueChanges.subscribe(function () { return _this.onChange(_this.parseFieldsValues()); });
+        };
+        CustomFieldsComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        CustomFieldsComponent.prototype.writeValue = function (value) {
+            if (this.ready) {
+                var newValue = this.parseValuesForFields(value);
+                this.formGroup.patchValue(newValue);
+                this.value = newValue;
+                this.createFilesIfSetFormValuesAfterInit();
+            }
+            else {
+                this.formGroup.patchValue(value || {});
+                this.value = value;
+            }
+        };
+        CustomFieldsComponent.prototype.setDisabledState = function (isDisabled) {
+            if (isDisabled)
+                this.formGroup.disable({ emitEvent: false });
+            else
+                this.formGroup.enable({ emitEvent: false });
+        };
+        CustomFieldsComponent.prototype.getCustomFields = function () {
+            if (this.entityObject && this.entityObject.entity_) {
+                return rxjs.of(this.entityObject);
+            }
+            return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
+        };
         CustomFieldsComponent.prototype.validate = function () {
             var _this = this;
             var errors = {};
@@ -8227,6 +8235,28 @@
             });
             return errors;
         };
+        CustomFieldsComponent.prototype.enableOrDisableFields = function (disabled) {
+            var e_1, _a;
+            if (!this.formGroup) {
+                return;
+            }
+            try {
+                for (var _b = __values(Object.keys(this.formGroup.value)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var controlName = _c.value;
+                    disabled ? this.formGroup.get(controlName).disable() : this.formGroup.get(controlName).enable();
+                }
+            }
+            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; }
+            }
+        };
+        CustomFieldsComponent.prototype.cleanFields = function () {
+            this.formGroup.reset();
+        };
         CustomFieldsComponent.prototype.parseValuesForFields = function (values) {
             var parsedValues = __assign({}, values);
             this.fields.forEach(function (field) {
@@ -8614,6 +8644,9 @@
         __decorate([
             core.Input()
         ], CustomFieldsComponent.prototype, "ready$", void 0);
+        __decorate([
+            core.Input()
+        ], CustomFieldsComponent.prototype, "disableFields", void 0);
         CustomFieldsComponent = CustomFieldsComponent_1 = __decorate([
             core.Component({
                 selector: "s-custom-fields",
@@ -9665,26 +9698,26 @@
     }());
 
     var SMALL_DEVICE_BREAKPOINT = 420;
-    var SlideBarComponent = /** @class */ (function () {
-        function SlideBarComponent() {
+    var SlidePanelComponent = /** @class */ (function () {
+        function SlidePanelComponent() {
             this.openIcon = "fas fa-chevron-right";
             this.closeIcon = "fas fa-chevron-left";
             this.cache = false;
-            this.barOpened = new core.EventEmitter();
-            this.barClosed = new core.EventEmitter();
+            this.panelOpened = new core.EventEmitter();
+            this.panelClosed = new core.EventEmitter();
             this.slideHeight = 0;
             this.isOpen = false;
             this.isSlideOver = false;
             this.isAnimating = false;
             this.isContentAnimationDisabled = true;
         }
-        SlideBarComponent.prototype.onResize = function () {
+        SlidePanelComponent.prototype.onResize = function () {
             this._checkOverBehavior();
         };
-        SlideBarComponent.prototype.ngOnInit = function () {
+        SlidePanelComponent.prototype.ngOnInit = function () {
             this._checkOverBehavior();
         };
-        SlideBarComponent.prototype.ngAfterViewChecked = function () {
+        SlidePanelComponent.prototype.ngAfterViewChecked = function () {
             var _this = this;
             // to executed at a safe time prior to control returning to the browser's event loop
             queueMicrotask(function () {
@@ -9692,58 +9725,58 @@
                 _this.isContentAnimationDisabled = false;
             });
         };
-        SlideBarComponent.prototype.onClickButton = function () {
+        SlidePanelComponent.prototype.onClickButton = function () {
             if (this.isAnimating) {
                 return;
             }
             this.isOpen = !this.isOpen;
             if (this.isOpen) {
-                this.barOpened.emit();
+                this.panelOpened.emit();
             }
             else {
-                this.barClosed.emit();
+                this.panelClosed.emit();
             }
         };
-        SlideBarComponent.prototype.onContentAnimationStart = function () {
+        SlidePanelComponent.prototype.onContentAnimationStart = function () {
             this.isAnimating = true;
         };
-        SlideBarComponent.prototype.onContentAnimationDone = function () {
+        SlidePanelComponent.prototype.onContentAnimationDone = function () {
             this.isAnimating = false;
         };
-        SlideBarComponent.prototype._checkOverBehavior = function () {
+        SlidePanelComponent.prototype._checkOverBehavior = function () {
             this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;
         };
-        SlideBarComponent.prototype._calculateSlideHeight = function () {
+        SlidePanelComponent.prototype._calculateSlideHeight = function () {
             this.slideHeight = this.sideContent.nativeElement.clientHeight;
         };
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "openIcon", void 0);
+        ], SlidePanelComponent.prototype, "openIcon", void 0);
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "closeIcon", void 0);
+        ], SlidePanelComponent.prototype, "closeIcon", void 0);
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "cache", void 0);
+        ], SlidePanelComponent.prototype, "cache", void 0);
         __decorate([
             core.Output()
-        ], SlideBarComponent.prototype, "barOpened", void 0);
+        ], SlidePanelComponent.prototype, "panelOpened", void 0);
         __decorate([
             core.Output()
-        ], SlideBarComponent.prototype, "barClosed", void 0);
+        ], SlidePanelComponent.prototype, "panelClosed", void 0);
         __decorate([
             core.ViewChild("mainContainer")
-        ], SlideBarComponent.prototype, "mainContainer", void 0);
+        ], SlidePanelComponent.prototype, "mainContainer", void 0);
         __decorate([
             core.ViewChild("sideContent")
-        ], SlideBarComponent.prototype, "sideContent", void 0);
+        ], SlidePanelComponent.prototype, "sideContent", void 0);
         __decorate([
             core.HostListener("window:resize")
-        ], SlideBarComponent.prototype, "onResize", null);
-        SlideBarComponent = __decorate([
+        ], SlidePanelComponent.prototype, "onResize", null);
+        SlidePanelComponent = __decorate([
             core.Component({
-                selector: "s-slide-bar",
-                template: "<div class=\"slide-bar\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div #sideContent class=\"side-content\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContent>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
+                selector: "s-slide-panel",
+                template: "<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div #sideContent class=\"side-content\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContent>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
                 animations: [
                     animations.trigger("cachelessAnimation", [
                         animations.transition(":enter", [
@@ -9761,26 +9794,26 @@
                         animations.transition("* => *", animations.animate("200ms")),
                     ]),
                 ],
-                styles: [".slide-bar{display:-ms-flexbox;display:flex}.slide-bar .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-bar .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-bar .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-bar .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-bar .slide-content--closed .main-container{border:none}.slide-bar .slide-content--over{position:absolute}.slide-bar .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
+                styles: [".slide-panel{display:-ms-flexbox;display:flex}.slide-panel .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
             })
-        ], SlideBarComponent);
-        return SlideBarComponent;
+        ], SlidePanelComponent);
+        return SlidePanelComponent;
     }());
 
-    var SlideBarModule = /** @class */ (function () {
-        function SlideBarModule() {
+    var SlidePanelModule = /** @class */ (function () {
+        function SlidePanelModule() {
         }
-        SlideBarModule = __decorate([
+        SlidePanelModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
                     animations$1.BrowserAnimationsModule,
                 ],
-                declarations: [SlideBarComponent],
-                exports: [SlideBarComponent],
+                declarations: [SlidePanelComponent],
+                exports: [SlidePanelComponent],
             })
-        ], SlideBarModule);
-        return SlideBarModule;
+        ], SlidePanelModule);
+        return SlidePanelModule;
     }());
 
     var StatsCardComponent = /** @class */ (function () {
@@ -12996,8 +13029,8 @@
     exports.SelectOption = SelectOption;
     exports.SidebarComponent = SidebarComponent;
     exports.SidebarModule = SidebarModule;
-    exports.SlideBarComponent = SlideBarComponent;
-    exports.SlideBarModule = SlideBarModule;
+    exports.SlidePanelComponent = SlidePanelComponent;
+    exports.SlidePanelModule = SlidePanelModule;
     exports.SplitButtonComponent = SplitButtonComponent;
     exports.SplitButtonModule = SplitButtonModule;
     exports.StatsCardComponent = StatsCardComponent;