@colijnit/corecomponents_v12 12.0.76 → 12.0.77

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -11427,6 +11427,109 @@
                 },] }
     ];
 
+    var CheckmarkOverlayComponent = /** @class */ (function () {
+        function CheckmarkOverlayComponent(_renderer) {
+            var _this = this;
+            this._renderer = _renderer;
+            this.showOverlay = false;
+            this.showWrapper = false;
+            this._visible = false;
+            this._handleAnimationIteration = function (event) {
+                _this.animateDivs.forEach(function (a) { return _this._renderer.removeClass(a.nativeElement, 'animate'); });
+                event.currentTarget.removeEventListener('animationiteration', _this._handleAnimationIteration);
+            };
+        }
+        Object.defineProperty(CheckmarkOverlayComponent.prototype, "content", {
+            set: function (children) {
+                this.animateDivs = children.toArray();
+                this._checkAnimation();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckmarkOverlayComponent.prototype, "visible", {
+            get: function () {
+                return this._visible;
+            },
+            set: function (value) {
+                var _this = this;
+                if (value) {
+                    this.showOverlay = true;
+                    this.showWrapper = true;
+                }
+                else {
+                    setTimeout(function () { return _this.showOverlay = false; }, 800);
+                    setTimeout(function () { return _this.showWrapper = false; }, 600);
+                }
+                this._visible = value;
+                this._checkAnimation();
+                this._checkAnimationFinished();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CheckmarkOverlayComponent.prototype.showClass = function () {
+            return true;
+        };
+        CheckmarkOverlayComponent.prototype._checkAnimation = function () {
+            var _this = this;
+            if (this.visible && this.animateDivs) {
+                this.animateDivs.forEach(function (a) { return _this._renderer.addClass(a.nativeElement, 'animate'); });
+            }
+        };
+        CheckmarkOverlayComponent.prototype._checkAnimationFinished = function () {
+            var _this = this;
+            if (!this.visible && this.animateDivs) {
+                this.animateDivs.forEach(function (a) {
+                    a.nativeElement.addEventListener('animationiteration', _this._handleAnimationIteration);
+                });
+            }
+        };
+        return CheckmarkOverlayComponent;
+    }());
+    CheckmarkOverlayComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-checkmark-overlay",
+                    template: "\n    <div *ngIf=\"showOverlay\">\n      <div class=\"checkmark-overlay-wrapper\" *ngIf=\"showWrapper\" @showHideSaveCancel>\n        <div class=\"checkmark-buttons-button save\" [class.finished]=\"!visible\">\n          <div class=\"save-button-spinner\">\n            <div #animatediv></div>\n            <div #animatediv></div>\n            <div #animatediv></div>\n            <div #animatediv></div>\n          </div>\n          <div class=\"spinner-checkmark\" *ngIf=\"!visible && successful\"></div>\n        </div>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger('showHideSaveCancel', [
+                            animations.state('*', animations.style({ transform: 'scaleY(1)', opacity: 1 })),
+                            animations.state('void', animations.style({ transform: 'scaleY(0)', opacity: 0 })),
+                            animations.transition('void <=> *', animations.animate(200))
+                        ]),
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CheckmarkOverlayComponent.ctorParameters = function () { return [
+        { type: i0.Renderer2 }
+    ]; };
+    CheckmarkOverlayComponent.propDecorators = {
+        content: [{ type: i0.ViewChildren, args: ['animatediv', { read: i0.ElementRef },] }],
+        visible: [{ type: i0.Input }],
+        successful: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-checkmark-overlay",] }]
+    };
+
+    var CheckmarkOverlayModule = /** @class */ (function () {
+        function CheckmarkOverlayModule() {
+        }
+        return CheckmarkOverlayModule;
+    }());
+    CheckmarkOverlayModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        CheckmarkOverlayComponent
+                    ],
+                    exports: [
+                        CheckmarkOverlayComponent
+                    ]
+                },] }
+    ];
+
     var ColorSequenceService = /** @class */ (function () {
         function ColorSequenceService() {
             this.colors = new Map();
@@ -11471,6 +11574,7 @@
     exports.CarouselComponent = CarouselComponent;
     exports.CarouselHammerConfig = CarouselHammerConfig;
     exports.CarouselModule = CarouselModule;
+    exports.CheckmarkOverlayModule = CheckmarkOverlayModule;
     exports.ClickoutsideModule = ClickoutsideModule;
     exports.CoDialogComponent = CoDialogComponent;
     exports.CoDialogModule = CoDialogModule;
@@ -11568,6 +11672,7 @@
     exports["ɵbe"] = PrependPipe;
     exports["ɵbf"] = ClickOutsideDirective;
     exports["ɵbg"] = ClickOutsideMasterService;
+    exports["ɵbh"] = CheckmarkOverlayComponent;
     exports["ɵc"] = CoRippleDirective;
     exports["ɵd"] = CoViewportRulerService;
     exports["ɵe"] = CoScrollDispatcherService;