@wizishop/angular-components 0.0.25 → 0.0.29

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

@@ -2854,7 +2854,7 @@
     SelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-select',
-                    template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n  <div #current class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\">\n    <span *ngIf=\"currentLabelIcon\" class=\"icon\" [innerHTML]=\"currentLabelIcon\"></span><span>{{ currentLabel }}</span\n    ><span><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n  <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n      <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n        <div (click)=\"onClickCallToAction()\">\n          <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n          ><span>{{ callToAction?.name }}</span>\n        </div>\n      </div>\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\n        <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n          <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n  </div>\n</div>\n"
+                    template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n  <div #current class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\">\n    <span *ngIf=\"currentLabelIcon\" class=\"icon\" [innerHTML]=\"currentLabelIcon\"></span><span [innerHTML]=\"currentLabel\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n  <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n      <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n        <div (click)=\"onClickCallToAction()\">\n          <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n          ><span>{{ callToAction?.name }}</span>\n        </div>\n      </div>\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\n        <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n          <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n  </div>\n</div>\n"
                 },] }
     ];
     SelectComponent.ctorParameters = function () { return []; };
@@ -3238,13 +3238,14 @@
             this.icon = '';
             this.titleUppercase = true;
             this.borderRadius = false;
+            this.removePadding = false;
         }
         return BlockComponent;
     }());
     BlockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-block',
-                    template: "<div\n  class=\"wac-block\"\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'border-radius': borderRadius }\"\n>\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n  </h2>\n  <div class=\"wac-block__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
+                    template: "<div\n  class=\"wac-block\"\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\n>\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n  </h2>\n  <div class=\"wac-block__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
     BlockComponent.ctorParameters = function () { return []; };
@@ -3256,7 +3257,8 @@
         noFullHeight: [{ type: i0.Input }],
         icon: [{ type: i0.Input }],
         titleUppercase: [{ type: i0.Input }],
-        borderRadius: [{ type: i0.Input }]
+        borderRadius: [{ type: i0.Input }],
+        removePadding: [{ type: i0.Input }]
     };
 
     var WrapperComponent = /** @class */ (function () {
@@ -3336,6 +3338,89 @@
         sidebar: [{ type: i0.Input }]
     };
 
+    var SnackbarComponent = /** @class */ (function () {
+        function SnackbarComponent() {
+            this.visible = false;
+            this.visibleChange = new i0.EventEmitter();
+            this.response = new i0.EventEmitter();
+            this.manualClose = false;
+        }
+        SnackbarComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.duration > 0) {
+                this.timer = setTimeout(function () { return _this.manualClose = true; }, this.duration);
+            }
+        };
+        SnackbarComponent.prototype.validate = function () {
+            this.response.emit(true);
+            this.closeSnackbar();
+            this.manualClose = true;
+        };
+        SnackbarComponent.prototype.refuse = function () {
+            this.response.emit(false);
+            this.closeSnackbar();
+            this.manualClose = true;
+        };
+        SnackbarComponent.prototype.closeSnackbar = function () {
+            this.visible = false;
+            this.visibleChange.emit(this.visible);
+        };
+        return SnackbarComponent;
+    }());
+    SnackbarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-snackbar',
+                    template: "<div class=\"wac-snackbar\">\n  <div [class]=\"'notification is-active ' + ((color) ? color : 'is-transparent')\"\n    [@state]=\"visible ? 'active': 'inactive'\"\n  >\n    <div class=\"columns\">\n      <div class=\"column notification--message\" [ngClass]=\"{'is-half': textButtonOk}\"\n            [innerHTML]=\"message\">\n      </div>\n      <div class=\"column is-half\">\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"validate()\">{{textButtonOk}}\n        </button>\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"refuse()\">{{textButtonKo}}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    host: {
+                        class: 'nwb-snack-bar'
+                    },
+                    encapsulation: i0.ViewEncapsulation.None,
+                    animations: [
+                        animations.trigger('state', [
+                            animations.state('void', animations.style({
+                                bottom: '-100px'
+                            })),
+                            animations.state('inactive', animations.style({
+                                bottom: '-100px'
+                            })),
+                            animations.state('active', animations.style({
+                                bottom: '0px'
+                            })),
+                            animations.transition('void => active', animations.animate(300)),
+                            animations.transition('active => inactive', animations.animate(300))
+                        ])
+                    ]
+                },] }
+    ];
+    SnackbarComponent.propDecorators = {
+        message: [{ type: i0.Input }],
+        textButtonOk: [{ type: i0.Input }],
+        textButtonKo: [{ type: i0.Input }],
+        duration: [{ type: i0.Input }],
+        color: [{ type: i0.Input }],
+        buttonColor: [{ type: i0.Input }],
+        visible: [{ type: i0.Input }],
+        visibleChange: [{ type: i0.Output }],
+        response: [{ type: i0.Output }]
+    };
+
+    var SnackbarModule = /** @class */ (function () {
+        function SnackbarModule() {
+        }
+        return SnackbarModule;
+    }());
+    SnackbarModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule
+                    ],
+                    exports: [SnackbarComponent],
+                    declarations: [SnackbarComponent],
+                    providers: [],
+                },] }
+    ];
+
     var components = [
         TagComponent,
         TabComponent,
@@ -3414,7 +3499,8 @@
                         InputModule,
                         LoaderModule,
                         ProgressBarModule,
-                        ngxPerfectScrollbar.PerfectScrollbarModule
+                        ngxPerfectScrollbar.PerfectScrollbarModule,
+                        SnackbarModule
                     ],
                     declarations: components,
                     exports: __spread(components, exportsFromModule)
@@ -3488,6 +3574,8 @@
     exports.SettingsComponent = SettingsComponent;
     exports.SharedComponentsModule = SharedComponentsModule;
     exports.SharedDirectives = SharedDirectives;
+    exports.SnackbarComponent = SnackbarComponent;
+    exports.SnackbarModule = SnackbarModule;
     exports.StateComponent = StateComponent;
     exports.SwitchComponent = SwitchComponent;
     exports.TabComponent = TabComponent;