@evotor-dev/ui-kit 6.9.7 → 6.10.0

package/bundles/evotor-dev-ui-kit.umd.js

@@ -3031,8 +3031,19 @@
 
   var EvoBadgeComponent = /** @class */ (function () {
       function EvoBadgeComponent() {
+          this.size = 'normal';
+          /**
+           * @deprecated don't use it
+           */
           this.multiline = false;
       }
+      Object.defineProperty(EvoBadgeComponent.prototype, "styleWidth", {
+          get: function () {
+              return this.widthPercents ? this.widthPercents + "%" : this.widthPixels ? this.widthPixels + "px" : undefined;
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(EvoBadgeComponent.prototype, "classes", {
           get: function () {
               var classes = [];
@@ -3053,7 +3064,7 @@
       return EvoBadgeComponent;
   }());
   EvoBadgeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EvoBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBadgeComponent, selector: "evo-badge", inputs: { color: "color", size: "size", multiline: "multiline", widthPixels: ["width.px", "widthPixels"], widthPercents: ["width.%", "widthPercents"] }, ngImport: i0__namespace, template: "<div\n    class=\"evo-badge\"\n    [evoUiClass]=\"classes\"\n    [style.width.px]=\"widthPixels\"\n    [style.width.%]=\"widthPercents\"\n>\n    <div class=\"evo-badge__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-badge{display:inline-flex;justify-content:center;align-items:center;min-height:24px;padding:1px 0;overflow:hidden;color:#fff;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap;text-align:center;background-color:#91b1b8;border-radius:4px}.evo-badge:not([style*=width]){padding:1px 8px}.evo-badge_multiline{white-space:initial;word-break:break-all}.evo-badge__content{overflow:hidden;text-overflow:ellipsis}.evo-badge_success{background-color:#21c68b}.evo-badge_error{background-color:#ff1817}.evo-badge_icon-dark{background-color:#91b1b8}.evo-badge_icon-light{background-color:#bedce3}.evo-badge_graph-1{background-color:#eb5365}.evo-badge_graph-2{background-color:#9474c9}.evo-badge_graph-3{background-color:#41b2e5}.evo-badge_graph-4{background-color:#3ccfcf}.evo-badge_graph-5{background-color:#b7ce2c}.evo-badge_graph-6{background-color:#f4d221}.evo-badge_graph-7{background-color:#f0a042}.evo-badge_graph-8{background-color:#f87550}.evo-badge_graph-9{background-color:#847474}.evo-badge_graph-10{background-color:#7a96a5}.evo-badge_grey{color:#727272;background-color:#f4f6f8}.evo-badge_rating{background-color:#f2c94c}.evo-badge_primary{background-color:#f05023}.evo-badge_small{min-height:18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}.evo-badge_small:not([style*=width]){padding:0 6px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  EvoBadgeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBadgeComponent, selector: "evo-badge", inputs: { color: "color", size: "size", multiline: "multiline", widthPixels: ["width.px", "widthPixels"], widthPercents: ["width.%", "widthPercents"] }, host: { properties: { "style.width": "this.styleWidth" } }, ngImport: i0__namespace, template: "<div class=\"evo-badge\" [evoUiClass]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: ["evo-badge{display:block;width:max-content;--evo-badge-color: #FFFFFF;--evo-badge-background-color: none;--evo-badge-background-image: none}evo-badge .evo-badge{--inner-icon-size: 20px;--inner-gap: 8px;--inner-min-height: 24px;--inner-padding: 1px 0;--inner-color: #FFFFFF;--inner-background-color: #91B1B8;--inner-background-image: none;display:flex;justify-content:center;align-items:center;grid-gap:var(--inner-gap);gap:var(--inner-gap);padding:var(--inner-padding);width:100%;min-height:var(--inner-min-height);border-radius:4px;overflow:hidden;white-space:nowrap;text-align:center;color:var(--inner-color);background-color:var(--inner-background-color);background-image:var(--inner-background-image)}evo-badge .evo-badge evo-icon{display:block;width:var(--inner-icon-size);height:var(--inner-icon-size);margin:0 -4px;fill:currentColor}evo-badge .evo-badge_success{--inner-color: #FFFFFF;--inner-background-color: #21C68B}evo-badge .evo-badge_error{--inner-color: #FFFFFF;--inner-background-color: #FF1817}evo-badge .evo-badge_icon-dark{--inner-color: #FFFFFF;--inner-background-color: #91B1B8}evo-badge .evo-badge_icon-light{--inner-color: #FFFFFF;--inner-background-color: #BEDCE3}evo-badge .evo-badge_graph-1{--inner-color: #FFFFFF;--inner-background-color: #EB5365}evo-badge .evo-badge_graph-2{--inner-color: #FFFFFF;--inner-background-color: #9474C9}evo-badge .evo-badge_graph-3{--inner-color: #FFFFFF;--inner-background-color: #41B2E5}evo-badge .evo-badge_graph-4{--inner-color: #FFFFFF;--inner-background-color: #3CCFCF}evo-badge .evo-badge_graph-5{--inner-color: #FFFFFF;--inner-background-color: #B7CE2C}evo-badge .evo-badge_graph-6{--inner-color: #FFFFFF;--inner-background-color: #F4D221}evo-badge .evo-badge_graph-7{--inner-color: #FFFFFF;--inner-background-color: #F0A042}evo-badge .evo-badge_graph-8{--inner-color: #FFFFFF;--inner-background-color: #F87550}evo-badge .evo-badge_graph-9{--inner-color: #FFFFFF;--inner-background-color: #847474}evo-badge .evo-badge_graph-10{--inner-color: #FFFFFF;--inner-background-color: #7A96A5}evo-badge .evo-badge_grey{--inner-color: #727272;--inner-background-color: #F4F6F8}evo-badge .evo-badge_rating{--inner-color: #FFFFFF;--inner-background-color: #F2C94C}evo-badge .evo-badge_primary{--inner-color: #FFFFFF;--inner-background-color: #F05023}evo-badge .evo-badge_custom{--inner-background-color: var(--evo-badge-background-color);--inner-background-image: var(--evo-badge-background-image);--inner-color: var(--evo-badge-color)}evo-badge .evo-badge_small{--inner-icon-size: 16px;--inner-padding: 0 6px;--inner-min-height: 18px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:600}evo-badge .evo-badge_normal{--inner-icon-size: 20px;--inner-padding: 1px 8px;--inner-min-height: 24px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}evo-badge .evo-badge_large{--inner-icon-size: 24px;--inner-padding: 3px 8px;--inner-min-height: 32px;font-family:var(--evo-font);font-style:normal;font-size:18px;line-height:26px;font-weight:600}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3061,6 +3072,7 @@
                       templateUrl: './evo-badge.component.html',
                       styleUrls: ['./evo-badge.component.scss'],
                       changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      encapsulation: i0.ViewEncapsulation.None,
                   }]
           }], propDecorators: { color: [{
                   type: i0.Input
@@ -3074,6 +3086,9 @@
               }], widthPercents: [{
                   type: i0.Input,
                   args: ['width.%']
+              }], styleWidth: [{
+                  type: i0.HostBinding,
+                  args: ['style.width']
               }] } });
 
   var EvoBadgeModule = /** @class */ (function () {
@@ -3082,23 +3097,14 @@
       return EvoBadgeModule;
   }());
   EvoBadgeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  EvoBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, declarations: [EvoBadgeComponent], imports: [i2.CommonModule,
-          EvoUiKitModule], exports: [EvoBadgeComponent] });
-  EvoBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, imports: [[
-              i2.CommonModule,
-              EvoUiKitModule,
-          ]] });
+  EvoBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, declarations: [EvoBadgeComponent], imports: [i2.CommonModule, EvoUiKitModule], exports: [EvoBadgeComponent] });
+  EvoBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, imports: [[i2.CommonModule, EvoUiKitModule]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       declarations: [EvoBadgeComponent],
-                      imports: [
-                          i2.CommonModule,
-                          EvoUiKitModule,
-                      ],
-                      exports: [
-                          EvoBadgeComponent,
-                      ]
+                      imports: [i2.CommonModule, EvoUiKitModule],
+                      exports: [EvoBadgeComponent],
                   }]
           }] });
 
@@ -8644,8 +8650,11 @@
           this.destroy$.unsubscribe();
       };
       EvoDropdownComponent.prototype.onOverlayOutsideClick = function (event) {
+          var _a, _b;
           this.outsideClick.emit(event);
-          if (this.closeOnOutsideClick) {
+          var originNativeElement = (_b = (_a = this.dropdownOrigin) === null || _a === void 0 ? void 0 : _a.elementRef) === null || _b === void 0 ? void 0 : _b.nativeElement;
+          // check if origin is clicked through overlay
+          if (this.closeOnOutsideClick && !(originNativeElement === null || originNativeElement === void 0 ? void 0 : originNativeElement.contains(event.target))) {
               this.close();
           }
       };