@wizishop/angular-components 15.1.98 → 15.1.99

package/angular-components.scss

@@ -6,6 +6,7 @@ $wac-background-color-disabled: #ecf0f1!default;
 $wac-table-background-color: #fafafa!default;
 $wac-bleu-color: #52aecd!default;
 $wac-red-color: #ff1800!default;
+$wac-red-color-text-on-transparentize: darken(#ff1800, 15%)!default;
 $wac-border-color: #cfd4e4!default;
 $wac-border-form: #C9D2D9!default;
 $wac-border-light: #cfd4e4!default;
@@ -19,6 +20,7 @@ $wac-gray-background: #f5f8fa!default;
 $wac-green-color-darken: #25a25a!default;
 $wac-green-color-focus: #208e4f!default;
 $wac-green-color: #2ecc71!default;
+$wac-green-color-text-on-transparentize: #11552E!default;
 $wac-green-color-disabled: #70df9f!default;
 $wac-green-opacity: #EAFAF1!default;
 $wac-header-color: #1e2e43!default;
@@ -54,11 +56,13 @@ $wac-primary-button-focus: #d02323!default;
 $wac-primary-button-light: #FCEEEE!default;
 $wac-primary: #e95656!default;
 $wac-second-color: #526384!default;
+$wac-second-color-text-on-transparentize: darken($wac-second-color, 15%)!default;
 $wac-secondary-color: #526384!default;
 $wac-secondary-text: #6c6c6c!default;
 $wac-p-alert-color-success: #11552e!default;
 $wac-textarea-border-color: #cfd4e4!default;
 $wac-warning-color: #f5b226!default;
+$wac-warning-color-text-on-transparentize: darken(#f5b226, 15%)!default;
 $wac-white: #ffffff!default;
 $wac-wizishop-blue-button-darken: #3596b7!default;
 $wac-wizishop-blue-button-focus: #2f8baa!default;
@@ -7680,202 +7684,213 @@ wac-optional-disable-container {
     }
   }
 }
