@wizishop/angular-components 0.0.101 → 0.0.104

package/angular-components.scss

@@ -4613,6 +4613,7 @@ a.wac-link {
   padding: rem(9);
   font-weight: 600;
   transition: 0.3s ease;
+  cursor: default;
 
   &.big {
     padding: rem(11) rem(15);
@@ -4626,10 +4627,6 @@ a.wac-link {
     }
   }
 
-  &.hover {
-    cursor: pointer;
-  }
-
   i {
     color: $wac-white;
     font-weight: 400;
@@ -4706,6 +4703,12 @@ a.wac-link {
       background-color: darken($wac-border-light, 15%);
     }
   }
+
+  &__close {
+    &:hover {
+      cursor: pointer;
+    }
+  }
 }
 .wac-text {
   font-size: rem(14);

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

@@ -810,7 +810,7 @@
         TableComponent.prototype.setTablesFilters = function () {
             this.tableFilters = {
                 sort: this._tableFiltersGroup.get('sort'),
-                order: this._tableFiltersGroup.get('order'),
+                order: this._tableFiltersGroup.get('order') ? this._tableFiltersGroup.get('order') === 'true' : undefined,
                 searchValue: this._tableFiltersGroup.get('searchValue'),
                 itemsPerPage: this._tableFiltersGroup.get('itemsPerPage') ? parseInt(this._tableFiltersGroup.get('itemsPerPage')) : 0,
                 currentPage: this._tableFiltersGroup.get('currentPage') ? parseInt(this._tableFiltersGroup.get('currentPage')) : 0,
@@ -850,18 +850,14 @@
 
     var TagComponent = /** @class */ (function () {
         function TagComponent() {
-            //todo Refacto, open/close should be handle outside this component
             this.label = '';
             this.hasClose = false;
             this.big = false;
             this.isOpen = true;
             this.isOpenChange = new i0.EventEmitter();
         }
-        TagComponent.prototype.closeTag = function () {
-            if (!this.hasClose) {
-                return;
-            }
-            this.isOpen = false;
+        TagComponent.prototype.toggleTag = function () {
+            this.isOpen = !this.isOpen;
             this.isOpenChange.next(this.isOpen);
         };
         return TagComponent;
@@ -869,7 +865,7 @@
     TagComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-tag',
-                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\" *ngIf=\"isOpen\" (click)=\"closeTag()\">\n  {{ label }}\n  <span *ngIf=\"hasClose\"><i class=\"fas fa-times\"></i></span>\n</div>\n"
+                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n"
                 },] }
     ];
     TagComponent.ctorParameters = function () { return []; };
@@ -973,7 +969,6 @@
         };
         ButtonComponent.prototype.addMaxWidthDelete = function () {
             this.buttonMaxWidthDelete = this.buttonWidthDelete + 'px';
-            console.log('here', this.buttonMaxWidthDelete);
         };
         ButtonComponent.prototype.resetMaxWidthDelete = function () {
             this.buttonMaxWidthDelete = '0px';
@@ -1004,7 +999,6 @@
                 }
                 if (_this.confirmDelete) {
                     _this.buttonWidthDelete = _this.calculWidthDelete.nativeElement.offsetWidth;
-                    console.log('here2', _this.buttonWidthDelete);
                 }
             }, 1000);
         };
@@ -1913,24 +1907,57 @@
     };
 
     var LinkComponent = /** @class */ (function () {
-        function LinkComponent() {
+        function LinkComponent(renderer2) {
+            this.renderer2 = renderer2;
             this.target = '_self';
         }
+        Object.defineProperty(LinkComponent.prototype, "href", {
+            get: function () {
+                return this._link;
+            },
+            set: function (link) {
+                this._link = link;
+                if (link && this.renderer2) {
+                    this.setAttributesLink();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         LinkComponent.prototype.ngOnInit = function () { };
+        LinkComponent.prototype.ngAfterViewInit = function () {
+            this.setAttributesLink();
+        };
+        LinkComponent.prototype.setAttributesLink = function () {
+            if (!this.linkComponent) {
+                return;
+            }
+            if (this.href) {
+                this.renderer2.setAttribute(this.linkComponent.nativeElement, "href", this.href);
+                this.renderer2.setAttribute(this.linkComponent.nativeElement, "target", this.target);
+            }
+            else {
+                this.renderer2.removeAttribute(this.linkComponent.nativeElement, "href");
+                this.renderer2.removeAttribute(this.linkComponent.nativeElement, "target");
+            }
+        };
         return LinkComponent;
     }());
     LinkComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-link',
-                    template: "<a class=\"wac-link\" [href]=\"href\" [target]=\"target\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
+                    template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
                 },] }
     ];
-    LinkComponent.ctorParameters = function () { return []; };
+    LinkComponent.ctorParameters = function () { return [
+        { type: i0.Renderer2 }
+    ]; };
     LinkComponent.propDecorators = {
         href: [{ type: i0.Input }],
         target: [{ type: i0.Input }],
         id: [{ type: i0.Input }],
-        class: [{ type: i0.Input }]
+        class: [{ type: i0.Input }],
+        linkComponent: [{ type: i0.ViewChild, args: ['linkComponent',] }]
     };
 
     var ProgressBarComponent = /** @class */ (function () {
@@ -4051,6 +4078,12 @@
         function TableFiltersGroup() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
+        TableFiltersGroup.prototype.set = function (key, value) {
+            _super.prototype.set.call(this, key, value);
+        };
+        TableFiltersGroup.prototype.resetToFirstPage = function () {
+            this.set("currentPage", 1);
+        };
         return TableFiltersGroup;
     }(i1$1.NwbFilterGroup));