@wizishop/angular-components 0.0.193 → 0.0.195

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

@@ -4377,6 +4377,7 @@
             this.confirm = new i0.EventEmitter();
             this.backgroundColor = '#fff';
             this.borderRadius = '0px';
+            this.hideText = false;
         }
         ConfirmDeleteComponent.prototype.ngOnInit = function () {
         };
@@ -4388,12 +4389,29 @@
             this.confirm.emit(true);
             this.open = false;
         };
+        ConfirmDeleteComponent.prototype.responsiveControl = function (size) {
+            if (size < 342) {
+                this.hideText = true;
+            }
+            else {
+                this.hideText = false;
+            }
+        };
+        ConfirmDeleteComponent.prototype.onResize = function () {
+            this.responsiveControl(this.container.nativeElement.offsetWidth);
+        };
+        ConfirmDeleteComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.responsiveControl(_this.container.nativeElement.offsetWidth);
+            }, 100);
+        };
         return ConfirmDeleteComponent;
     }());
     ConfirmDeleteComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-confirm-delete',
-                    template: "<div class=\"wac-confirm-delete\" [ngClass]=\"{'is-open': open}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n  <div>\n    <span [innerHTML]=\"label\"></span>\n  </div>\n  <div>\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n  <div>\n    <span [innerHTML]=\"label\"></span>\n  </div>\n  <div>\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n  </div>\n</div>\n"
                 },] }
     ];
     ConfirmDeleteComponent.ctorParameters = function () { return []; };
@@ -4404,7 +4422,9 @@
         labelConfirm: [{ type: i0.Input }],
         confirm: [{ type: i0.Output }],
         backgroundColor: [{ type: i0.Input }],
-        borderRadius: [{ type: i0.Input }]
+        borderRadius: [{ type: i0.Input }],
+        container: [{ type: i0.ViewChild, args: ['container',] }],
+        onResize: [{ type: i0.HostListener, args: ['window:resize',] }]
     };
 
     var MosaicComponent = /** @class */ (function () {