npm - @wizishop/angular-components - Versions diffs - 15.1.41 → 15.1.42 - Mend

@wizishop/angular-components 15.1.41 → 15.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/angular-components.scss +129 -129
package/esm2020/lib/components/tab/tab.component.mjs +6 -3
package/fesm2015/wizishop-angular-components.mjs +5 -2
package/fesm2015/wizishop-angular-components.mjs.map +1 -1
package/fesm2020/wizishop-angular-components.mjs +5 -2
package/fesm2020/wizishop-angular-components.mjs.map +1 -1
package/lib/components/tab/tab.component.d.ts +2 -1
package/package.json +1 -1
package/wizishop-angular-components-15.1.42.tgz +0 -0
package/wizishop-angular-components-15.1.41.tgz +0 -0

package/angular-components.scss CHANGED Viewed

@@ -649,6 +649,135 @@ wac-block {
     margin-right: 0;
   }
 }
+.wac-breadcrumbs {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0 0 10px;
+  border-radius: 3px;
+  @include media('<tablet') {
+    &:not(.no-responsive) {
+      max-width: 100%;
+      overflow: hidden;
+      .wac-breadcrumbs {
+        &__wrapper {
+          @include media('<tablet') {
+            width: auto;
+            overflow-x: scroll;
+          }
+        }
+        &__item {
+          @include media('<tablet') {
+            width: auto;
+            min-width: unset;
+            max-width: unset;
+            .name {
+              white-space: nowrap;
+            }
+          }
+        }
+      }
+    }
+  }
+  &__wrapper {
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+  &__item {
+    width: 100%;
+    max-width: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    padding: 10px;
+    cursor: pointer;
+    &:before {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: -5px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: calc(100% - 5px);
+      height: 3px;
+      background-color: $wac-round-breadcrumbs;
+    }
+    &.current, &.valid {
+      &:before {
+        background-color: $wac-wizishop-blue;
+      }
+      &:hover, &:focus {
+        .round {
+          background-color: $wac-wizishop-blue;
+          border-color: $wac-wizishop-blue;
+          > span, > i {
+            color: $wac-white;
+          }
+        }
+        .name {
+          color: $wac-wizishop-blue;
+        }
+      }
+    }
+    &.current {
+      &:before {
+        height: 5px;
+      }
+    }
+    .round {
+      min-width: 30px;
+      height: 30px;
+      border-radius: 30px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: 2px solid $wac-round-breadcrumbs;
+      background-color: $wac-round-breadcrumbs;
+      transition: .3s ease;
+      margin: 0 15px 0 0;
+      > span {
+        font-size: rem(12);
+        font-weight: 500;
+        color: $wac-second-color;
+        line-height: 1;
+      }
+      > i {
+        font-size: rem(14);
+        color: $wac-wizishop-blue;
+      }
+      &.valid {
+        background-color: transparent;
+        border-color: $wac-wizishop-blue;
+        color: $wac-wizishop-blue;
+      }
+      &.current:not(.valid) {
+        background-color: $wac-wizishop-blue;
+        border-color: $wac-wizishop-blue;
+        > span, > i {
+          color: $wac-white;
+        }
+      }
+    }
+    .name {
+      font-size: rem(14);
+      font-weight: 500;
+      color: $wac-second-color;
+      line-height: 1;
+      transition: .3s ease;
+      &.valid, &.current {
+        color: $wac-wizishop-blue;
+      }
+    }
+  }
+}
 .wac-button {
   @include flexbox();
   @include justify-content(center);
@@ -2068,135 +2197,6 @@ wac-block {
     }
   }
 }