-.wac-tag-dropdown {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-
-  &__wrapper {
-    @include flexbox();
-    @include justify-content(center);
-    @include align-items(center);
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    &__icon {
-      font-size: 30px;
-      line-height: 18px;
-      color: $wac-second-color;
-      transition: color 0.3s ease, transform 0.3s ease;
-    }
-
-    &__firstlevel {
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      align-content: center;
-      color: $wac-white;
-      font-size: rem(14);
-      line-height: rem(16);
-      border-radius: rem(3);
-      padding: rem(9);
-      font-weight: 600;
-      transition: 0.3s ease;
-      cursor: default;
-
-      i {
-        color: $wac-white;
-        font-weight: 400;
-        margin: 0 0 0 rem(15);
-        font-size: rem(13);
-      }
-
-      &--default {
-        background-color: $wac-tag-default;
-        border: 1px solid $wac-border-light;
-        color: $wac-second-color;
-        font-weight: 400;
-        i {
-          color: $wac-second-color;
-        }
-        &.hover:hover,
-        &.hover:focus {
-          background-color: $wac-hover-btn-grey;
-          color: $wac-main-text;
-          i {
-            color: $wac-main-text;
-          }
-        }
-      }
-
-      &--success {
-        background-color: $wac-tag-success;
-        &.hover:hover,
-        &.hover:focus {
-          background-color: darken($wac-tag-success, 15%);
-        }
-      }
-
-      &--warning {
-        background-color: $wac-tag-waring;
-        &.hover:hover,
-        &.hover:focus {
-          background-color: darken($wac-tag-waring, 15%);
-        }
-      }
-
-      &--error {
-        background-color: $wac-primary-button;
-        &.hover:hover,
-        &.hover:focus {
-          background-color: darken($wac-primary-button, 15%);
-        }
-      }
-
-      &--dark {
-        background-color: $wac-main-text;
-        &.hover:hover,
-        &.hover:focus {
-          background-color: lighten($wac-main-text, 15%);
-        }
-      }
-
-      &--gray {
-        background-color: $wac-tag-gray;
-        &.hover:hover,
-        &.hover:focus {
-          background-color: darken($wac-tag-gray, 15%);
-        }
-      }
-
-      &--lightgray {
-        background-color: $wac-border-light;
-        color: $wac-second-color;
-        i {
-          color: $wac-border-form;
-        }
-        &.hover:hover,
-        &.hover:focus {
-          background-color: darken($wac-border-light, 15%);
-        }
-      }
-
-      &--white {
-        background-color: white;
-        border: 1px solid $wac-border-form;
-        color: $wac-second-color;
-        font-weight: 400;
-        i {
-          color: $wac-second-color;
-        }
-        &.hover:hover,
-        &.hover:focus {
-          color: $wac-main-text;
-          i {
-            color: $wac-main-text;
-          }
-        }
-      }
-    }
-
-    &__sublevel {
-      position: absolute;
-      min-width: 160px;
-      top: 100%;
-      right: 0;
-      z-index: -1;
-      opacity: 0;
-      background-color: $wac-white;
-      border-radius: rem(3);
-      box-shadow: 0px 2px 5px $wac-info-box-shadow;
-      visibility: hidden;
-      transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
-
-      &__container {
-        padding: 10px 10px;
-        border: 1px solid $wac-border-color;
-        border-radius: 3px;
-
-        &__item {
-          padding: 5.7px 10px;
-          font-size: 14px;
-          line-height: 24px;
-          color: $wac-second-color;
-          cursor: pointer;
-          transition: background-color 0.3s ease, color 0.3s ease;
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          align-content: center;
-
-          i {
-            min-width: 15px;
-            margin-right: 5px;
-            text-align: center;
-          }
-          span {
-            white-space: nowrap;
-          }
-
-          &:hover {
-            background-color: $wac-gray-background;
-            transition: background-color 0.3s ease, color 0.3s ease;
-            color: $wac-input-active-color;
-          }
-        }
-      }
-    }
-
-    &:hover {
-      .wac-tag-dropdown__wrapper__icon {
-        color: $wac-wizishop-blue;
-        transform: rotate(90deg);
-        transition: color 0.3s ease, transform 0.3s ease;
-      }
-
-      .wac-tag-dropdown__wrapper__sublevel {
-        visibility: visible;
-        opacity: 1;
-        z-index: 2;
-        transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
-      }
-    }
-  }
-}
-
-
+.wac-tag-dropdown {
+  display: inline-block;
+  height: 32px;
+
+  &__wrapper {
+    @include flexbox();
+    @include justify-content(center);
+    @include align-items(center);
+    width: 100%;
+    height: 100%;
+    position: relative;
+    height: 32px;
+
+    &__icon {
+      font-size: 30px;
+      line-height: 18px;
+      color: $wac-second-color;
+      transition: color 0.3s ease, transform 0.3s ease;
+    }
+
+    &__firstlevel {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      align-content: center;
+      transition: 0.3s ease;
+      cursor: default;
+
+      > div {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        color: $wac-white;
+        font-size: rem(14);
+        line-height: rem(32);
+        border-radius: rem(3);
+        padding: 0 10px;
+        height: rem(32);
+        font-weight: 600;
+        &.hover {
+          transition: .3s ease;
+        }
+      }
+
+      i {
+        color: $wac-white;
+        font-weight: 400 !important;
+        font-size: rem(16);
+
+        &.i-primary {
+          font-size: rem(16) !important;
+          margin: 0 rem(5) 0 0;
+        }
+
+        &.i-dropdown, &.i-next {
+          font-size: rem(14) !important;
+          margin: 0 0 0 5px;
+          transform: translateY(1px);
+        }
+
+        & + i {
+          margin: 0;
+        }
+      }
+
+      &--default {
+        background-color: transparentize($wac-second-color, .85);
+        color: $wac-second-color-text-on-transparentize!important;
+
+        i {
+          color: $wac-second-color;
+        }
+
+        .hover:hover &,
+        .hover:focus & {
+          background-color: $wac-second-color;
+          color: $wac-white!important;
+          i {
+            color: $wac-white;
+          }
+        }
+      }
+
+      &--success {
+        background-color: transparentize($wac-green-color, .85);
+        color: $wac-green-color-text-on-transparentize!important;
+
+        i {
+          color: $wac-green-color;
+        }
+
+        .hover:hover &,
+        .hover:focus & {
+          background-color: $wac-green-color;
+          color: $wac-white!important;
+          i {
+            color: $wac-white;
+          }
+        }
+      }
+
+      &--warning {
+        background-color: transparentize($wac-warning-color, .85);
+        color: $wac-warning-color-text-on-transparentize!important;
+
+        i {
+          color: $wac-warning-color;
+        }
+
+        .hover:hover &,
+        .hover:focus & {
+          background-color: $wac-warning-color;
+          color: $wac-white!important;
+          i {
+            color: $wac-white;
+          }
+        }
+      }
+
+      &--error {
+        background-color: transparentize($wac-red-color, .85);
+        color: $wac-red-color-text-on-transparentize!important;
+
+        i {
+          color: $wac-red-color;
+        }
+
+        .hover:hover &,
+        .hover:focus & {
+          background-color: $wac-red-color;
+          color: $wac-white!important;
+          i {
+            color: $wac-white;
+          }
+        }
+      }
+    }
+
+    &__sublevel {
+      position: absolute;
+      min-width: 160px;
+      top: 100%;
+      left: 100%;
+      transform: translateX(-100%);
+      z-index: -1;
+      opacity: 0;
+      border-radius: rem(3);
+      visibility: hidden;
+      transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
+
+      &__container {
+        padding: 10px 10px;
+        border: 1px solid $wac-border-color;
+        border-radius: 3px;
+        background-color: $wac-white;
+        box-shadow: 0px 2px 5px $wac-info-box-shadow;
+        margin: 10px 0 0!important;
+
+        &__item {
+          padding: 5.7px 10px;
+          font-size: 14px;
+          line-height: 24px;
+          color: $wac-second-color;
+          cursor: pointer;
+          transition: background-color 0.3s ease, color 0.3s ease;
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          align-content: center;
+
+          i {
+            min-width: 15px;
+            margin-right: 5px;
+            text-align: center;
+          }
+          span {
+            white-space: nowrap;
+          }
+
+          &:hover {
+            background-color: $wac-gray-background;
+            transition: background-color 0.3s ease, color 0.3s ease;
+            color: $wac-input-active-color;
+          }
+        }
+      }
+    }
+
+    &:hover {
+      .wac-tag-dropdown__wrapper__icon {
+        color: $wac-wizishop-blue;
+        transform: rotate(90deg);
+        transition: color 0.3s ease, transform 0.3s ease;
+      }
+
+      .wac-tag-dropdown__wrapper__sublevel {
+        visibility: visible;
+        opacity: 1;
+        z-index: 2;
+        transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
+      }
+    }
+  }
+}
+
+
 .wac-tag-label {
   @include flexbox();
   background-color: $wac-gray-background;

package/esm2020/lib/components/tag-dropdown/tag-dropdown.component.mjs

@@ -6,6 +6,7 @@ export class TagDropdownComponent {
         this.hasIcons = false;
         this.items = [];
         this.label = '';
+        this.class = 'default';
         this.icon = '';
         this.iconFontSize = 12;
         this.isDropdown = true;
@@ -16,10 +17,10 @@ export class TagDropdownComponent {
     }
 }
 TagDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TagDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TagDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TagDropdownComponent, selector: "wac-tag-dropdown", inputs: { hasIcons: "hasIcons", items: "items", label: "label", class: "class", icon: "icon", iconNext: "iconNext", colorIcon: "colorIcon", iconFontSize: "iconFontSize", isDropdown: "isDropdown" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-tag-dropdown\">\n  <div class=\"wac-tag-dropdown__wrapper\">\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\n        <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\n        {{ label }}\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down'\" [style.font-size.px]=\"iconFontSize\"></i>\n      </div>\n    </div>\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TagDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TagDropdownComponent, selector: "wac-tag-dropdown", inputs: { hasIcons: "hasIcons", items: "items", label: "label", class: "class", icon: "icon", iconNext: "iconNext", colorIcon: "colorIcon", iconFontSize: "iconFontSize", isDropdown: "isDropdown" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-tag-dropdown\">\r\n  <div class=\"wac-tag-dropdown__wrapper\" [ngClass]=\"{'hover': isDropdown}\">\r\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\r\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\r\n        <i *ngIf=\"icon\" [ngClass]=\"icon + ' i-primary'\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        {{ label }}\r\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext + ' i-next'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down i-dropdown'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\r\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\r\n        <li\r\n          *ngFor=\"let item of items\"\r\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\r\n          (click)=\"onUserInput(item.index)\"\r\n        >\r\n          <i\r\n            *ngIf=\"hasIcons\"\r\n            [class]=\"item.icon\"\r\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\r\n          ></i>\r\n          <span>{{ item.label }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TagDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-tag-dropdown', template: "<div class=\"wac-tag-dropdown\">\n  <div class=\"wac-tag-dropdown__wrapper\">\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\n        <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\n        {{ label }}\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down'\" [style.font-size.px]=\"iconFontSize\"></i>\n      </div>\n    </div>\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'wac-tag-dropdown', template: "<div class=\"wac-tag-dropdown\">\r\n  <div class=\"wac-tag-dropdown__wrapper\" [ngClass]=\"{'hover': isDropdown}\">\r\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\r\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\r\n        <i *ngIf=\"icon\" [ngClass]=\"icon + ' i-primary'\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        {{ label }}\r\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext + ' i-next'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down i-dropdown'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\r\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\r\n        <li\r\n          *ngFor=\"let item of items\"\r\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\r\n          (click)=\"onUserInput(item.index)\"\r\n        >\r\n          <i\r\n            *ngIf=\"hasIcons\"\r\n            [class]=\"item.icon\"\r\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\r\n          ></i>\r\n          <span>{{ item.label }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { hasIcons: [{
                 type: Input
             }], items: [{
@@ -41,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
             }], userInput: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnLWRyb3Bkb3duL3RhZy1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhZy1kcm9wZG93bi90YWctZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTXZFLE1BQU0sT0FBTyxvQkFBb0I7SUF3Qi9CO1FBdEJBLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUdYLFVBQUssR0FBRyxFQUFFLENBQUM7UUFJWCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBTVYsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFHbEIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUVqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUUvQixDQUFDO0lBRWhCLFdBQVcsQ0FBQyxTQUFTO1FBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2lIQTVCVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtU0NOakMsOHNDQTRCQTsyRkR0QmEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFLNUIsUUFBUTtzQkFEUCxLQUFLO2dCQUdOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBR04sU0FBUztzQkFEUixLQUFLO2dCQUdOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy10YWctZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWdEcm9wZG93bkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGhhc0ljb25zID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGl0ZW1zID0gW107XG5cbiAgQElucHV0KClcbiAgbGFiZWwgPSAnJztcbiAgQElucHV0KClcbiAgY2xhc3M6ICdkZWZhdWx0J3wnc3VjY2Vzcyd8J3dhcm5pbmcnfCdlcnJvcid8J2RhcmsnfCdncmF5J3wnbGlnaHRncmF5J3wnd2hpdGUnO1xuICBASW5wdXQoKVxuICBpY29uID0gJyc7XG4gIEBJbnB1dCgpXG4gIGljb25OZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGNvbG9ySWNvbjogc3RyaW5nO1xuICBASW5wdXQoKVxuICBpY29uRm9udFNpemUgPSAxMjtcblxuICBASW5wdXQoKVxuICBpc0Ryb3Bkb3duOiBib29sZWFuID0gdHJ1ZTtcblxuICBAT3V0cHV0KCkgdXNlcklucHV0ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uVXNlcklucHV0KGl0ZW1JbmRleCkge1xuICAgIHRoaXMudXNlcklucHV0LmVtaXQoaXRlbUluZGV4KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy10YWctZHJvcGRvd25cIj5cbiAgPGRpdiBjbGFzcz1cIndhYy10YWctZHJvcGRvd25fX3dyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fZmlyc3RsZXZlbFwiPlxuICAgICAgPGRpdiBbY2xhc3NMaXN0XT1cIid3YWMtdGFnLWRyb3Bkb3duX193cmFwcGVyX19maXJzdGxldmVsLS0nICsgY2xhc3NcIj5cbiAgICAgICAgPGkgKm5nSWY9XCJpY29uXCIgW25nQ2xhc3NdPVwiaWNvblwiIFtzdHlsZS5jb2xvcl09XCJjb2xvckljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cImljb25Gb250U2l6ZVwiPjwvaT5cbiAgICAgICAge3sgbGFiZWwgfX1cbiAgICAgICAgPGkgKm5nSWY9XCJpY29uTmV4dFwiIFtzdHlsZS5jb2xvcl09XCJjb2xvckljb25cIiBbbmdDbGFzc109XCJpY29uTmV4dFwiIFtzdHlsZS5mb250LXNpemUucHhdPVwiaWNvbkZvbnRTaXplXCI+PC9pPlxuICAgICAgICA8aSAqbmdJZj1cImlzRHJvcGRvd25cIiBbbmdDbGFzc109XCInZmFzIGZhLWFuZ2xlLWRvd24nXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uRm9udFNpemVcIj48L2k+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fc3VibGV2ZWxcIiAqbmdJZj1cImlzRHJvcGRvd25cIj5cbiAgICAgIDx1bCBjbGFzcz1cIndhYy10YWctZHJvcGRvd25fX3dyYXBwZXJfX3N1YmxldmVsX19jb250YWluZXJcIj5cbiAgICAgICAgPGxpXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgICAgIGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fc3VibGV2ZWxfX2NvbnRhaW5lcl9faXRlbVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uVXNlcklucHV0KGl0ZW0uaW5kZXgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxpXG4gICAgICAgICAgICAqbmdJZj1cImhhc0ljb25zXCJcbiAgICAgICAgICAgIFtjbGFzc109XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpdGVtLmljb25Gb250U2l6ZSA/IGl0ZW0uaWNvbkZvbnRTaXplIDogJzE0J1wiXG4gICAgICAgICAgPjwvaT5cbiAgICAgICAgICA8c3Bhbj57eyBpdGVtLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICA8L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFnLWRyb3Bkb3duL3RhZy1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhZy1kcm9wZG93bi90YWctZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTXZFLE1BQU0sT0FBTyxvQkFBb0I7SUF3Qi9CO1FBdEJBLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUdYLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxVQUFLLEdBQTBDLFNBQVMsQ0FBQztRQUV6RCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBTVYsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFHbEIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUVqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUUvQixDQUFDO0lBRWhCLFdBQVcsQ0FBQyxTQUFTO1FBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2lIQTVCVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtU0NOakMsZzFDQTRCQTsyRkR0QmEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFLNUIsUUFBUTtzQkFEUCxLQUFLO2dCQUdOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBR04sU0FBUztzQkFEUixLQUFLO2dCQUdOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dhYy10YWctZHJvcGRvd24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWctZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdEcm9wZG93bkNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBoYXNJY29ucyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbXMgPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgY2xhc3M6ICdkZWZhdWx0J3wnc3VjY2Vzcyd8J3dhcm5pbmcnfCdlcnJvcicgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KClcclxuICBpY29uID0gJyc7XHJcbiAgQElucHV0KClcclxuICBpY29uTmV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgY29sb3JJY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KClcclxuICBpY29uRm9udFNpemUgPSAxMjtcclxuXHJcbiAgQElucHV0KClcclxuICBpc0Ryb3Bkb3duOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgQE91dHB1dCgpIHVzZXJJbnB1dCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG9uVXNlcklucHV0KGl0ZW1JbmRleCkge1xyXG4gICAgdGhpcy51c2VySW5wdXQuZW1pdChpdGVtSW5kZXgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwid2FjLXRhZy1kcm9wZG93blwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ3YWMtdGFnLWRyb3Bkb3duX193cmFwcGVyXCIgW25nQ2xhc3NdPVwieydob3Zlcic6IGlzRHJvcGRvd259XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fZmlyc3RsZXZlbFwiPlxyXG4gICAgICA8ZGl2IFtjbGFzc0xpc3RdPVwiJ3dhYy10YWctZHJvcGRvd25fX3dyYXBwZXJfX2ZpcnN0bGV2ZWwtLScgKyBjbGFzc1wiPlxyXG4gICAgICAgIDxpICpuZ0lmPVwiaWNvblwiIFtuZ0NsYXNzXT1cImljb24gKyAnIGktcHJpbWFyeSdcIiBbc3R5bGUuY29sb3JdPVwiY29sb3JJY29uXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uRm9udFNpemVcIj48L2k+XHJcbiAgICAgICAge3sgbGFiZWwgfX1cclxuICAgICAgICA8aSAqbmdJZj1cImljb25OZXh0XCIgW3N0eWxlLmNvbG9yXT1cImNvbG9ySWNvblwiIFtuZ0NsYXNzXT1cImljb25OZXh0ICsgJyBpLW5leHQnXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uRm9udFNpemVcIj48L2k+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJpc0Ryb3Bkb3duXCIgW25nQ2xhc3NdPVwiJ2ZhcyBmYS1hbmdsZS1kb3duIGktZHJvcGRvd24nXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uRm9udFNpemVcIj48L2k+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fc3VibGV2ZWxcIiAqbmdJZj1cImlzRHJvcGRvd25cIj5cclxuICAgICAgPHVsIGNsYXNzPVwid2FjLXRhZy1kcm9wZG93bl9fd3JhcHBlcl9fc3VibGV2ZWxfX2NvbnRhaW5lclwiPlxyXG4gICAgICAgIDxsaVxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ3YWMtdGFnLWRyb3Bkb3duX193cmFwcGVyX19zdWJsZXZlbF9fY29udGFpbmVyX19pdGVtXCJcclxuICAgICAgICAgIChjbGljayk9XCJvblVzZXJJbnB1dChpdGVtLmluZGV4KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGlcclxuICAgICAgICAgICAgKm5nSWY9XCJoYXNJY29uc1wiXHJcbiAgICAgICAgICAgIFtjbGFzc109XCJpdGVtLmljb25cIlxyXG4gICAgICAgICAgICBbc3R5bGUuZm9udC1zaXplLnB4XT1cIml0ZW0uaWNvbkZvbnRTaXplID8gaXRlbS5pY29uRm9udFNpemUgOiAnMTQnXCJcclxuICAgICAgICAgID48L2k+XHJcbiAgICAgICAgICA8c3Bhbj57eyBpdGVtLmxhYmVsIH19PC9zcGFuPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/fesm2015/wizishop-angular-components.mjs

