@seniorsistemas/angular-components 17.2.7 → 17.2.8

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

@@ -210,9 +210,9 @@
             this.cache = false;
             this.panelOpened = new core.EventEmitter();
             this.panelClosed = new core.EventEmitter();
-            this._isOpen = false;
             this.isAnimating = false;
             this.isContentAnimationDisabled = true;
+            this._isOpen = false;
         }
         Object.defineProperty(AccordionPanelComponent.prototype, "isOpen", {
             get: function () {
@@ -224,9 +224,16 @@
             enumerable: true,
             configurable: true
         });
-        AccordionPanelComponent.prototype.ngOnInit = function () {
-            if (this.switch) {
-                this.switchState = this.switch.state;
+        AccordionPanelComponent.prototype.ngOnChanges = function (changes) {
+            if ("disabled" in changes) {
+                if (this.switchControl) {
+                    changes["disabled"].currentValue
+                        ? this.switchControl.disable({ emitEvent: false })
+                        : this.switchControl.enable({ emitEvent: false });
+                }
+            }
+            if ("switch" in changes && "switchControl" in changes) {
+                throw new Error("You can't set switch and switchControl together.");
             }
         };
         AccordionPanelComponent.prototype.ngAfterViewInit = function () {
@@ -273,6 +280,9 @@
         __decorate([
             core.Input()
         ], AccordionPanelComponent.prototype, "switch", void 0);
+        __decorate([
+            core.Input()
+        ], AccordionPanelComponent.prototype, "switchControl", void 0);
         __decorate([
             core.Input()
         ], AccordionPanelComponent.prototype, "validationMessage", void 0);
@@ -288,7 +298,7 @@
         AccordionPanelComponent = __decorate([
             core.Component({
                 selector: "s-accordion-panel",
-                template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <s-switch\n                *ngIf=\"switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switchState\"\n                (click)=\"$event.stopPropagation()\"\n                (valueChanged)=\"switch.onChange($event)\">\n            </s-switch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
+                template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <s-switch\n                *ngIf=\"switchControl\"\n                class=\"switch\"\n                [formControl]=\"switchControl\"\n                (click)=\"$event.stopPropagation()\">\n            </s-switch>\n            <s-switch\n                *ngIf=\"!switchControl && switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switch.state\"\n                (click)=\"$event.stopPropagation()\"\n                (valueChanged)=\"switch.onChange($event)\">\n            </s-switch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
                 animations: [
                     animations.trigger("cachelessAnimation", [
                         animations.transition(":enter", [animations.style({ height: "0" }), animations.animate("200ms linear", animations.style({ height: "*" }))]),
@@ -429,6 +439,9 @@
             if (this._onChange) {
                 this._onChange(this.value);
             }
+            if (this._onTouched) {
+                this._onTouched(this.value);
+            }
         };
         var SwitchComponent_1;
         __decorate([
@@ -897,6 +910,7 @@
                 imports: [
                     common.CommonModule,
                     forms.FormsModule,
+                    forms.ReactiveFormsModule,
                     TooltipModule,
                     SwitchModule,
                 ],