-.wac-breadcrumbs {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0;
-  margin: 0 0 10px;
-  border-radius: 3px;
-  @include media('<tablet') {
-    &:not(.no-responsive) {
-      max-width: 100%;
-      overflow: hidden;
-      .wac-breadcrumbs {
-        &__wrapper {
-          @include media('<tablet') {
-            width: auto;
-            overflow-x: scroll;
-          }
-        }
-        &__item {
-          @include media('<tablet') {
-            width: auto;
-            min-width: unset;
-            max-width: unset;
-            .name {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
-    }
-  }
-  &__wrapper {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-  &__item {
-    width: 100%;
-    max-width: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    padding: 10px;
-    cursor: pointer;
-    &:before {
-      content: '';
-      display: block;
-      position: absolute;
-      bottom: -5px;
-      left: 50%;
-      transform: translateX(-50%);
-      width: calc(100% - 5px);
-      height: 3px;
-      background-color: $wac-round-breadcrumbs;
-    }
-    &.current, &.valid {
-      &:before {
-        background-color: $wac-wizishop-blue;
-      }
-      &:hover, &:focus {
-        .round {
-          background-color: $wac-wizishop-blue;
-          border-color: $wac-wizishop-blue;
-          > span, > i {
-            color: $wac-white;
-          }
-        }
-        .name {
-          color: $wac-wizishop-blue;
-        }
-      }
-    }
-    &.current {
-      &:before {
-        height: 5px;
-      }
-    }
-    .round {
-      min-width: 30px;
-      height: 30px;
-      border-radius: 30px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border: 2px solid $wac-round-breadcrumbs;
-      background-color: $wac-round-breadcrumbs;
-      transition: .3s ease;
-      margin: 0 15px 0 0;
-      > span {
-        font-size: rem(12);
-        font-weight: 500;
-        color: $wac-second-color;
-        line-height: 1;
-      }
-      > i {
-        font-size: rem(14);
-        color: $wac-wizishop-blue;
-      }
-      &.valid {
-        background-color: transparent;
-        border-color: $wac-wizishop-blue;
-        color: $wac-wizishop-blue;
-      }
-      &.current:not(.valid) {
-        background-color: $wac-wizishop-blue;
-        border-color: $wac-wizishop-blue;
-        > span, > i {
-          color: $wac-white;
-        }
-      }
-    }
-    .name {
-      font-size: rem(14);
-      font-weight: 500;
-      color: $wac-second-color;
-      line-height: 1;
-      transition: .3s ease;
-      &.valid, &.current {
-        color: $wac-wizishop-blue;
-      }
-    }
-  }
-}
 wac-calendar {
   &.ng-touched.ng-invalid {
     .wac-calendar__wrapper__select, .wac-calendar__wrapper__editInPlace, .wac-calendar__wrapper__select {

package/esm2020/lib/components/tab/tab.component.mjs CHANGED Viewed

@@ -8,6 +8,7 @@ export class TabComponent {
         // TODO implement ngModel
         this.underline = false;
         this.button = false;
+        this.marginBottom = '30px';
         this.tabs = [];
         this.index = 0;
         this.indexChange = new EventEmitter();
@@ -18,14 +19,16 @@ export class TabComponent {
     }
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", marginBottom: "marginBottom", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { underline: [{
                 type: Input
             }], button: [{
                 type: Input
+            }], marginBottom: [{
+                type: Input
             }], tabs: [{
                 type: Input
             }], index: [{
@@ -33,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
             }], indexChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFiL3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYi90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVcxRixNQUFNLE9BQU8sWUFBWTtJQWlCdkI7UUFoQkEsNEJBQTRCO1FBQzVCLHlCQUF5QjtRQUd6QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFHZixTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRVIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUVqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFcEMsQ0FBQztJQUVoQixZQUFZLENBQUMsQ0FBQztRQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O3lHQXRCVSxZQUFZOzZGQUFaLFlBQVksZ01DWnpCLG1aQVlBLDJDREZZLFlBQVk7MkZBRVgsWUFBWTtrQkFQeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzBFQU92QixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgVGFiID0ge2xhYmVsOnN0cmluZywgaW5kZXg6IG51bWJlcn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy10YWInLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgVGFiQ29tcG9uZW50IHtcbiAgLy8gVE9ETyBpbXBsZW1lbnQgbmctY29udGVudFxuICAvLyBUT0RPIGltcGxlbWVudCBuZ01vZGVsXG5cbiAgQElucHV0KClcbiAgdW5kZXJsaW5lID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdGFiczogVGFiW10gPSBbXTtcblxuICBASW5wdXQoKSBpbmRleDogbnVtYmVyID0gMDtcblxuICBAT3V0cHV0KCkgaW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdmFsdWVDaGFuZ2VkKGkpIHtcbiAgICB0aGlzLmluZGV4ID0gaTtcbiAgICB0aGlzLmluZGV4Q2hhbmdlLmVtaXQodGhpcy5pbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtdGFiXCIgW25nQ2xhc3NdPVwieyd3YWMtdGFiLS11bmRlcmxpbmUnOiB1bmRlcmxpbmUsICd3YWMtdGFiLS1idXR0b24nIDogYnV0dG9ufVwiPlxuICA8ZGl2IGNsYXNzPVwid2FjLXRhYl9fd3JhcHBlclwiPlxuICAgIDxhXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNcIlxuICAgICAgY2xhc3M9XCJ3YWMtdGFiX193cmFwcGVyX190YWJcIlxuICAgICAgW25nQ2xhc3NdPVwiaW5kZXggPT09IHRhYi5pbmRleCA/ICd3YWMtdGFiX193cmFwcGVyX190YWItLXNlbGVjdGVkJyA6ICcnXCJcbiAgICAgIChjbGljayk9XCJ2YWx1ZUNoYW5nZWQodGFiLmluZGV4KVwiXG4gICAgPlxuICAgICAge3sgdGFiLmxhYmVsIH19XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFiL3RhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYi90YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVcxRixNQUFNLE9BQU8sWUFBWTtJQW9CdkI7UUFuQkEsNEJBQTRCO1FBQzVCLHlCQUF5QjtRQUd6QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFHZixpQkFBWSxHQUFHLE1BQU0sQ0FBQztRQUd0QixTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRVIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUVqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFcEMsQ0FBQztJQUVoQixZQUFZLENBQUMsQ0FBQztRQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O3lHQXpCVSxZQUFZOzZGQUFaLFlBQVksOE5DWnpCLGljQVlBLDJDREZZLFlBQVk7MkZBRVgsWUFBWTtrQkFQeEIsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzBFQU92QixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBR0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFRhYiA9IHtsYWJlbDpzdHJpbmcsIGluZGV4OiBudW1iZXJ9O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCB7XG4gIC8vIFRPRE8gaW1wbGVtZW50IG5nLWNvbnRlbnRcbiAgLy8gVE9ETyBpbXBsZW1lbnQgbmdNb2RlbFxuXG4gIEBJbnB1dCgpXG4gIHVuZGVybGluZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1hcmdpbkJvdHRvbSA9ICczMHB4JztcblxuICBASW5wdXQoKVxuICB0YWJzOiBUYWJbXSA9IFtdO1xuXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKSBpbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB2YWx1ZUNoYW5nZWQoaSkge1xuICAgIHRoaXMuaW5kZXggPSBpO1xuICAgIHRoaXMuaW5kZXhDaGFuZ2UuZW1pdCh0aGlzLmluZGV4KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy10YWJcIiBbbmdDbGFzc109XCJ7J3dhYy10YWItLXVuZGVybGluZSc6IHVuZGVybGluZSwgJ3dhYy10YWItLWJ1dHRvbicgOiBidXR0b259XCI+XG4gIDxkaXYgY2xhc3M9XCJ3YWMtdGFiX193cmFwcGVyXCIgW25nU3R5bGVdPVwieydtYXJnaW4tYm90dG9tJzogbWFyZ2luQm90dG9tfVwiPlxuICAgIDxhXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNcIlxuICAgICAgY2xhc3M9XCJ3YWMtdGFiX193cmFwcGVyX190YWJcIlxuICAgICAgW25nQ2xhc3NdPVwiaW5kZXggPT09IHRhYi5pbmRleCA/ICd3YWMtdGFiX193cmFwcGVyX190YWItLXNlbGVjdGVkJyA6ICcnXCJcbiAgICAgIChjbGljayk9XCJ2YWx1ZUNoYW5nZWQodGFiLmluZGV4KVwiXG4gICAgPlxuICAgICAge3sgdGFiLmxhYmVsIH19XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2015/wizishop-angular-components.mjs CHANGED Viewed

@@ -1978,6 +1978,7 @@ class TabComponent {
         // TODO implement ngModel
         this.underline = false;
         this.button = false;
+        this.marginBottom = '30px';
         this.tabs = [];
         this.index = 0;
         this.indexChange = new EventEmitter();
@@ -1988,14 +1989,16 @@ class TabComponent {
     }
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", marginBottom: "marginBottom", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { underline: [{
                 type: Input
             }], button: [{
                 type: Input
+            }], marginBottom: [{
+                type: Input
             }], tabs: [{
                 type: Input
             }], index: [{