@wizishop/angular-components 0.0.156 → 0.0.160

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

@@ -4295,6 +4295,82 @@
         max: [{ type: i0.Input }]
     };
 
+    var BlockWithCheckboxComponent = /** @class */ (function () {
+        function BlockWithCheckboxComponent() {
+            this.selected = false;
+            this.iconCopy = 'fa-solid fa-copy';
+            this.iconWorld = 'fa-thin fa-globe';
+            this.copyAction = new i0.EventEmitter();
+            this.worldAction = new i0.EventEmitter();
+            this.checkboxAction = new i0.EventEmitter();
+        }
+        BlockWithCheckboxComponent.prototype.ngOnInit = function () {
+        };
+        BlockWithCheckboxComponent.prototype.eventSelected = function (event) {
+            this.selected = !this.selected;
+            console.log(this.selected);
+            this.checkboxAction.emit(this.selected);
+        };
+        BlockWithCheckboxComponent.prototype.eventCopy = function () {
+            this.copyAction.emit(true);
+        };
+        BlockWithCheckboxComponent.prototype.eventWorld = function () {
+            this.worldAction.emit(true);
+        };
+        return BlockWithCheckboxComponent;
+    }());
+    BlockWithCheckboxComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-block-with-checkbox',
+                    template: "<div class=\"block-with-checkbox\">\n  <div class=\"block-with-checkbox__left\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input type=\"checkbox\" [value]=\"selected\" (click)=\"eventSelected($event)\" id=\"radioBlock\">\n        <label for=\"radioBlock\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"block-with-checkbox__right\">\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\"  (click)=\"eventWorld()\"></wac-button></div>\n  </div>\n</div>\n"
+                },] }
+    ];
+    BlockWithCheckboxComponent.ctorParameters = function () { return []; };
+    BlockWithCheckboxComponent.propDecorators = {
+        selected: [{ type: i0.Input }],
+        iconCopy: [{ type: i0.Input }],
+        iconWorld: [{ type: i0.Input }],
+        copyAction: [{ type: i0.Output }],
+        worldAction: [{ type: i0.Output }],
+        checkboxAction: [{ type: i0.Output }]
+    };
+
+    var ConfirmDeleteComponent = /** @class */ (function () {
+        function ConfirmDeleteComponent() {
+            this.open = false;
+            this.confirm = new i0.EventEmitter();
+            this.backgroundColor = '#fff';
+            this.borderRadius = '0px';
+        }
+        ConfirmDeleteComponent.prototype.ngOnInit = function () {
+        };
+        ConfirmDeleteComponent.prototype.eventCancel = function (event) {
+            this.confirm.emit(false);
+            this.open = false;
+        };
+        ConfirmDeleteComponent.prototype.eventConfirm = function (event) {
+            this.confirm.emit(true);
+            this.open = false;
+        };
+        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"
+                },] }
+    ];
+    ConfirmDeleteComponent.ctorParameters = function () { return []; };
+    ConfirmDeleteComponent.propDecorators = {
+        open: [{ type: i0.Input }],
+        label: [{ type: i0.Input }],
+        labelCancel: [{ type: i0.Input }],
+        labelConfirm: [{ type: i0.Input }],
+        confirm: [{ type: i0.Output }],
+        backgroundColor: [{ type: i0.Input }],
+        borderRadius: [{ type: i0.Input }]
+    };
+
     var components = [
         TagComponent,
         TabComponent,
@@ -4340,7 +4416,9 @@
         WrapperSidebarComponent,
         BreadcrumbsComponent,
         CardPriceComponent,
-        TokenCheckComponent
+        TokenCheckComponent,
+        BlockWithCheckboxComponent,
+        ConfirmDeleteComponent
     ];
     var exportsFromModule = [
         PaginationComponent,
@@ -4442,12 +4520,14 @@
     exports.AutoHideDirective = AutoHideDirective;
     exports.BackComponent = BackComponent;
     exports.BlockComponent = BlockComponent;
+    exports.BlockWithCheckboxComponent = BlockWithCheckboxComponent;
     exports.BreadcrumbsComponent = BreadcrumbsComponent;
     exports.ButtonComponent = ButtonComponent;
     exports.CalendarComponent = CalendarComponent;
     exports.CardPriceComponent = CardPriceComponent;
     exports.CheckBoxRow = CheckBoxRow;
     exports.CheckboxComponent = CheckboxComponent;
+    exports.ConfirmDeleteComponent = ConfirmDeleteComponent;
     exports.DebounceKeyupDirective = DebounceKeyupDirective;
     exports.DeleteComponent = DeleteComponent;
     exports.DropdownComponent = DropdownComponent;