@@ -6361,6 +6361,7 @@ class TagDropdownComponent {
         this.hasIcons = false;
         this.items = [];
         this.label = '';
+        this.class = 'default';
         this.icon = '';
         this.iconFontSize = 12;
         this.isDropdown = true;
@@ -6371,10 +6372,10 @@ class TagDropdownComponent {
     }
 }
 TagDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TagDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TagDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TagDropdownComponent, selector: "wac-tag-dropdown", inputs: { hasIcons: "hasIcons", items: "items", label: "label", class: "class", icon: "icon", iconNext: "iconNext", colorIcon: "colorIcon", iconFontSize: "iconFontSize", isDropdown: "isDropdown" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-tag-dropdown\">\n  <div class=\"wac-tag-dropdown__wrapper\">\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\n        <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\n        {{ label }}\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down'\" [style.font-size.px]=\"iconFontSize\"></i>\n      </div>\n    </div>\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TagDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TagDropdownComponent, selector: "wac-tag-dropdown", inputs: { hasIcons: "hasIcons", items: "items", label: "label", class: "class", icon: "icon", iconNext: "iconNext", colorIcon: "colorIcon", iconFontSize: "iconFontSize", isDropdown: "isDropdown" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-tag-dropdown\">\r\n  <div class=\"wac-tag-dropdown__wrapper\" [ngClass]=\"{'hover': isDropdown}\">\r\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\r\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\r\n        <i *ngIf=\"icon\" [ngClass]=\"icon + ' i-primary'\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        {{ label }}\r\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext + ' i-next'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down i-dropdown'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\r\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\r\n        <li\r\n          *ngFor=\"let item of items\"\r\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\r\n          (click)=\"onUserInput(item.index)\"\r\n        >\r\n          <i\r\n            *ngIf=\"hasIcons\"\r\n            [class]=\"item.icon\"\r\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\r\n          ></i>\r\n          <span>{{ item.label }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TagDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-tag-dropdown', template: "<div class=\"wac-tag-dropdown\">\n  <div class=\"wac-tag-dropdown__wrapper\">\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\n        <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\n        {{ label }}\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down'\" [style.font-size.px]=\"iconFontSize\"></i>\n      </div>\n    </div>\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'wac-tag-dropdown', template: "<div class=\"wac-tag-dropdown\">\r\n  <div class=\"wac-tag-dropdown__wrapper\" [ngClass]=\"{'hover': isDropdown}\">\r\n    <div class=\"wac-tag-dropdown__wrapper__firstlevel\">\r\n      <div [classList]=\"'wac-tag-dropdown__wrapper__firstlevel--' + class\">\r\n        <i *ngIf=\"icon\" [ngClass]=\"icon + ' i-primary'\" [style.color]=\"colorIcon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        {{ label }}\r\n        <i *ngIf=\"iconNext\" [style.color]=\"colorIcon\" [ngClass]=\"iconNext + ' i-next'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n        <i *ngIf=\"isDropdown\" [ngClass]=\"'fas fa-angle-down i-dropdown'\" [style.font-size.px]=\"iconFontSize\"></i>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-tag-dropdown__wrapper__sublevel\" *ngIf=\"isDropdown\">\r\n      <ul class=\"wac-tag-dropdown__wrapper__sublevel__container\">\r\n        <li\r\n          *ngFor=\"let item of items\"\r\n          class=\"wac-tag-dropdown__wrapper__sublevel__container__item\"\r\n          (click)=\"onUserInput(item.index)\"\r\n        >\r\n          <i\r\n            *ngIf=\"hasIcons\"\r\n            [class]=\"item.icon\"\r\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\r\n          ></i>\r\n          <span>{{ item.label }}</span>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { hasIcons: [{
                 type: Input
             }], items: [{